/*! tailwindcss v4.0.4 | MIT License | https://tailwindcss.com */
@layer theme {

    :host,
    :root {
        --font-sans: Poppins, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(.971 .013 17.38);
        --color-red-100: oklch(.936 .032 17.717);
        --color-red-200: oklch(.885 .062 18.334);
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-red-600: oklch(.577 .245 27.325);
        --color-red-700: oklch(.505 .213 27.518);
        --color-red-800: oklch(.444 .177 26.899);
        --color-red-900: oklch(.396 .141 25.723);
        --color-red-950: oklch(.258 .092 26.042);
        --color-orange-50: oklch(.98 .016 73.684);
        --color-orange-100: oklch(.954 .038 75.164);
        --color-orange-200: oklch(.901 .076 70.697);
        --color-orange-300: oklch(.837 .128 66.29);
        --color-orange-400: oklch(.75 .183 55.934);
        --color-orange-500: oklch(.705 .213 47.604);
        --color-orange-600: oklch(.646 .222 41.116);
        --color-orange-700: oklch(.553 .195 38.402);
        --color-orange-800: oklch(.47 .157 37.304);
        --color-orange-900: oklch(.408 .123 38.172);
        --color-orange-950: oklch(.266 .079 36.259);
        --color-amber-50: oklch(.987 .022 95.277);
        --color-amber-100: oklch(.962 .059 95.617);
        --color-amber-200: oklch(.924 .12 95.746);
        --color-amber-300: oklch(.879 .169 91.605);
        --color-amber-400: oklch(.828 .189 84.429);
        --color-amber-500: oklch(.769 .188 70.08);
        --color-amber-600: oklch(.666 .179 58.318);
        --color-amber-700: oklch(.555 .163 48.998);
        --color-amber-800: oklch(.473 .137 46.201);
        --color-amber-900: oklch(.414 .112 45.904);
        --color-amber-950: oklch(.279 .077 45.635);
        --color-yellow-50: oklch(.987 .026 102.212);
        --color-yellow-100: oklch(.973 .071 103.193);
        --color-yellow-200: oklch(.945 .129 101.54);
        --color-yellow-300: oklch(.905 .182 98.111);
        --color-yellow-400: oklch(.852 .199 91.936);
        --color-yellow-500: oklch(.795 .184 86.047);
        --color-yellow-600: oklch(.681 .162 75.834);
        --color-yellow-700: oklch(.554 .135 66.442);
        --color-yellow-800: oklch(.476 .114 61.907);
        --color-yellow-900: oklch(.421 .095 57.708);
        --color-yellow-950: oklch(.286 .066 53.813);
        --color-lime-50: oklch(.986 .031 120.757);
        --color-lime-100: oklch(.967 .067 122.328);
        --color-lime-200: oklch(.938 .127 124.321);
        --color-lime-300: oklch(.897 .196 126.665);
        --color-lime-400: oklch(.841 .238 128.85);
        --color-lime-500: oklch(.768 .233 130.85);
        --color-lime-600: oklch(.648 .2 131.684);
        --color-lime-700: oklch(.532 .157 131.589);
        --color-lime-800: oklch(.453 .124 130.933);
        --color-lime-900: oklch(.405 .101 131.063);
        --color-lime-950: oklch(.274 .072 132.109);
        --color-green-50: oklch(.982 .018 155.826);
        --color-green-100: oklch(.962 .044 156.743);
        --color-green-200: oklch(.925 .084 155.995);
        --color-green-300: oklch(.871 .15 154.449);
        --color-green-400: oklch(.792 .209 151.711);
        --color-green-500: oklch(.723 .219 149.579);
        --color-green-600: oklch(.627 .194 149.214);
        --color-green-700: oklch(.527 .154 150.069);
        --color-green-800: oklch(.448 .119 151.328);
        --color-green-900: oklch(.393 .095 152.535);
        --color-green-950: oklch(.266 .065 152.934);
        --color-emerald-50: oklch(.979 .021 166.113);
        --color-emerald-100: oklch(.95 .052 163.051);
        --color-emerald-200: oklch(.905 .093 164.15);
        --color-emerald-300: oklch(.845 .143 164.978);
        --color-emerald-400: oklch(.765 .177 163.223);
        --color-emerald-500: oklch(.696 .17 162.48);
        --color-emerald-600: oklch(.596 .145 163.225);
        --color-emerald-700: oklch(.508 .118 165.612);
        --color-emerald-800: oklch(.432 .095 166.913);
        --color-emerald-900: oklch(.378 .077 168.94);
        --color-emerald-950: oklch(.262 .051 172.552);
        --color-teal-50: oklch(.984 .014 180.72);
        --color-teal-100: oklch(.953 .051 180.801);
        --color-teal-200: oklch(.91 .096 180.426);
        --color-teal-300: oklch(.855 .138 181.071);
        --color-teal-400: oklch(.777 .152 181.912);
        --color-teal-500: oklch(.704 .14 182.503);
        --color-teal-600: oklch(.6 .118 184.704);
        --color-teal-700: oklch(.511 .096 186.391);
        --color-teal-800: oklch(.437 .078 188.216);
        --color-teal-900: oklch(.386 .063 188.416);
        --color-teal-950: oklch(.277 .046 192.524);
        --color-cyan-50: oklch(.984 .019 200.873);
        --color-cyan-100: oklch(.956 .045 203.388);
        --color-cyan-200: oklch(.917 .08 205.041);
        --color-cyan-300: oklch(.865 .127 207.078);
        --color-cyan-400: oklch(.789 .154 211.53);
        --color-cyan-500: oklch(.715 .143 215.221);
        --color-cyan-600: oklch(.609 .126 221.723);
        --color-cyan-700: oklch(.52 .105 223.128);
        --color-cyan-800: oklch(.45 .085 224.283);
        --color-cyan-900: oklch(.398 .07 227.392);
        --color-cyan-950: oklch(.302 .056 229.695);
        --color-sky-50: oklch(.977 .013 236.62);
        --color-sky-100: oklch(.951 .026 236.824);
        --color-sky-200: oklch(.901 .058 230.902);
        --color-sky-300: oklch(.828 .111 230.318);
        --color-sky-400: oklch(.746 .16 232.661);
        --color-sky-500: oklch(.685 .169 237.323);
        --color-sky-600: oklch(.588 .158 241.966);
        --color-sky-700: oklch(.5 .134 242.749);
        --color-sky-800: oklch(.443 .11 240.79);
        --color-sky-900: oklch(.391 .09 240.876);
        --color-sky-950: oklch(.293 .066 243.157);
        --color-blue-50: oklch(.97 .014 254.604);
        --color-blue-100: oklch(.932 .032 255.585);
        --color-blue-200: oklch(.882 .059 254.128);
        --color-blue-300: oklch(.809 .105 251.813);
        --color-blue-400: oklch(.707 .165 254.624);
        --color-blue-500: oklch(.623 .214 259.815);
        --color-blue-600: oklch(.546 .245 262.881);
        --color-blue-700: oklch(.488 .243 264.376);
        --color-blue-800: oklch(.424 .199 265.638);
        --color-blue-900: oklch(.379 .146 265.522);
        --color-blue-950: oklch(.282 .091 267.935);
        --color-indigo-50: oklch(.962 .018 272.314);
        --color-indigo-100: oklch(.93 .034 272.788);
        --color-indigo-200: oklch(.87 .065 274.039);
        --color-indigo-300: oklch(.785 .115 274.713);
        --color-indigo-400: oklch(.673 .182 276.935);
        --color-indigo-500: oklch(.585 .233 277.117);
        --color-indigo-600: oklch(.511 .262 276.966);
        --color-indigo-700: oklch(.457 .24 277.023);
        --color-indigo-800: oklch(.398 .195 277.366);
        --color-indigo-900: oklch(.359 .144 278.697);
        --color-indigo-950: oklch(.257 .09 281.288);
        --color-violet-50: oklch(.969 .016 293.756);
        --color-violet-100: oklch(.943 .029 294.588);
        --color-violet-200: oklch(.894 .057 293.283);
        --color-violet-300: oklch(.811 .111 293.571);
        --color-violet-400: oklch(.702 .183 293.541);
        --color-violet-500: oklch(.606 .25 292.717);
        --color-violet-600: oklch(.541 .281 293.009);
        --color-violet-700: oklch(.491 .27 292.581);
        --color-violet-800: oklch(.432 .232 292.759);
        --color-violet-900: oklch(.38 .189 293.745);
        --color-violet-950: oklch(.283 .141 291.089);
        --color-purple-50: oklch(.977 .014 308.299);
        --color-purple-100: oklch(.946 .033 307.174);
        --color-purple-200: oklch(.902 .063 306.703);
        --color-purple-300: oklch(.827 .119 306.383);
        --color-purple-400: oklch(.714 .203 305.504);
        --color-purple-500: oklch(.627 .265 303.9);
        --color-purple-600: oklch(.558 .288 302.321);
        --color-purple-700: oklch(.496 .265 301.924);
        --color-purple-800: oklch(.438 .218 303.724);
        --color-purple-900: oklch(.381 .176 304.987);
        --color-purple-950: oklch(.291 .149 302.717);
        --color-fuchsia-50: oklch(.977 .017 320.058);
        --color-fuchsia-100: oklch(.952 .037 318.852);
        --color-fuchsia-200: oklch(.903 .076 319.62);
        --color-fuchsia-300: oklch(.833 .145 321.434);
        --color-fuchsia-400: oklch(.74 .238 322.16);
        --color-fuchsia-500: oklch(.667 .295 322.15);
        --color-fuchsia-600: oklch(.591 .293 322.896);
        --color-fuchsia-700: oklch(.518 .253 323.949);
        --color-fuchsia-800: oklch(.452 .211 324.591);
        --color-fuchsia-900: oklch(.401 .17 325.612);
        --color-fuchsia-950: oklch(.293 .136 325.661);
        --color-pink-50: oklch(.971 .014 343.198);
        --color-pink-100: oklch(.948 .028 342.258);
        --color-pink-200: oklch(.899 .061 343.231);
        --color-pink-300: oklch(.823 .12 346.018);
        --color-pink-400: oklch(.718 .202 349.761);
        --color-pink-500: oklch(.656 .241 354.308);
        --color-pink-600: oklch(.592 .249 .584);
        --color-pink-700: oklch(.525 .223 3.958);
        --color-pink-800: oklch(.459 .187 3.815);
        --color-pink-900: oklch(.408 .153 2.432);
        --color-pink-950: oklch(.284 .109 3.907);
        --color-rose-50: oklch(.969 .015 12.422);
        --color-rose-100: oklch(.941 .03 12.58);
        --color-rose-200: oklch(.892 .058 10.001);
        --color-rose-300: oklch(.81 .117 11.638);
        --color-rose-400: oklch(.712 .194 13.428);
        --color-rose-500: oklch(.645 .246 16.439);
        --color-rose-600: oklch(.586 .253 17.585);
        --color-rose-700: oklch(.514 .222 16.935);
        --color-rose-800: oklch(.455 .188 13.697);
        --color-rose-900: oklch(.41 .159 10.272);
        --color-rose-950: oklch(.271 .105 12.094);
        --color-slate-50: oklch(.984 .003 247.858);
        --color-slate-100: oklch(.968 .007 247.896);
        --color-slate-200: oklch(.929 .013 255.508);
        --color-slate-300: oklch(.869 .022 252.894);
        --color-slate-400: oklch(.704 .04 256.788);
        --color-slate-500: oklch(.554 .046 257.417);
        --color-slate-600: oklch(.446 .043 257.281);
        --color-slate-700: oklch(.372 .044 257.287);
        --color-slate-800: oklch(.279 .041 260.031);
        --color-slate-900: oklch(.208 .042 265.755);
        --color-slate-950: oklch(.129 .042 264.695);
        --color-gray-50: oklch(.985 .002 247.839);
        --color-gray-100: oklch(.967 .003 264.542);
        --color-gray-200: oklch(.928 .006 264.531);
        --color-gray-300: oklch(.872 .01 258.338);
        --color-gray-400: oklch(.707 .022 261.325);
        --color-gray-500: oklch(.551 .027 264.364);
        --color-gray-600: oklch(.446 .03 256.802);
        --color-gray-700: oklch(.373 .034 259.733);
        --color-gray-800: oklch(.278 .033 256.848);
        --color-gray-900: oklch(.21 .034 264.665);
        --color-gray-950: oklch(.13 .028 261.692);
        --color-zinc-50: oklch(.985 0 0);
        --color-zinc-100: oklch(.967 .001 286.375);
        --color-zinc-200: oklch(.92 .004 286.32);
        --color-zinc-300: oklch(.871 .006 286.286);
        --color-zinc-400: oklch(.705 .015 286.067);
        --color-zinc-500: oklch(.552 .016 285.938);
        --color-zinc-600: oklch(.442 .017 285.786);
        --color-zinc-700: oklch(.37 .013 285.805);
        --color-zinc-800: oklch(.274 .006 286.033);
        --color-zinc-900: oklch(.21 .006 285.885);
        --color-zinc-950: oklch(.141 .005 285.823);
        --color-neutral-50: oklch(.985 0 0);
        --color-neutral-100: oklch(.97 0 0);
        --color-neutral-200: oklch(.922 0 0);
        --color-neutral-300: oklch(.87 0 0);
        --color-neutral-400: oklch(.708 0 0);
        --color-neutral-500: oklch(.556 0 0);
        --color-neutral-600: oklch(.439 0 0);
        --color-neutral-700: oklch(.371 0 0);
        --color-neutral-800: oklch(.269 0 0);
        --color-neutral-900: oklch(.205 0 0);
        --color-neutral-950: oklch(.145 0 0);
        --color-stone-50: oklch(.985 .001 106.423);
        --color-stone-100: oklch(.97 .001 106.424);
        --color-stone-200: oklch(.923 .003 48.717);
        --color-stone-300: oklch(.869 .005 56.366);
        --color-stone-400: oklch(.709 .01 56.259);
        --color-stone-500: oklch(.553 .013 58.071);
        --color-stone-600: oklch(.444 .011 73.639);
        --color-stone-700: oklch(.374 .01 67.558);
        --color-stone-800: oklch(.268 .007 34.298);
        --color-stone-900: oklch(.216 .006 56.043);
        --color-stone-950: oklch(.147 .004 49.25);
        --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-2xs: 18rem;
        --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: 1.33333;
        --text-sm: .875rem;
        --text-sm--line-height: 1.42857;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.55556;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.4;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.33333;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.11111;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-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-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --shadow-2xs: 0 1px #0000000d;
        --shadow-xs: 0 1px 2px 0 #0000000d;
        --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-2xl: 0 25px 50px -12px #00000040;
        --inset-shadow-2xs: inset 0 1px #0000000d;
        --inset-shadow-xs: inset 0 1px 1px #0000000d;
        --inset-shadow-sm: inset 0 2px 4px #0000000d;
        --drop-shadow-xs: 0 1px 1px #0000000d;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --drop-shadow-2xl: 0 25px 25px #00000026;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --perspective-dramatic: 100px;
        --perspective-near: 300px;
        --perspective-normal: 500px;
        --perspective-midrange: 800px;
        --perspective-distant: 1200px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --font-inter: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --color-navy-50: #e7e9ef;
        --color-navy-100: #c2c9d6;
        --color-navy-200: #a3adc2;
        --color-navy-300: #697a9b;
        --color-navy-400: #5c6b8a;
        --color-navy-450: #465675;
        --color-navy-500: #384766;
        --color-navy-600: #313e59;
        --color-navy-700: #26334d;
        --color-navy-750: #222e45;
        --color-navy-800: #202b40;
        --color-navy-900: #192132;
        --color-slate-150: #e9eef5;
        --color-primary: #4f46e5;
        --color-primary-focus: #4338ca;
        --color-secondary-light: #ff57d8;
        --color-secondary: #f000b9;
        --color-secondary-focus: #bd0090;
        --color-accent-light: #818cf8;
        --color-accent: #5f5af6;
        --color-accent-focus: #4d47f5;
        --color-info: #0ea5e9;
        --color-info-focus: #0284c7;
        --color-success: #10b981;
        --color-success-focus: #059669;
        --color-warning: #ff9800;
        --color-warning-focus: #e68200;
        --color-error: #ff5724;
        --color-error-focus: #f03000;
        --shadow-soft: 0 3px 10px 0 #302e380f;
        --shadow-soft-dark: 0 3px 10px 0 #1921324d;
        --text-tiny: .625rem;
        --text-tiny--line-height: .8125rem;
        --text-tiny-plus: .6875rem;
        --text-tiny-plus--line-height: .875rem;
        --text-xs-plus: .8125rem;
        --text-xs-plus--line-height: 1.125rem;
        --text-sm-plus: .9375rem;
        --text-sm-plus--line-height: 1.375rem;
        --animate-shimmer: shimmer 2s linear infinite
    }
}

@layer base {
    :root {
        --main-sidebar-width: 4.5rem;
        --margin-x: 1rem;
        --sidebar-panel-min-width: 64px;
        --sidebar-panel-width: 230px
    }

    @media (width>=48rem) {
        :root {
            --margin-x: 1.5rem
        }
    }

    @media (width>=64rem) {
        :root {
            --main-sidebar-width: 5rem;
            --sidebar-panel-width: 240px
        }
    }

    @media (width>=80rem) {
        :root {
            --margin-x: 4rem
        }
    }

    *,
    ::backdrop,
    :after,
    :before {
        border-color: var(--color-gray-200, currentColor)
    }

    ::file-selector-button {
        border-color: var(--color-gray-200, currentColor)
    }

    @media (width>=80rem) {
        .has-min-sidebar {
            --margin-x: 2.5rem
        }

        .is-sidebar-open {
            --margin-x: 1.5rem
        }
    }

    html {
        -webkit-tap-highlight-color: transparent;
        height: 100%;
        overflow-x: hidden;
        text-rendering: optimizeLegibility
    }

    html.dark {
        color-scheme: dark
    }

    [data-x-cloak],
    [x-cloak] {
        display: none !important
    }

    body {
        --tw-leading: calc(var(--spacing)*5);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: var(--color-slate-50);
        color: var(--color-slate-500);
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        line-height: calc(var(--spacing)*5);
        text-rendering: optimizeLegibility
    }

    body:where(.dark, .dark *) {
        background-color: var(--color-navy-900);
        color: var(--color-navy-200);
        color-scheme: dark
    }

    body.is-monochrome:before {
        --tw-backdrop-grayscale: grayscale(100%);
        --tw-backdrop-opacity: opacity(.92);
        --tw-content: "";
        -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, );
        content: var(--tw-content);
        height: calc(100% + 10rem);
        inset: calc(var(--spacing)*0);
        margin: -5rem;
        pointer-events: none;
        position: fixed;
        width: calc(100% + 10rem);
        z-index: 999999
    }

    .app-preloader .app-preloader-inner:after,
    .app-preloader .app-preloader-inner:before {
        --tw-content: "";
        animation: spinner-grow 3s cubic-bezier(.55, .15, .45, .85) infinite;
        background-color: color-mix(in oklab, var(--color-slate-300)25%, transparent);
        border-radius: 3.40282e+38px;
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        width: 100%
    }

    :is():where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-navy-300)50%, transparent)
    }

    .app-preloader .app-preloader-inner:after {
        animation-delay: -1.5s
    }

    .menu-toggle span {
        --tw-translate-x: calc(var(--spacing)*0);
        --tw-duration: .25s;
        --tw-ease: var(--ease-in-out);
        background-color: currentColor;
        height: 2px;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: calc(var(--spacing)*5)
    }

    .menu-toggle span:nth-child(2) {
        width: calc(var(--spacing)*3)
    }

    .menu-toggle.active span {
        --tw-translate-x: calc(var(--spacing)*-2);
        margin-left: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: 11px
    }

    .menu-toggle.active span:first-child {
        rotate: -45deg
    }

    .menu-toggle.active span:nth-child(2) {
        display: none
    }

    .menu-toggle.active span:nth-child(3) {
        rotate: 45deg
    }

    .main-sidebar {
        --tw-translate-x: -100%;
        --tw-duration: .2s;
        --tw-ease: var(--ease-in);
        flex-shrink: 0;
        height: 100%;
        left: calc(var(--spacing)*0);
        position: fixed;
        top: calc(var(--spacing)*0);
        transform: translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .2s;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: var(--main-sidebar-width);
        z-index: 40
    }

    @media (width>=48rem) {
        .main-sidebar {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y);
            z-index: 60
        }
    }

    .is-sidebar-open .main-sidebar {
        --tw-translate-x: calc(var(--spacing)*0)
    }

    .is-sidebar-open .main-sidebar,
    .sidebar-panel {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sidebar-panel {
        --tw-translate-x: -100%;
        --tw-shadow: 0 3px 10px 0 var(--tw-shadow-color, #302e380f);
        --tw-duration: .25s;
        --tw-ease: var(--ease-in);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        height: 100%;
        left: calc(var(--spacing)*0);
        position: fixed;
        top: calc(var(--spacing)*0);
        transform: translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-delay: .15s;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in);
        width: calc(var(--main-sidebar-width) + var(--sidebar-panel-width));
        z-index: 30
    }

    @media (width>=48rem) {
        .sidebar-panel {
            transition-delay: unset
        }
    }

    .sidebar-panel:where(.dark, .dark *) {
        --tw-shadow-color: color-mix(in oklab, var(--color-navy-900)60%, transparent)
    }

    .is-sidebar-open .sidebar-panel {
        --tw-translate-x: calc(var(--spacing)*0);
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .is-sidebar-open .sidebar-panel,
    .sidebar-panel-min {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sidebar-panel-min {
        --tw-translate-x: -100%;
        --tw-shadow: 0 3px 10px 0 var(--tw-shadow-color, #302e380f);
        --tw-duration: .25s;
        --tw-ease: var(--ease-in);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        flex-shrink: 0;
        height: 100%;
        position: fixed;
        transform: translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in);
        width: var(--sidebar-panel-min-width);
        z-index: 40
    }

    @media (width>=48rem) {
        .sidebar-panel-min {
            --tw-translate-x: var(--main-sidebar-width);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .sidebar-panel-min:where(.dark, .dark *) {
        --tw-shadow-color: color-mix(in oklab, var(--color-navy-900)60%, transparent)
    }

    .is-sidebar-open .sidebar-panel-min {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    nav.header {
        --tw-duration: .25s;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-slate-150);
        display: flex;
        height: 61px;
        position: fixed;
        right: calc(var(--spacing)*0);
        top: calc(var(--spacing)*0);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        width: 100%;
        z-index: 20
    }

    @media (width>=48rem) {
        nav.header {
            width: calc(100% - var(--main-sidebar-width))
        }
    }

    nav.header:where(.dark, .dark *) {
        border-color: var(--color-navy-700)
    }

    nav.header:before {
        --tw-content: "";
        content: var(--tw-content);
        height: 100%;
        left: calc(100% - 100vw);
        position: absolute;
        width: calc(100vw - 100%)
    }

    nav.header .header-container {
        --tw-duration: .25s;
        padding-inline: var(--margin-x);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: padding, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    @media (width>=48rem) {
        .has-min-sidebar nav.header {
            width: calc(100% - var(--main-sidebar-width) - var(--sidebar-panel-min-width))
        }
    }

    @media (width>=80rem) {
        .is-sidebar-open nav.header {
            width: calc(100% - var(--main-sidebar-width) - var(--sidebar-panel-width))
        }
    }

    .is-header-blur nav.header .header-container {
        --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, );
        background-color: var(--color-white)
    }

    @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
        .is-header-blur nav.header .header-container {
            background-color: color-mix(in oklab, var(--color-white)80%, transparent)
        }
    }

    .is-header-blur nav.header .header-container:where(.dark, .dark *) {
        background-color: var(--color-navy-750)
    }

    @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
        .is-header-blur nav.header .header-container:where(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--color-navy-750)80%, transparent) !important
        }
    }

    .is-header-not-sticky nav.header {
        position: absolute
    }

    .main-content {
        --tw-duration: .25s;
        --tw-ease: var(--ease-in);
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-top: 60px;
        place-content: start;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .25s;
        transition-property: width, margin-left, margin-right, padding-left, padding-right;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in)
    }

    @media (width>=48rem) {
        .main-content {
            margin-left: var(--main-sidebar-width)
        }
    }

    @media print {
        .main-content {
            margin: calc(var(--spacing)*0)
        }
    }

    @media (width>=48rem) {
        .has-min-sidebar .main-content {
            margin-left: calc(var(--main-sidebar-width) + var(--sidebar-panel-min-width))
        }
    }

    .is-sidebar-open .main-content {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    @media (width>=80rem) {
        .is-sidebar-open .main-content {
            margin-left: calc(var(--main-sidebar-width) + var(--sidebar-panel-width))
        }
    }

    .navigation\:sideblock {
        --sideblock-width: 260px
    }

    .navigation\:sideblock .sidebar-panel {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: var(--sideblock-width)
    }

    .navigation\:sideblock.is-sidebar-open .sidebar-panel {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .navigation\:sideblock nav.header {
        width: 100%
    }

    @media (width>=80rem) {
        .navigation\:sideblock.is-sidebar-open nav.header {
            width: calc(100% - var(--sideblock-width))
        }
    }

    .navigation\:sideblock .main-content {
        margin-left: calc(var(--spacing)*0)
    }

    @media (width>=80rem) {
        .navigation\:sideblock.is-sidebar-open .main-content {
            margin-left: var(--sideblock-width)
        }
    }

    .navigation\:horizontal nav.header {
        width: 100%
    }

    @media (width>=40rem) {
        .navigation\:horizontal nav.header {
            height: auto
        }
    }

    .navigation\:horizontal .main-content {
        margin-left: calc(var(--spacing)*0)
    }

    @media (width>=40rem) {
        .navigation\:horizontal .main-content {
            margin-top: calc(var(--spacing)*28)
        }
    }

    .h-100vh {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100)
    }

    .min-h-100vh {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }

    .inline-space>:not([hidden]) {
        margin-bottom: calc(var(--spacing)*2.5);
        margin-right: calc(var(--spacing)*2.5)
    }

    code.inline-code {
        background-color: var(--color-slate-100);
        border-radius: var(--radius-sm);
        color: var(--color-secondary);
        font-size: var(--text-xs-plus);
        line-height: var(--tw-leading, var(--text-xs-plus--line-height));
        padding-block: calc(var(--spacing)*.5);
        padding-inline: calc(var(--spacing)*1)
    }

    code.inline-code:where(.dark, .dark *) {
        background-color: var(--color-navy-800);
        color: var(--color-secondary-light)
    }

    .is-scrollbar-hidden {
        scrollbar-width: none
    }

    .is-scrollbar-hidden::-webkit-scrollbar {
        display: none
    }

    @supports selector(::-webkit-scrollbar) {
        .scrollbar-sm {
            --scrollbar-color: var(--color-slate-300)
        }

        .scrollbar-sm:where(.dark, .dark *) {
            --scrollbar-color: var(--color-navy-400)
        }

        .scrollbar-sm::-webkit-scrollbar {
            height: calc(var(--spacing)*1.5);
            width: calc(var(--spacing)*1.5)
        }

        .scrollbar-sm:hover::-webkit-scrollbar-thumb {
            background-color: var(--scrollbar-color);
            border-radius: 3.40282e+38px
        }

        .scrollbar-sm:focus-within::-webkit-scrollbar-thumb {
            background-color: var(--scrollbar-color);
            border-radius: 3.40282e+38px
        }

        .scrollbar-sm::-webkit-scrollbar-thumb:hover {
            background-color: var(--color-slate-400)
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
            visibility: visible
        }

        to {
            opacity: 0;
            visibility: hidden
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
            visibility: visible
        }

        to {
            opacity: 1;
            visibility: hidden
        }
    }

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

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

    :host,
    html {
        -webkit-text-size-adjust: 100%;
        font-feature-settings: var(--default-font-feature-settings, normal);
        -webkit-tap-highlight-color: transparent;
        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-variation-settings: var(--default-font-variation-settings, normal);
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4
    }

    body {
        line-height: inherit
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

    :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 {
        color: color-mix(in oklab, currentColor 50%, transparent);
        opacity: 1
    }

    ::placeholder {
        color: color-mix(in oklab, currentColor 50%, transparent);
        opacity: 1
    }

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components {
    .card {
        --tw-shadow: 0 3px 10px 0 var(--tw-shadow-color, #302e380f);
        background-color: var(--color-white);
        border-radius: var(--radius-lg);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        color: var(--color-slate-500);
        display: flex;
        flex-direction: column;
        min-width: 1px;
        overflow-wrap: break-word;
        position: relative
    }

    .card:where(.dark, .dark *) {
        --tw-shadow: 0 0 #0000;
        background-color: var(--color-navy-700);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        color: var(--color-navy-200)
    }

    @media print {
        .card {
            border-style: var(--tw-border-style);
            border-width: 1px
        }
    }

    .skeleton {
        --sk-color: #ffffff80;
        overflow: hidden;
        position: relative
    }

    .skeleton:where(.dark, .dark *) {
        --sk-color: #5c6b8a
    }

    .skeleton.animate-wave:after {
        --tw-content: "";
        animation: skeleton-wave 1.5s ease-in-out .5s infinite;
        background: linear-gradient(90deg, transparent, var(--sk-color), transparent);
        content: var(--tw-content);
        inset: calc(var(--spacing)*0);
        position: absolute
    }

    @keyframes skeleton-wave {
        0% {
            transform: translate(-100%)
        }

        50%,
        to {
            transform: translate(100%)
        }
    }

    .avatar {
        display: inline-flex;
        flex-shrink: 0;
        height: calc(var(--spacing)*10);
        position: relative;
        width: calc(var(--spacing)*10)
    }

    .avatar>img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }

    .avatar>.is-initial {
        --tw-font-weight: var(--font-weight-medium);
        align-items: center;
        display: flex;
        font-weight: var(--font-weight-medium);
        height: 100%;
        justify-content: center;
        width: 100%
    }

    .spinner.is-grow span {
        animation: spinner-grow 1.5s ease-in-out infinite
    }

    .spinner.is-elastic {
        animation-duration: 1.3;
        animation-timing-function: cubic-bezier(.53, .21, .29, .67)
    }

    .spinner.is-grow span:first-child {
        animation-delay: -.75s
    }

    @keyframes spinner-grow {

        0%,
        to {
            transform: scale(0)
        }

        50% {
            transform: scale(1.1)
        }
    }

    .popper-root {
        position: absolute;
        visibility: hidden;
        z-index: 1000
    }

    .popper-root.show {
        visibility: visible
    }

    .popper-root>.popper-box {
        --tw-duration: .2s;
        --tw-ease: var(--ease-out);
        color: var(--color-slate-500);
        opacity: 0;
        transition-duration: .2s;
        transition-property: transform, visibility, opacity, translate;
        transition-timing-function: var(--ease-out)
    }

    .popper-root>.popper-box:where(.dark, .dark *) {
        color: var(--color-navy-200)
    }

    .popper-root[data-popper-placement^=right]>.popper-box {
        --tw-translate-x: calc(var(--spacing)*3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .popper-root[data-popper-placement^=bottom]>.popper-box {
        --tw-translate-y: calc(var(--spacing)*3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .popper-root[data-popper-placement^=top]>.popper-box {
        --tw-translate-y: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .popper-root[data-popper-placement^=left]>.popper-box {
        --tw-translate-x: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .popper-root[data-popper-placement^=top] [data-popper-arrow] {
        bottom: calc(var(--spacing)*1)
    }

    .popper-root[data-popper-placement^=top] [data-popper-arrow]>svg {
        rotate: 180deg;
        top: calc(var(--spacing)*3.5)
    }

    .popper-root[data-popper-placement^=bottom] [data-popper-arrow] {
        top: calc(var(--spacing)*1)
    }

    .popper-root[data-popper-placement^=bottom] [data-popper-arrow]>svg {
        bottom: calc(var(--spacing)*3.5)
    }

    .popper-root[data-popper-placement^=left] [data-popper-arrow] {
        right: calc(var(--spacing)*.5)
    }

    .popper-root[data-popper-placement^=left] [data-popper-arrow] svg {
        left: 13px;
        top: calc(50% - 5px);
        transform: rotate(90deg)
    }

    .popper-root[data-popper-placement^=right] [data-popper-arrow] {
        left: calc(var(--spacing)*.5)
    }

    .popper-root[data-popper-placement^=right] [data-popper-arrow] svg {
        right: 13px;
        top: calc(50% - 5px);
        transform: rotate(-90deg)
    }

    .popper-root.show>.popper-box {
        --tw-translate-x: calc(var(--spacing)*0);
        --tw-translate-y: calc(var(--spacing)*0);
        --tw-ease: var(--ease-in);
        opacity: 1;
        transition-timing-function: var(--ease-in);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .form-checkbox,
    .form-checkbox:before,
    .form-input,
    .form-multiselect,
    .form-radio,
    .form-radio:before,
    .form-select,
    .form-switch,
    .form-switch:before,
    .form-textarea {
        --tw-duration: .2s;
        --tw-ease: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out)
    }

    .form-input,
    .form-multiselect,
    .form-select,
    .form-textarea {
        --tw-tracking: var(--tracking-wide);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        contain: paint;
        letter-spacing: var(--tracking-wide);
        outline-style: none
    }

    @media (forced-colors:active) {
        :is(.form-input, .form-textarea, .form-select, .form-multiselect) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    :is(.form-input, .form-textarea, .form-select, .form-multiselect)::-moz-placeholder {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    :is(.form-input, .form-textarea, .form-select, .form-multiselect)::placeholder {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    :is(.form-input, .form-textarea, .form-select, .form-multiselect):focus {
        outline-style: none
    }

    @media (forced-colors:active) {
        :is(.form-input, .form-textarea, .form-select, .form-multiselect):focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    .form-select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .form-multiselect {
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        padding-right: .75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset
    }

    .form-checkbox,
    .form-radio,
    .form-switch {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        flex-shrink: 0;
        outline-style: none;
        overflow: hidden;
        position: relative;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    @media (forced-colors:active) {
        :is(.form-checkbox, .form-radio, .form-switch) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    :is(.form-checkbox, .form-radio, .form-switch):focus {
        outline-style: none
    }

    @media (forced-colors:active) {
        :is(.form-checkbox, .form-radio, .form-switch):focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    .form-switch {
        --thumb-border: 2px
    }

    .form-switch:before {
        content: var(--tw-content);
        height: calc(100% - var(--thumb-border)*2);
        left: var(--thumb-border);
        position: absolute;
        top: var(--thumb-border);
        width: calc(50% - var(--thumb-border)*2)
    }

    .form-switch:checked:before {
        --tw-translate-x: calc(100% + var(--thumb-border)*2);
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .form-switch: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)
    }

    .form-switch.is-outline:before {
        content: var(--tw-content);
        width: calc(50% - var(--thumb-border)*2 - 1px)
    }

    .form-switch.is-outline:checked:before {
        --tw-translate-x: calc(100% + var(--thumb-border)*2 + 2px);
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .form-radio {
        --tw-thumb: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3.5'/%3E%3C/svg%3E")
    }

    .form-radio:before {
        --tw-ease: var(--ease-out);
        content: var(--tw-content);
        transition-timing-function: var(--ease-out)
    }

    .form-checkbox {
        --tw-thumb: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
    }

    .form-checkbox:before {
        --tw-ease: var(--ease-in-out);
        content: var(--tw-content);
        transform-origin: bottom;
        transition-timing-function: var(--ease-in-out)
    }

    .form-checkbox,
    .form-radio {
        --tw-ease: var(--ease-out);
        border-style: var(--tw-border-style);
        border-width: 1px;
        display: inline-block;
        transition-timing-function: var(--ease-out)
    }

    :is(.form-radio, .form-checkbox):before {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        content: var(--tw-content);
        height: 100%;
        inset: calc(var(--spacing)*0);
        position: absolute;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        width: 100%
    }

    :is(.form-radio, .form-checkbox):checked:before {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        content: var(--tw-content);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (hover:hover) {
        :is(.form-radio, .form-checkbox):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)
        }
    }

    .form-checkbox.is-basic,
    .form-radio.is-basic {
        background-origin: border-box
    }

    :is(.form-radio.is-basic, .form-checkbox.is-basic):before {
        background-image: var(--tw-thumb);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: var(--tw-content)
    }

    :is(.form-radio.is-outline, .form-checkbox.is-outline):before {
        content: var(--tw-content);
        -webkit-mask-image: var(--tw-thumb);
        mask-image: var(--tw-thumb)
    }

    .form-range {
        --range-thumb-size: 1.125rem;
        --range-track-h: .375rem;
        --track-color: var(--color-slate-150);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #0000;
        display: block;
        outline-style: none;
        width: 100%
    }

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

    .form-range:where(.dark, .dark *) {
        --track-color: var(--color-navy-500)
    }

    .form-range::-webkit-slider-thumb {
        --tw-border-style: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: currentColor;
        border-radius: 3.40282e+38px;
        border-style: none;
        cursor: pointer;
        height: var(--range-thumb-size);
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: var(--range-thumb-size)
    }

    .form-range::-webkit-slider-thumb:active {
        opacity: .85
    }

    .form-range::-moz-range-thumb {
        --tw-border-style: none;
        -moz-appearance: none;
        appearance: none;
        background-color: currentColor;
        border-radius: 3.40282e+38px;
        border-style: none;
        cursor: pointer;
        height: var(--range-thumb-size);
        position: relative;
        top: 50%;
        width: var(--range-thumb-size)
    }

    .form-range::-moz-range-thumb:active {
        opacity: .85
    }

    .form-range::-moz-range-track {
        background-color: var(--track-color);
        border-radius: 3.40282e+38px;
        height: var(--range-track-h);
        width: 100%
    }

    .form-range::-webkit-slider-runnable-track {
        background-color: var(--track-color);
        border-radius: 3.40282e+38px;
        height: var(--range-track-h);
        width: 100%
    }

    .ts-control {
        border: 1px solid #d0d0d0;
        border-radius: 3px;
        box-shadow: none;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        padding: 8px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .ts-wrapper.multi.has-items .ts-control {
        padding: 6px 8px 3px
    }

    .full .ts-control {
        background-color: #fff
    }

    .disabled .ts-control,
    .disabled .ts-control * {
        cursor: default !important
    }

    .focus .ts-control {
        box-shadow: none
    }

    .ts-control>* {
        display: inline-block;
        vertical-align: baseline
    }

    .ts-wrapper.multi .ts-control>div {
        background: #f2f2f2;
        border: 0 solid #d0d0d0;
        color: #303030;
        cursor: pointer;
        margin: 0 3px 3px 0;
        padding: 2px 6px
    }

    .ts-wrapper.multi .ts-control>div.active {
        background: #e8e8e8;
        border: 0 solid #cacaca;
        color: #303030
    }

    .ts-wrapper.multi.disabled .ts-control>div,
    .ts-wrapper.multi.disabled .ts-control>div.active {
        background: #fff;
        border: 0 solid #fff;
        color: #7d7d7d
    }

    .ts-control>input {
        background: 0 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        display: inline-block !important;
        flex: auto;
        line-height: inherit !important;
        margin: 0 !important;
        max-height: none !important;
        max-width: 100% !important;
        min-height: 0 !important;
        min-width: 7rem;
        padding: 0 !important;
        text-indent: 0 !important;
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        user-select: auto !important
    }

    .ts-control>input::-ms-clear {
        display: none
    }

    .ts-control>input:focus {
        outline: none !important
    }

    .has-items .ts-control>input {
        margin: 0 4px !important
    }

    .ts-control.rtl {
        text-align: right
    }

    .ts-control.rtl.single .ts-control:after {
        left: 15px;
        right: auto
    }

    .ts-control.rtl .ts-control>input {
        margin: 0 4px 0 -2px !important
    }

    .disabled .ts-control {
        background-color: #fafafa;
        opacity: .5
    }

    .input-hidden .ts-control>input {
        left: -10000px;
        opacity: 0;
        position: absolute
    }

    .ts-dropdown {
        background: #fff;
        border: 1px solid #d0d0d0;
        border-radius: 0 0 3px 3px;
        border-top: 0;
        box-shadow: 0 1px 3px #0000001a;
        box-sizing: border-box;
        left: 0;
        margin: .25rem 0 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10
    }

    .ts-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden
    }

    .ts-dropdown [data-selectable] .highlight {
        background: #7da8d033;
        border-radius: 1px
    }

    .ts-dropdown .create,
    .ts-dropdown .no-results,
    .ts-dropdown .optgroup-header,
    .ts-dropdown .option {
        padding: 5px 8px
    }

    .ts-dropdown .option,
    .ts-dropdown [data-disabled],
    .ts-dropdown [data-disabled] [data-selectable].option {
        cursor: inherit;
        opacity: .5
    }

    .ts-dropdown [data-selectable].option {
        cursor: pointer;
        opacity: 1
    }

    .ts-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0
    }

    .ts-dropdown .optgroup-header {
        background: #fff;
        color: #303030;
        cursor: default
    }

    .ts-dropdown .active {
        background-color: #f5fafd;
        color: #495c68
    }

    .ts-dropdown .active.create {
        color: #495c68
    }

    .ts-dropdown .spinner {
        display: inline-block;
        height: 30px;
        margin: 5px 8px;
        width: 30px
    }

    .ts-dropdown .spinner:after {
        animation: lds-dual-ring 1.2s linear infinite;
        border-color: #d0d0d0 #0000;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        content: " ";
        display: block;
        height: 24px;
        margin: 3px;
        width: 24px
    }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .ts-dropdown-content {
        max-height: 200px;
        overflow: hidden auto;
        scroll-behavior: smooth
    }

    .ts-wrapper.plugin-drag_drop .ts-dragging {
        color: #0000 !important
    }

    .ts-wrapper.plugin-drag_drop .ts-dragging>* {
        visibility: hidden !important
    }

    .plugin-checkbox_options:not(.rtl) .option input {
        margin-right: .5rem
    }

    .plugin-checkbox_options.rtl .option input {
        margin-left: .5rem
    }

    .plugin-clear_button {
        --ts-pr-clear-button: 1em
    }

    .plugin-clear_button .clear-button {
        background: 0 0 !important;
        cursor: pointer;
        margin-right: 0 !important;
        opacity: 0;
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .5s
    }

    .plugin-clear_button.form-select .clear-button,
    .plugin-clear_button.single .clear-button {
        right: max(var(--ts-pr-caret), 8px)
    }

    .plugin-clear_button.focus.has-items .clear-button,
    .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
        opacity: 1
    }

    .ts-wrapper .dropdown-header {
        background: color-mix(#fff, #d0d0d0, 85%);
        border-bottom: 1px solid #d0d0d0;
        border-radius: 3px 3px 0 0;
        padding: 10px 8px;
        position: relative
    }

    .ts-wrapper .dropdown-header-close {
        color: #303030;
        font-size: 20px !important;
        line-height: 20px;
        margin-top: -12px;
        opacity: .4;
        position: absolute;
        right: 8px;
        top: 50%
    }

    .ts-wrapper .dropdown-header-close:hover {
        color: #000
    }

    .plugin-dropdown_input.focus.dropdown-active .ts-control {
        border: 1px solid #d0d0d0;
        box-shadow: none
    }

    .plugin-dropdown_input .dropdown-input {
        background: 0 0;
        border: solid #d0d0d0;
        border-width: 0 0 1px;
        box-shadow: none;
        display: block;
        padding: 8px;
        width: 100%
    }

    .plugin-dropdown_input .items-placeholder {
        border: 0 !important;
        box-shadow: none !important;
        width: 100%
    }

    .plugin-dropdown_input.dropdown-active .items-placeholder,
    .plugin-dropdown_input.has-items .items-placeholder {
        display: none !important
    }

    .ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
        min-width: 0
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
        flex: none;
        min-width: 4px
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-moz-placeholder {
        color: #0000
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder {
        color: #0000
    }

    .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
        display: flex
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup {
        border-right: 1px solid #f2f2f2;
        border-top: 0;
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup-header {
        border-top: 0
    }

    .ts-wrapper.plugin-remove_button .item {
        align-items: center;
        display: inline-flex
    }

    .ts-wrapper.plugin-remove_button .item .remove {
        border-radius: 0 2px 2px 0;
        box-sizing: border-box;
        color: inherit;
        display: inline-block;
        padding: 0 6px;
        text-decoration: none;
        vertical-align: middle
    }

    .ts-wrapper.plugin-remove_button .item .remove:hover {
        background: #0000000d
    }

    .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
        background: 0 0
    }

    .ts-wrapper.plugin-remove_button .remove-single {
        font-size: 23px;
        position: absolute;
        right: 0;
        top: 0
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item {
        padding-right: 0 !important
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
        border-left: 1px solid #d0d0d0;
        margin-left: 6px
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
        border-left-color: #cacaca
    }

    .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
        border-left-color: #fff
    }

    .ts-wrapper.plugin-remove_button.rtl .item {
        padding-left: 0 !important
    }

    .ts-wrapper.plugin-remove_button.rtl .item .remove {
        border-right: 1px solid #d0d0d0;
        margin-right: 6px
    }

    .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
        border-right-color: #cacaca
    }

    .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
        border-right-color: #fff
    }

    :root {
        --ts-pr-clear-button: 0px;
        --ts-pr-caret: 0px;
        --ts-pr-min: .75rem
    }

    .ts-wrapper.single .ts-control,
    .ts-wrapper.single .ts-control input {
        cursor: pointer
    }

    .ts-control:not(.rtl) {
        padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
    }

    .ts-control.rtl {
        padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
    }

    .ts-wrapper {
        position: relative
    }

    .ts-control,
    .ts-control input,
    .ts-dropdown {
        color: #303030;
        font-family: inherit;
        font-size: 13px;
        line-height: 18px
    }

    .ts-control,
    .ts-wrapper.single.input-active .ts-control {
        background: #fff;
        cursor: text
    }

    .ts-hidden-accessible {
        clip: rect(0 0 0 0) !important;
        border: 0 !important;
        clip-path: inset(50%) !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important
    }

    .ts-control {
        --tw-font-weight: var(--font-weight-medium);
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        border-color: var(--color-slate-300);
        border-radius: var(--radius-lg);
        font-family: var(--font-inter);
        font-weight: var(--font-weight-medium);
        outline-style: none;
        padding-block: calc(var(--spacing)*2);
        padding-inline: calc(var(--spacing)*3);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .3s;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out)
    }

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

    @media (hover:hover) {
        .ts-control:hover {
            border-color: var(--color-slate-400)
        }
    }

    .ts-control:where(.dark, .dark *) {
        background-color: var(--color-navy-700);
        border-color: var(--color-navy-450);
        color: var(--color-navy-100)
    }

    @media (hover:hover) {
        .ts-control:where(.dark, .dark *):hover {
            border-color: var(--color-navy-400)
        }
    }

    .input-active .ts-control {
        border-color: var(--color-primary)
    }

    .input-active .ts-control:where(.dark, .dark *) {
        border-color: var(--color-accent)
    }

    .ts-control,
    .ts-control input,
    .ts-dropdown {
        --tw-leading: var(--leading-normal);
        color: var(--color-slate-600);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        line-height: var(--leading-normal)
    }

    :is(.ts-dropdown, .ts-control, .ts-control input)::-moz-placeholder {
        color: color-mix(in oklab, var(--color-slate-400)70%, transparent)
    }

    :is(.ts-dropdown, .ts-control, .ts-control input)::placeholder {
        color: color-mix(in oklab, var(--color-slate-400)70%, transparent)
    }

    :is(.ts-dropdown, .ts-control, .ts-control input):where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .ts-wrapper.multi .ts-control>div {
        background-color: var(--color-slate-150);
        border-radius: var(--radius-sm);
        color: var(--color-slate-800)
    }

    .ts-wrapper.multi .ts-control>div:where(.dark, .dark *) {
        background-color: var(--color-navy-500);
        color: var(--color-navy-50)
    }

    .ts-dropdown {
        --tw-shadow: 0 0 #0000;
        border-color: var(--color-slate-150);
        border-radius: var(--radius-md);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        overflow: hidden
    }

    .ts-dropdown:where(.dark, .dark *) {
        background-color: var(--color-navy-700);
        border-color: var(--color-navy-600)
    }

    .ts-dropdown .create {
        color: var(--color-slate-600)
    }

    .ts-dropdown .create:where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .ts-dropdown .active,
    .ts-dropdown .create:hover,
    .ts-dropdown .option:hover {
        background-color: var(--color-primary);
        color: var(--color-white)
    }

    :is(.ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active):where(.dark, .dark *) {
        background-color: var(--color-accent)
    }

    .ts-dropdown .active.create,
    .ts-dropdown .create:hover.create,
    .ts-dropdown .option:hover.create {
        color: var(--color-white)
    }

    .ts-wrapper.plugin-remove_button .item .remove {
        border-color: var(--color-slate-300)
    }

    .ts-wrapper.plugin-remove_button .item .remove:where(.dark, .dark *) {
        border-color: var(--color-navy-400)
    }

    .full .ts-control,
    .ts-control,
    .ts-wrapper.single.input-active .ts-control {
        background-color: #0000
    }

    .ts-wrapper.single .ts-control,
    .ts-wrapper.single.input-active .ts-control {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: calc(var(--spacing)*9);
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .btn {
        --tw-tracking: var(--tracking-wide);
        --tw-duration: .2s;
        align-items: center;
        border-radius: var(--radius-lg);
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        letter-spacing: var(--tracking-wide);
        outline-style: none;
        padding-block: calc(var(--spacing)*2);
        padding-inline: calc(var(--spacing)*5);
        text-align: center;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

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

    .btn:focus {
        outline-style: none
    }

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

    .btn:disabled {
        pointer-events: none
    }

    .badge,
    .tag {
        --tw-leading: 1;
        --tw-font-weight: var(--font-weight-medium);
        --tw-tracking: var(--tracking-wide);
        --tw-duration: .2s;
        align-items: center;
        border-radius: var(--radius-sm);
        display: inline-flex;
        font-family: var(--font-inter);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        justify-content: center;
        letter-spacing: var(--tracking-wide);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        line-height: 1;
        padding-block: calc(var(--spacing)*1.5);
        padding-inline: calc(var(--spacing)*2);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        vertical-align: baseline
    }

    .tag {
        cursor: pointer
    }

    [data-simplebar] {
        align-items: flex-start;
        flex-flow: column wrap;
        place-content: flex-start;
        position: relative
    }

    .simplebar-wrapper {
        height: inherit;
        max-height: inherit;
        max-width: inherit;
        overflow: hidden;
        width: inherit
    }

    .simplebar-mask {
        direction: inherit;
        height: auto !important;
        overflow: hidden;
        width: auto !important;
        z-index: 0
    }

    .simplebar-mask,
    .simplebar-offset {
        inset: 0;
        margin: 0;
        padding: 0;
        position: absolute
    }

    .simplebar-offset {
        -webkit-overflow-scrolling: touch;
        box-sizing: inherit !important;
        direction: inherit !important;
        resize: none !important
    }

    .simplebar-content-wrapper {
        -ms-overflow-style: none;
        box-sizing: border-box !important;
        direction: inherit;
        display: block;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        overflow: auto;
        position: relative;
        scrollbar-width: none;
        width: auto
    }

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        display: none;
        height: 0;
        width: 0
    }

    .simplebar-content:after,
    .simplebar-content:before {
        content: " ";
        display: table
    }

    .simplebar-placeholder {
        max-height: 100%;
        max-width: 100%;
        pointer-events: none;
        width: 100%
    }

    .simplebar-height-auto-observer-wrapper {
        box-sizing: inherit !important;
        flex-basis: 0;
        flex-grow: inherit;
        flex-shrink: 0;
        float: left;
        height: 100%;
        margin: 0;
        max-height: 1px;
        max-width: 1px;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: relative;
        width: 100%;
        z-index: -1
    }

    .simplebar-height-auto-observer {
        box-sizing: inherit;
        display: block;
        height: 1000%;
        left: 0;
        min-height: 1px;
        min-width: 1px;
        opacity: 0;
        top: 0;
        width: 1000%;
        z-index: -1
    }

    .simplebar-height-auto-observer,
    .simplebar-track {
        overflow: hidden;
        pointer-events: none;
        position: absolute
    }

    .simplebar-track {
        bottom: 0;
        right: 0;
        z-index: 1
    }

    [data-simplebar].simplebar-dragging,
    [data-simplebar].simplebar-dragging .simplebar-content {
        -webkit-touch-callout: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -khtml-user-select: none
    }

    [data-simplebar].simplebar-dragging .simplebar-track {
        pointer-events: all
    }

    .simplebar-scrollbar {
        left: 0;
        min-height: 10px;
        position: absolute;
        right: 0
    }

    .simplebar-scrollbar:before {
        background: #000;
        border-radius: 7px;
        content: "";
        left: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        transition: opacity .2s linear .5s
    }

    .simplebar-scrollbar.simplebar-visible:before {
        opacity: .5;
        transition-delay: 0s;
        transition-duration: 0s
    }

    .simplebar-track.simplebar-vertical {
        top: 0;
        width: 11px
    }

    .simplebar-scrollbar:before {
        inset: 2px
    }

    .simplebar-track.simplebar-horizontal {
        height: 11px;
        left: 0
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        inset: 0 auto 0 0;
        min-height: 0;
        min-width: 10px;
        width: auto
    }

    [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
        left: 0;
        right: auto
    }

    .simplebar-dummy-scrollbar-size {
        -ms-overflow-style: scrollbar !important;
        direction: rtl;
        height: 500px;
        opacity: 0;
        overflow: scroll hidden;
        position: fixed;
        visibility: hidden;
        width: 500px
    }

    .simplebar-dummy-scrollbar-size>div {
        height: 200%;
        margin: 10px 0;
        width: 200%
    }

    .simplebar-hide-scrollbar {
        -ms-overflow-style: none;
        left: 0;
        overflow-y: scroll;
        position: fixed;
        scrollbar-width: none;
        visibility: hidden
    }

    .simplebar-scrollbar:before {
        background-color: color-mix(in oklab, var(--color-slate-300)80%, transparent)
    }

    .simplebar-scrollbar:before:where() {
        background-color: var(--color-navy-400)
    }

    .simplebar-content-wrapper {
        outline-style: none
    }

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

    .progress {
        border-radius: 3.40282e+38px;
        display: flex;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .progress .is-indeterminate {
        animation: progress-increase 2s cubic-bezier(.4, 0, .2, 1) infinite
    }

    .progress .is-active:before {
        --tw-content: "";
        animation: progress-active 2s cubic-bezier(.55, .2, .3, .67) infinite;
        background-color: var(--color-white);
        border-radius: var(--radius-sm);
        content: var(--tw-content);
        inset: calc(var(--spacing)*0);
        position: absolute
    }

    @keyframes progress-increase {
        0% {
            left: -5%;
            width: 5%
        }

        to {
            left: 125%;
            width: 100%
        }
    }

    @keyframes progress-active {
        0% {
            opacity: .4;
            transform: translate(-100%)
        }

        to {
            opacity: 0;
            transform: translate(0)
        }
    }

    .mask {
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .mask.is-squircle {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E")
    }

    .mask.is-reuleaux-triangle {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E")
    }

    .mask.is-diamond {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E")
    }

    .mask.is-hexagon {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E")
    }

    .mask.is-hexagon-2 {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none'%3E%3Cpath fill='%23000' d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none'%3E%3Cpath fill='%23000' d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z'/%3E%3C/svg%3E")
    }

    .mask.is-octagon {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z'/%3E%3C/svg%3E")
    }

    .mask.is-star {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none'%3E%3Cpath fill='%23000' d='M82.39 2.111a14 14 0 0 1 14.568 0l10.401 6.337a14 14 0 0 0 7.613 2.04l12.176-.287a14.003 14.003 0 0 1 12.616 7.283l5.839 10.688a14.005 14.005 0 0 0 5.573 5.574l10.688 5.84a14.001 14.001 0 0 1 7.284 12.615l-.287 12.175a14.004 14.004 0 0 0 2.04 7.614l6.336 10.4a14 14 0 0 1 0 14.568l-6.336 10.401a14 14 0 0 0-2.04 7.613l.287 12.176a14.002 14.002 0 0 1-7.284 12.616l-10.688 5.839a14.005 14.005 0 0 0-5.573 5.573l-5.839 10.688a14.003 14.003 0 0 1-12.616 7.284l-12.176-.287a14 14 0 0 0-7.613 2.04l-10.401 6.336a13.998 13.998 0 0 1-14.567 0l-10.401-6.336a14.004 14.004 0 0 0-7.614-2.04l-12.175.287a13.994 13.994 0 0 1-12.616-7.284l-5.84-10.688a14.004 14.004 0 0 0-5.573-5.573l-10.688-5.839a14.001 14.001 0 0 1-7.283-12.616l.287-12.176a14 14 0 0 0-2.04-7.613L2.11 96.958a14 14 0 0 1 0-14.567L8.448 71.99a14 14 0 0 0 2.04-7.614L10.2 52.201a13.998 13.998 0 0 1 7.283-12.616l10.688-5.84a14 14 0 0 0 5.574-5.573l5.84-10.688A14 14 0 0 1 52.2 10.201l12.175.287a14 14 0 0 0 7.614-2.04l10.4-6.337h.001z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none'%3E%3Cpath fill='%23000' d='M82.39 2.111a14 14 0 0 1 14.568 0l10.401 6.337a14 14 0 0 0 7.613 2.04l12.176-.287a14.003 14.003 0 0 1 12.616 7.283l5.839 10.688a14.005 14.005 0 0 0 5.573 5.574l10.688 5.84a14.001 14.001 0 0 1 7.284 12.615l-.287 12.175a14.004 14.004 0 0 0 2.04 7.614l6.336 10.4a14 14 0 0 1 0 14.568l-6.336 10.401a14 14 0 0 0-2.04 7.613l.287 12.176a14.002 14.002 0 0 1-7.284 12.616l-10.688 5.839a14.005 14.005 0 0 0-5.573 5.573l-5.839 10.688a14.003 14.003 0 0 1-12.616 7.284l-12.176-.287a14 14 0 0 0-7.613 2.04l-10.401 6.336a13.998 13.998 0 0 1-14.567 0l-10.401-6.336a14.004 14.004 0 0 0-7.614-2.04l-12.175.287a13.994 13.994 0 0 1-12.616-7.284l-5.84-10.688a14.004 14.004 0 0 0-5.573-5.573l-10.688-5.839a14.001 14.001 0 0 1-7.283-12.616l.287-12.176a14 14 0 0 0-2.04-7.613L2.11 96.958a14 14 0 0 1 0-14.567L8.448 71.99a14 14 0 0 0 2.04-7.614L10.2 52.201a13.998 13.998 0 0 1 7.283-12.616l10.688-5.84a14 14 0 0 0 5.574-5.573l5.84-10.688A14 14 0 0 1 52.2 10.201l12.175.287a14 14 0 0 0 7.614-2.04l10.4-6.337h.001z'/%3E%3C/svg%3E")
    }

    .mask.is-star-2 {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='187' fill='none'%3E%3Cpath fill='%23000' d='M81.518 3.291a24.647 24.647 0 0 1 23.93 0l18.134 10.07a24.65 24.65 0 0 0 5.188 2.148l19.943 5.703a24.645 24.645 0 0 1 16.921 16.921l5.702 19.942a24.665 24.665 0 0 0 2.15 5.189l10.068 18.134a24.64 24.64 0 0 1 0 23.93l-10.068 18.134a24.66 24.66 0 0 0-2.15 5.188l-5.702 19.943a24.64 24.64 0 0 1-6.27 10.651 24.638 24.638 0 0 1-10.651 6.269l-19.943 5.703a24.66 24.66 0 0 0-5.188 2.15l-18.134 10.068a24.644 24.644 0 0 1-23.93 0l-18.134-10.068a24.663 24.663 0 0 0-5.188-2.15l-19.943-5.703a24.641 24.641 0 0 1-16.921-16.92L15.63 128.65a24.635 24.635 0 0 0-2.149-5.188l-10.07-18.134a24.651 24.651 0 0 1 0-23.93l10.07-18.134a24.644 24.644 0 0 0 2.148-5.188l5.704-19.943a24.647 24.647 0 0 1 16.92-16.921l19.943-5.703a24.655 24.655 0 0 0 5.188-2.148L81.518 3.29z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='187' fill='none'%3E%3Cpath fill='%23000' d='M81.518 3.291a24.647 24.647 0 0 1 23.93 0l18.134 10.07a24.65 24.65 0 0 0 5.188 2.148l19.943 5.703a24.645 24.645 0 0 1 16.921 16.921l5.702 19.942a24.665 24.665 0 0 0 2.15 5.189l10.068 18.134a24.64 24.64 0 0 1 0 23.93l-10.068 18.134a24.66 24.66 0 0 0-2.15 5.188l-5.702 19.943a24.64 24.64 0 0 1-6.27 10.651 24.638 24.638 0 0 1-10.651 6.269l-19.943 5.703a24.66 24.66 0 0 0-5.188 2.15l-18.134 10.068a24.644 24.644 0 0 1-23.93 0l-18.134-10.068a24.663 24.663 0 0 0-5.188-2.15l-19.943-5.703a24.641 24.641 0 0 1-16.921-16.92L15.63 128.65a24.635 24.635 0 0 0-2.149-5.188l-10.07-18.134a24.651 24.651 0 0 1 0-23.93l10.07-18.134a24.644 24.644 0 0 0 2.148-5.188l5.704-19.943a24.647 24.647 0 0 1 16.92-16.921l19.943-5.703a24.655 24.655 0 0 0 5.188-2.148L81.518 3.29z'/%3E%3C/svg%3E")
    }

    .mask.is-heart {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 0 1-8.653 2.673z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 0 1-8.653 2.673z'/%3E%3C/svg%3E")
    }

    .tippy-box[data-animation=fade][data-state=hidden] {
        opacity: 0
    }

    [data-tippy-root] {
        max-width: calc(100vw - 10px)
    }

    .tippy-box {
        background-color: #333;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        line-height: 1.4;
        outline: 0;
        position: relative;
        transition-property: transform, visibility, opacity;
        white-space: normal
    }

    .tippy-box[data-placement^=top]>.tippy-arrow {
        bottom: 0
    }

    .tippy-box[data-placement^=top]>.tippy-arrow:before {
        border-top-color: initial;
        border-width: 8px 8px 0;
        bottom: -7px;
        left: 0;
        transform-origin: top
    }

    .tippy-box[data-placement^=bottom]>.tippy-arrow {
        top: 0
    }

    .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
        border-bottom-color: initial;
        border-width: 0 8px 8px;
        left: 0;
        top: -7px;
        transform-origin: bottom
    }

    .tippy-box[data-placement^=left]>.tippy-arrow {
        right: 0
    }

    .tippy-box[data-placement^=left]>.tippy-arrow:before {
        border-left-color: initial;
        border-width: 8px 0 8px 8px;
        right: -7px;
        transform-origin: 0
    }

    .tippy-box[data-placement^=right]>.tippy-arrow {
        left: 0
    }

    .tippy-box[data-placement^=right]>.tippy-arrow:before {
        border-right-color: initial;
        border-width: 8px 8px 8px 0;
        left: -7px;
        transform-origin: 100%
    }

    .tippy-box[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
    }

    .tippy-arrow {
        color: #333;
        height: 16px;
        width: 16px
    }

    .tippy-arrow:before {
        border-color: #0000;
        border-style: solid;
        content: "";
        position: absolute
    }

    .tippy-content {
        padding: 5px 9px;
        position: relative;
        z-index: 1
    }

    .tippy-box[data-placement^=top]>.tippy-svg-arrow {
        bottom: 0
    }

    .tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
    .tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
        top: 16px;
        transform: rotate(180deg)
    }

    .tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
        top: 0
    }

    .tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
        bottom: 16px
    }

    .tippy-box[data-placement^=left]>.tippy-svg-arrow {
        right: 0
    }

    .tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
    .tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
        left: 11px;
        top: calc(50% - 3px);
        transform: rotate(90deg)
    }

    .tippy-box[data-placement^=right]>.tippy-svg-arrow {
        left: 0
    }

    .tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
    .tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
        right: 11px;
        top: calc(50% - 3px);
        transform: rotate(-90deg)
    }

    .tippy-svg-arrow {
        fill: #333;
        height: 16px;
        text-align: initial;
        width: 16px
    }

    .tippy-svg-arrow,
    .tippy-svg-arrow>svg {
        position: absolute
    }

    .tippy-box[data-animation=shift-away][data-state=hidden] {
        opacity: 0
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
        transform: translateY(10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
        transform: translateY(-10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
        transform: translate(10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
        transform: translate(-10px)
    }

    .tippy-box {
        background-color: var(--color-slate-150);
        color: var(--color-slate-800)
    }

    .tippy-box:where(.dark, .dark *) {
        background-color: var(--color-navy-500);
        color: var(--color-navy-50)
    }

    .tippy-svg-arrow svg {
        fill: currentColor;
        --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);
        color: var(--color-slate-150)
    }

    .tippy-svg-arrow svg:where(.dark, .dark *) {
        color: var(--color-navy-500)
    }

    .tippy-box[data-theme~=content] .tippy-content {
        padding: calc(var(--spacing)*0)
    }

    .tippy-box[data-theme~=primary] {
        background-color: var(--color-primary);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=primary]:where(.dark, .dark *) {
        background-color: var(--color-accent)
    }

    .tippy-box[data-theme~=primary]>.tippy-svg-arrow svg {
        color: var(--color-primary)
    }

    .tippy-box[data-theme~=primary]>.tippy-svg-arrow svg:where(.dark, .dark *) {
        color: var(--color-accent)
    }

    .tippy-box[data-theme~=secondary] {
        background-color: var(--color-secondary);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=secondary]>.tippy-svg-arrow svg {
        color: var(--color-secondary)
    }

    .tippy-box[data-theme~=info] {
        background-color: var(--color-info);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=info]>.tippy-svg-arrow svg {
        color: var(--color-info)
    }

    .tippy-box[data-theme~=success] {
        background-color: var(--color-success);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=success]>.tippy-svg-arrow svg {
        color: var(--color-success)
    }

    .tippy-box[data-theme~=warning] {
        background-color: var(--color-warning);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=warning]>.tippy-svg-arrow svg {
        color: var(--color-warning)
    }

    .tippy-box[data-theme~=error] {
        background-color: var(--color-error);
        color: var(--color-white)
    }

    .tippy-box[data-theme~=error]>.tippy-svg-arrow svg {
        color: var(--color-error)
    }

    .tippy-box[data-theme~=light] {
        background-color: var(--color-slate-150);
        color: var(--color-slate-600)
    }

    .tippy-box[data-theme~=light]>.tippy-svg-arrow svg {
        color: var(--color-slate-150)
    }

    .filepond--assistant {
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .filepond--browser.filepond--browser {
        font-size: 0;
        left: 1em;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 1.75em;
        width: calc(100% - 2em)
    }

    .filepond--data {
        border: none;
        contain: strict;
        height: 0;
        margin: 0;
        padding: 0;
        visibility: hidden;
        width: 0
    }

    .filepond--data,
    .filepond--drip {
        pointer-events: none;
        position: absolute
    }

    .filepond--drip {
        background: #00000003;
        border-radius: .5em;
        inset: 0;
        opacity: .1;
        overflow: hidden
    }

    .filepond--drip-blob {
        background: #292625;
        border-radius: 50%;
        height: 8em;
        margin-left: -4em;
        margin-top: -4em;
        transform-origin: 50%;
        width: 8em
    }

    .filepond--drip-blob,
    .filepond--drop-label {
        left: 0;
        position: absolute;
        top: 0;
        will-change: transform, opacity
    }

    .filepond--drop-label {
        align-items: center;
        color: #4f4f4f;
        display: flex;
        height: 0;
        justify-content: center;
        margin: 0;
        right: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .filepond--drop-label.filepond--drop-label label {
        display: block;
        margin: 0;
        padding: .5em
    }

    .filepond--drop-label label {
        cursor: default;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.5;
        text-align: center
    }

    .filepond--label-action {
        -webkit-text-decoration-skip: ink;
        cursor: pointer;
        -webkit-text-decoration: underline #a7a4a4;
        text-decoration: underline #a7a4a4;
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto
    }

    .filepond--root[data-disabled] .filepond--drop-label label {
        opacity: .5
    }

    .filepond--file-action-button.filepond--file-action-button {
        border: none;
        font-family: inherit;
        font-size: 1em;
        height: 1.625em;
        line-height: inherit;
        margin: 0;
        outline: none;
        padding: 0;
        width: 1.625em;
        will-change: transform, opacity
    }

    .filepond--file-action-button.filepond--file-action-button span {
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .filepond--file-action-button.filepond--file-action-button svg {
        height: 100%;
        width: 100%
    }

    .filepond--file-action-button.filepond--file-action-button:after {
        content: "";
        inset: -.75em;
        position: absolute
    }

    .filepond--file-action-button {
        background-color: #00000080;
        background-image: none;
        border-radius: 50%;
        box-shadow: 0 0 #fff0;
        color: #fff;
        cursor: auto;
        transition: box-shadow .25s ease-in
    }

    .filepond--file-action-button:focus,
    .filepond--file-action-button:hover {
        box-shadow: 0 0 0 .125em #ffffffe6
    }

    .filepond--file-action-button[disabled] {
        background-color: #00000040;
        color: #ffffff80
    }

    .filepond--file-action-button[hidden] {
        display: none
    }

    .filepond--action-edit-item.filepond--action-edit-item {
        height: 2em;
        padding: .1875em;
        width: 2em
    }

    .filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
        margin-left: -.1875em
    }

    .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
        margin-bottom: -.1875em
    }

    .filepond--action-edit-item-alt {
        background: 0 0;
        border: none;
        color: inherit;
        font-family: inherit;
        line-height: inherit;
        margin: 0 0 0 .25em;
        outline: none;
        padding: 0;
        pointer-events: all;
        position: absolute
    }

    .filepond--action-edit-item-alt svg {
        height: 1.3125em;
        width: 1.3125em
    }

    .filepond--action-edit-item-alt span {
        font-size: 0;
        opacity: 0
    }

    .filepond--file-info {
        align-items: flex-start;
        display: flex;
        flex: 1;
        flex-direction: column;
        margin: 0 .5em 0 0;
        min-width: 0;
        pointer-events: none;
        position: static;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        will-change: transform, opacity
    }

    .filepond--file-info * {
        margin: 0
    }

    .filepond--file-info .filepond--file-info-main {
        font-size: .75em;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .filepond--file-info .filepond--file-info-sub {
        font-size: .625em;
        opacity: .5;
        transition: opacity .25s ease-in-out;
        white-space: nowrap
    }

    .filepond--file-info .filepond--file-info-sub:empty {
        display: none
    }

    .filepond--file-status {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        flex-shrink: 0;
        margin: 0;
        min-width: 2.25em;
        pointer-events: none;
        position: static;
        text-align: right;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        will-change: transform, opacity
    }

    .filepond--file-status * {
        margin: 0;
        white-space: nowrap
    }

    .filepond--file-status .filepond--file-status-main {
        font-size: .75em;
        line-height: 1.2
    }

    .filepond--file-status .filepond--file-status-sub {
        font-size: .625em;
        opacity: .5;
        transition: opacity .25s ease-in-out
    }

    .filepond--file-wrapper.filepond--file-wrapper {
        border: none;
        height: 100%;
        margin: 0;
        min-width: 0;
        padding: 0
    }

    .filepond--file-wrapper.filepond--file-wrapper>legend {
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .filepond--file {
        align-items: flex-start;
        border-radius: .5em;
        color: #fff;
        display: flex;
        height: 100%;
        padding: .5625em;
        position: static
    }

    .filepond--file .filepond--file-status {
        margin-left: auto;
        margin-right: 2.25em
    }

    .filepond--file .filepond--processing-complete-indicator {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 3
    }

    .filepond--file .filepond--file-action-button,
    .filepond--file .filepond--processing-complete-indicator,
    .filepond--file .filepond--progress-indicator {
        position: absolute
    }

    .filepond--file [data-align*=left] {
        left: .5625em
    }

    .filepond--file [data-align*=right] {
        right: .5625em
    }

    .filepond--file [data-align*=center] {
        left: calc(50% - .8125em)
    }

    .filepond--file [data-align*=bottom] {
        bottom: 1.125em
    }

    .filepond--file [data-align=center] {
        top: calc(50% - .8125em)
    }

    .filepond--file .filepond--progress-indicator {
        margin-top: .1875em
    }

    .filepond--file .filepond--progress-indicator[data-align*=right] {
        margin-right: .1875em
    }

    .filepond--file .filepond--progress-indicator[data-align*=left] {
        margin-left: .1875em
    }

    [data-filepond-item-state*=error] .filepond--file-info,
    [data-filepond-item-state*=invalid] .filepond--file-info,
    [data-filepond-item-state=cancelled] .filepond--file-info {
        margin-right: 2.25em
    }

    [data-filepond-item-state~=processing] .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-error] .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
        animation: fall .5s linear .125s both
    }

    [data-filepond-item-state=processing-complete] .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-complete] .filepond--file-info-sub,
    [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
        opacity: .5
    }

    [data-filepond-item-state*=error] .filepond--file-wrapper,
    [data-filepond-item-state*=error] .filepond--panel,
    [data-filepond-item-state*=invalid] .filepond--file-wrapper,
    [data-filepond-item-state*=invalid] .filepond--panel {
        animation: shake .65s linear both
    }

    [data-filepond-item-state*=busy] .filepond--progress-indicator svg {
        animation: spin 1s linear infinite
    }

    @keyframes shake {

        10%,
        90% {
            transform: translate(-.0625em)
        }

        20%,
        80% {
            transform: translate(.125em)
        }

        30%,
        50%,
        70% {
            transform: translate(-.25em)
        }

        40%,
        60% {
            transform: translate(.25em)
        }
    }

    @keyframes fall {
        0% {
            animation-timing-function: ease-out;
            opacity: 0;
            transform: scale(.5)
        }

        70% {
            animation-timing-function: ease-in-out;
            opacity: 1;
            transform: scale(1.1)
        }

        to {
            animation-timing-function: ease-out;
            transform: scale(1)
        }
    }

    .filepond--hopper[data-hopper-state=drag-over]>* {
        pointer-events: none
    }

    .filepond--hopper[data-hopper-state=drag-over]:after {
        content: "";
        inset: 0;
        position: absolute;
        z-index: 100
    }

    .filepond--progress-indicator {
        z-index: 103
    }

    .filepond--file-action-button {
        z-index: 102
    }

    .filepond--file-status {
        z-index: 101
    }

    .filepond--file-info {
        z-index: 100
    }

    .filepond--item {
        left: 0;
        margin: .25em;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        touch-action: auto;
        will-change: transform, opacity;
        z-index: 1
    }

    .filepond--item>.filepond--panel {
        z-index: -1
    }

    .filepond--item>.filepond--panel .filepond--panel-bottom {
        box-shadow: 0 .0625em .125em -.0625em #00000040
    }

    .filepond--item>.filepond--file-wrapper,
    .filepond--item>.filepond--panel {
        transition: opacity .15s ease-out
    }

    .filepond--item[data-drag-state] {
        cursor: grab
    }

    .filepond--item[data-drag-state]>.filepond--panel {
        box-shadow: 0 0 #0000;
        transition: box-shadow .125s ease-in-out
    }

    .filepond--item[data-drag-state=drag] {
        cursor: grabbing
    }

    .filepond--item[data-drag-state=drag]>.filepond--panel {
        box-shadow: 0 .125em .3125em #00000053
    }

    .filepond--item[data-drag-state]:not([data-drag-state=idle]) {
        z-index: 2
    }

    .filepond--item-panel {
        background-color: #64605e
    }

    [data-filepond-item-state=processing-complete] .filepond--item-panel {
        background-color: #369763
    }

    [data-filepond-item-state*=error] .filepond--item-panel,
    [data-filepond-item-state*=invalid] .filepond--item-panel {
        background-color: #c44e47
    }

    .filepond--item-panel {
        border-radius: .5em;
        transition: background-color .25s
    }

    .filepond--list-scroller {
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        will-change: transform
    }

    .filepond--list-scroller[data-state=overflow] .filepond--list {
        bottom: 0;
        right: 0
    }

    .filepond--list-scroller[data-state=overflow] {
        -webkit-overflow-scrolling: touch;
        -webkit-mask: linear-gradient(#000 calc(100% - .5em), #0000);
        mask: linear-gradient(#000 calc(100% - .5em), #0000);
        overflow: hidden scroll
    }

    .filepond--list-scroller::-webkit-scrollbar {
        background: 0 0
    }

    .filepond--list-scroller::-webkit-scrollbar:vertical {
        width: 1em
    }

    .filepond--list-scroller::-webkit-scrollbar:horizontal {
        height: 0
    }

    .filepond--list-scroller::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #0000004d;
        border: .3125em solid #0000;
        border-radius: 99999px
    }

    .filepond--list.filepond--list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        will-change: transform
    }

    .filepond--list {
        left: .75em;
        right: .75em
    }

    .filepond--root[data-style-panel-layout~=integrated] {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100%
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
        border-radius: 0
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* {
        display: none
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
        align-items: center;
        bottom: 0;
        display: flex;
        height: auto;
        justify-content: center;
        z-index: 7
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
        display: none
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
        height: 100%;
        margin-bottom: 0;
        margin-top: 0;
        overflow: hidden
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--list,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--list {
        height: 100%;
        left: 0;
        right: 0
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--item,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--item {
        margin: 0
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
        height: 100%
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
        z-index: 7
    }

    .filepond--root[data-style-panel-layout~=circle] {
        border-radius: 99999rem;
        overflow: hidden
    }

    .filepond--root[data-style-panel-layout~=circle]>.filepond--panel {
        border-radius: inherit
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file-info,
    .filepond--root[data-style-panel-layout~=circle] .filepond--file-status,
    .filepond--root[data-style-panel-layout~=circle]>.filepond--panel>* {
        display: none
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
        opacity: 1 !important;
        visibility: visible !important
    }

    @media not all and (resolution>=.001dpcm) {
        @supports (-webkit-appearance:none) and (stroke-color:transparent) {
            .filepond--root[data-style-panel-layout~=circle] {
                will-change: transform
            }
        }
    }

    .filepond--panel-root {
        background-color: #f1f0ef;
        border-radius: .5em
    }

    .filepond--panel {
        height: 100% !important;
        left: 0;
        margin: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0
    }

    .filepond-panel:not([data-scalable=false]) {
        height: auto !important
    }

    .filepond--panel[data-scalable=false]>div {
        display: none
    }

    .filepond--panel[data-scalable=true] {
        background-color: #0000 !important;
        border: none !important;
        transform-style: preserve-3d
    }

    .filepond--panel-bottom,
    .filepond--panel-center,
    .filepond--panel-top {
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .filepond--panel-bottom,
    .filepond--panel-top {
        height: .5em
    }

    .filepond--panel-top {
        border-bottom: none !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .filepond--panel-top:after {
        background-color: inherit;
        bottom: -1px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0
    }

    .filepond--panel-bottom,
    .filepond--panel-center {
        backface-visibility: hidden;
        transform: translateY(.5em);
        transform-origin: 0 0;
        will-change: transform
    }

    .filepond--panel-bottom {
        border-top: none !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .filepond--panel-bottom:before {
        background-color: inherit;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: -1px
    }

    .filepond--panel-center {
        border-bottom: none !important;
        border-radius: 0 !important;
        border-top: none !important;
        height: 100px !important
    }

    .filepond--panel-center:not([style]) {
        visibility: hidden
    }

    .filepond--progress-indicator {
        color: #fff;
        height: 1.25em;
        margin: 0;
        pointer-events: none;
        position: static;
        width: 1.25em;
        will-change: transform, opacity
    }

    .filepond--progress-indicator svg {
        height: 100%;
        transform-box: fill-box;
        vertical-align: top;
        width: 100%
    }

    .filepond--progress-indicator path {
        fill: none;
        stroke: currentColor
    }

    .filepond--list-scroller {
        z-index: 6
    }

    .filepond--drop-label {
        z-index: 5
    }

    .filepond--drip {
        z-index: 3
    }

    .filepond--root>.filepond--panel {
        z-index: 2
    }

    .filepond--browser {
        z-index: 1
    }

    .filepond--root {
        box-sizing: border-box;
        contain: layout style size;
        direction: ltr;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 1rem;
        font-weight: 450;
        line-height: normal;
        margin-bottom: 1em;
        position: relative;
        text-align: left;
        text-rendering: optimizeLegibility
    }

    .filepond--root * {
        box-sizing: inherit;
        line-height: inherit
    }

    .filepond--root :not(text) {
        font-size: inherit
    }

    .filepond--root[data-disabled] {
        pointer-events: none
    }

    .filepond--root[data-disabled] .filepond--list-scroller {
        pointer-events: all
    }

    .filepond--root[data-disabled] .filepond--list {
        pointer-events: none
    }

    .filepond--root .filepond--drop-label {
        min-height: 4.75em
    }

    .filepond--root .filepond--list-scroller {
        margin-bottom: 1em;
        margin-top: 1em
    }

    .filepond--root .filepond--credits {
        bottom: -14px;
        color: inherit;
        font-size: 11px;
        line-height: .85;
        opacity: .4;
        position: absolute;
        right: 0;
        text-decoration: none;
        z-index: 3
    }

    .filepond--root .filepond--credits[style] {
        bottom: auto;
        margin-top: 14px;
        top: 0
    }

    .filepond--image-preview-markup {
        left: 0;
        position: absolute;
        top: 0
    }

    .filepond--image-preview-wrapper {
        z-index: 2
    }

    .filepond--image-preview-overlay {
        display: block;
        left: 0;
        margin: 0;
        max-height: 7rem;
        min-height: 5rem;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100%;
        z-index: 2
    }

    .filepond--image-preview-overlay svg {
        color: inherit;
        height: auto;
        max-height: inherit;
        width: 100%
    }

    .filepond--image-preview-overlay-idle {
        color: #282828d9;
        mix-blend-mode: multiply
    }

    .filepond--image-preview-overlay-success {
        color: #369763;
        mix-blend-mode: normal
    }

    .filepond--image-preview-overlay-failure {
        color: #c44e47;
        mix-blend-mode: normal
    }

    @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
        .filepond--image-preview-overlay-idle {
            mix-blend-mode: normal
        }
    }

    .filepond--image-preview-wrapper {
        background: #00000003;
        border-radius: .45em;
        height: 100%;
        left: 0;
        margin: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .filepond--image-preview {
        align-items: center;
        background: #222;
        display: flex;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        will-change: transform, opacity;
        z-index: 1
    }

    .filepond--image-clip {
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }

    .filepond--image-clip[data-transparency-indicator=grid] canvas,
    .filepond--image-clip[data-transparency-indicator=grid] img {
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");
        background-size: 1.25em 1.25em
    }

    .filepond--image-bitmap,
    .filepond--image-vector {
        left: 0;
        position: absolute;
        top: 0;
        will-change: transform
    }

    .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
        border-radius: 0
    }

    .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
        border-radius: 99999rem
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
        bottom: 0;
        top: auto;
        transform: scaleY(-1)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
        margin-bottom: .325em
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
        left: calc(50% - 3em)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
        right: calc(50% - 3em)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
        margin-bottom: .5125em
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
        margin-bottom: .1875em;
        margin-left: .1875em;
        margin-top: 0
    }

    .filepond {
        display: block;
        width: 100%
    }

    .fp-grid {
        --fp-grid: 1
    }

    .filepond--credits {
        --tw-font-weight: var(--font-weight-light) !important;
        font-size: var(--text-tiny) !important;
        font-weight: var(--font-weight-light) !important;
        line-height: var(--tw-leading, var(--text-tiny--line-height)) !important;
        opacity: .1 !important
    }

    .filepond.fp-grid .filepond--item {
        width: calc(1/var(--fp-grid)*100% - .5rem)
    }

    .filepond.fp-bordered .filepond--panel-root {
        --tw-border-style: dashed;
        background-color: #0000;
        border-color: var(--color-slate-300);
        border-style: dashed;
        border-width: 2px
    }

    .filepond.fp-bordered .filepond--panel-root:where(.dark, .dark *) {
        border-color: var(--color-navy-450)
    }

    .filepond.fp-bg-filled .filepond--panel-root {
        background-color: color-mix(in oklab, var(--color-slate-150)80%, transparent)
    }

    .filepond.fp-bg-filled .filepond--panel-root:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-navy-500)85%, transparent)
    }

    .filepond--drop-label label {
        color: var(--color-slate-600)
    }

    .filepond--drop-label label:where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .filepond.label-icon .filepond--drop-label label {
        color: var(--color-slate-400)
    }

    .filepond.label-icon .filepond--drop-label label:where(.dark, .dark *) {
        color: var(--color-navy-300)
    }

    .ql-container {
        box-sizing: border-box;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        height: 100%;
        margin: 0;
        position: relative
    }

    .ql-container.ql-disabled .ql-tooltip {
        visibility: hidden
    }

    .ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,
    .ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui {
        cursor: pointer
    }

    .ql-clipboard {
        height: 1px;
        left: -100000px;
        overflow-y: hidden;
        position: absolute;
        top: 50%
    }

    .ql-clipboard p {
        margin: 0;
        padding: 0
    }

    .ql-editor {
        word-wrap: break-word;
        box-sizing: border-box;
        counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        height: 100%;
        line-height: 1.42;
        outline: none;
        overflow-y: auto;
        padding: 12px 15px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        text-align: left;
        white-space: pre-wrap
    }

    .ql-editor>* {
        cursor: text
    }

    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6,
    .ql-editor ol,
    .ql-editor p,
    .ql-editor pre {
        margin: 0;
        padding: 0
    }

    @supports (counter-set:none) {

        .ql-editor h1,
        .ql-editor h2,
        .ql-editor h3,
        .ql-editor h4,
        .ql-editor h5,
        .ql-editor h6,
        .ql-editor p {
            counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {

        .ql-editor h1,
        .ql-editor h2,
        .ql-editor h3,
        .ql-editor h4,
        .ql-editor h5,
        .ql-editor h6,
        .ql-editor p {
            counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor table {
        border-collapse: collapse
    }

    .ql-editor td {
        border: 1px solid #000;
        padding: 2px 5px
    }

    .ql-editor li,
    .ql-editor ol {
        padding-left: 1.5em
    }

    .ql-editor li {
        list-style-type: none;
        position: relative
    }

    .ql-editor li>.ql-ui:before {
        display: inline-block;
        margin-left: -1.5em;
        margin-right: .3em;
        text-align: right;
        white-space: nowrap;
        width: 1.2em
    }

    .ql-editor li[data-list=checked]>.ql-ui,
    .ql-editor li[data-list=unchecked]>.ql-ui {
        color: #777
    }

    .ql-editor li[data-list=bullet]>.ql-ui:before {
        content: "•"
    }

    .ql-editor li[data-list=checked]>.ql-ui:before {
        content: "☑"
    }

    .ql-editor li[data-list=unchecked]>.ql-ui:before {
        content: "☐"
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list] {
            counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list] {
            counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered] {
        counter-increment: list-0
    }

    .ql-editor li[data-list=ordered]>.ql-ui:before {
        content: counter(list-0, decimal)". "
    }

    .ql-editor li[data-list=ordered].ql-indent-1 {
        counter-increment: list-1
    }

    .ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before {
        content: counter(list-1, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-2 {
        counter-increment: list-2
    }

    .ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before {
        content: counter(list-2, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-3 {
        counter-increment: list-3
    }

    .ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before {
        content: counter(list-3, decimal)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-set: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-4 {
        counter-increment: list-4
    }

    .ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before {
        content: counter(list-4, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-set: list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-5 {
        counter-increment: list-5
    }

    .ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before {
        content: counter(list-5, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-set: list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-6 {
        counter-increment: list-6
    }

    .ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before {
        content: counter(list-6, decimal)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-set: list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-reset: list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-7 {
        counter-increment: list-7
    }

    .ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before {
        content: counter(list-7, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-set: list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-reset: list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-8 {
        counter-increment: list-8
    }

    .ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before {
        content: counter(list-8, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-set: list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-reset: list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-9 {
        counter-increment: list-9
    }

    .ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before {
        content: counter(list-9, decimal)". "
    }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em
    }

    .ql-editor li.ql-direction-rtl {
        padding-right: 1.5em
    }

    .ql-editor li.ql-direction-rtl>.ql-ui:before {
        margin-left: .3em;
        margin-right: -1.5em;
        text-align: left
    }

    .ql-editor table {
        table-layout: fixed;
        width: 100%
    }

    .ql-editor table td {
        outline: none
    }

    .ql-editor .ql-code-block-container {
        font-family: monospace
    }

    .ql-editor .ql-video {
        display: block;
        max-width: 100%
    }

    .ql-editor .ql-video.ql-align-center {
        margin: 0 auto
    }

    .ql-editor .ql-video.ql-align-right {
        margin: 0 0 0 auto
    }

    .ql-editor .ql-bg-black {
        background-color: #000
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f
    }

    .ql-editor .ql-color-white {
        color: #fff
    }

    .ql-editor .ql-color-red {
        color: #e60000
    }

    .ql-editor .ql-color-orange {
        color: #f90
    }

    .ql-editor .ql-color-yellow {
        color: #ff0
    }

    .ql-editor .ql-color-green {
        color: #008a00
    }

    .ql-editor .ql-color-blue {
        color: #06c
    }

    .ql-editor .ql-color-purple {
        color: #93f
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia, Times New Roman, serif
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco, Courier New, monospace
    }

    .ql-editor .ql-size-small {
        font-size: .75em
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em
    }

    .ql-editor .ql-direction-rtl {
        direction: rtl;
        text-align: inherit
    }

    .ql-editor .ql-align-center {
        text-align: center
    }

    .ql-editor .ql-align-justify {
        text-align: justify
    }

    .ql-editor .ql-align-right {
        text-align: right
    }

    .ql-editor .ql-ui {
        position: absolute
    }

    .ql-editor.ql-blank:before {
        color: #0009;
        content: attr(data-placeholder);
        font-style: italic;
        left: 15px;
        pointer-events: none;
        position: absolute;
        right: 15px
    }

    .ql-snow .ql-toolbar:after,
    .ql-snow.ql-toolbar:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-snow .ql-toolbar button,
    .ql-snow.ql-toolbar button {
        background: 0 0;
        border: none;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 24px;
        padding: 3px 5px;
        width: 28px
    }

    .ql-snow .ql-toolbar button svg,
    .ql-snow.ql-toolbar button svg {
        float: left;
        height: 100%
    }

    .ql-snow .ql-toolbar button:active:hover,
    .ql-snow.ql-toolbar button:active:hover {
        outline: none
    }

    .ql-snow .ql-toolbar input.ql-image[type=file],
    .ql-snow.ql-toolbar input.ql-image[type=file] {
        display: none
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
    .ql-snow .ql-toolbar .ql-picker-item:hover,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active,
    .ql-snow .ql-toolbar .ql-picker-label:hover,
    .ql-snow .ql-toolbar button.ql-active,
    .ql-snow .ql-toolbar button:focus,
    .ql-snow .ql-toolbar button:hover,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
    .ql-snow.ql-toolbar .ql-picker-item:hover,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    .ql-snow.ql-toolbar .ql-picker-label:hover,
    .ql-snow.ql-toolbar button.ql-active,
    .ql-snow.ql-toolbar button:focus,
    .ql-snow.ql-toolbar button:hover {
        color: #06c
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
        fill: #06c
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter {
        stroke: #06c
    }

    @media (pointer:coarse) {

        .ql-snow .ql-toolbar button:hover:not(.ql-active),
        .ql-snow.ql-toolbar button:hover:not(.ql-active) {
            color: #444
        }

        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #444
        }

        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #444
        }
    }

    .ql-snow,
    .ql-snow * {
        box-sizing: border-box
    }

    .ql-snow .ql-hidden {
        display: none
    }

    .ql-snow .ql-out-bottom,
    .ql-snow .ql-out-top {
        visibility: hidden
    }

    .ql-snow .ql-tooltip {
        position: absolute;
        transform: translateY(10px)
    }

    .ql-snow .ql-tooltip a {
        cursor: pointer;
        text-decoration: none
    }

    .ql-snow .ql-tooltip.ql-flip {
        transform: translateY(-10px)
    }

    .ql-snow .ql-formats {
        display: inline-block;
        vertical-align: middle
    }

    .ql-snow .ql-formats:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-snow .ql-stroke {
        fill: none;
        stroke: #444;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px
    }

    .ql-snow .ql-stroke-miter {
        fill: none;
        stroke: #444;
        stroke-miterlimit: 10;
        stroke-width: 2px
    }

    .ql-snow .ql-empty {
        fill: none
    }

    .ql-snow .ql-even {
        fill-rule: evenodd
    }

    .ql-snow .ql-stroke.ql-thin,
    .ql-snow .ql-thin {
        stroke-width: 1px
    }

    .ql-snow .ql-transparent {
        opacity: .4
    }

    .ql-snow .ql-direction svg:last-child {
        display: none
    }

    .ql-snow .ql-direction.ql-active svg:last-child {
        display: inline
    }

    .ql-snow .ql-direction.ql-active svg:first-child {
        display: none
    }

    .ql-snow .ql-editor h1 {
        font-size: 2em
    }

    .ql-snow .ql-editor h2 {
        font-size: 1.5em
    }

    .ql-snow .ql-editor h3 {
        font-size: 1.17em
    }

    .ql-snow .ql-editor h4 {
        font-size: 1em
    }

    .ql-snow .ql-editor h5 {
        font-size: .83em
    }

    .ql-snow .ql-editor h6 {
        font-size: .67em
    }

    .ql-snow .ql-editor a {
        text-decoration: underline
    }

    .ql-snow .ql-editor blockquote {
        border-left: 4px solid #ccc;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-left: 16px
    }

    .ql-snow .ql-editor .ql-code-block-container,
    .ql-snow .ql-editor code {
        background-color: #f0f0f0;
        border-radius: 3px
    }

    .ql-snow .ql-editor .ql-code-block-container {
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 5px 10px
    }

    .ql-snow .ql-editor code {
        font-size: 85%;
        padding: 2px 4px
    }

    .ql-snow .ql-editor .ql-code-block-container {
        background-color: #23241f;
        color: #f8f8f2;
        overflow: visible
    }

    .ql-snow .ql-editor img {
        max-width: 100%
    }

    .ql-snow .ql-picker {
        color: #444;
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        position: relative;
        vertical-align: middle
    }

    .ql-snow .ql-picker-label {
        cursor: pointer;
        display: inline-block;
        height: 100%;
        padding-left: 8px;
        padding-right: 2px;
        position: relative;
        width: 100%
    }

    .ql-snow .ql-picker-label:before {
        display: inline-block;
        line-height: 22px
    }

    .ql-snow .ql-picker-options {
        background-color: #fff;
        display: none;
        min-width: 100%;
        padding: 4px 8px;
        position: absolute;
        white-space: nowrap
    }

    .ql-snow .ql-picker-options .ql-picker-item {
        cursor: pointer;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label {
        color: #ccc;
        z-index: 2
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
        fill: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
        stroke: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-options {
        display: block;
        margin-top: -1px;
        top: 100%;
        z-index: 1
    }

    .ql-snow .ql-color-picker,
    .ql-snow .ql-icon-picker {
        width: 28px
    }

    .ql-snow .ql-color-picker .ql-picker-label,
    .ql-snow .ql-icon-picker .ql-picker-label {
        padding: 2px 4px
    }

    .ql-snow .ql-color-picker .ql-picker-label svg,
    .ql-snow .ql-icon-picker .ql-picker-label svg {
        right: 4px
    }

    .ql-snow .ql-icon-picker .ql-picker-options {
        padding: 4px 0
    }

    .ql-snow .ql-icon-picker .ql-picker-item {
        height: 24px;
        padding: 2px 4px;
        width: 24px
    }

    .ql-snow .ql-color-picker .ql-picker-options {
        padding: 3px 5px;
        width: 152px
    }

    .ql-snow .ql-color-picker .ql-picker-item {
        border: 1px solid #0000;
        float: left;
        height: 16px;
        margin: 2px;
        padding: 0;
        width: 16px
    }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        margin-top: -9px;
        position: absolute;
        right: 0;
        top: 50%;
        width: 18px
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
        content: attr(data-label)
    }

    .ql-snow .ql-picker.ql-header {
        width: 98px
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label:before {
        content: "Normal"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
        content: "Heading 1"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
        content: "Heading 2"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
        content: "Heading 3"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
        content: "Heading 4"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
        content: "Heading 5"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
        content: "Heading 6"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
        font-size: 2em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
        font-size: 1.5em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
        font-size: 1.17em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
        font-size: 1em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
        font-size: .83em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
        font-size: .67em
    }

    .ql-snow .ql-picker.ql-font {
        width: 108px
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item:before,
    .ql-snow .ql-picker.ql-font .ql-picker-label:before {
        content: "Sans Serif"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
        content: "Serif"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
        content: "Monospace"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
        font-family: Georgia, Times New Roman, serif
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
        font-family: Monaco, Courier New, monospace
    }

    .ql-snow .ql-picker.ql-size {
        width: 98px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item:before,
    .ql-snow .ql-picker.ql-size .ql-picker-label:before {
        content: "Normal"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
        content: "Small"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
        content: "Large"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
        content: "Huge"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
        font-size: 10px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
        font-size: 18px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
        font-size: 32px
    }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
        background-color: #fff
    }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
        background-color: #000
    }

    .ql-code-block-container {
        position: relative
    }

    .ql-code-block-container .ql-ui {
        right: 5px;
        top: 5px
    }

    .ql-toolbar.ql-snow {
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        padding: 8px
    }

    .ql-toolbar.ql-snow .ql-formats {
        margin-right: 15px
    }

    .ql-toolbar.ql-snow .ql-picker-label {
        border: 1px solid #0000
    }

    .ql-toolbar.ql-snow .ql-picker-options {
        border: 1px solid #0000;
        box-shadow: 0 2px 8px #0003
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
        border-color: #ccc
    }

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: #000
    }

    .ql-toolbar.ql-snow+.ql-container.ql-snow {
        border-top: 0
    }

    .ql-snow .ql-tooltip {
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 0 5px #ddd;
        color: #444;
        padding: 5px 12px;
        white-space: nowrap
    }

    .ql-snow .ql-tooltip:before {
        content: "Visit URL:";
        line-height: 26px;
        margin-right: 8px
    }

    .ql-snow .ql-tooltip input[type=text] {
        border: 1px solid #ccc;
        display: none;
        font-size: 13px;
        height: 26px;
        margin: 0;
        padding: 3px 5px;
        width: 170px
    }

    .ql-snow .ql-tooltip a.ql-preview {
        display: inline-block;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        vertical-align: top
    }

    .ql-snow .ql-tooltip a.ql-action:after {
        border-right: 1px solid #ccc;
        content: "Edit";
        margin-left: 16px;
        padding-right: 8px
    }

    .ql-snow .ql-tooltip a.ql-remove:before {
        content: "Remove";
        margin-left: 8px
    }

    .ql-snow .ql-tooltip a {
        line-height: 26px
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-preview,
    .ql-snow .ql-tooltip.ql-editing a.ql-remove {
        display: none
    }

    .ql-snow .ql-tooltip.ql-editing input[type=text] {
        display: inline-block
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
        border-right: 0;
        content: "Save";
        padding-right: 0
    }

    .ql-snow .ql-tooltip[data-mode=link]:before {
        content: "Enter link:"
    }

    .ql-snow .ql-tooltip[data-mode=formula]:before {
        content: "Enter formula:"
    }

    .ql-snow .ql-tooltip[data-mode=video]:before {
        content: "Enter video:"
    }

    .ql-snow a {
        color: #06c
    }

    .ql-container.ql-snow {
        border: 1px solid #ccc
    }

    .ql-container.ql-snow,
    .ql-toolbar.ql-snow {
        border-color: var(--color-slate-300)
    }

    :is(.ql-container.ql-snow, .ql-toolbar.ql-snow):where(.dark, .dark *) {
        border-color: var(--color-navy-450)
    }

    .ql-header-filled .ql-toolbar.ql-snow {
        background-color: color-mix(in oklab, var(--color-slate-150)80%, transparent)
    }

    .ql-header-filled .ql-toolbar.ql-snow:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-navy-500)85%, transparent)
    }

    .ql-toolbar.ql-snow {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .ql-container.ql-snow {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
        font-family: var(--font-inter)
    }

    .ql-snow .ql-stroke {
        stroke: currentColor
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-stroke.ql-fill {
        fill: currentColor
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-picker,
    .ql-snow .ql-stroke,
    .ql-snow .ql-stroke.ql-fill {
        color: var(--color-slate-600)
    }

    :is(.ql-snow .ql-picker, .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill, .ql-snow .ql-stroke):where(.dark, .dark *) {
        color: var(--color-navy-200)
    }

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

    .ql-editor.ql-blank:before {
        color: inherit
    }

    .flatpickr-calendar {
        animation: none;
        background: 0 0;
        border: 0;
        border-radius: 5px;
        box-shadow: 0 3px 13px #00000014;
        box-sizing: border-box;
        direction: ltr;
        display: none;
        font-size: 14px;
        line-height: 24px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        touch-action: manipulation;
        visibility: hidden;
        width: 307.875px
    }

    .flatpickr-calendar.inline,
    .flatpickr-calendar.open {
        max-height: 640px;
        opacity: 1;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

    .flatpickr-calendar.static.open {
        display: block;
        z-index: 999
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none !important
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
    }

    .flatpickr-calendar .hasTime .dayContainer,
    .flatpickr-calendar .hasWeeks .dayContainer {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #eceef1;
        height: 40px
    }

    .flatpickr-calendar.hasTime .flatpickr-innerContainer {
        border-bottom: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border: 1px solid #eceef1
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:after,
    .flatpickr-calendar:before {
        border: solid #0000;
        content: "";
        display: block;
        height: 0;
        left: 22px;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .flatpickr-calendar.arrowRight:after,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.rightMost:before {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:after,
    .flatpickr-calendar.arrowCenter:before {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:after,
    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #eceef1;
        bottom: 100%
    }

    .flatpickr-calendar.arrowBottom:after,
    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #eceef1;
        top: 100%
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

    .flatpickr-wrapper {
        display: inline-block;
        position: relative
    }

    .flatpickr-months {
        display: flex
    }

    .flatpickr-months .flatpickr-month {
        fill: #5a6171;
        background: #eceef1;
        border-radius: 5px 5px 0 0;
        color: #5a6171;
        flex: 1;
        height: 34px;
        line-height: 1;
        overflow: hidden;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        fill: #5a6171;
        color: #5a6171;
        cursor: pointer;
        height: 34px;
        padding: 10px;
        position: absolute;
        text-decoration: none;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 3
    }

    .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
    .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
        display: none
    }

    .flatpickr-months .flatpickr-next-month i,
    .flatpickr-months .flatpickr-prev-month i {
        position: relative
    }

    .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
    .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
        left: 0
    }

    .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
        right: 0
    }

    .flatpickr-months .flatpickr-next-month:hover,
    .flatpickr-months .flatpickr-prev-month:hover {
        color: #bbb
    }

    .flatpickr-months .flatpickr-next-month:hover svg,
    .flatpickr-months .flatpickr-prev-month:hover svg {
        fill: #f64747
    }

    .flatpickr-months .flatpickr-next-month svg,
    .flatpickr-months .flatpickr-prev-month svg {
        height: 14px;
        width: 14px
    }

    .flatpickr-months .flatpickr-next-month svg path,
    .flatpickr-months .flatpickr-prev-month svg path {
        fill: inherit;
        transition: fill .1s
    }

    .numInputWrapper {
        height: auto;
        position: relative
    }

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

    .numInputWrapper input::-ms-clear {
        display: none
    }

    .numInputWrapper input::-webkit-inner-spin-button,
    .numInputWrapper input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .numInputWrapper span {
        border: 1px solid #48484826;
        box-sizing: border-box;
        cursor: pointer;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        padding: 0 4px 0 2px;
        position: absolute;
        right: 0;
        width: 14px
    }

    .numInputWrapper span:hover {
        background: #0000001a
    }

    .numInputWrapper span:active {
        background: #0003
    }

    .numInputWrapper span:after {
        content: "";
        display: block;
        position: absolute
    }

    .numInputWrapper span.arrowUp {
        border-bottom: 0;
        top: 0
    }

    .numInputWrapper span.arrowUp:after {
        border-bottom: 4px solid #48484899;
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        top: 26%
    }

    .numInputWrapper span.arrowDown {
        top: 50%
    }

    .numInputWrapper span.arrowDown:after {
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        border-top: 4px solid #48484899;
        top: 40%
    }

    .numInputWrapper span svg {
        height: auto;
        width: inherit
    }

    .numInputWrapper span svg path {
        fill: #5a617180
    }

    .numInputWrapper:hover {
        background: #0000000d
    }

    .numInputWrapper:hover span {
        opacity: 1
    }

    .flatpickr-current-month {
        color: inherit;
        display: inline-block;
        font-size: 135%;
        font-weight: 300;
        height: 34px;
        left: 12.5%;
        line-height: inherit;
        line-height: 1;
        padding: 7.48px 0 0;
        position: absolute;
        text-align: center;
        transform: translate(0);
        width: 75%
    }

    .flatpickr-current-month span.cur-month {
        color: inherit;
        display: inline-block;
        font-family: inherit;
        font-weight: 700;
        margin-left: .5ch;
        padding: 0
    }

    .flatpickr-current-month span.cur-month:hover {
        background: #0000000d
    }

    .flatpickr-current-month .numInputWrapper {
        display: inline-block;
        width: 6ch;
        width: 7ch�
    }

    .flatpickr-current-month .numInputWrapper span.arrowUp:after {
        border-bottom-color: #5a6171
    }

    .flatpickr-current-month .numInputWrapper span.arrowDown:after {
        border-top-color: #5a6171
    }

    .flatpickr-current-month input.cur-year {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: 0 0;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        display: inline-block;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: 0;
        padding: 0 0 0 .5ch;
        vertical-align: initial
    }

    .flatpickr-current-month input.cur-year:focus {
        outline: 0
    }

    .flatpickr-current-month input.cur-year[disabled],
    .flatpickr-current-month input.cur-year[disabled]:hover {
        background: 0 0;
        color: #5a617180;
        font-size: 100%;
        pointer-events: none
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        appearance: menulist;
        background: #eceef1;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: none;
        padding: 0 0 0 .5ch;
        position: relative;
        vertical-align: initial;
        width: auto
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:active,
    .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
        outline: none
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background: #0000000d
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
        background-color: #eceef1;
        outline: none;
        padding: 0
    }

    .flatpickr-weekdays {
        align-items: center;
        background: #eceef1;
        display: flex;
        height: 28px;
        overflow: hidden;
        text-align: center;
        width: 100%
    }

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1
    }

    span.flatpickr-weekday {
        background: #eceef1;
        color: #5a6171;
        cursor: default;
        display: block;
        flex: 1;
        font-size: 90%;
        font-weight: bolder;
        line-height: 1;
        margin: 0;
        text-align: center
    }

    .dayContainer,
    .flatpickr-weeks {
        padding: 1px 0 0
    }

    .flatpickr-days {
        align-items: flex-start;
        border-left: 1px solid #eceef1;
        border-right: 1px solid #eceef1;
        display: flex;
        overflow: hidden;
        position: relative;
        width: 307.875px
    }

    .flatpickr-days:focus {
        outline: 0
    }

    .dayContainer {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        max-width: 307.875px;
        min-width: 307.875px;
        opacity: 1;
        outline: 0;
        padding: 0;
        text-align: left;
        transform: translate(0);
        width: 307.875px
    }

    .dayContainer+.dayContainer {
        box-shadow: -1px 0 #eceef1
    }

    .flatpickr-day {
        background: 0 0;
        border: 1px solid #0000;
        border-radius: 150px;
        box-sizing: border-box;
        color: #484848;
        cursor: pointer;
        display: inline-block;
        flex-basis: 14.2857%;
        font-weight: 400;
        height: 39px;
        justify-content: center;
        line-height: 39px;
        margin: 0;
        max-width: 39px;
        position: relative;
        text-align: center;
        width: 14.2857%
    }

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay:focus,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.today.inRange,
    .flatpickr-day:focus,
    .flatpickr-day:hover {
        background: #e2e2e2;
        border-color: #e2e2e2;
        cursor: pointer;
        outline: 0
    }

    .flatpickr-day.today {
        border-color: #bbb
    }

    .flatpickr-day.today:focus,
    .flatpickr-day.today:hover {
        background: #bbb;
        border-color: #bbb;
        color: #fff
    }

    .flatpickr-day.endRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.endRange.nextMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.selected:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.startRange:hover {
        background: #ff5a5f;
        border-color: #ff5a5f;
        box-shadow: none;
        color: #fff
    }

    .flatpickr-day.endRange.startRange,
    .flatpickr-day.selected.startRange,
    .flatpickr-day.startRange.startRange {
        border-radius: 50px 0 0 50px
    }

    .flatpickr-day.endRange.endRange,
    .flatpickr-day.selected.endRange,
    .flatpickr-day.startRange.endRange {
        border-radius: 0 50px 50px 0
    }

    .flatpickr-day.endRange.startRange.endRange,
    .flatpickr-day.selected.startRange.endRange,
    .flatpickr-day.startRange.startRange.endRange {
        border-radius: 50px
    }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 #e2e2e2, 5px 0 #e2e2e2
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.nextMonthDay,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.prevMonthDay {
        background: 0 0;
        border-color: #0000;
        color: #4848484d;
        cursor: default
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover {
        color: #4848481a;
        cursor: not-allowed
    }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 #ff5a5f, 5px 0 #ff5a5f
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

    .rangeMode .flatpickr-day {
        margin-top: 1px
    }

    .flatpickr-weekwrapper {
        float: left
    }

    .flatpickr-weekwrapper .flatpickr-weeks {
        border-left: 1px solid #eceef1;
        padding: 0 12px
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        line-height: 28px;
        width: 100%
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        background: 0 0;
        border: none;
        color: #4848484d;
        cursor: default;
        display: block;
        max-width: none;
        width: 100%
    }

    .flatpickr-innerContainer {
        background: #fff;
        border-bottom: 1px solid #eceef1;
        box-sizing: border-box;
        display: flex;
        overflow: hidden
    }

    .flatpickr-rContainer {
        box-sizing: border-box;
        display: inline-block;
        padding: 0
    }

    .flatpickr-time {
        background: #fff;
        border-radius: 0 0 5px 5px;
        box-sizing: border-box;
        display: flex;
        height: 0;
        line-height: 40px;
        max-height: 40px;
        outline: 0;
        overflow: hidden;
        text-align: center
    }

    .flatpickr-time:after {
        clear: both;
        content: "";
        display: table
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        float: left;
        height: 40px;
        width: 40%
    }

    .flatpickr-time .numInputWrapper span.arrowUp:after {
        border-bottom-color: #484848
    }

    .flatpickr-time .numInputWrapper span.arrowDown:after {
        border-top-color: #484848
    }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: 0 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        color: #484848;
        font-size: 14px;
        height: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center
    }

    .flatpickr-time input.flatpickr-hour {
        font-weight: 700
    }

    .flatpickr-time input.flatpickr-minute,
    .flatpickr-time input.flatpickr-second {
        font-weight: 400
    }

    .flatpickr-time input:focus {
        border: 0;
        outline: 0
    }

    .flatpickr-time .flatpickr-am-pm,
    .flatpickr-time .flatpickr-time-separator {
        align-self: center;
        color: #484848;
        float: left;
        font-weight: 700;
        height: inherit;
        line-height: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 2%
    }

    .flatpickr-time .flatpickr-am-pm {
        cursor: pointer;
        font-weight: 400;
        outline: 0;
        text-align: center;
        width: 18%
    }

    .flatpickr-time .flatpickr-am-pm:focus,
    .flatpickr-time .flatpickr-am-pm:hover,
    .flatpickr-time input:focus,
    .flatpickr-time input:hover {
        background: #eaeaea
    }

    .flatpickr-input[readonly] {
        cursor: pointer
    }

    @keyframes fpFadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    span.flatpickr-day.selected {
        font-weight: 700
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months,
    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
    .flatpickr-months .flatpickr-month,
    .flatpickr-weekdays,
    span.flatpickr-weekday {
        background-color: var(--color-slate-150);
        color: var(--color-slate-600)
    }

    :is(.flatpickr-weekdays, span.flatpickr-weekday, .flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month, .flatpickr-current-month .flatpickr-monthDropdown-months):where(.dark, .dark *) {
        background-color: var(--color-navy-500);
        color: var(--color-navy-100)
    }

    .flatpickr-current-month {
        align-items: flex-start;
        display: inline-flex;
        font-size: 110%;
        justify-content: space-between
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        fill: currentColor;
        color: var(--color-slate-500)
    }

    :is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month):where(.dark, .dark *) {
        color: var(--color-navy-200)
    }

    .flatpickr-day.endRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.endRange.nextMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.selected:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.startRange:hover {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-white)
    }

    :is(.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay):where(.dark, .dark *) {
        background-color: var(--color-accent) !important;
        border-color: var(--color-accent);
        color: var(--color-white)
    }

    :is(.flatpickr-innerContainer, .flatpickr-time):where(.dark, .dark *) {
        background-color: var(--color-navy-700);
        border-bottom-color: var(--color-navy-500)
    }

    .dayContainer,
    .flatpickr-innerContainer {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    :is(.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay):where(.dark, .dark *) {
        color: var(--color-navy-300)
    }

    .flatpickr-day {
        color: var(--color-slate-600)
    }

    .flatpickr-day:where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay:focus,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.today.inRange,
    .flatpickr-day:focus,
    .flatpickr-day:hover {
        background-color: var(--color-slate-150);
        border-color: var(--color-slate-150)
    }

    :is(.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus):where(.dark, .dark *) {
        background-color: var(--color-navy-500);
        border-color: var(--color-navy-500)
    }

    .flatpickr-days {
        border-color: var(--color-slate-150)
    }

    .flatpickr-days:where(.dark, .dark *) {
        border-color: var(--color-navy-500)
    }

    .flatpickr-time .flatpickr-am-pm,
    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time input {
        color: var(--color-slate-600)
    }

    :is(.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm):where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .flatpickr-time .flatpickr-am-pm:focus,
    .flatpickr-time .flatpickr-am-pm:hover,
    .flatpickr-time input:focus,
    .flatpickr-time input:hover {
        background-color: var(--color-slate-150)
    }

    :is(.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus):where(.dark, .dark *) {
        background-color: var(--color-navy-500)
    }

    .flatpickr-time .numInputWrapper span.arrowUp:where(.dark, .dark *):after {
        border-bottom-color: var(--color-navy-200);
        content: var(--tw-content)
    }

    .flatpickr-time .numInputWrapper span.arrowDown:where(.dark, .dark *):after {
        border-top-color: var(--color-navy-200);
        content: var(--tw-content)
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-color: var(--color-slate-150)
    }

    .flatpickr-calendar.hasTime .flatpickr-time:where(.dark, .dark *) {
        border-color: var(--color-navy-500)
    }

    .flatpickr-day.inRange {
        box-shadow: -5px 0 0 var(--color-slate-500), 5px 0 0 var(--color-slate-500)
    }

    .dark .flatpickr-day.inRange {
        box-shadow: -5px 0 0 var(--color-navy-500), 5px 0 0 var(--color-navy-500)
    }

    .dark .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
    .dark .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
    .dark .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
    .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
    .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
    .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
        box-shadow: var(--color-accent)-10px 0 0
    }

    :is(.flatpickr-calendar.arrowTop):after,
    :is(.flatpickr-calendar.arrowTop):before {
        border-bottom-color: var(--color-slate-150);
        content: var(--tw-content)
    }

    :is(.flatpickr-calendar.arrowTop):where(.dark, .dark *):after,
    :is(.flatpickr-calendar.arrowTop):where(.dark, .dark *):before {
        border-bottom-color: var(--color-navy-500);
        content: var(--tw-content)
    }

    :is(.flatpickr-calendar.arrowBottom):after,
    :is(.flatpickr-calendar.arrowBottom):before {
        border-top-color: var(--color-slate-150);
        content: var(--tw-content)
    }

    :is(.flatpickr-calendar.arrowBottom):where(.dark, .dark *):after,
    :is(.flatpickr-calendar.arrowBottom):where(.dark, .dark *):before {
        border-top-color: var(--color-navy-700);
        content: var(--tw-content)
    }

    :is(.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover):where(.dark, .dark *) {
        color: var(--color-navy-300)
    }

    .toastify {
        background: linear-gradient(135deg, #73a5ff, #5477f5);
        border-radius: 2px;
        box-shadow: 0 3px 6px -1px #0000001f, 0 10px 36px -4px #4d60e84d;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        max-width: calc(50% - 20px);
        opacity: 0;
        padding: 12px 20px;
        position: fixed;
        text-decoration: none;
        transition: all .4s cubic-bezier(.215, .61, .355, 1);
        z-index: 2147483647
    }

    .toastify.on {
        opacity: 1
    }

    .toast-close {
        background: 0 0;
        border: 0;
        color: #fff;
        cursor: pointer;
        font-family: inherit;
        font-size: 1em;
        opacity: .4;
        padding: 0 5px
    }

    .toastify-right {
        right: 15px
    }

    .toastify-left {
        left: 15px
    }

    .toastify-top {
        top: -150px
    }

    .toastify-bottom {
        bottom: -150px
    }

    .toastify-rounded {
        border-radius: 25px
    }

    .toastify-avatar {
        border-radius: 2px;
        height: 1.5em;
        margin: -7px 5px;
        width: 1.5em
    }

    .toastify-center {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: -moz-fit-content;
        right: 0
    }

    @media only screen and (width<=360px) {

        .toastify-left,
        .toastify-right {
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: -moz-fit-content;
            max-width: fit-content;
            right: 0
        }
    }

    .toastify {
        --tw-font-weight: var(--font-weight-medium);
        --tw-shadow: 0 0 #0000;
        background-color: var(--color-slate-200);
        background-image: none;
        border-radius: var(--radius-sm);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        color: var(--color-slate-800);
        font-weight: var(--font-weight-medium);
        z-index: 10010
    }

    .toastify:where(.dark, .dark *) {
        background-color: var(--color-navy-600);
        color: var(--color-navy-50)
    }

    .toastify.html {
        --tw-border-style: none;
        --tw-shadow: 0 0 #0000;
        background-color: #0000;
        border-style: none;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        cursor: auto;
        padding: calc(var(--spacing)*0)
    }

    .toastify.primary {
        background-color: var(--color-primary);
        color: var(--color-white)
    }

    .toastify.primary:where(.dark, .dark *) {
        background-color: var(--color-accent)
    }

    .toastify.secondary {
        background-color: var(--color-secondary);
        color: var(--color-white)
    }

    .toastify.info {
        background-color: var(--color-info);
        color: var(--color-white)
    }

    .toastify.warning {
        background-color: var(--color-warning);
        color: var(--color-white)
    }

    .toastify.success {
        background-color: var(--color-success);
        color: var(--color-white)
    }

    .toastify.error {
        background-color: var(--color-error);
        color: var(--color-white)
    }

    .toastify.light {
        background-color: var(--color-slate-200);
        color: var(--color-navy-800)
    }

    .toastify.dark {
        background-color: var(--color-navy-600);
        color: var(--color-slate-200)
    }

    .steps {
        --line: .25rem;
        --size: 2rem;
        align-items: baseline;
        display: flex
    }

    .steps.line-space {
        --space: .5rem
    }

    .steps .step {
        --tw-tracking: var(--tracking-wide);
        display: flex;
        flex: 1;
        flex-direction: column;
        font-family: var(--font-inter);
        letter-spacing: var(--tracking-wide);
        overflow-wrap: break-word;
        text-align: center
    }

    .steps .step .step-header {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: var(--size);
        justify-content: center;
        margin: auto;
        margin-bottom: calc(var(--spacing)*2);
        position: relative;
        width: var(--size)
    }

    .steps .step:not(:last-child):before {
        --tw-content: "";
        border-radius: 3.40282e+38px;
        content: var(--tw-content);
        height: var(--line);
        left: 50%;
        order: -1;
        position: relative;
        top: calc(var(--size)/2 + var(--line)/2)
    }

    .steps.line-space .step:not(:last-child):before {
        left: calc(50% + var(--size)/2 + var(--space));
        width: calc(100% - var(--size) - var(--space)*2)
    }

    .steps.is-vertical {
        flex-direction: column
    }

    .steps.is-vertical .step {
        flex-direction: row;
        position: relative
    }

    .steps.is-vertical .step .step-header {
        margin: calc(var(--spacing)*0);
        z-index: 1
    }

    .steps.is-vertical .step:not(:last-child):before {
        --tw-translate-x: calc(var(--size)/2 - var(--line)/2);
        height: auto;
        inset: calc(var(--spacing)*0);
        position: absolute;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: var(--line)
    }

    .steps.is-vertical.line-space .step:not(:last-child):before {
        bottom: var(--space);
        top: calc(var(--size) + var(--space))
    }

    .timeline {
        --line: 1px;
        --size: 12px;
        display: flex;
        flex-direction: column
    }

    .timeline.line-space {
        --space: 12px
    }

    .timeline .timeline-item {
        display: flex;
        flex: 1;
        padding-bottom: calc(var(--spacing)*8);
        position: relative
    }

    .timeline .timeline-item .timeline-item-point {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: var(--size);
        justify-content: center;
        margin: calc(var(--spacing)*0);
        position: relative;
        width: var(--size)
    }

    .timeline .timeline-item:before {
        --tw-translate-x: calc(var(--size)/2 - var(--line)/2);
        --tw-content: "";
        content: var(--tw-content);
        inset: calc(var(--spacing)*0);
        order: -1;
        position: absolute;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        width: var(--line)
    }

    .timeline .timeline-item:not(:last-child):before {
        background-color: var(--color-slate-300);
        content: var(--tw-content)
    }

    .timeline .timeline-item:not(:last-child):where(.dark, .dark *):before {
        background-color: var(--color-navy-400);
        content: var(--tw-content)
    }

    .timeline .timeline-item:last-child:before {
        --tw-gradient-position: to bottom in oklab;
        --tw-gradient-from: var(--color-slate-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
        --tw-gradient-to: transparent;
        background-image: linear-gradient(var(--tw-gradient-stops));
        content: var(--tw-content)
    }

    .timeline .timeline-item:last-child:where(.dark, .dark *):before {
        --tw-gradient-from: var(--color-navy-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));
        content: var(--tw-content)
    }

    .timeline .timeline-item:last-child {
        padding-bottom: calc(var(--spacing)*0)
    }

    .timeline.line-space .timeline-item:before {
        bottom: var(--space);
        top: calc(var(--size) + var(--space))
    }

    .pagination {
        --tw-font-weight: var(--font-weight-medium);
        color: var(--color-slate-600);
        display: flex;
        font-family: var(--font-inter);
        font-weight: var(--font-weight-medium)
    }

    .pagination:where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    @font-face {
        font-family: swiper-icons;
        font-style: normal;
        font-weight: 400;
        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")
    }

    :root {
        --swiper-theme-color: #007aff
    }

    :host {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1
    }

    .swiper {
        display: block;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1
    }

    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        width: 100%;
        z-index: 1
    }

    .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 {
        display: block;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%
    }

    .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 {
        -ms-overflow-style: none;
        overflow: auto;
        scrollbar-width: none
    }

    .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 {
        height: var(--swiper-centered-offset-after);
        min-width: 1px;
        width: 100%
    }

    .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 {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .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 {
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top: 4px solid #0000;
        box-sizing: border-box;
        height: 42px;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        position: absolute;
        top: 50%;
        transform-origin: 50%;
        width: 42px;
        z-index: 10
    }

    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite
    }

    .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(1turn)
        }
    }

    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        transform: translateZ(0)
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
        content: "";
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 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 {
        height: var(--swiper-virtual-size);
        width: 1px
    }

    :root {
        --swiper-navigation-size: 44px
    }

    .swiper-button-next,
    .swiper-button-prev {
        align-items: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        cursor: pointer;
        display: flex;
        height: var(--swiper-navigation-size);
        justify-content: center;
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size)/44*27);
        z-index: 10
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        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 {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        transform-origin: 50%;
        width: 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);
        font-variant: normal;
        letter-spacing: 0;
        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 {
        left: auto;
        right: var(--swiper-navigation-sides-offset, 10px)
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transform: translate(0);
        transition: opacity .3s;
        z-index: 10
    }

    .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);
        left: 0;
        top: var(--swiper-pagination-top, auto);
        width: 100%
    }

    .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 {
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        display: inline-block;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
    }

    button.swiper-pagination-bullet {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        box-shadow: 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 {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        opacity: var(--swiper-pagination-bullet-opacity, 1)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        left: var(--swiper-pagination-left, auto);
        right: var(--swiper-pagination-right, 8px);
        top: 50%;
        transform: translateY(-50%)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

    .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 {
        display: inline-block;
        transition: transform .2s, top .2s
    }

    .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 {
        left: 50%;
        transform: translate(-50%);
        white-space: nowrap
    }

    .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));
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: scale(0);
        transform-origin: 0 0;
        width: 100%
    }

    .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 {
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0;
        width: 100%
    }

    .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 {
        height: 100%;
        left: 0;
        top: 0;
        width: var(--swiper-pagination-progressbar-size, 4px)
    }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        background: var(--swiper-scrollbar-bg-color, #0000001a);
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        position: relative;
        touch-action: none
    }

    .swiper-scrollbar-disabled>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: var(--swiper-scrollbar-bottom, 4px);
        height: var(--swiper-scrollbar-size, 4px);
        left: var(--swiper-scrollbar-sides-offset, 1%);
        position: absolute;
        top: var(--swiper-scrollbar-top, auto);
        width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        z-index: 50
    }

    .swiper-scrollbar.swiper-scrollbar-vertical,
    .swiper-vertical>.swiper-scrollbar {
        height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        left: var(--swiper-scrollbar-left, auto);
        position: absolute;
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        width: var(--swiper-scrollbar-size, 4px);
        z-index: 50
    }

    .swiper-scrollbar-drag {
        background: var(--swiper-scrollbar-drag-bg-color, #00000080);
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 100%
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .swiper-zoom-container>canvas,
    .swiper-zoom-container>img,
    .swiper-zoom-container>svg {
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .swiper-slide-zoomed {
        cursor: move;
        touch-action: none
    }

    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000
    }

    .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 {
        backface-visibility: hidden;
        height: 100%;
        pointer-events: none;
        transform-origin: 0 0;
        visibility: hidden;
        width: 100%;
        z-index: 1
    }

    .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 {
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .swiper-cube .swiper-cube-shadow:before {
        background: #000;
        content: "";
        filter: blur(50px);
        inset: 0;
        position: absolute
    }

    .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 {
        backface-visibility: hidden;
        z-index: 0
    }

    .swiper.swiper-flip {
        overflow: visible
    }

    .swiper-flip .swiper-slide {
        backface-visibility: hidden;
        pointer-events: none;
        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 {
        backface-visibility: hidden;
        z-index: 0
    }

    .swiper-creative .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height
    }

    .swiper.swiper-cards {
        overflow: visible
    }

    .swiper-cards .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transform-origin: bottom
    }

    :root {
        --swiper-pagination-color: #4f46e5;
        --swiper-theme-color: #7e75fa;
        --swiper-navigation-size: 24px
    }

    .parallax-bg {
        background-position: 50%;
        -webkit-background-size: cover;
        background-size: cover;
        height: 100%;
        inset: calc(var(--spacing)*0);
        position: absolute;
        width: 130%
    }

    .apexcharts-text {
        fill: currentColor;
        color: var(--color-slate-500);
        font-family: var(--font-inter) !important
    }

    .apexcharts-text:where(.dark, .dark *) {
        color: var(--color-navy-200)
    }

    .apexcharts-text.apexcharts-xaxis-label,
    .apexcharts-text.apexcharts-yaxis-label {
        fill: currentColor !important;
        color: var(--color-slate-400)
    }

    :is(.apexcharts-text.apexcharts-yaxis-label, .apexcharts-text.apexcharts-xaxis-label):where(.dark, .dark *) {
        color: var(--color-navy-300)
    }

    .apexcharts-legend-text {
        color: var(--color-slate-500) !important
    }

    .apexcharts-legend-text:where(.dark, .dark *) {
        color: var(--color-navy-200) !important
    }

    .apexcharts-legend-series .apexcharts-legend-text {
        margin-left: calc(var(--spacing)*2) !important
    }

    .apexcharts-tooltip {
        --tw-shadow: 0 0 #0000 !important;
        background-color: color-mix(in oklab, var(--color-white)85%, transparent) !important;
        border-color: var(--color-slate-150) !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;
        color: var(--color-slate-700) !important
    }

    .apexcharts-tooltip:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-navy-700)85%, transparent) !important;
        border-color: var(--color-navy-600) !important;
        color: var(--color-navy-50) !important
    }

    .apexcharts-tooltip-title {
        background-color: var(--color-slate-150) !important;
        border-color: var(--color-slate-150) !important
    }

    .apexcharts-tooltip-title:where(.dark, .dark *) {
        background-color: var(--color-navy-900) !important;
        border-color: #0000 !important
    }

    .apexcharts-xaxistooltip,
    .apexcharts-yaxistooltip {
        background-color: var(--color-slate-150) !important;
        border-color: var(--color-slate-300) !important;
        border-radius: var(--radius-sm);
        color: var(--color-slate-600) !important
    }

    :is(.apexcharts-xaxistooltip, .apexcharts-yaxistooltip):where(.dark, .dark *) {
        background-color: var(--color-navy-900) !important;
        border-color: var(--color-navy-600) !important;
        color: var(--color-navy-100) !important
    }

    .apexcharts-xaxistooltip:before {
        border-bottom-color: currentColor !important;
        color: var(--color-slate-300)
    }

    .apexcharts-xaxistooltip:before:where() {
        color: var(--color-navy-600) !important
    }

    .apexcharts-xaxistooltip:after {
        border-bottom-color: currentColor !important;
        color: var(--color-slate-150)
    }

    .apexcharts-xaxistooltip:after:where() {
        color: var(--color-navy-900)
    }

    .apexcharts-yaxistooltip:before {
        border-left-color: currentColor !important;
        color: var(--color-slate-300)
    }

    .apexcharts-yaxistooltip:before:where() {
        color: var(--color-navy-600)
    }

    .apexcharts-yaxistooltip:after {
        border-left-color: currentColor !important;
        color: var(--color-slate-150)
    }

    .apexcharts-yaxistooltip:after:where() {
        color: var(--color-navy-900)
    }

    .apexcharts-canvas .apexcharts-heatmap-rect,
    .apexcharts-canvas .apexcharts-xaxis-tick,
    .apexcharts-canvas line {
        stroke: currentColor !important;
        color: var(--color-slate-200)
    }

    :is(.apexcharts-canvas .apexcharts-heatmap-rect, .apexcharts-canvas .apexcharts-xaxis-tick, .apexcharts-canvas line):where(.dark, .dark *) {
        color: var(--color-navy-500)
    }

    .apexcharts-canvas .apexcharts-marker {
        stroke: currentColor !important;
        color: var(--color-slate-150)
    }

    .apexcharts-canvas .apexcharts-marker:where(.dark, .dark *) {
        color: var(--color-navy-800)
    }

    .apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area {
        stroke: currentColor !important;
        color: var(--color-slate-150)
    }

    .apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area:where(.dark, .dark *) {
        color: var(--color-navy-900)
    }

    .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
        fill: var(--color-slate-600);
        font-family: var(--font-inter)
    }

    .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label:where(.dark, .dark *) {
        fill: var(--color-navy-100)
    }

    .apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel,
    .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
        fill: var(--color-slate-500);
        font-family: var(--font-inter)
    }

    :is(.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value, .apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel):where(.dark, .dark *) {
        fill: var(--color-navy-200)
    }

    .apexcharts-canvas .apexcharts-radar-series polygon {
        fill: var(--color-slate-100);
        stroke: var(--color-slate-200)
    }

    .apexcharts-canvas .apexcharts-radar-series polygon:where(.dark, .dark *) {
        fill: var(--color-navy-800);
        stroke: var(--color-navy-600)
    }

    .apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
        stroke: none
    }

    .apexcharts-canvas line[stroke=transparent] {
        display: none
    }

    .apexcharts-menu {
        background-color: var(--color-white) !important;
        border-color: var(--color-slate-150) !important;
        border-radius: var(--radius-sm) !important
    }

    .apexcharts-menu:where(.dark, .dark *) {
        background-color: var(--color-navy-700) !important;
        border-color: var(--color-navy-500) !important
    }

    .apexcharts-menu .apexcharts-menu-item:hover {
        background-color: var(--color-slate-100) !important
    }

    .apexcharts-menu .apexcharts-menu-item:hover:where(.dark, .dark *) {
        background-color: var(--color-navy-600) !important
    }

    .ax-transparent-gridline .apexcharts-gridline {
        stroke: #0000 !important
    }

    .ax-rounded-b-lg .apexcharts-svg {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }

    table.is-hoverable>tbody>tr:hover>td,
    table.is-zebra>tbody>tr:nth-child(2n)>td {
        background-color: var(--color-slate-100)
    }

    :is(table.is-hoverable>tbody>tr:hover>td, table.is-zebra>tbody>tr:nth-child(2n)>td):where(.dark, .dark *) {
        background-color: var(--color-navy-600)
    }

    .gridjs-table {
        text-align: left;
        width: 100%
    }

    .gridjs-table>tbody>tr:hover>td {
        background-color: var(--color-slate-100)
    }

    .gridjs-table>tbody>tr:hover>td:where(.dark, .dark *) {
        background-color: var(--color-navy-600)
    }

    th.gridjs-th .gridjs-th-content {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .gridjs-table .gridjs-th {
        --tw-font-weight: var(--font-weight-semibold);
        background-color: var(--color-slate-200);
        color: var(--color-slate-800);
        font-weight: var(--font-weight-semibold);
        padding-block: calc(var(--spacing)*3);
        padding-inline: calc(var(--spacing)*3);
        text-transform: uppercase;
        white-space: nowrap
    }

    @media (width>=64rem) {
        .gridjs-table .gridjs-th {
            padding-inline: calc(var(--spacing)*4)
        }
    }

    .gridjs-table .gridjs-th:where(.dark, .dark *) {
        background-color: var(--color-navy-800);
        color: var(--color-navy-100)
    }

    .gridjs-table .gridjs-tr {
        border-color: #0000;
        border-bottom-color: var(--color-slate-200);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .gridjs-table .gridjs-tr:where(.dark, .dark *) {
        border-bottom-color: var(--color-navy-500)
    }

    .gridjs-table .gridjs-td {
        padding-block: calc(var(--spacing)*3);
        padding-inline: calc(var(--spacing)*4);
        white-space: nowrap
    }

    @media (width>=40rem) {
        .gridjs-table .gridjs-td {
            padding-inline: calc(var(--spacing)*4)
        }
    }

    button.gridjs-sort {
        --neutral: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401.998 401.998'%3E%3Cpath d='M73.092 164.452h255.813c4.949 0 9.233-1.807 12.848-5.424 3.613-3.616 5.427-7.898 5.427-12.847s-1.813-9.229-5.427-12.85L213.846 5.424C210.232 1.812 205.951 0 200.999 0s-9.233 1.812-12.85 5.424L60.242 133.331c-3.617 3.617-5.424 7.901-5.424 12.85 0 4.948 1.807 9.231 5.424 12.847 3.621 3.617 7.902 5.424 12.85 5.424zM328.905 237.549H73.092c-4.952 0-9.233 1.808-12.85 5.421-3.617 3.617-5.424 7.898-5.424 12.847s1.807 9.233 5.424 12.848L188.149 396.57c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428l127.907-127.906c3.613-3.614 5.427-7.898 5.427-12.848 0-4.948-1.813-9.229-5.427-12.847-3.614-3.616-7.899-5.42-12.848-5.42z'/%3E%3C/svg%3E");
        --asc: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.361'%3E%3Cpath d='M286.935 197.287 159.028 69.381c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233 1.807-12.85 5.424L5.424 197.287C1.807 200.904 0 205.186 0 210.134s1.807 9.233 5.424 12.847c3.621 3.617 7.902 5.425 12.85 5.425h255.813c4.949 0 9.233-1.808 12.848-5.425 3.613-3.613 5.427-7.898 5.427-12.847s-1.814-9.23-5.427-12.847z'/%3E%3C/svg%3E");
        --desc: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.362'%3E%3Cpath d='M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z'/%3E%3C/svg%3E")
    }

    th.gridjs-th-sort {
        cursor: pointer
    }

    th.gridjs-th-sort:focus {
        outline-style: none
    }

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

    th.gridjs-th-sort .gridjs-th-content {
        width: calc(100% - 15px)
    }

    button.gridjs-sort {
        --tw-border-style: none;
        background-repeat: no-repeat;
        border-style: none;
        cursor: pointer;
        float: right;
        height: calc(var(--spacing)*3);
        margin: calc(var(--spacing)*0);
        margin-top: calc(var(--spacing)*1);
        outline-style: none;
        padding: calc(var(--spacing)*0);
        width: calc(var(--spacing)*3)
    }

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

    button.gridjs-sort-neutral {
        background-color: var(--color-slate-400);
        -webkit-mask-image: var(--neutral);
        mask-image: var(--neutral);
        -webkit-mask-size: cover;
        mask-size: cover
    }

    button.gridjs-sort-neutral:where(.dark, .dark *) {
        background-color: var(--color-navy-400)
    }

    button.gridjs-sort-asc {
        -webkit-mask-image: var(--asc);
        mask-image: var(--asc);
        -webkit-mask-size: cover;
        mask-size: cover
    }

    button.gridjs-sort-desc {
        -webkit-mask-image: var(--desc);
        mask-image: var(--desc);
        -webkit-mask-size: cover;
        mask-size: cover
    }

    button.gridjs-sort-asc,
    button.gridjs-sort-desc {
        background-color: var(--color-slate-600)
    }

    :is(button.gridjs-sort-asc, button.gridjs-sort-desc):where(.dark, .dark *) {
        background-color: var(--color-navy-100)
    }

    .gridjs-input.gridjs-search-input {
        --tw-font-weight: var(--font-weight-medium);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-color: var(--color-slate-300);
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        font-weight: var(--font-weight-medium);
        outline-style: none;
        padding-block: calc(var(--spacing)*2);
        padding-inline: calc(var(--spacing)*3)
    }

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

    .gridjs-input.gridjs-search-input:where(.dark, .dark *) {
        background-color: var(--color-navy-700);
        border-color: var(--color-navy-450);
        color: var(--color-navy-100)
    }

    .gridjs-pages {
        color: var(--color-slate-600);
        display: flex;
        flex-wrap: wrap
    }

    :where(.gridjs-pages>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*1*var(--tw-space-x-reverse))
    }

    .gridjs-pages:where(.dark, .dark *) {
        color: var(--color-slate-300)
    }

    .gridjs-pages button {
        --tw-leading: var(--leading-tight);
        align-items: center;
        background-color: var(--color-slate-150);
        border-radius: 3.40282e+38px;
        display: flex;
        height: calc(var(--spacing)*8);
        justify-content: center;
        line-height: var(--leading-tight);
        min-width: 2rem;
        padding-inline: calc(var(--spacing)*3);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        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))
    }

    @media (hover:hover) {
        .gridjs-pages button:hover {
            background-color: var(--color-slate-300)
        }
    }

    .gridjs-pages button:focus {
        background-color: var(--color-slate-300)
    }

    .gridjs-pages button:disabled {
        opacity: .6;
        pointer-events: none
    }

    .gridjs-pages button:where(.dark, .dark *) {
        background-color: var(--color-navy-500)
    }

    @media (hover:hover) {
        .gridjs-pages button:where(.dark, .dark *):hover {
            background-color: var(--color-navy-450)
        }
    }

    .gridjs-pages button:where(.dark, .dark *):focus {
        background-color: var(--color-navy-450)
    }

    .gridjs-pages button.gridjs-currentPage {
        background-color: var(--color-primary);
        color: var(--color-white)
    }

    .gridjs-pages button.gridjs-currentPage:where(.dark, .dark *) {
        background-color: var(--color-accent)
    }

    .gridjs-wrapper {
        min-width: 100%;
        overflow-x: auto
    }

    .gridjs-search {
        display: flex;
        justify-content: flex-end;
        padding-inline: calc(var(--spacing)*4);
        padding-bottom: calc(var(--spacing)*5)
    }

    @media (width>=40rem) {
        .gridjs-search {
            padding-inline: calc(var(--spacing)*5)
        }
    }

    .gridjs-pagination {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-block: calc(var(--spacing)*4);
        padding-inline: calc(var(--spacing)*4)
    }

    :where(.gridjs-pagination>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(var(--spacing)*4*var(--tw-space-y-reverse))
    }

    @media (width>=40rem) {
        .gridjs-pagination {
            align-items: center;
            flex-direction: row
        }

        :where(.gridjs-pagination>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-end: calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse)));
            margin-block-start: calc(var(--spacing)*0*var(--tw-space-y-reverse))
        }

        .gridjs-pagination {
            padding-inline: calc(var(--spacing)*5)
        }
    }

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

    pre code.hljs {
        display: block;
        overflow-x: auto;
        padding: 1em
    }

    code.hljs {
        padding: 3px 5px
    }

    .hljs {
        background: #282c34;
        color: #abb2bf
    }

    .hljs-comment,
    .hljs-quote {
        color: #5c6370;
        font-style: italic
    }

    .hljs-doctag,
    .hljs-formula,
    .hljs-keyword {
        color: #c678dd
    }

    .hljs-deletion,
    .hljs-name,
    .hljs-section,
    .hljs-selector-tag,
    .hljs-subst {
        color: #e06c75
    }

    .hljs-literal {
        color: #56b6c2
    }

    .hljs-addition,
    .hljs-attribute,
    .hljs-meta .hljs-string,
    .hljs-regexp,
    .hljs-string {
        color: #98c379
    }

    .hljs-attr,
    .hljs-number,
    .hljs-selector-attr,
    .hljs-selector-class,
    .hljs-selector-pseudo,
    .hljs-template-variable,
    .hljs-type,
    .hljs-variable {
        color: #d19a66
    }

    .hljs-bullet,
    .hljs-link,
    .hljs-meta,
    .hljs-selector-id,
    .hljs-symbol,
    .hljs-title {
        color: #61aeee
    }

    .hljs-built_in,
    .hljs-class .hljs-title,
    .hljs-title.class_ {
        color: #e6c07b
    }

    .hljs-emphasis {
        font-style: italic
    }

    .hljs-strong {
        font-weight: 700
    }

    .hljs-link {
        text-decoration: underline
    }
}

@layer pages {
    .todo-app .sortable-ghost {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        --tw-ring-color: var(--color-slate-100);
        background-color: var(--color-slate-100);
        border-radius: var(--radius-lg);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .todo-app .sortable-ghost:where(.dark, .dark *) {
        --tw-ring-color: var(--color-navy-500);
        background-color: var(--color-navy-500)
    }

    .kanban-app .sortable-ghost {
        background-color: var(--color-slate-100);
        border-radius: var(--radius-lg)
    }

    .kanban-app .sortable-ghost:where(.dark, .dark *) {
        background-color: var(--color-navy-500)
    }

    .kanban-app .board-draggable-handler {
        cursor: grab
    }

    @supports selector(::-webkit-scrollbar) {
        .kanban-scrollbar::-webkit-scrollbar {
            height: calc(var(--spacing)*2.5)
        }

        .kanban-scrollbar::-webkit-scrollbar-thumb {
            background-color: color-mix(in oklab, var(--color-slate-400)80%, transparent);
            border-radius: 3.40282e+38px
        }

        .kanban-scrollbar::-webkit-scrollbar-thumb:where() {
            background-color: var(--color-navy-400)
        }

        .kanban-scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: var(--color-slate-500)
        }

        .kanban-scrollbar::-webkit-scrollbar-thumb:hover:where() {
            background-color: var(--color-navy-300)
        }
    }

    @media (hover:none) and (pointer:coarse) {

        .kanban-app .sortable-chosen,
        .todo-app .sortable-chosen {
            background-color: var(--color-slate-100);
            border-radius: var(--radius-lg)
        }

        :is(.kanban-app .sortable-chosen, .todo-app .sortable-chosen):where(.dark, .dark *) {
            background-color: var(--color-navy-500)
        }
    }

    .chat-footer:after,
    .chat-footer:before,
    .chat-header:after,
    .chat-header:before {
        --tw-content: "";
        background-color: inherit;
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        width: calc(100vw - 100%)
    }

    .chat-footer:before,
    .chat-header:before {
        left: calc(100% - 100vw)
    }

    .chat-footer:after,
    .chat-header:after {
        right: calc(100% - 100vw)
    }

    .course-schedule-chart .apexcharts-series path {
        clip-path: inset(5% 5% 5% 0 round 6px)
    }

    .top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect {
        color: var(--color-slate-100)
    }

    .top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect:where(.dark, .dark *) {
        color: var(--color-navy-700)
    }
}

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

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

    .collapse {
        visibility: collapse
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

    .-right-px {
        right: -1px
    }

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

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

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

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

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

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

    .z-2 {
        z-index: 2
    }

    .z-10 {
        z-index: 10
    }

    .z-50 {
        z-index: 50
    }

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

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

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

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

    .order-first {
        order: -9999
    }

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

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

    .row-span-2 {
        grid-row: span 2/span 2
    }

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

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

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

    .-m-px {
        margin: -1px
    }

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

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

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

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-0\.5 {
        margin-left: calc(var(--spacing)*.5)
    }

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

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

    .ml-auto {
        margin-left: auto
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

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

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

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

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-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-18 {
        height: calc(var(--spacing)*18)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%-2\.5rem\)\] {
        height: calc(100% - 2.5rem)
    }

    .h-\[calc\(100\%-4\.5rem\)\] {
        height: calc(100% - 4.5rem)
    }

    .h-\[calc\(100vh-8\.5rem\)\] {
        height: calc(100vh - 8.5rem)
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

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

    .max-h-\[calc\(100vh-6rem\)\] {
        max-height: calc(100vh - 6rem)
    }

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

    .max-h-full {
        max-height: 100%
    }

    .\!w-10\/12 {
        width: 83.3333% !important
    }

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

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

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

    .w-1\/2 {
        width: 50%
    }

    .w-1\/12 {
        width: 8.33333%
    }

    .w-2\/12 {
        width: 16.6667%
    }

    .w-3\/12 {
        width: 25%
    }

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

    .w-4\/12 {
        width: 33.3333%
    }

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

    .w-5\/12 {
        width: 41.6667%
    }

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

    .w-6\/12 {
        width: 50%
    }

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

    .w-7\/12 {
        width: 58.3333%
    }

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

    .w-8\/12 {
        width: 66.6667%
    }

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

    .w-9\/12 {
        width: 75%
    }

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

    .w-10\/12 {
        width: 83.3333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(100vw-2rem\)\] {
        width: calc(100vw - 2rem)
    }

    .w-full {
        width: 100%
    }

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

    .w-px {
        width: 1px
    }

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

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

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

    .max-w-\[16rem\] {
        max-width: 16rem
    }

    .max-w-\[26rem\] {
        max-width: 26rem
    }

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

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

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

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

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

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

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

    .min-w-\[1\.25rem\] {
        min-width: 1.25rem
    }

    .min-w-\[1\.75rem\] {
        min-width: 1.75rem
    }

    .min-w-\[1\.125rem\] {
        min-width: 1.125rem
    }

    .min-w-\[1rem\] {
        min-width: 1rem
    }

    .min-w-\[2\.5rem\] {
        min-width: 2.5rem
    }

    .min-w-\[20rem\] {
        min-width: 20rem
    }

    .min-w-\[2rem\] {
        min-width: 2rem
    }

    .min-w-\[7rem\] {
        min-width: 7rem
    }

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

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .origin-bottom {
        transform-origin: bottom
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-top {
        transform-origin: top
    }

    .-translate-x-full {
        --tw-translate-x: -100%
    }

    .-translate-x-full,
    .translate-x-0 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0)
    }

    .translate-x-1\/4 {
        --tw-translate-x: 25%
    }

    .translate-x-1\/4,
    .translate-x-full {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-full {
        --tw-translate-x: 100%
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0)
    }

    .translate-y-0,
    .translate-y-1\/4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-1\/4 {
        --tw-translate-y: 25%
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%
    }

    .scale-75,
    .scale-95 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%
    }

    .scale-100,
    .scale-105 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%
    }

    .-rotate-180 {
        rotate: -180deg
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[135deg\] {
        rotate: 135deg
    }

    .\[transform\:translate3d\(0\,-1rem\,0\)\] {
        transform: translateY(-1rem)
    }

    .\[transform\:translate3d\(0\,0\,0\)\] {
        transform: translate(0)
    }

    .\[transform\:translate3d\(0\,1rem\,0\)\] {
        transform: translateY(1rem)
    }

    .\[transform\:translate3d\(1rem\,0\,0\)\] {
        transform: translate(1rem)
    }

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

    .transform-gpu {
        transform: translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
    }

    .animate-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)_fade-out_500ms_forwards\] {
        animation: fade-out .5s cubic-bezier(.4, 0, .2, 1) forwards
    }

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

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

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

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

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .list-inside {
        list-style-position: inside
    }

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

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

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

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

    .place-items-start {
        place-items: start
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(var(--spacing)*1.5*var(--tw-space-y-reverse))
    }

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

    :where(.space-y-2\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(var(--spacing)*2.5*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(var(--spacing)*2.5*var(--tw-space-y-reverse))
    }

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

    :where(.space-y-3\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(var(--spacing)*3.5*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(var(--spacing)*3.5*var(--tw-space-y-reverse))
    }

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

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

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

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

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

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

    :where(.-space-x-1\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*-1.5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*-1.5*var(--tw-space-x-reverse))
    }

    :where(.-space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*-2*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*-2*var(--tw-space-x-reverse))
    }

    :where(.-space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*-3*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*-3*var(--tw-space-x-reverse))
    }

    :where(.-space-x-px>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(-1px*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(-1px*var(--tw-space-x-reverse))
    }

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

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

    :where(.space-x-0\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*.5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*.5*var(--tw-space-x-reverse))
    }

    :where(.space-x-1>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*1*var(--tw-space-x-reverse))
    }

    :where(.space-x-1\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*1.5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*1.5*var(--tw-space-x-reverse))
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*2*var(--tw-space-x-reverse))
    }

    :where(.space-x-2\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*2.5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*2.5*var(--tw-space-x-reverse))
    }

    :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*3*var(--tw-space-x-reverse))
    }

    :where(.space-x-3\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*3.5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*3.5*var(--tw-space-x-reverse))
    }

    :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*4*var(--tw-space-x-reverse))
    }

    :where(.space-x-5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*5*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*5*var(--tw-space-x-reverse))
    }

    :where(.space-x-6>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*6*var(--tw-space-x-reverse))
    }

    :where(.space-x-7>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*7*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*7*var(--tw-space-x-reverse))
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-end-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
        border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-style: var(--tw-border-style)
    }

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

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

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

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

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

    .self-stretch {
        align-self: stretch
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

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

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .rounded {
        border-radius: .25rem
    }

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

    .rounded-full {
        border-radius: 3.40282e+38px
    }

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

    .rounded-l-full {
        border-bottom-left-radius: 3.40282e+38px;
        border-top-left-radius: 3.40282e+38px
    }

    .rounded-l-lg {
        border-bottom-left-radius: var(--radius-lg);
        border-top-left-radius: var(--radius-lg)
    }

    .rounded-l-none {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

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

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

    .rounded-t-lg,
    .rounded-tl-lg {
        border-top-left-radius: var(--radius-lg)
    }

    .rounded-tl-none {
        border-top-left-radius: 0
    }

    .rounded-r-full {
        border-bottom-right-radius: 3.40282e+38px;
        border-top-right-radius: 3.40282e+38px
    }

    .rounded-r-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-r-none {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

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

    .rounded-tr-none {
        border-top-right-radius: 0
    }

    .rounded-b-lg {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }

    .rounded-br {
        border-bottom-right-radius: .25rem
    }

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

    .rounded-bl {
        border-bottom-left-radius: .25rem
    }

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

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

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

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

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

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

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

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

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

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

    .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-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

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

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted
    }

    .border-current {
        border-color: currentColor
    }

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

    .border-error\/30 {
        border-color: color-mix(in oklab, var(--color-error)30%, transparent)
    }

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

    .border-info\/30 {
        border-color: color-mix(in oklab, var(--color-info)30%, transparent)
    }

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

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

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

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

    .border-secondary\/30 {
        border-color: color-mix(in oklab, var(--color-secondary)30%, transparent)
    }

    .border-slate-50 {
        border-color: var(--color-slate-50)
    }

    .border-slate-150 {
        border-color: var(--color-slate-150)
    }

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

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

    .border-slate-400\/70 {
        border-color: color-mix(in oklab, var(--color-slate-400)70%, transparent)
    }

    .border-slate-500 {
        border-color: var(--color-slate-500)
    }

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

    .border-success\/30 {
        border-color: color-mix(in oklab, var(--color-success)30%, transparent)
    }

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

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

    .border-warning\/30 {
        border-color: color-mix(in oklab, var(--color-warning)30%, transparent)
    }

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

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

    .border-r-error {
        border-right-color: var(--color-error)
    }

    .border-r-info {
        border-right-color: var(--color-info)
    }

    .border-r-primary {
        border-right-color: var(--color-primary)
    }

    .border-r-secondary {
        border-right-color: var(--color-secondary)
    }

    .border-r-slate-400 {
        border-right-color: var(--color-slate-400)
    }

    .border-r-slate-500 {
        border-right-color: var(--color-slate-500)
    }

    .border-r-success {
        border-right-color: var(--color-success)
    }

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

    .border-r-warning {
        border-right-color: var(--color-warning)
    }

    .border-b-slate-200 {
        border-bottom-color: var(--color-slate-200)
    }

    .border-l-info {
        border-left-color: var(--color-info)
    }

    .border-l-secondary {
        border-left-color: var(--color-secondary)
    }

    .border-l-warning {
        border-left-color: var(--color-warning)
    }

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

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

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

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

    .bg-current {
        background-color: currentColor
    }

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

    .bg-error\/10 {
        background-color: color-mix(in oklab, var(--color-error)10%, transparent)
    }

    .bg-error\/15 {
        background-color: color-mix(in oklab, var(--color-error)15%, transparent)
    }

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

    .bg-info\/10 {
        background-color: color-mix(in oklab, var(--color-info)10%, transparent)
    }

    .bg-info\/15 {
        background-color: color-mix(in oklab, var(--color-info)15%, transparent)
    }

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

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

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

    .bg-navy-900 {
        background-color: var(--color-navy-900)
    }

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

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

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

    .bg-primary\/15 {
        background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
    }

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

    .bg-secondary-focus {
        background-color: var(--color-secondary-focus)
    }

    .bg-secondary\/10 {
        background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
    }

    .bg-secondary\/15 {
        background-color: color-mix(in oklab, var(--color-secondary)15%, transparent)
    }

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

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

    .bg-slate-150 {
        background-color: var(--color-slate-150)
    }

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

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

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

    .bg-slate-900\/60 {
        background-color: color-mix(in oklab, var(--color-slate-900)60%, transparent)
    }

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

    .bg-success\/10 {
        background-color: color-mix(in oklab, var(--color-success)10%, transparent)
    }

    .bg-success\/15 {
        background-color: color-mix(in oklab, var(--color-success)15%, transparent)
    }

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

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

    .bg-warning\/10 {
        background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
    }

    .bg-warning\/15 {
        background-color: color-mix(in oklab, var(--color-warning)15%, transparent)
    }

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

    .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }

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

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

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab
    }

    .bg-gradient-to-b,
    .bg-gradient-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab
    }

    .bg-gradient-to-l,
    .bg-gradient-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab
    }

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

    .from-\[\#19213299\] {
        --tw-gradient-from: #19213299;
        --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-\[\#ffffff55\] {
        --tw-gradient-from: #fff5;
        --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-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-blue-500 {
        --tw-gradient-from: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-fuchsia-600 {
        --tw-gradient-from: var(--color-fuchsia-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-green-300 {
        --tw-gradient-from: var(--color-green-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-green-400 {
        --tw-gradient-from: var(--color-green-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-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-info {
        --tw-gradient-from: var(--color-info);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

    .from-secondary-light {
        --tw-gradient-from: var(--color-secondary-light);
        --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-sky-400 {
        --tw-gradient-from: var(--color-sky-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-violet-400 {
        --tw-gradient-from: var(--color-violet-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))
    }

    .via-\[\#19213266\] {
        --tw-gradient-via: #19213266;
        --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-blue-500 {
        --tw-gradient-via: var(--color-blue-500);
        --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-purple-300 {
        --tw-gradient-via: var(--color-purple-300);
        --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-red-400 {
        --tw-gradient-via: var(--color-red-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#ffffff20\] {
        --tw-gradient-to: #ffffff20;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .to-fuchsia-400 {
        --tw-gradient-to: var(--color-fuchsia-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-400 {
        --tw-gradient-to: 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))
    }

    .to-indigo-600 {
        --tw-gradient-to: var(--color-indigo-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-info-focus {
        --tw-gradient-to: var(--color-info-focus);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

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

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

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

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

    .bg-cover {
        background-size: cover
    }

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

    .bg-center {
        background-position: 50%
    }

    .stroke-2 {
        stroke-width: 2px
    }

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

    .object-center {
        -o-object-position: center;
        object-position: center
    }

    .object-top {
        -o-object-position: top;
        object-position: top
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .p-\[3px\] {
        padding: 3px
    }

    .p-px {
        padding: 1px
    }

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

    .px-0\.5 {
        padding-inline: calc(var(--spacing)*.5)
    }

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

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

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

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

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

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

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

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

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

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

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

    .px-\[calc\(var\(--margin-x\)-\.5rem\)\] {
        padding-inline: calc(var(--margin-x) - .5rem)
    }

    .px-\[calc\(var\(--margin-x\)-\.25rem\)\] {
        padding-inline: calc(var(--margin-x) - .25rem)
    }

    .px-\[var\(--margin-x\)\] {
        padding-inline: var(--margin-x)
    }

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

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pl-\[var\(--main-sidebar-width\)\] {
        padding-left: var(--main-sidebar-width)
    }

    .pl-\[var\(--margin-x\)\] {
        padding-left: var(--margin-x)
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .font-inter {
        font-family: var(--font-inter)
    }

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

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

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

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

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

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

    .text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--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-sm-plus {
        font-size: var(--text-sm-plus);
        line-height: var(--tw-leading, var(--text-sm-plus--line-height))
    }

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

    .text-tiny-plus {
        font-size: var(--text-tiny-plus);
        line-height: var(--tw-leading, var(--text-tiny-plus--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-xs-plus {
        font-size: var(--text-xs-plus);
        line-height: var(--tw-leading, var(--text-xs-plus--line-height))
    }

    .text-\[clamp\(2\.2rem\,3\.75vw\,3\.75rem\)\] {
        font-size: clamp(2.2rem, 3.75vw, 3.75rem)
    }

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

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1
    }

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

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

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

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

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

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

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

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

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

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

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

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

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

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

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

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

    .text-navy-100 {
        color: var(--color-navy-100)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-transparent {
        color: #0000
    }

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

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

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

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

    .text-emerald-50 { color: #ecfdf5; }

    .text-emerald-100 { color: #d1fae5; }

    .text-emerald-200 { color: #a7f3d0; }

    .text-emerald-300 { color: #6ee7b7; }

    .text-emerald-400 { color: #34d399; }

    .text-emerald-500 { color: #10b981; }  /* Default shade */

    .text-emerald-600 { color: #059669; }

    .text-emerald-700 { color: #047857; }

    .text-emerald-800 { color: #065f46; }

    .text-emerald-900 { color: #064e3b; }

    .text-emerald-950 { color: #022c22; }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

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

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-info {
        text-decoration-color: var(--color-info)
    }

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

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

    .decoration-dashed {
        text-decoration-style: dashed
    }

    .decoration-dotted {
        text-decoration-style: dotted
    }

    .decoration-double {
        text-decoration-style: double
    }

    .decoration-wavy {
        text-decoration-style: wavy
    }

    .decoration-2 {
        text-decoration-thickness: 2px
    }

    .placeholder-slate-400::-moz-placeholder {
        color: var(--color-slate-400)
    }

    .placeholder-slate-400::placeholder {
        color: var(--color-slate-400)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-15 {
        opacity: .15
    }

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

    .ring,
    .ring-1,
    .ring-2 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

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

    .shadow,
    .shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .shadow-none {
        --tw-shadow: 0 0 #0000
    }

    .shadow-none,
    .shadow-sm {
        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)
    }

    .shadow-soft {
        --tw-shadow: 0 3px 10px 0 var(--tw-shadow-color, #302e380f)
    }

    .shadow-soft,
    .shadow-xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

    .shadow-error\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-error)50%, transparent)
    }

    .shadow-info\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-info)50%, transparent)
    }

    .shadow-primary\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-primary)50%, transparent)
    }

    .shadow-secondary\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-secondary)50%, transparent)
    }

    .shadow-slate-200\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-slate-200)50%, transparent)
    }

    .shadow-success\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-success)50%, transparent)
    }

    .shadow-warning\/50 {
        --tw-shadow-color: color-mix(in oklab, var(--color-warning)50%, transparent)
    }

    .ring-primary {
        --tw-ring-color: var(--color-primary)
    }

    .ring-primary\/50 {
        --tw-ring-color: color-mix(in oklab, var(--color-primary)50%, transparent)
    }

    .ring-white {
        --tw-ring-color: var(--color-white)
    }

    .outline-hidden {
        outline-style: none
    }

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

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

    .blur {
        --tw-blur: blur(8px)
    }

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

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

    .transition-\[color\,padding-left\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: color, padding-left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[padding\,width\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: padding, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

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

    .transition-colors {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        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-opacity {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

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

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

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

    .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-\[\.25s\] {
        --tw-duration: .25s;
        transition-duration: .25s
    }

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

    .\[--fp-grid\:2\] {
        --fp-grid: 2
    }

    .\[--fp-grid\:3\] {
        --fp-grid: 3
    }

    .\[--fp-grid\:4\] {
        --fp-grid: 4
    }

    .\[--line\:\.5rem\] {
        --line: .5rem
    }

    .\[--line\:1px\] {
        --line: 1px
    }

    .\[--range-thumb-size\:12px\] {
        --range-thumb-size: 12px
    }

    .\[--range-thumb-size\:24px\] {
        --range-thumb-size: 24px
    }

    .\[--range-track-h\:3px\] {
        --range-track-h: 3px
    }

    .\[--range-track-h\:8px\] {
        --range-track-h: 8px
    }

    .\[--size\:\.75rem\] {
        --size: .75rem
    }

    .\[--size\:1\.5rem\] {
        --size: 1.5rem
    }

    .\[--size\:1rem\] {
        --size: 1rem
    }

    .\[--size\:2\.75rem\] {
        --size: 2.75rem
    }

    .\[--thumb-border\:3px\] {
        --thumb-border: 3px
    }

    .\[--thumb-border\:4px\] {
        --thumb-border: 4px
    }

    .\[--thumb-border\:5px\] {
        --thumb-border: 5px
    }

    .\[--thumb-border\:6px\] {
        --thumb-border: 6px
    }

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

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

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

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

    .group-focus\:text-slate-500:is(:where(.group):focus *) {
        color: var(--color-slate-500)
    }

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

    .peer-focus\:text-primary:is(:where(.peer):focus~*) {
        color: var(--color-primary)
    }

    .placeholder\:text-slate-400::-moz-placeholder {
        color: var(--color-slate-400)
    }

    .placeholder\:text-slate-400::placeholder {
        color: var(--color-slate-400)
    }

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

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

    .placeholder\:text-slate-500::-moz-placeholder {
        color: var(--color-slate-500)
    }

    .placeholder\:text-slate-500::placeholder {
        color: var(--color-slate-500)
    }

    .before\:rounded-full:before {
        border-radius: 3.40282e+38px;
        content: var(--tw-content)
    }

    .before\:rounded-md:before {
        border-radius: var(--radius-md);
        content: var(--tw-content)
    }

    .before\:\!bg-error:before {
        background-color: var(--color-error) !important;
        content: var(--tw-content)
    }

    .before\:\!bg-info:before {
        background-color: var(--color-info) !important;
        content: var(--tw-content)
    }

    .before\:\!bg-success:before {
        background-color: var(--color-success) !important;
        content: var(--tw-content)
    }

    .before\:\!bg-warning:before {
        background-color: var(--color-warning) !important;
        content: var(--tw-content)
    }

    .before\:bg-primary:before {
        background-color: var(--color-primary);
        content: var(--tw-content)
    }

    .before\:bg-secondary:before {
        background-color: var(--color-secondary);
        content: var(--tw-content)
    }

    .before\:bg-slate-50:before {
        background-color: var(--color-slate-50);
        content: var(--tw-content)
    }

    .before\:bg-slate-200:before {
        background-color: var(--color-slate-200);
        content: var(--tw-content)
    }

    .before\:bg-slate-300:before {
        background-color: var(--color-slate-300);
        content: var(--tw-content)
    }

    .before\:bg-slate-500:before {
        background-color: var(--color-slate-500);
        content: var(--tw-content)
    }

    .before\:bg-white:before {
        background-color: var(--color-white);
        content: var(--tw-content)
    }

    .checked\:\!border-error:checked {
        border-color: var(--color-error) !important
    }

    .checked\:\!border-info:checked {
        border-color: var(--color-info) !important
    }

    .checked\:\!border-success:checked {
        border-color: var(--color-success) !important
    }

    .checked\:\!border-warning:checked {
        border-color: var(--color-warning) !important
    }

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

    .checked\:border-secondary:checked {
        border-color: var(--color-secondary)
    }

    .checked\:border-slate-500:checked {
        border-color: var(--color-slate-500)
    }

    .checked\:\!bg-error:checked {
        background-color: var(--color-error) !important
    }

    .checked\:\!bg-info:checked {
        background-color: var(--color-info) !important
    }

    .checked\:\!bg-success:checked {
        background-color: var(--color-success) !important
    }

    .checked\:\!bg-warning:checked {
        background-color: var(--color-warning) !important
    }

    .checked\:bg-error:checked {
        background-color: var(--color-error)
    }

    .checked\:bg-info:checked {
        background-color: var(--color-info)
    }

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

    .checked\:bg-secondary:checked {
        background-color: var(--color-secondary)
    }

    .checked\:bg-slate-500:checked {
        background-color: var(--color-slate-500)
    }

    .checked\:bg-success:checked {
        background-color: var(--color-success)
    }

    .checked\:bg-warning:checked {
        background-color: var(--color-warning)
    }

    .checked\:before\:\!bg-error:checked:before {
        background-color: var(--color-error) !important;
        content: var(--tw-content)
    }

    .checked\:before\:\!bg-info:checked:before {
        background-color: var(--color-info) !important;
        content: var(--tw-content)
    }

    .checked\:before\:\!bg-success:checked:before {
        background-color: var(--color-success) !important;
        content: var(--tw-content)
    }

    .checked\:before\:\!bg-warning:checked:before {
        background-color: var(--color-warning) !important;
        content: var(--tw-content)
    }

    .checked\:before\:bg-primary:checked:before {
        background-color: var(--color-primary);
        content: var(--tw-content)
    }

    .checked\:before\:bg-secondary:checked:before {
        background-color: var(--color-secondary);
        content: var(--tw-content)
    }

    .checked\:before\:bg-slate-500:checked:before {
        background-color: var(--color-slate-500);
        content: var(--tw-content)
    }

    .checked\:before\:bg-white:checked:before {
        background-color: var(--color-white);
        content: var(--tw-content)
    }

    .focus-within\:\!border-primary:focus-within {
        border-color: var(--color-primary) !important
    }

    .focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    @media (hover:hover) {
        .hover\:z-10:hover {
            z-index: 10
        }

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

        .hover\:rotate-\[360deg\]:hover {
            rotate: 1turn
        }

        .hover\:\!border-error:hover {
            border-color: var(--color-error) !important
        }

        .hover\:\!border-info:hover {
            border-color: var(--color-info) !important
        }

        .hover\:\!border-success:hover {
            border-color: var(--color-success) !important
        }

        .hover\:\!border-warning:hover {
            border-color: var(--color-warning) !important
        }

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

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

        .hover\:border-slate-400:hover {
            border-color: var(--color-slate-400)
        }

        .hover\:border-slate-500:hover {
            border-color: var(--color-slate-500)
        }

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

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

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

        .hover\:bg-error\/20:hover {
            background-color: color-mix(in oklab, var(--color-error)20%, transparent)
        }

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

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

        .hover\:bg-info\/20:hover {
            background-color: color-mix(in oklab, var(--color-info)20%, transparent)
        }

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

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

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

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

        .hover\:bg-primary\/20:hover {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }

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

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

        .hover\:bg-secondary\/20:hover {
            background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }

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

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

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

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

        .hover\:bg-slate-300\/20:hover {
            background-color: color-mix(in oklab, var(--color-slate-300)20%, transparent)
        }

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

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

        .hover\:bg-success\/20:hover {
            background-color: color-mix(in oklab, var(--color-success)20%, transparent)
        }

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

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

        .hover\:bg-warning\/20:hover {
            background-color: color-mix(in oklab, var(--color-warning)20%, transparent)
        }

        .hover\:bg-white\/20:hover {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }

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

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

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

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

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

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

        .hover\:text-primary\/70:hover {
            color: color-mix(in oklab, var(--color-primary)70%, transparent)
        }

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

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

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

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

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

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

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .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-error\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-error)50%, transparent)
        }

        .hover\:shadow-info\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-info)50%, transparent)
        }

        .hover\:shadow-primary\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }

        .hover\:shadow-secondary\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-secondary)50%, transparent)
        }

        .hover\:shadow-slate-200\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-slate-200)50%, transparent)
        }

        .hover\:shadow-success\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-success)50%, transparent)
        }

        .hover\:shadow-warning\/50:hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-warning)50%, transparent)
        }
    }

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

    .focus\:\!border-error:focus {
        border-color: var(--color-error) !important
    }

    .focus\:\!border-info:focus {
        border-color: var(--color-info) !important
    }

    .focus\:\!border-success:focus {
        border-color: var(--color-success) !important
    }

    .focus\:\!border-warning:focus {
        border-color: var(--color-warning) !important
    }

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

    .focus\:border-secondary:focus {
        border-color: var(--color-secondary)
    }

    .focus\:border-slate-500:focus {
        border-color: var(--color-slate-500)
    }

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

    .focus\:bg-error:focus {
        background-color: var(--color-error)
    }

    .focus\:bg-error-focus:focus {
        background-color: var(--color-error-focus)
    }

    .focus\:bg-error\/20:focus {
        background-color: color-mix(in oklab, var(--color-error)20%, transparent)
    }

    .focus\:bg-info:focus {
        background-color: var(--color-info)
    }

    .focus\:bg-info-focus:focus {
        background-color: var(--color-info-focus)
    }

    .focus\:bg-info\/20:focus {
        background-color: color-mix(in oklab, var(--color-info)20%, transparent)
    }

    .focus\:bg-navy-450:focus {
        background-color: var(--color-navy-450)
    }

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

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

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

    .focus\:bg-primary\/20:focus {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }

    .focus\:bg-secondary:focus {
        background-color: var(--color-secondary)
    }

    .focus\:bg-secondary-focus:focus {
        background-color: var(--color-secondary-focus)
    }

    .focus\:bg-secondary\/20:focus {
        background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
    }

    .focus\:bg-slate-100:focus {
        background-color: var(--color-slate-100)
    }

    .focus\:bg-slate-150:focus {
        background-color: var(--color-slate-150)
    }

    .focus\:bg-slate-200:focus {
        background-color: var(--color-slate-200)
    }

    .focus\:bg-slate-300:focus {
        background-color: var(--color-slate-300)
    }

    .focus\:bg-slate-300\/20:focus {
        background-color: color-mix(in oklab, var(--color-slate-300)20%, transparent)
    }

    .focus\:bg-success:focus {
        background-color: var(--color-success)
    }

    .focus\:bg-success-focus:focus {
        background-color: var(--color-success-focus)
    }

    .focus\:bg-success\/20:focus {
        background-color: color-mix(in oklab, var(--color-success)20%, transparent)
    }

    .focus\:bg-warning:focus {
        background-color: var(--color-warning)
    }

    .focus\:bg-warning-focus:focus {
        background-color: var(--color-warning-focus)
    }

    .focus\:bg-warning\/20:focus {
        background-color: color-mix(in oklab, var(--color-warning)20%, transparent)
    }

    .focus\:bg-white\/20:focus {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }

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

    .focus\:text-error:focus {
        color: var(--color-error)
    }

    .focus\:text-info:focus {
        color: var(--color-info)
    }

    .focus\:text-navy-800:focus {
        color: var(--color-navy-800)
    }

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

    .focus\:text-primary\/70:focus {
        color: color-mix(in oklab, var(--color-primary)70%, transparent)
    }

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

    .focus\:text-slate-800:focus {
        color: var(--color-slate-800)
    }

    .focus\:text-success:focus {
        color: var(--color-success)
    }

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

    .focus\:underline:focus {
        text-decoration-line: underline
    }

    .focus\:opacity-100:focus {
        opacity: 1
    }

    .focus\:ring-3:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

    .focus\:ring-3:focus,
    .focus\:shadow-lg:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .focus\:shadow-error\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-error)50%, transparent)
    }

    .focus\:shadow-info\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-info)50%, transparent)
    }

    .focus\:shadow-primary\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-primary)50%, transparent)
    }

    .focus\:shadow-slate-200\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-slate-200)50%, transparent)
    }

    .focus\:shadow-success\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-success)50%, transparent)
    }

    .focus\:shadow-warning\/50:focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-warning)50%, transparent)
    }

    .focus\:outline-hidden:focus {
        outline-style: none
    }

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

    .active\:bg-error-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-error-focus)90%, transparent)
    }

    .active\:bg-error\/25:active {
        background-color: color-mix(in oklab, var(--color-error)25%, transparent)
    }

    .active\:bg-error\/90:active {
        background-color: color-mix(in oklab, var(--color-error)90%, transparent)
    }

    .active\:bg-info-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-info-focus)90%, transparent)
    }

    .active\:bg-info\/25:active {
        background-color: color-mix(in oklab, var(--color-info)25%, transparent)
    }

    .active\:bg-info\/90:active {
        background-color: color-mix(in oklab, var(--color-info)90%, transparent)
    }

    .active\:bg-navy-450\/90:active {
        background-color: color-mix(in oklab, var(--color-navy-450)90%, transparent)
    }

    .active\:bg-primary-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-primary-focus)90%, transparent)
    }

    .active\:bg-primary\/25:active {
        background-color: color-mix(in oklab, var(--color-primary)25%, transparent)
    }

    .active\:bg-primary\/90:active {
        background-color: color-mix(in oklab, var(--color-primary)90%, transparent)
    }

    .active\:bg-secondary-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-secondary-focus)90%, transparent)
    }

    .active\:bg-secondary\/25:active {
        background-color: color-mix(in oklab, var(--color-secondary)25%, transparent)
    }

    .active\:bg-secondary\/90:active {
        background-color: color-mix(in oklab, var(--color-secondary)90%, transparent)
    }

    .active\:bg-slate-150\/80:active {
        background-color: color-mix(in oklab, var(--color-slate-150)80%, transparent)
    }

    .active\:bg-slate-200\/80:active {
        background-color: color-mix(in oklab, var(--color-slate-200)80%, transparent)
    }

    .active\:bg-slate-300\/25:active {
        background-color: color-mix(in oklab, var(--color-slate-300)25%, transparent)
    }

    .active\:bg-slate-300\/80:active {
        background-color: color-mix(in oklab, var(--color-slate-300)80%, transparent)
    }

    .active\:bg-success-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-success-focus)90%, transparent)
    }

    .active\:bg-success\/25:active {
        background-color: color-mix(in oklab, var(--color-success)25%, transparent)
    }

    .active\:bg-success\/90:active {
        background-color: color-mix(in oklab, var(--color-success)90%, transparent)
    }

    .active\:bg-warning-focus\/90:active {
        background-color: color-mix(in oklab, var(--color-warning-focus)90%, transparent)
    }

    .active\:bg-warning\/25:active {
        background-color: color-mix(in oklab, var(--color-warning)25%, transparent)
    }

    .active\:bg-warning\/90:active {
        background-color: color-mix(in oklab, var(--color-warning)90%, transparent)
    }

    .active\:bg-white\/25:active {
        background-color: color-mix(in oklab, var(--color-white)25%, transparent)
    }

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

    .disabled\:border-none:disabled {
        --tw-border-style: none;
        border-style: none
    }

    .disabled\:border-slate-300:disabled {
        border-color: var(--color-slate-300)
    }

    .disabled\:bg-zinc-100:disabled {
        background-color: var(--color-zinc-100)
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

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

    @supports (height:1dvh) {
        .supports-\[height\:1dvh\]\:h-dvh {
            height: 100dvh
        }
    }

    @media (width<64rem) {
        .max-lg\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .max-lg\:overflow-x-auto {
            overflow-x: auto
        }
    }

    @media (width<40rem) {
        .max-sm\:hidden {
            display: none
        }
    }

    @media (width>=40rem) {
        .sm\:order-first {
            order: -9999
        }

        .sm\:order-last {
            order: 9999
        }

        .sm\:order-none {
            order: 0
        }

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

        .sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .sm\:col-span-5 {
            grid-column: span 5/span 5
        }

        .sm\:col-span-6 {
            grid-column: span 6/span 6
        }

        .sm\:col-span-7 {
            grid-column: span 7/span 7
        }

        .sm\:col-span-8 {
            grid-column: span 8/span 8
        }

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

        .sm\:mx-5 {
            margin-inline: calc(var(--spacing)*5)
        }

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

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

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

        .sm\:-mr-1\.5 {
            margin-right: calc(var(--spacing)*-1.5)
        }

        .sm\:mr-10 {
            margin-right: calc(var(--spacing)*10)
        }

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

        .sm\:ml-10 {
            margin-left: calc(var(--spacing)*10)
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline-flex {
            display: inline-flex
        }

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

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

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

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

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

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

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

        .sm\:w-72 {
            width: calc(var(--spacing)*72)
        }

        .sm\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .sm\:flex-initial {
            flex: 0 auto
        }

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

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

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

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

        .sm\:flex-col {
            flex-direction: column
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

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

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

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

        .sm\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

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

        :where(.sm\:space-y-0>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-end: calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse)));
            margin-block-start: calc(var(--spacing)*0*var(--tw-space-y-reverse))
        }

        :where(.sm\:space-y-5>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-end: calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));
            margin-block-start: calc(var(--spacing)*5*var(--tw-space-y-reverse))
        }

        :where(.sm\:space-x-3>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*3*var(--tw-space-x-reverse))
        }

        :where(.sm\:space-x-5>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*5*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*5*var(--tw-space-x-reverse))
        }

        :where(.sm\:space-x-7>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*7*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*7*var(--tw-space-x-reverse))
        }

        :where(.sm\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-end-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-style: var(--tw-border-style)
        }

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

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

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

        .sm\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

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

        .sm\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .sm\:px-18 {
            padding-inline: calc(var(--spacing)*18)
        }

        .sm\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

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

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

        .sm\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

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

        .sm\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-right {
            text-align: right
        }

        .sm\:opacity-0 {
            opacity: 0
        }
    }

    @media (width>=48rem) {
        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }
    }

    @media (width>=64rem) {
        .lg\:static {
            position: static
        }

        .lg\:sticky {
            position: sticky
        }

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

        .lg\:order-last {
            order: 9999
        }

        .lg\:order-none {
            order: 0
        }

        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

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

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

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:col-span-9 {
            grid-column: span 9/span 9
        }

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

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

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

        .lg\:mr-80 {
            margin-right: calc(var(--spacing)*80)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline-flex {
            display: inline-flex
        }

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

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

        .lg\:h-auto {
            height: auto
        }

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

        .lg\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .lg\:w-80 {
            width: calc(var(--spacing)*80)
        }

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

        .lg\:shrink-0 {
            flex-shrink: 0
        }

        .lg\:-rotate-3 {
            rotate: -3deg
        }

        .lg\:rotate-3 {
            rotate: 3deg
        }

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

        .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\:flex-row {
            flex-direction: row
        }

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

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

        .lg\:gap-24 {
            gap: calc(var(--spacing)*24)
        }

        :where(.lg\:space-y-6>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-end: calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));
            margin-block-start: calc(var(--spacing)*6*var(--tw-space-y-reverse))
        }

        :where(.lg\:space-x-4>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*4*var(--tw-space-x-reverse))
        }

        :where(.lg\:space-x-6>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*6*var(--tw-space-x-reverse))
        }

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

        .lg\:rounded-l-lg {
            border-bottom-left-radius: var(--radius-lg);
            border-top-left-radius: var(--radius-lg)
        }

        .lg\:rounded-t-none {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

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

        .lg\:p-7 {
            padding: calc(var(--spacing)*7)
        }

        .lg\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .lg\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .lg\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

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

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

        .lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .lg\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .lg\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .lg\:pl-9 {
            padding-left: calc(var(--spacing)*9)
        }

        .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-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

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

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

        .lg\:opacity-100 {
            opacity: 1
        }
    }

    @media (width>=80rem) {
        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .xl\:col-span-9 {
            grid-column: span 9/span 9
        }

        .xl\:hidden {
            display: none
        }

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

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

        .xl\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .xl\:px-16 {
            padding-inline: calc(var(--spacing)*16)
        }
    }

    @media (width>=96rem) {
        .\32 xl\:gap-6 {
            gap: calc(var(--spacing)*6)
        }
    }

    :where(.dark\:divide-navy-500:where(.dark, .dark *)>:not(:last-child)) {
        border-color: var(--color-navy-500)
    }

    .dark\:border-accent:where(.dark, .dark *) {
        border-color: var(--color-accent)
    }

    .dark\:border-accent-light:where(.dark, .dark *) {
        border-color: var(--color-accent-light)
    }

    .dark\:border-accent-light\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-accent-light)30%, transparent)
    }

    .dark\:border-accent\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-accent)30%, transparent)
    }

    .dark\:border-navy-300:where(.dark, .dark *) {
        border-color: var(--color-navy-300)
    }

    .dark\:border-navy-400:where(.dark, .dark *) {
        border-color: var(--color-navy-400)
    }

    .dark\:border-navy-450:where(.dark, .dark *) {
        border-color: var(--color-navy-450)
    }

    .dark\:border-navy-500:where(.dark, .dark *) {
        border-color: var(--color-navy-500)
    }

    .dark\:border-navy-600:where(.dark, .dark *) {
        border-color: var(--color-navy-600)
    }

    .dark\:border-navy-700:where(.dark, .dark *) {
        border-color: var(--color-navy-700)
    }

    .dark\:border-navy-800:where(.dark, .dark *) {
        border-color: var(--color-navy-800)
    }

    .dark\:border-navy-900:where(.dark, .dark *) {
        border-color: var(--color-navy-900)
    }

    .dark\:border-secondary:where(.dark, .dark *) {
        border-color: var(--color-secondary)
    }

    .dark\:border-secondary-light:where(.dark, .dark *) {
        border-color: var(--color-secondary-light)
    }

    .dark\:border-secondary-light\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-secondary-light)30%, transparent)
    }

    .dark\:border-slate-700:where(.dark, .dark *) {
        border-color: var(--color-slate-700)
    }

    .dark\:border-r-accent:where(.dark, .dark *) {
        border-right-color: var(--color-accent)
    }

    .dark\:border-r-navy-300:where(.dark, .dark *) {
        border-right-color: var(--color-navy-300)
    }

    .dark\:border-r-transparent:where(.dark, .dark *) {
        border-right-color: #0000
    }

    .dark\:border-b-navy-500:where(.dark, .dark *) {
        border-bottom-color: var(--color-navy-500)
    }

    .dark\:bg-accent:where(.dark, .dark *) {
        background-color: var(--color-accent)
    }

    .dark\:bg-accent-focus:where(.dark, .dark *) {
        background-color: var(--color-accent-focus)
    }

    .dark\:bg-accent-light\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-accent-light)10%, transparent)
    }

    .dark\:bg-accent-light\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-accent-light)15%, transparent)
    }

    .dark\:bg-accent\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-accent)10%, transparent)
    }

    .dark\:bg-accent\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-accent)25%, transparent)
    }

    .dark\:bg-error\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-error)15%, transparent)
    }

    .dark\:bg-error\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-error)25%, transparent)
    }

    .dark\:bg-info:where(.dark, .dark *) {
        background-color: var(--color-info)
    }

    .dark\:bg-info\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-info)15%, transparent)
    }

    .dark\:bg-info\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-info)25%, transparent)
    }

    .dark\:bg-navy-300:where(.dark, .dark *) {
        background-color: var(--color-navy-300)
    }

    .dark\:bg-navy-400:where(.dark, .dark *) {
        background-color: var(--color-navy-400)
    }

    .dark\:bg-navy-450:where(.dark, .dark *) {
        background-color: var(--color-navy-450)
    }

    .dark\:bg-navy-500:where(.dark, .dark *) {
        background-color: var(--color-navy-500)
    }

    .dark\:bg-navy-600:where(.dark, .dark *) {
        background-color: var(--color-navy-600)
    }

    .dark\:bg-navy-700:where(.dark, .dark *) {
        background-color: var(--color-navy-700)
    }

    .dark\:bg-navy-750:where(.dark, .dark *) {
        background-color: var(--color-navy-750)
    }

    .dark\:bg-navy-800:where(.dark, .dark *) {
        background-color: var(--color-navy-800)
    }

    .dark\:bg-navy-900:where(.dark, .dark *) {
        background-color: var(--color-navy-900)
    }

    .dark\:bg-navy-900\/90:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-navy-900)90%, transparent)
    }

    .dark\:bg-secondary:where(.dark, .dark *) {
        background-color: var(--color-secondary)
    }

    .dark\:bg-secondary-light:where(.dark, .dark *) {
        background-color: var(--color-secondary-light)
    }

    .dark\:bg-secondary-light\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-secondary-light)10%, transparent)
    }

    .dark\:bg-secondary-light\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-secondary-light)15%, transparent)
    }

    .dark\:bg-secondary-light\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-secondary-light)25%, transparent)
    }

    .dark\:bg-secondary\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-secondary)15%, transparent)
    }

    .dark\:bg-secondary\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-secondary)25%, transparent)
    }

    .dark\:bg-success:where(.dark, .dark *) {
        background-color: var(--color-success)
    }

    .dark\:bg-success\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-success)15%, transparent)
    }

    .dark\:bg-success\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-success)25%, transparent)
    }

    .dark\:bg-transparent:where(.dark, .dark *) {
        background-color: #0000
    }

    .dark\:bg-warning:where(.dark, .dark *) {
        background-color: var(--color-warning)
    }

    .dark\:bg-warning\/15:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-warning)15%, transparent)
    }

    .dark\:bg-warning\/25:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-warning)25%, transparent)
    }

    .dark\:bg-white\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }

    .dark\:text-accent:where(.dark, .dark *) {
        color: var(--color-accent)
    }

    .dark\:text-accent-light:where(.dark, .dark *) {
        color: var(--color-accent-light)
    }

    .dark\:text-accent-light\/80:where(.dark, .dark *) {
        color: color-mix(in oklab, var(--color-accent-light)80%, transparent)
    }

    .dark\:text-navy-50:where(.dark, .dark *) {
        color: var(--color-navy-50)
    }

    .dark\:text-navy-100:where(.dark, .dark *) {
        color: var(--color-navy-100)
    }

    .dark\:text-navy-200:where(.dark, .dark *) {
        color: var(--color-navy-200)
    }

    .dark\:text-navy-300:where(.dark, .dark *) {
        color: var(--color-navy-300)
    }

    .dark\:text-navy-600:where(.dark, .dark *) {
        color: var(--color-navy-600)
    }

    .dark\:text-navy-700:where(.dark, .dark *) {
        color: var(--color-navy-700)
    }

    .dark\:text-secondary-light:where(.dark, .dark *) {
        color: var(--color-secondary-light)
    }

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

    .dark\:placeholder-navy-300:where(.dark, .dark *)::-moz-placeholder {
        color: var(--color-navy-300)
    }

    .dark\:placeholder-navy-300:where(.dark, .dark *)::placeholder {
        color: var(--color-navy-300)
    }

    .dark\:shadow-none:where(.dark, .dark *) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-soft-dark:where(.dark, .dark *) {
        --tw-shadow: 0 3px 10px 0 var(--tw-shadow-color, #1921324d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:shadow-accent\/50:where(.dark, .dark *) {
        --tw-shadow-color: color-mix(in oklab, var(--color-accent)50%, transparent)
    }

    .dark\:shadow-navy-450\/50:where(.dark, .dark *) {
        --tw-shadow-color: color-mix(in oklab, var(--color-navy-450)50%, transparent)
    }

    .dark\:ring-accent:where(.dark, .dark *) {
        --tw-ring-color: var(--color-accent)
    }

    .dark\:ring-accent\/50:where(.dark, .dark *) {
        --tw-ring-color: color-mix(in oklab, var(--color-accent)50%, transparent)
    }

    .dark\:ring-navy-700:where(.dark, .dark *) {
        --tw-ring-color: var(--color-navy-700)
    }

    @media (hover:hover) {
        .dark\:group-hover\:text-accent:where(.dark, .dark *):is(:where(.group):hover *) {
            color: var(--color-accent)
        }

        .dark\:group-hover\:text-accent-light:where(.dark, .dark *):is(:where(.group):hover *) {
            color: var(--color-accent-light)
        }

        .dark\:group-hover\:text-navy-200:where(.dark, .dark *):is(:where(.group):hover *) {
            color: var(--color-navy-200)
        }
    }

    .dark\:group-focus\:text-accent:where(.dark, .dark *):is(:where(.group):focus *) {
        color: var(--color-accent)
    }

    .dark\:group-focus\:text-accent-light:where(.dark, .dark *):is(:where(.group):focus *) {
        color: var(--color-accent-light)
    }

    .dark\:group-focus\:text-navy-200:where(.dark, .dark *):is(:where(.group):focus *) {
        color: var(--color-navy-200)
    }

    .dark\:peer-focus\:text-accent:where(.dark, .dark *):is(:where(.peer):focus~*) {
        color: var(--color-accent)
    }

    .dark\:placeholder\:text-navy-200:where(.dark, .dark *)::-moz-placeholder {
        color: var(--color-navy-200)
    }

    .dark\:placeholder\:text-navy-200:where(.dark, .dark *)::placeholder {
        color: var(--color-navy-200)
    }

    .dark\:placeholder\:text-navy-300:where(.dark, .dark *)::-moz-placeholder {
        color: var(--color-navy-300)
    }

    .dark\:placeholder\:text-navy-300:where(.dark, .dark *)::placeholder {
        color: var(--color-navy-300)
    }

    .dark\:before\:bg-accent:where(.dark, .dark *):before {
        background-color: var(--color-accent);
        content: var(--tw-content)
    }

    .dark\:before\:bg-navy-200:where(.dark, .dark *):before {
        background-color: var(--color-navy-200);
        content: var(--tw-content)
    }

    .dark\:before\:bg-navy-300:where(.dark, .dark *):before {
        background-color: var(--color-navy-300);
        content: var(--tw-content)
    }

    .dark\:before\:bg-navy-400:where(.dark, .dark *):before {
        background-color: var(--color-navy-400);
        content: var(--tw-content)
    }

    .dark\:before\:bg-navy-500:where(.dark, .dark *):before {
        background-color: var(--color-navy-500);
        content: var(--tw-content)
    }

    .dark\:before\:bg-navy-750:where(.dark, .dark *):before {
        background-color: var(--color-navy-750);
        content: var(--tw-content)
    }

    .dark\:before\:bg-secondary-light:where(.dark, .dark *):before {
        background-color: var(--color-secondary-light);
        content: var(--tw-content)
    }

    .dark\:checked\:border-accent:where(.dark, .dark *):checked {
        border-color: var(--color-accent)
    }

    .dark\:checked\:border-navy-200:where(.dark, .dark *):checked {
        border-color: var(--color-navy-200)
    }

    .dark\:checked\:border-navy-400:where(.dark, .dark *):checked {
        border-color: var(--color-navy-400)
    }

    .dark\:checked\:border-secondary-light:where(.dark, .dark *):checked {
        border-color: var(--color-secondary-light)
    }

    .dark\:checked\:bg-accent:where(.dark, .dark *):checked {
        background-color: var(--color-accent)
    }

    .dark\:checked\:bg-navy-400:where(.dark, .dark *):checked {
        background-color: var(--color-navy-400)
    }

    .dark\:checked\:bg-secondary-light:where(.dark, .dark *):checked {
        background-color: var(--color-secondary-light)
    }

    .dark\:checked\:before\:bg-accent:where(.dark, .dark *):checked:before {
        background-color: var(--color-accent);
        content: var(--tw-content)
    }

    .dark\:checked\:before\:bg-navy-200:where(.dark, .dark *):checked:before {
        background-color: var(--color-navy-200);
        content: var(--tw-content)
    }

    .dark\:checked\:before\:bg-secondary-light:where(.dark, .dark *):checked:before {
        background-color: var(--color-secondary-light);
        content: var(--tw-content)
    }

    .dark\:checked\:before\:bg-white:where(.dark, .dark *):checked:before {
        background-color: var(--color-white);
        content: var(--tw-content)
    }

    .dark\:focus-within\:\!border-accent:where(.dark, .dark *):focus-within {
        border-color: var(--color-accent) !important
    }

    @media (hover:hover) {
        .dark\:hover\:border-accent:where(.dark, .dark *):hover {
            border-color: var(--color-accent)
        }

        .dark\:hover\:border-navy-200:where(.dark, .dark *):hover {
            border-color: var(--color-navy-200)
        }

        .dark\:hover\:border-navy-400:where(.dark, .dark *):hover {
            border-color: var(--color-navy-400)
        }

        .dark\:hover\:border-secondary-light:where(.dark, .dark *):hover {
            border-color: var(--color-secondary-light)
        }

        .dark\:hover\:bg-accent:where(.dark, .dark *):hover {
            background-color: var(--color-accent)
        }

        .dark\:hover\:bg-accent-focus:where(.dark, .dark *):hover {
            background-color: var(--color-accent-focus)
        }

        .dark\:hover\:bg-accent-light\/10:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-accent-light)10%, transparent)
        }

        .dark\:hover\:bg-accent-light\/15:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-accent-light)15%, transparent)
        }

        .dark\:hover\:bg-accent-light\/20:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-accent-light)20%, transparent)
        }

        .dark\:hover\:bg-navy-300\/20:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-navy-300)20%, transparent)
        }

        .dark\:hover\:bg-navy-450:where(.dark, .dark *):hover {
            background-color: var(--color-navy-450)
        }

        .dark\:hover\:bg-navy-500:where(.dark, .dark *):hover {
            background-color: var(--color-navy-500)
        }

        .dark\:hover\:bg-navy-600:where(.dark, .dark *):hover {
            background-color: var(--color-navy-600)
        }

        .dark\:hover\:bg-navy-900:where(.dark, .dark *):hover {
            background-color: var(--color-navy-900)
        }

        .dark\:hover\:bg-secondary:where(.dark, .dark *):hover {
            background-color: var(--color-secondary)
        }

        .dark\:hover\:bg-secondary-light\/20:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-secondary-light)20%, transparent)
        }

        .dark\:hover\:bg-white\/30:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }

        .dark\:hover\:text-accent:where(.dark, .dark *):hover {
            color: var(--color-accent)
        }

        .dark\:hover\:text-accent-light:where(.dark, .dark *):hover {
            color: var(--color-accent-light)
        }

        .dark\:hover\:text-accent-light\/70:where(.dark, .dark *):hover {
            color: color-mix(in oklab, var(--color-accent-light)70%, transparent)
        }

        .dark\:hover\:text-navy-50:where(.dark, .dark *):hover {
            color: var(--color-navy-50)
        }

        .dark\:hover\:text-navy-100:where(.dark, .dark *):hover {
            color: var(--color-navy-100)
        }

        .dark\:hover\:text-secondary-light:where(.dark, .dark *):hover {
            color: var(--color-secondary-light)
        }

        .dark\:hover\:text-white:where(.dark, .dark *):hover {
            color: var(--color-white)
        }

        .dark\:hover\:shadow-accent\/50:where(.dark, .dark *):hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-accent)50%, transparent)
        }

        .dark\:hover\:shadow-navy-450\/50:where(.dark, .dark *):hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-navy-450)50%, transparent)
        }
    }

    .dark\:focus\:border-accent:where(.dark, .dark *):focus {
        border-color: var(--color-accent)
    }

    .dark\:focus\:border-navy-200:where(.dark, .dark *):focus {
        border-color: var(--color-navy-200)
    }

    .dark\:focus\:border-secondary-light:where(.dark, .dark *):focus {
        border-color: var(--color-secondary-light)
    }

    .dark\:focus\:bg-accent:where(.dark, .dark *):focus {
        background-color: var(--color-accent)
    }

    .dark\:focus\:bg-accent-focus:where(.dark, .dark *):focus {
        background-color: var(--color-accent-focus)
    }

    .dark\:focus\:bg-accent-light\/15:where(.dark, .dark *):focus {
        background-color: color-mix(in oklab, var(--color-accent-light)15%, transparent)
    }

    .dark\:focus\:bg-accent-light\/20:where(.dark, .dark *):focus {
        background-color: color-mix(in oklab, var(--color-accent-light)20%, transparent)
    }

    .dark\:focus\:bg-navy-300\/20:where(.dark, .dark *):focus {
        background-color: color-mix(in oklab, var(--color-navy-300)20%, transparent)
    }

    .dark\:focus\:bg-navy-450:where(.dark, .dark *):focus {
        background-color: var(--color-navy-450)
    }

    .dark\:focus\:bg-navy-500:where(.dark, .dark *):focus {
        background-color: var(--color-navy-500)
    }

    .dark\:focus\:bg-navy-600:where(.dark, .dark *):focus {
        background-color: var(--color-navy-600)
    }

    .dark\:focus\:bg-navy-900:where(.dark, .dark *):focus {
        background-color: var(--color-navy-900)
    }

    .dark\:focus\:bg-secondary:where(.dark, .dark *):focus {
        background-color: var(--color-secondary)
    }

    .dark\:focus\:bg-secondary-light\/20:where(.dark, .dark *):focus {
        background-color: color-mix(in oklab, var(--color-secondary-light)20%, transparent)
    }

    .dark\:focus\:bg-white\/30:where(.dark, .dark *):focus {
        background-color: color-mix(in oklab, var(--color-white)30%, transparent)
    }

    .dark\:focus\:text-accent:where(.dark, .dark *):focus {
        color: var(--color-accent)
    }

    .dark\:focus\:text-accent-light:where(.dark, .dark *):focus {
        color: var(--color-accent-light)
    }

    .dark\:focus\:text-accent-light\/70:where(.dark, .dark *):focus {
        color: color-mix(in oklab, var(--color-accent-light)70%, transparent)
    }

    .dark\:focus\:text-navy-100:where(.dark, .dark *):focus {
        color: var(--color-navy-100)
    }

    .dark\:focus\:text-secondary-light:where(.dark, .dark *):focus {
        color: var(--color-secondary-light)
    }

    .dark\:focus\:text-white:where(.dark, .dark *):focus {
        color: var(--color-white)
    }

    .dark\:focus\:shadow-accent\/50:where(.dark, .dark *):focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-accent)50%, transparent)
    }

    .dark\:focus\:shadow-navy-450\/50:where(.dark, .dark *):focus {
        --tw-shadow-color: color-mix(in oklab, var(--color-navy-450)50%, transparent)
    }

    .dark\:active\:bg-accent-focus\/90:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-accent-focus)90%, transparent)
    }

    .dark\:active\:bg-accent-light\/25:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-accent-light)25%, transparent)
    }

    .dark\:active\:bg-accent\/90:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-accent)90%, transparent)
    }

    .dark\:active\:bg-navy-300\/25:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-navy-300)25%, transparent)
    }

    .dark\:active\:bg-navy-450\/90:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-navy-450)90%, transparent)
    }

    .dark\:active\:bg-navy-500\/90:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-navy-500)90%, transparent)
    }

    .dark\:active\:bg-secondary-light\/25:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-secondary-light)25%, transparent)
    }

    .dark\:active\:bg-secondary\/90:where(.dark, .dark *):active {
        background-color: color-mix(in oklab, var(--color-secondary)90%, transparent)
    }

    .dark\:disabled\:border-navy-450:where(.dark, .dark *):disabled {
        border-color: var(--color-navy-450)
    }

    .dark\:disabled\:bg-navy-600:where(.dark, .dark *):disabled {
        background-color: var(--color-navy-600)
    }

    @media print {
        .print\:hidden {
            display: none
        }

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

    .fa {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900)
    }

    .fa,
    .fa-brands,
    .fa-classic,
    .fa-regular,
    .fa-sharp,
    .fa-solid,
    .fab,
    .far,
    .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto
    }

    .fa-classic,
    .fa-regular,
    .fa-solid,
    .far,
    .fas {
        font-family: Font Awesome\ 6 Free
    }

    .fa-brands,
    .fab {
        font-family: Font Awesome\ 6 Brands
    }

    .fa-1x {
        font-size: 1em
    }

    .fa-2x {
        font-size: 2em
    }

    .fa-3x {
        font-size: 3em
    }

    .fa-4x {
        font-size: 4em
    }

    .fa-5x {
        font-size: 5em
    }

    .fa-6x {
        font-size: 6em
    }

    .fa-7x {
        font-size: 7em
    }

    .fa-8x {
        font-size: 8em
    }

    .fa-9x {
        font-size: 9em
    }

    .fa-10x {
        font-size: 10em
    }

    .fa-2xs {
        font-size: .625em;
        line-height: .1em;
        vertical-align: .225em
    }

    .fa-xs {
        font-size: .75em;
        line-height: .08333em;
        vertical-align: .125em
    }

    .fa-sm {
        font-size: .875em;
        line-height: .07143em;
        vertical-align: .05357em
    }

    .fa-lg {
        font-size: 1.25em;
        line-height: .05em;
        vertical-align: -.075em
    }

    .fa-xl {
        font-size: 1.5em;
        line-height: .04167em;
        vertical-align: -.125em
    }

    .fa-2xl {
        font-size: 2em;
        line-height: .03125em;
        vertical-align: -.1875em
    }

    .fa-fw {
        text-align: center;
        width: 1.25em
    }

    .fa-ul {
        list-style-type: none;
        margin-left: var(--fa-li-margin, 2.5em);
        padding-left: 0
    }

    .fa-ul>li {
        position: relative
    }

    .fa-li {
        left: calc(var(--fa-li-width, 2em)*-1);
        line-height: inherit;
        position: absolute;
        text-align: center;
        width: var(--fa-li-width, 2em)
    }

    .fa-border {
        border-color: var(--fa-border-color, #eee);
        border-radius: var(--fa-border-radius, .1em);
        border-style: var(--fa-border-style, solid);
        border-width: var(--fa-border-width, .08em);
        padding: var(--fa-border-padding, .2em .25em .15em)
    }

    .fa-pull-left {
        float: left;
        margin-right: var(--fa-pull-margin, .3em)
    }

    .fa-pull-right {
        float: right;
        margin-left: var(--fa-pull-margin, .3em)
    }

    .fa-beat {
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-beat;
        animation-timing-function: var(--fa-animation-timing, ease-in-out)
    }

    .fa-bounce {
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-bounce;
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
    }

    .fa-fade {
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-fade;
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
    }

    .fa-beat-fade,
    .fa-fade {
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s)
    }

    .fa-beat-fade {
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-beat-fade;
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
    }

    .fa-flip {
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-flip;
        animation-timing-function: var(--fa-animation-timing, ease-in-out)
    }

    .fa-shake {
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-shake;
        animation-timing-function: var(--fa-animation-timing, linear)
    }

    .fa-shake,
    .fa-spin {
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal)
    }

    .fa-spin {
        animation-duration: var(--fa-animation-duration, 2s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-spin;
        animation-timing-function: var(--fa-animation-timing, linear)
    }

    .fa-spin-reverse {
        --fa-animation-direction: reverse
    }

    .fa-pulse,
    .fa-spin-pulse {
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-name: fa-spin;
        animation-timing-function: var(--fa-animation-timing, steps(8))
    }

    @media (prefers-reduced-motion:reduce) {

        .fa-beat,
        .fa-beat-fade,
        .fa-bounce,
        .fa-fade,
        .fa-flip,
        .fa-pulse,
        .fa-shake,
        .fa-spin,
        .fa-spin-pulse {
            animation-delay: -1ms;
            animation-duration: 1ms;
            animation-iteration-count: 1;
            transition-delay: 0s;
            transition-duration: 0s
        }
    }

    @keyframes fa-beat {

        0%,
        90% {
            transform: scale(1)
        }

        45% {
            transform: scale(var(--fa-beat-scale, 1.25))
        }
    }

    @keyframes fa-bounce {
        0% {
            transform: scale(1)translateY(0)
        }

        10% {
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9))translateY(0)
        }

        30% {
            transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1))translateY(var(--fa-bounce-height, -.5em))
        }

        50% {
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95))translateY(0)
        }

        57% {
            transform: scale(1)translateY(var(--fa-bounce-rebound, -.125em))
        }

        64% {
            transform: scale(1)translateY(0)
        }

        to {
            transform: scale(1)translateY(0)
        }
    }

    @keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, .4)
        }
    }

    @keyframes fa-beat-fade {

        0%,
        to {
            opacity: var(--fa-beat-fade-opacity, .4);
            transform: scale(1)
        }

        50% {
            opacity: 1;
            transform: scale(var(--fa-beat-fade-scale, 1.125))
        }
    }

    @keyframes fa-flip {
        50% {
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
        }
    }

    @keyframes fa-shake {
        0% {
            transform: rotate(-15deg)
        }

        4% {
            transform: rotate(15deg)
        }

        24%,
        8% {
            transform: rotate(-18deg)
        }

        12%,
        28% {
            transform: rotate(18deg)
        }

        16% {
            transform: rotate(-22deg)
        }

        20% {
            transform: rotate(22deg)
        }

        32% {
            transform: rotate(-12deg)
        }

        36% {
            transform: rotate(12deg)
        }

        40%,
        to {
            transform: rotate(0)
        }
    }

    @keyframes fa-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .fa-rotate-90 {
        transform: rotate(90deg)
    }

    .fa-rotate-180 {
        transform: rotate(180deg)
    }

    .fa-rotate-270 {
        transform: rotate(270deg)
    }

    .fa-flip-horizontal {
        transform: scaleX(-1)
    }

    .fa-flip-vertical {
        transform: scaleY(-1)
    }

    .fa-flip-both,
    .fa-flip-horizontal.fa-flip-vertical {
        transform: scale(-1)
    }

    .fa-rotate-by {
        transform: rotate(var(--fa-rotate-angle, none))
    }

    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em
    }

    .fa-stack-1x,
    .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: var(--fa-stack-z-index, auto)
    }

    .fa-stack-1x {
        line-height: inherit
    }

    .fa-stack-2x {
        font-size: 2em
    }

    .fa-inverse {
        color: var(--fa-inverse, #fff)
    }

    .fa-0:before {
        content: "0"
    }

    .fa-1:before {
        content: "1"
    }

    .fa-2:before {
        content: "2"
    }

    .fa-3:before {
        content: "3"
    }

    .fa-4:before {
        content: "4"
    }

    .fa-5:before {
        content: "5"
    }

    .fa-6:before {
        content: "6"
    }

    .fa-7:before {
        content: "7"
    }

    .fa-8:before {
        content: "8"
    }

    .fa-9:before {
        content: "9"
    }

    .fa-fill-drip:before {
        content: ""
    }

    .fa-arrows-to-circle:before {
        content: ""
    }

    .fa-chevron-circle-right:before,
    .fa-circle-chevron-right:before {
        content: ""
    }

    .fa-at:before {
        content: "@"
    }

    .fa-trash-alt:before,
    .fa-trash-can:before {
        content: ""
    }

    .fa-text-height:before {
        content: ""
    }

    .fa-user-times:before,
    .fa-user-xmark:before {
        content: ""
    }

    .fa-stethoscope:before {
        content: ""
    }

    .fa-comment-alt:before,
    .fa-message:before {
        content: ""
    }

    .fa-info:before {
        content: ""
    }

    .fa-compress-alt:before,
    .fa-down-left-and-up-right-to-center:before {
        content: ""
    }

    .fa-explosion:before {
        content: ""
    }

    .fa-file-alt:before,
    .fa-file-lines:before,
    .fa-file-text:before {
        content: ""
    }

    .fa-wave-square:before {
        content: ""
    }

    .fa-ring:before {
        content: ""
    }

    .fa-building-un:before {
        content: ""
    }

    .fa-dice-three:before {
        content: ""
    }

    .fa-calendar-alt:before,
    .fa-calendar-days:before {
        content: ""
    }

    .fa-anchor-circle-check:before {
        content: ""
    }

    .fa-building-circle-arrow-right:before {
        content: ""
    }

    .fa-volleyball-ball:before,
    .fa-volleyball:before {
        content: ""
    }

    .fa-arrows-up-to-line:before {
        content: ""
    }

    .fa-sort-desc:before,
    .fa-sort-down:before {
        content: ""
    }

    .fa-circle-minus:before,
    .fa-minus-circle:before {
        content: ""
    }

    .fa-door-open:before {
        content: ""
    }

    .fa-right-from-bracket:before,
    .fa-sign-out-alt:before {
        content: ""
    }

    .fa-atom:before {
        content: ""
    }

    .fa-soap:before {
        content: ""
    }

    .fa-heart-music-camera-bolt:before,
    .fa-icons:before {
        content: ""
    }

    .fa-microphone-alt-slash:before,
    .fa-microphone-lines-slash:before {
        content: ""
    }

    .fa-bridge-circle-check:before {
        content: ""
    }

    .fa-pump-medical:before {
        content: ""
    }

    .fa-fingerprint:before {
        content: ""
    }

    .fa-hand-point-right:before {
        content: ""
    }

    .fa-magnifying-glass-location:before,
    .fa-search-location:before {
        content: ""
    }

    .fa-forward-step:before,
    .fa-step-forward:before {
        content: ""
    }

    .fa-face-smile-beam:before,
    .fa-smile-beam:before {
        content: ""
    }

    .fa-flag-checkered:before {
        content: ""
    }

    .fa-football-ball:before,
    .fa-football:before {
        content: ""
    }

    .fa-school-circle-exclamation:before {
        content: ""
    }

    .fa-crop:before {
        content: ""
    }

    .fa-angle-double-down:before,
    .fa-angles-down:before {
        content: ""
    }

    .fa-users-rectangle:before {
        content: ""
    }

    .fa-people-roof:before {
        content: ""
    }

    .fa-people-line:before {
        content: ""
    }

    .fa-beer-mug-empty:before,
    .fa-beer:before {
        content: ""
    }

    .fa-diagram-predecessor:before {
        content: ""
    }

    .fa-arrow-up-long:before,
    .fa-long-arrow-up:before {
        content: ""
    }

    .fa-burn:before,
    .fa-fire-flame-simple:before {
        content: ""
    }

    .fa-male:before,
    .fa-person:before {
        content: ""
    }

    .fa-laptop:before {
        content: ""
    }

    .fa-file-csv:before {
        content: ""
    }

    .fa-menorah:before {
        content: ""
    }

    .fa-truck-plane:before {
        content: ""
    }

    .fa-record-vinyl:before {
        content: ""
    }

    .fa-face-grin-stars:before,
    .fa-grin-stars:before {
        content: ""
    }

    .fa-bong:before {
        content: ""
    }

    .fa-pastafarianism:before,
    .fa-spaghetti-monster-flying:before {
        content: ""
    }

    .fa-arrow-down-up-across-line:before {
        content: ""
    }

    .fa-spoon:before,
    .fa-utensil-spoon:before {
        content: ""
    }

    .fa-jar-wheat:before {
        content: ""
    }

    .fa-envelopes-bulk:before,
    .fa-mail-bulk:before {
        content: ""
    }

    .fa-file-circle-exclamation:before {
        content: ""
    }

    .fa-circle-h:before,
    .fa-hospital-symbol:before {
        content: ""
    }

    .fa-pager:before {
        content: ""
    }

    .fa-address-book:before,
    .fa-contact-book:before {
        content: ""
    }

    .fa-strikethrough:before {
        content: ""
    }

    .fa-k:before {
        content: "K"
    }

    .fa-landmark-flag:before {
        content: ""
    }

    .fa-pencil-alt:before,
    .fa-pencil:before {
        content: ""
    }

    .fa-backward:before {
        content: ""
    }

    .fa-caret-right:before {
        content: ""
    }

    .fa-comments:before {
        content: ""
    }

    .fa-file-clipboard:before,
    .fa-paste:before {
        content: ""
    }

    .fa-code-pull-request:before {
        content: ""
    }

    .fa-clipboard-list:before {
        content: ""
    }

    .fa-truck-loading:before,
    .fa-truck-ramp-box:before {
        content: ""
    }

    .fa-user-check:before {
        content: ""
    }

    .fa-vial-virus:before {
        content: ""
    }

    .fa-sheet-plastic:before {
        content: ""
    }

    .fa-blog:before {
        content: ""
    }

    .fa-user-ninja:before {
        content: ""
    }

    .fa-person-arrow-up-from-line:before {
        content: ""
    }

    .fa-scroll-torah:before,
    .fa-torah:before {
        content: ""
    }

    .fa-broom-ball:before,
    .fa-quidditch-broom-ball:before,
    .fa-quidditch:before {
        content: ""
    }

    .fa-toggle-off:before {
        content: ""
    }

    .fa-archive:before,
    .fa-box-archive:before {
        content: ""
    }

    .fa-person-drowning:before {
        content: ""
    }

    .fa-arrow-down-9-1:before,
    .fa-sort-numeric-desc:before,
    .fa-sort-numeric-down-alt:before {
        content: ""
    }

    .fa-face-grin-tongue-squint:before,
    .fa-grin-tongue-squint:before {
        content: ""
    }

    .fa-spray-can:before {
        content: ""
    }

    .fa-truck-monster:before {
        content: ""
    }

    .fa-w:before {
        content: "W"
    }

    .fa-earth-africa:before,
    .fa-globe-africa:before {
        content: ""
    }

    .fa-rainbow:before {
        content: ""
    }

    .fa-circle-notch:before {
        content: ""
    }

    .fa-tablet-alt:before,
    .fa-tablet-screen-button:before {
        content: ""
    }

    .fa-paw:before {
        content: ""
    }

    .fa-cloud:before {
        content: ""
    }

    .fa-trowel-bricks:before {
        content: ""
    }

    .fa-face-flushed:before,
    .fa-flushed:before {
        content: ""
    }

    .fa-hospital-user:before {
        content: ""
    }

    .fa-tent-arrow-left-right:before {
        content: ""
    }

    .fa-gavel:before,
    .fa-legal:before {
        content: ""
    }

    .fa-binoculars:before {
        content: ""
    }

    .fa-microphone-slash:before {
        content: ""
    }

    .fa-box-tissue:before {
        content: ""
    }

    .fa-motorcycle:before {
        content: ""
    }

    .fa-bell-concierge:before,
    .fa-concierge-bell:before {
        content: ""
    }

    .fa-pen-ruler:before,
    .fa-pencil-ruler:before {
        content: ""
    }

    .fa-people-arrows-left-right:before,
    .fa-people-arrows:before {
        content: ""
    }

    .fa-mars-and-venus-burst:before {
        content: ""
    }

    .fa-caret-square-right:before,
    .fa-square-caret-right:before {
        content: ""
    }

    .fa-cut:before,
    .fa-scissors:before {
        content: ""
    }

    .fa-sun-plant-wilt:before {
        content: ""
    }

    .fa-toilets-portable:before {
        content: ""
    }

    .fa-hockey-puck:before {
        content: ""
    }

    .fa-table:before {
        content: ""
    }

    .fa-magnifying-glass-arrow-right:before {
        content: ""
    }

    .fa-digital-tachograph:before,
    .fa-tachograph-digital:before {
        content: ""
    }

    .fa-users-slash:before {
        content: ""
    }

    .fa-clover:before {
        content: ""
    }

    .fa-mail-reply:before,
    .fa-reply:before {
        content: ""
    }

    .fa-star-and-crescent:before {
        content: ""
    }

    .fa-house-fire:before {
        content: ""
    }

    .fa-minus-square:before,
    .fa-square-minus:before {
        content: ""
    }

    .fa-helicopter:before {
        content: ""
    }

    .fa-compass:before {
        content: ""
    }

    .fa-caret-square-down:before,
    .fa-square-caret-down:before {
        content: ""
    }

    .fa-file-circle-question:before {
        content: ""
    }

    .fa-laptop-code:before {
        content: ""
    }

    .fa-swatchbook:before {
        content: ""
    }

    .fa-prescription-bottle:before {
        content: ""
    }

    .fa-bars:before,
    .fa-navicon:before {
        content: ""
    }

    .fa-people-group:before {
        content: ""
    }

    .fa-hourglass-3:before,
    .fa-hourglass-end:before {
        content: ""
    }

    .fa-heart-broken:before,
    .fa-heart-crack:before {
        content: ""
    }

    .fa-external-link-square-alt:before,
    .fa-square-up-right:before {
        content: ""
    }

    .fa-face-kiss-beam:before,
    .fa-kiss-beam:before {
        content: ""
    }

    .fa-film:before {
        content: ""
    }

    .fa-ruler-horizontal:before {
        content: ""
    }

    .fa-people-robbery:before {
        content: ""
    }

    .fa-lightbulb:before {
        content: ""
    }

    .fa-caret-left:before {
        content: ""
    }

    .fa-circle-exclamation:before,
    .fa-exclamation-circle:before {
        content: ""
    }

    .fa-school-circle-xmark:before {
        content: ""
    }

    .fa-arrow-right-from-bracket:before,
    .fa-sign-out:before {
        content: ""
    }

    .fa-chevron-circle-down:before,
    .fa-circle-chevron-down:before {
        content: ""
    }

    .fa-unlock-alt:before,
    .fa-unlock-keyhole:before {
        content: ""
    }

    .fa-cloud-showers-heavy:before {
        content: ""
    }

    .fa-headphones-alt:before,
    .fa-headphones-simple:before {
        content: ""
    }

    .fa-sitemap:before {
        content: ""
    }

    .fa-circle-dollar-to-slot:before,
    .fa-donate:before {
        content: ""
    }

    .fa-memory:before {
        content: ""
    }

    .fa-road-spikes:before {
        content: ""
    }

    .fa-fire-burner:before {
        content: ""
    }

    .fa-flag:before {
        content: ""
    }

    .fa-hanukiah:before {
        content: ""
    }

    .fa-feather:before {
        content: ""
    }

    .fa-volume-down:before,
    .fa-volume-low:before {
        content: ""
    }

    .fa-comment-slash:before {
        content: ""
    }

    .fa-cloud-sun-rain:before {
        content: ""
    }

    .fa-compress:before {
        content: ""
    }

    .fa-wheat-alt:before,
    .fa-wheat-awn:before {
        content: ""
    }

    .fa-ankh:before {
        content: ""
    }

    .fa-hands-holding-child:before {
        content: ""
    }

    .fa-asterisk:before {
        content: "*"
    }

    .fa-check-square:before,
    .fa-square-check:before {
        content: ""
    }

    .fa-peseta-sign:before {
        content: ""
    }

    .fa-header:before,
    .fa-heading:before {
        content: ""
    }

    .fa-ghost:before {
        content: ""
    }

    .fa-list-squares:before,
    .fa-list:before {
        content: ""
    }

    .fa-phone-square-alt:before,
    .fa-square-phone-flip:before {
        content: ""
    }

    .fa-cart-plus:before {
        content: ""
    }

    .fa-gamepad:before {
        content: ""
    }

    .fa-circle-dot:before,
    .fa-dot-circle:before {
        content: ""
    }

    .fa-dizzy:before,
    .fa-face-dizzy:before {
        content: ""
    }

    .fa-egg:before {
        content: ""
    }

    .fa-house-medical-circle-xmark:before {
        content: ""
    }

    .fa-campground:before {
        content: ""
    }

    .fa-folder-plus:before {
        content: ""
    }

    .fa-futbol-ball:before,
    .fa-futbol:before,
    .fa-soccer-ball:before {
        content: ""
    }

    .fa-paint-brush:before,
    .fa-paintbrush:before {
        content: ""
    }

    .fa-lock:before {
        content: ""
    }

    .fa-gas-pump:before {
        content: ""
    }

    .fa-hot-tub-person:before,
    .fa-hot-tub:before {
        content: ""
    }

    .fa-map-location:before,
    .fa-map-marked:before {
        content: ""
    }

    .fa-house-flood-water:before {
        content: ""
    }

    .fa-tree:before {
        content: ""
    }

    .fa-bridge-lock:before {
        content: ""
    }

    .fa-sack-dollar:before {
        content: ""
    }

    .fa-edit:before,
    .fa-pen-to-square:before {
        content: ""
    }

    .fa-car-side:before {
        content: ""
    }

    .fa-share-alt:before,
    .fa-share-nodes:before {
        content: ""
    }

    .fa-heart-circle-minus:before {
        content: ""
    }

    .fa-hourglass-2:before,
    .fa-hourglass-half:before {
        content: ""
    }

    .fa-microscope:before {
        content: ""
    }

    .fa-sink:before {
        content: ""
    }

    .fa-bag-shopping:before,
    .fa-shopping-bag:before {
        content: ""
    }

    .fa-arrow-down-z-a:before,
    .fa-sort-alpha-desc:before,
    .fa-sort-alpha-down-alt:before {
        content: ""
    }

    .fa-mitten:before {
        content: ""
    }

    .fa-person-rays:before {
        content: ""
    }

    .fa-users:before {
        content: ""
    }

    .fa-eye-slash:before {
        content: ""
    }

    .fa-flask-vial:before {
        content: ""
    }

    .fa-hand-paper:before,
    .fa-hand:before {
        content: ""
    }

    .fa-om:before {
        content: ""
    }

    .fa-worm:before {
        content: ""
    }

    .fa-house-circle-xmark:before {
        content: ""
    }

    .fa-plug:before {
        content: ""
    }

    .fa-chevron-up:before {
        content: ""
    }

    .fa-hand-spock:before {
        content: ""
    }

    .fa-stopwatch:before {
        content: ""
    }

    .fa-face-kiss:before,
    .fa-kiss:before {
        content: ""
    }

    .fa-bridge-circle-xmark:before {
        content: ""
    }

    .fa-face-grin-tongue:before,
    .fa-grin-tongue:before {
        content: ""
    }

    .fa-chess-bishop:before {
        content: ""
    }

    .fa-face-grin-wink:before,
    .fa-grin-wink:before {
        content: ""
    }

    .fa-deaf:before,
    .fa-deafness:before,
    .fa-ear-deaf:before,
    .fa-hard-of-hearing:before {
        content: ""
    }

    .fa-road-circle-check:before {
        content: ""
    }

    .fa-dice-five:before {
        content: ""
    }

    .fa-rss-square:before,
    .fa-square-rss:before {
        content: ""
    }

    .fa-land-mine-on:before {
        content: ""
    }

    .fa-i-cursor:before {
        content: ""
    }

    .fa-stamp:before {
        content: ""
    }

    .fa-stairs:before {
        content: ""
    }

    .fa-i:before {
        content: "I"
    }

    .fa-hryvnia-sign:before,
    .fa-hryvnia:before {
        content: ""
    }

    .fa-pills:before {
        content: ""
    }

    .fa-face-grin-wide:before,
    .fa-grin-alt:before {
        content: ""
    }

    .fa-tooth:before {
        content: ""
    }

    .fa-v:before {
        content: "V"
    }

    .fa-bicycle:before {
        content: ""
    }

    .fa-rod-asclepius:before,
    .fa-rod-snake:before,
    .fa-staff-aesculapius:before,
    .fa-staff-snake:before {
        content: ""
    }

    .fa-head-side-cough-slash:before {
        content: ""
    }

    .fa-ambulance:before,
    .fa-truck-medical:before {
        content: ""
    }

    .fa-wheat-awn-circle-exclamation:before {
        content: ""
    }

    .fa-snowman:before {
        content: ""
    }

    .fa-mortar-pestle:before {
        content: ""
    }

    .fa-road-barrier:before {
        content: ""
    }

    .fa-school:before {
        content: ""
    }

    .fa-igloo:before {
        content: ""
    }

    .fa-joint:before {
        content: ""
    }

    .fa-angle-right:before {
        content: ""
    }

    .fa-horse:before {
        content: ""
    }

    .fa-q:before {
        content: "Q"
    }

    .fa-g:before {
        content: "G"
    }

    .fa-notes-medical:before {
        content: ""
    }

    .fa-temperature-2:before,
    .fa-temperature-half:before,
    .fa-thermometer-2:before,
    .fa-thermometer-half:before {
        content: ""
    }

    .fa-dong-sign:before {
        content: ""
    }

    .fa-capsules:before {
        content: ""
    }

    .fa-poo-bolt:before,
    .fa-poo-storm:before {
        content: ""
    }

    .fa-face-frown-open:before,
    .fa-frown-open:before {
        content: ""
    }

    .fa-hand-point-up:before {
        content: ""
    }

    .fa-money-bill:before {
        content: ""
    }

    .fa-bookmark:before {
        content: ""
    }

    .fa-align-justify:before {
        content: ""
    }

    .fa-umbrella-beach:before {
        content: ""
    }

    .fa-helmet-un:before {
        content: ""
    }

    .fa-bullseye:before {
        content: ""
    }

    .fa-bacon:before {
        content: ""
    }

    .fa-hand-point-down:before {
        content: ""
    }

    .fa-arrow-up-from-bracket:before {
        content: ""
    }

    .fa-folder-blank:before,
    .fa-folder:before {
        content: ""
    }

    .fa-file-medical-alt:before,
    .fa-file-waveform:before {
        content: ""
    }

    .fa-radiation:before {
        content: ""
    }

    .fa-chart-simple:before {
        content: ""
    }

    .fa-mars-stroke:before {
        content: ""
    }

    .fa-vial:before {
        content: ""
    }

    .fa-dashboard:before,
    .fa-gauge-med:before,
    .fa-gauge:before,
    .fa-tachometer-alt-average:before {
        content: ""
    }

    .fa-magic-wand-sparkles:before,
    .fa-wand-magic-sparkles:before {
        content: ""
    }

    .fa-e:before {
        content: "E"
    }

    .fa-pen-alt:before,
    .fa-pen-clip:before {
        content: ""
    }

    .fa-bridge-circle-exclamation:before {
        content: ""
    }

    .fa-user:before {
        content: ""
    }

    .fa-school-circle-check:before {
        content: ""
    }

    .fa-dumpster:before {
        content: ""
    }

    .fa-shuttle-van:before,
    .fa-van-shuttle:before {
        content: ""
    }

    .fa-building-user:before {
        content: ""
    }

    .fa-caret-square-left:before,
    .fa-square-caret-left:before {
        content: ""
    }

    .fa-highlighter:before {
        content: ""
    }

    .fa-key:before {
        content: ""
    }

    .fa-bullhorn:before {
        content: ""
    }

    .fa-globe:before {
        content: ""
    }

    .fa-synagogue:before {
        content: ""
    }

    .fa-person-half-dress:before {
        content: ""
    }

    .fa-road-bridge:before {
        content: ""
    }

    .fa-location-arrow:before {
        content: ""
    }

    .fa-c:before {
        content: "C"
    }

    .fa-tablet-button:before {
        content: ""
    }

    .fa-building-lock:before {
        content: ""
    }

    .fa-pizza-slice:before {
        content: ""
    }

    .fa-money-bill-wave:before {
        content: ""
    }

    .fa-area-chart:before,
    .fa-chart-area:before {
        content: ""
    }

    .fa-house-flag:before {
        content: ""
    }

    .fa-person-circle-minus:before {
        content: ""
    }

    .fa-ban:before,
    .fa-cancel:before {
        content: ""
    }

    .fa-camera-rotate:before {
        content: ""
    }

    .fa-air-freshener:before,
    .fa-spray-can-sparkles:before {
        content: ""
    }

    .fa-star:before {
        content: ""
    }

    .fa-repeat:before {
        content: ""
    }

    .fa-cross:before {
        content: ""
    }

    .fa-box:before {
        content: ""
    }

    .fa-venus-mars:before {
        content: ""
    }

    .fa-arrow-pointer:before,
    .fa-mouse-pointer:before {
        content: ""
    }

    .fa-expand-arrows-alt:before,
    .fa-maximize:before {
        content: ""
    }

    .fa-charging-station:before {
        content: ""
    }

    .fa-shapes:before,
    .fa-triangle-circle-square:before {
        content: ""
    }

    .fa-random:before,
    .fa-shuffle:before {
        content: ""
    }

    .fa-person-running:before,
    .fa-running:before {
        content: ""
    }

    .fa-mobile-retro:before {
        content: ""
    }

    .fa-grip-lines-vertical:before {
        content: ""
    }

    .fa-spider:before {
        content: ""
    }

    .fa-hands-bound:before {
        content: ""
    }

    .fa-file-invoice-dollar:before {
        content: ""
    }

    .fa-plane-circle-exclamation:before {
        content: ""
    }

    .fa-x-ray:before {
        content: ""
    }

    .fa-spell-check:before {
        content: ""
    }

    .fa-slash:before {
        content: ""
    }

    .fa-computer-mouse:before,
    .fa-mouse:before {
        content: ""
    }

    .fa-arrow-right-to-bracket:before,
    .fa-sign-in:before {
        content: ""
    }

    .fa-shop-slash:before,
    .fa-store-alt-slash:before {
        content: ""
    }

    .fa-server:before {
        content: ""
    }

    .fa-virus-covid-slash:before {
        content: ""
    }

    .fa-shop-lock:before {
        content: ""
    }

    .fa-hourglass-1:before,
    .fa-hourglass-start:before {
        content: ""
    }

    .fa-blender-phone:before {
        content: ""
    }

    .fa-building-wheat:before {
        content: ""
    }

    .fa-person-breastfeeding:before {
        content: ""
    }

    .fa-right-to-bracket:before,
    .fa-sign-in-alt:before {
        content: ""
    }

    .fa-venus:before {
        content: ""
    }

    .fa-passport:before {
        content: ""
    }

    .fa-heart-pulse:before,
    .fa-heartbeat:before {
        content: ""
    }

    .fa-people-carry-box:before,
    .fa-people-carry:before {
        content: ""
    }

    .fa-temperature-high:before {
        content: ""
    }

    .fa-microchip:before {
        content: ""
    }

    .fa-crown:before {
        content: ""
    }

    .fa-weight-hanging:before {
        content: ""
    }

    .fa-xmarks-lines:before {
        content: ""
    }

    .fa-file-prescription:before {
        content: ""
    }

    .fa-weight-scale:before,
    .fa-weight:before {
        content: ""
    }

    .fa-user-friends:before,
    .fa-user-group:before {
        content: ""
    }

    .fa-arrow-up-a-z:before,
    .fa-sort-alpha-up:before {
        content: ""
    }

    .fa-chess-knight:before {
        content: ""
    }

    .fa-face-laugh-squint:before,
    .fa-laugh-squint:before {
        content: ""
    }

    .fa-wheelchair:before {
        content: ""
    }

    .fa-arrow-circle-up:before,
    .fa-circle-arrow-up:before {
        content: ""
    }

    .fa-toggle-on:before {
        content: ""
    }

    .fa-person-walking:before,
    .fa-walking:before {
        content: ""
    }

    .fa-l:before {
        content: "L"
    }

    .fa-fire:before {
        content: ""
    }

    .fa-bed-pulse:before,
    .fa-procedures:before {
        content: ""
    }

    .fa-shuttle-space:before,
    .fa-space-shuttle:before {
        content: ""
    }

    .fa-face-laugh:before,
    .fa-laugh:before {
        content: ""
    }

    .fa-folder-open:before {
        content: ""
    }

    .fa-heart-circle-plus:before {
        content: ""
    }

    .fa-code-fork:before {
        content: ""
    }

    .fa-city:before {
        content: ""
    }

    .fa-microphone-alt:before,
    .fa-microphone-lines:before {
        content: ""
    }

    .fa-pepper-hot:before {
        content: ""
    }

    .fa-unlock:before {
        content: ""
    }

    .fa-colon-sign:before {
        content: ""
    }

    .fa-headset:before {
        content: ""
    }

    .fa-store-slash:before {
        content: ""
    }

    .fa-road-circle-xmark:before {
        content: ""
    }

    .fa-user-minus:before {
        content: ""
    }

    .fa-mars-stroke-up:before,
    .fa-mars-stroke-v:before {
        content: ""
    }

    .fa-champagne-glasses:before,
    .fa-glass-cheers:before {
        content: ""
    }

    .fa-clipboard:before {
        content: ""
    }

    .fa-house-circle-exclamation:before {
        content: ""
    }

    .fa-file-arrow-up:before,
    .fa-file-upload:before {
        content: ""
    }

    .fa-wifi-3:before,
    .fa-wifi-strong:before,
    .fa-wifi:before {
        content: ""
    }

    .fa-bath:before,
    .fa-bathtub:before {
        content: ""
    }

    .fa-underline:before {
        content: ""
    }

    .fa-user-edit:before,
    .fa-user-pen:before {
        content: ""
    }

    .fa-signature:before {
        content: ""
    }

    .fa-stroopwafel:before {
        content: ""
    }

    .fa-bold:before {
        content: ""
    }

    .fa-anchor-lock:before {
        content: ""
    }

    .fa-building-ngo:before {
        content: ""
    }

    .fa-manat-sign:before {
        content: ""
    }

    .fa-not-equal:before {
        content: ""
    }

    .fa-border-style:before,
    .fa-border-top-left:before {
        content: ""
    }

    .fa-map-location-dot:before,
    .fa-map-marked-alt:before {
        content: ""
    }

    .fa-jedi:before {
        content: ""
    }

    .fa-poll:before,
    .fa-square-poll-vertical:before {
        content: ""
    }

    .fa-mug-hot:before {
        content: ""
    }

    .fa-battery-car:before,
    .fa-car-battery:before {
        content: ""
    }

    .fa-gift:before {
        content: ""
    }

    .fa-dice-two:before {
        content: ""
    }

    .fa-chess-queen:before {
        content: ""
    }

    .fa-glasses:before {
        content: ""
    }

    .fa-chess-board:before {
        content: ""
    }

    .fa-building-circle-check:before {
        content: ""
    }

    .fa-person-chalkboard:before {
        content: ""
    }

    .fa-mars-stroke-h:before,
    .fa-mars-stroke-right:before {
        content: ""
    }

    .fa-hand-back-fist:before,
    .fa-hand-rock:before {
        content: ""
    }

    .fa-caret-square-up:before,
    .fa-square-caret-up:before {
        content: ""
    }

    .fa-cloud-showers-water:before {
        content: ""
    }

    .fa-bar-chart:before,
    .fa-chart-bar:before {
        content: ""
    }

    .fa-hands-bubbles:before,
    .fa-hands-wash:before {
        content: ""
    }

    .fa-less-than-equal:before {
        content: ""
    }

    .fa-train:before {
        content: ""
    }

    .fa-eye-low-vision:before,
    .fa-low-vision:before {
        content: ""
    }

    .fa-crow:before {
        content: ""
    }

    .fa-sailboat:before {
        content: ""
    }

    .fa-window-restore:before {
        content: ""
    }

    .fa-plus-square:before,
    .fa-square-plus:before {
        content: ""
    }

    .fa-torii-gate:before {
        content: ""
    }

    .fa-frog:before {
        content: ""
    }

    .fa-bucket:before {
        content: ""
    }

    .fa-image:before {
        content: ""
    }

    .fa-microphone:before {
        content: ""
    }

    .fa-cow:before {
        content: ""
    }

    .fa-caret-up:before {
        content: ""
    }

    .fa-screwdriver:before {
        content: ""
    }

    .fa-folder-closed:before {
        content: ""
    }

    .fa-house-tsunami:before {
        content: ""
    }

    .fa-square-nfi:before {
        content: ""
    }

    .fa-arrow-up-from-ground-water:before {
        content: ""
    }

    .fa-glass-martini-alt:before,
    .fa-martini-glass:before {
        content: ""
    }

    .fa-rotate-back:before,
    .fa-rotate-backward:before,
    .fa-rotate-left:before,
    .fa-undo-alt:before {
        content: ""
    }

    .fa-columns:before,
    .fa-table-columns:before {
        content: ""
    }

    .fa-lemon:before {
        content: ""
    }

    .fa-head-side-mask:before {
        content: ""
    }

    .fa-handshake:before {
        content: ""
    }

    .fa-gem:before {
        content: ""
    }

    .fa-dolly-box:before,
    .fa-dolly:before {
        content: ""
    }

    .fa-smoking:before {
        content: ""
    }

    .fa-compress-arrows-alt:before,
    .fa-minimize:before {
        content: ""
    }

    .fa-monument:before {
        content: ""
    }

    .fa-snowplow:before {
        content: ""
    }

    .fa-angle-double-right:before,
    .fa-angles-right:before {
        content: ""
    }

    .fa-cannabis:before {
        content: ""
    }

    .fa-circle-play:before,
    .fa-play-circle:before {
        content: ""
    }

    .fa-tablets:before {
        content: ""
    }

    .fa-ethernet:before {
        content: ""
    }

    .fa-eur:before,
    .fa-euro-sign:before,
    .fa-euro:before {
        content: ""
    }

    .fa-chair:before {
        content: ""
    }

    .fa-check-circle:before,
    .fa-circle-check:before {
        content: ""
    }

    .fa-circle-stop:before,
    .fa-stop-circle:before {
        content: ""
    }

    .fa-compass-drafting:before,
    .fa-drafting-compass:before {
        content: ""
    }

    .fa-plate-wheat:before {
        content: ""
    }

    .fa-icicles:before {
        content: ""
    }

    .fa-person-shelter:before {
        content: ""
    }

    .fa-neuter:before {
        content: ""
    }

    .fa-id-badge:before {
        content: ""
    }

    .fa-marker:before {
        content: ""
    }

    .fa-face-laugh-beam:before,
    .fa-laugh-beam:before {
        content: ""
    }

    .fa-helicopter-symbol:before {
        content: ""
    }

    .fa-universal-access:before {
        content: ""
    }

    .fa-chevron-circle-up:before,
    .fa-circle-chevron-up:before {
        content: ""
    }

    .fa-lari-sign:before {
        content: ""
    }

    .fa-volcano:before {
        content: ""
    }

    .fa-person-walking-dashed-line-arrow-right:before {
        content: ""
    }

    .fa-gbp:before,
    .fa-pound-sign:before,
    .fa-sterling-sign:before {
        content: ""
    }

    .fa-viruses:before {
        content: ""
    }

    .fa-square-person-confined:before {
        content: ""
    }

    .fa-user-tie:before {
        content: ""
    }

    .fa-arrow-down-long:before,
    .fa-long-arrow-down:before {
        content: ""
    }

    .fa-tent-arrow-down-to-line:before {
        content: ""
    }

    .fa-certificate:before {
        content: ""
    }

    .fa-mail-reply-all:before,
    .fa-reply-all:before {
        content: ""
    }

    .fa-suitcase:before {
        content: ""
    }

    .fa-person-skating:before,
    .fa-skating:before {
        content: ""
    }

    .fa-filter-circle-dollar:before,
    .fa-funnel-dollar:before {
        content: ""
    }

    .fa-camera-retro:before {
        content: ""
    }

    .fa-arrow-circle-down:before,
    .fa-circle-arrow-down:before {
        content: ""
    }

    .fa-arrow-right-to-file:before,
    .fa-file-import:before {
        content: ""
    }

    .fa-external-link-square:before,
    .fa-square-arrow-up-right:before {
        content: ""
    }

    .fa-box-open:before {
        content: ""
    }

    .fa-scroll:before {
        content: ""
    }

    .fa-spa:before {
        content: ""
    }

    .fa-location-pin-lock:before {
        content: ""
    }

    .fa-pause:before {
        content: ""
    }

    .fa-hill-avalanche:before {
        content: ""
    }

    .fa-temperature-0:before,
    .fa-temperature-empty:before,
    .fa-thermometer-0:before,
    .fa-thermometer-empty:before {
        content: ""
    }

    .fa-bomb:before {
        content: ""
    }

    .fa-registered:before {
        content: ""
    }

    .fa-address-card:before,
    .fa-contact-card:before,
    .fa-vcard:before {
        content: ""
    }

    .fa-balance-scale-right:before,
    .fa-scale-unbalanced-flip:before {
        content: ""
    }

    .fa-subscript:before {
        content: ""
    }

    .fa-diamond-turn-right:before,
    .fa-directions:before {
        content: ""
    }

    .fa-burst:before {
        content: ""
    }

    .fa-house-laptop:before,
    .fa-laptop-house:before {
        content: ""
    }

    .fa-face-tired:before,
    .fa-tired:before {
        content: ""
    }

    .fa-money-bills:before {
        content: ""
    }

    .fa-smog:before {
        content: ""
    }

    .fa-crutch:before {
        content: ""
    }

    .fa-cloud-arrow-up:before,
    .fa-cloud-upload-alt:before,
    .fa-cloud-upload:before {
        content: ""
    }

    .fa-palette:before {
        content: ""
    }

    .fa-arrows-turn-right:before {
        content: ""
    }

    .fa-vest:before {
        content: ""
    }

    .fa-ferry:before {
        content: ""
    }

    .fa-arrows-down-to-people:before {
        content: ""
    }

    .fa-seedling:before,
    .fa-sprout:before {
        content: ""
    }

    .fa-arrows-alt-h:before,
    .fa-left-right:before {
        content: ""
    }

    .fa-boxes-packing:before {
        content: ""
    }

    .fa-arrow-circle-left:before,
    .fa-circle-arrow-left:before {
        content: ""
    }

    .fa-group-arrows-rotate:before {
        content: ""
    }

    .fa-bowl-food:before {
        content: ""
    }

    .fa-candy-cane:before {
        content: ""
    }

    .fa-arrow-down-wide-short:before,
    .fa-sort-amount-asc:before,
    .fa-sort-amount-down:before {
        content: ""
    }

    .fa-cloud-bolt:before,
    .fa-thunderstorm:before {
        content: ""
    }

    .fa-remove-format:before,
    .fa-text-slash:before {
        content: ""
    }

    .fa-face-smile-wink:before,
    .fa-smile-wink:before {
        content: ""
    }

    .fa-file-word:before {
        content: ""
    }

    .fa-file-powerpoint:before {
        content: ""
    }

    .fa-arrows-h:before,
    .fa-arrows-left-right:before {
        content: ""
    }

    .fa-house-lock:before {
        content: ""
    }

    .fa-cloud-arrow-down:before,
    .fa-cloud-download-alt:before,
    .fa-cloud-download:before {
        content: ""
    }

    .fa-children:before {
        content: ""
    }

    .fa-blackboard:before,
    .fa-chalkboard:before {
        content: ""
    }

    .fa-user-alt-slash:before,
    .fa-user-large-slash:before {
        content: ""
    }

    .fa-envelope-open:before {
        content: ""
    }

    .fa-handshake-alt-slash:before,
    .fa-handshake-simple-slash:before {
        content: ""
    }

    .fa-mattress-pillow:before {
        content: ""
    }

    .fa-guarani-sign:before {
        content: ""
    }

    .fa-arrows-rotate:before,
    .fa-refresh:before,
    .fa-sync:before {
        content: ""
    }

    .fa-fire-extinguisher:before {
        content: ""
    }

    .fa-cruzeiro-sign:before {
        content: ""
    }

    .fa-greater-than-equal:before {
        content: ""
    }

    .fa-shield-alt:before,
    .fa-shield-halved:before {
        content: ""
    }

    .fa-atlas:before,
    .fa-book-atlas:before {
        content: ""
    }

    .fa-virus:before {
        content: ""
    }

    .fa-envelope-circle-check:before {
        content: ""
    }

    .fa-layer-group:before {
        content: ""
    }

    .fa-arrows-to-dot:before {
        content: ""
    }

    .fa-archway:before {
        content: ""
    }

    .fa-heart-circle-check:before {
        content: ""
    }

    .fa-house-chimney-crack:before,
    .fa-house-damage:before {
        content: ""
    }

    .fa-file-archive:before,
    .fa-file-zipper:before {
        content: ""
    }

    .fa-square:before {
        content: ""
    }

    .fa-glass-martini:before,
    .fa-martini-glass-empty:before {
        content: ""
    }

    .fa-couch:before {
        content: ""
    }

    .fa-cedi-sign:before {
        content: ""
    }

    .fa-italic:before {
        content: ""
    }

    .fa-church:before {
        content: ""
    }

    .fa-comments-dollar:before {
        content: ""
    }

    .fa-democrat:before {
        content: ""
    }

    .fa-z:before {
        content: "Z"
    }

    .fa-person-skiing:before,
    .fa-skiing:before {
        content: ""
    }

    .fa-road-lock:before {
        content: ""
    }

    .fa-a:before {
        content: "A"
    }

    .fa-temperature-arrow-down:before,
    .fa-temperature-down:before {
        content: ""
    }

    .fa-feather-alt:before,
    .fa-feather-pointed:before {
        content: ""
    }

    .fa-p:before {
        content: "P"
    }

    .fa-snowflake:before {
        content: ""
    }

    .fa-newspaper:before {
        content: ""
    }

    .fa-ad:before,
    .fa-rectangle-ad:before {
        content: ""
    }

    .fa-arrow-circle-right:before,
    .fa-circle-arrow-right:before {
        content: ""
    }

    .fa-filter-circle-xmark:before {
        content: ""
    }

    .fa-locust:before {
        content: ""
    }

    .fa-sort:before,
    .fa-unsorted:before {
        content: ""
    }

    .fa-list-1-2:before,
    .fa-list-numeric:before,
    .fa-list-ol:before {
        content: ""
    }

    .fa-person-dress-burst:before {
        content: ""
    }

    .fa-money-check-alt:before,
    .fa-money-check-dollar:before {
        content: ""
    }

    .fa-vector-square:before {
        content: ""
    }

    .fa-bread-slice:before {
        content: ""
    }

    .fa-language:before {
        content: ""
    }

    .fa-face-kiss-wink-heart:before,
    .fa-kiss-wink-heart:before {
        content: ""
    }

    .fa-filter:before {
        content: ""
    }

    .fa-question:before {
        content: "?"
    }

    .fa-file-signature:before {
        content: ""
    }

    .fa-arrows-alt:before,
    .fa-up-down-left-right:before {
        content: ""
    }

    .fa-house-chimney-user:before {
        content: ""
    }

    .fa-hand-holding-heart:before {
        content: ""
    }

    .fa-puzzle-piece:before {
        content: ""
    }

    .fa-money-check:before {
        content: ""
    }

    .fa-star-half-alt:before,
    .fa-star-half-stroke:before {
        content: ""
    }

    .fa-code:before {
        content: ""
    }

    .fa-glass-whiskey:before,
    .fa-whiskey-glass:before {
        content: ""
    }

    .fa-building-circle-exclamation:before {
        content: ""
    }

    .fa-magnifying-glass-chart:before {
        content: ""
    }

    .fa-arrow-up-right-from-square:before,
    .fa-external-link:before {
        content: ""
    }

    .fa-cubes-stacked:before {
        content: ""
    }

    .fa-krw:before,
    .fa-won-sign:before,
    .fa-won:before {
        content: ""
    }

    .fa-virus-covid:before {
        content: ""
    }

    .fa-austral-sign:before {
        content: ""
    }

    .fa-f:before {
        content: "F"
    }

    .fa-leaf:before {
        content: ""
    }

    .fa-road:before {
        content: ""
    }

    .fa-cab:before,
    .fa-taxi:before {
        content: ""
    }

    .fa-person-circle-plus:before {
        content: ""
    }

    .fa-chart-pie:before,
    .fa-pie-chart:before {
        content: ""
    }

    .fa-bolt-lightning:before {
        content: ""
    }

    .fa-sack-xmark:before {
        content: ""
    }

    .fa-file-excel:before {
        content: ""
    }

    .fa-file-contract:before {
        content: ""
    }

    .fa-fish-fins:before {
        content: ""
    }

    .fa-building-flag:before {
        content: ""
    }

    .fa-face-grin-beam:before,
    .fa-grin-beam:before {
        content: ""
    }

    .fa-object-ungroup:before {
        content: ""
    }

    .fa-poop:before {
        content: ""
    }

    .fa-location-pin:before,
    .fa-map-marker:before {
        content: ""
    }

    .fa-kaaba:before {
        content: ""
    }

    .fa-toilet-paper:before {
        content: ""
    }

    .fa-hard-hat:before,
    .fa-hat-hard:before,
    .fa-helmet-safety:before {
        content: ""
    }

    .fa-eject:before {
        content: ""
    }

    .fa-arrow-alt-circle-right:before,
    .fa-circle-right:before {
        content: ""
    }

    .fa-plane-circle-check:before {
        content: ""
    }

    .fa-face-rolling-eyes:before,
    .fa-meh-rolling-eyes:before {
        content: ""
    }

    .fa-object-group:before {
        content: ""
    }

    .fa-chart-line:before,
    .fa-line-chart:before {
        content: ""
    }

    .fa-mask-ventilator:before {
        content: ""
    }

    .fa-arrow-right:before {
        content: ""
    }

    .fa-map-signs:before,
    .fa-signs-post:before {
        content: ""
    }

    .fa-cash-register:before {
        content: ""
    }

    .fa-person-circle-question:before {
        content: ""
    }

    .fa-h:before {
        content: "H"
    }

    .fa-tarp:before {
        content: ""
    }

    .fa-screwdriver-wrench:before,
    .fa-tools:before {
        content: ""
    }

    .fa-arrows-to-eye:before {
        content: ""
    }

    .fa-plug-circle-bolt:before {
        content: ""
    }

    .fa-heart:before {
        content: ""
    }

    .fa-mars-and-venus:before {
        content: ""
    }

    .fa-home-user:before,
    .fa-house-user:before {
        content: ""
    }

    .fa-dumpster-fire:before {
        content: ""
    }

    .fa-house-crack:before {
        content: ""
    }

    .fa-cocktail:before,
    .fa-martini-glass-citrus:before {
        content: ""
    }

    .fa-face-surprise:before,
    .fa-surprise:before {
        content: ""
    }

    .fa-bottle-water:before {
        content: ""
    }

    .fa-circle-pause:before,
    .fa-pause-circle:before {
        content: ""
    }

    .fa-toilet-paper-slash:before {
        content: ""
    }

    .fa-apple-alt:before,
    .fa-apple-whole:before {
        content: ""
    }

    .fa-kitchen-set:before {
        content: ""
    }

    .fa-r:before {
        content: "R"
    }

    .fa-temperature-1:before,
    .fa-temperature-quarter:before,
    .fa-thermometer-1:before,
    .fa-thermometer-quarter:before {
        content: ""
    }

    .fa-cube:before {
        content: ""
    }

    .fa-bitcoin-sign:before {
        content: ""
    }

    .fa-shield-dog:before {
        content: ""
    }

    .fa-solar-panel:before {
        content: ""
    }

    .fa-lock-open:before {
        content: ""
    }

    .fa-elevator:before {
        content: ""
    }

    .fa-money-bill-transfer:before {
        content: ""
    }

    .fa-money-bill-trend-up:before {
        content: ""
    }

    .fa-house-flood-water-circle-arrow-right:before {
        content: ""
    }

    .fa-poll-h:before,
    .fa-square-poll-horizontal:before {
        content: ""
    }

    .fa-circle:before {
        content: ""
    }

    .fa-backward-fast:before,
    .fa-fast-backward:before {
        content: ""
    }

    .fa-recycle:before {
        content: ""
    }

    .fa-user-astronaut:before {
        content: ""
    }

    .fa-plane-slash:before {
        content: ""
    }

    .fa-trademark:before {
        content: ""
    }

    .fa-basketball-ball:before,
    .fa-basketball:before {
        content: ""
    }

    .fa-satellite-dish:before {
        content: ""
    }

    .fa-arrow-alt-circle-up:before,
    .fa-circle-up:before {
        content: ""
    }

    .fa-mobile-alt:before,
    .fa-mobile-screen-button:before {
        content: ""
    }

    .fa-volume-high:before,
    .fa-volume-up:before {
        content: ""
    }

    .fa-users-rays:before {
        content: ""
    }

    .fa-wallet:before {
        content: ""
    }

    .fa-clipboard-check:before {
        content: ""
    }

    .fa-file-audio:before {
        content: ""
    }

    .fa-burger:before,
    .fa-hamburger:before {
        content: ""
    }

    .fa-wrench:before {
        content: ""
    }

    .fa-bugs:before {
        content: ""
    }

    .fa-rupee-sign:before,
    .fa-rupee:before {
        content: ""
    }

    .fa-file-image:before {
        content: ""
    }

    .fa-circle-question:before,
    .fa-question-circle:before {
        content: ""
    }

    .fa-plane-departure:before {
        content: ""
    }

    .fa-handshake-slash:before {
        content: ""
    }

    .fa-book-bookmark:before {
        content: ""
    }

    .fa-code-branch:before {
        content: ""
    }

    .fa-hat-cowboy:before {
        content: ""
    }

    .fa-bridge:before {
        content: ""
    }

    .fa-phone-alt:before,
    .fa-phone-flip:before {
        content: ""
    }

    .fa-truck-front:before {
        content: ""
    }

    .fa-cat:before {
        content: ""
    }

    .fa-anchor-circle-exclamation:before {
        content: ""
    }

    .fa-truck-field:before {
        content: ""
    }

    .fa-route:before {
        content: ""
    }

    .fa-clipboard-question:before {
        content: ""
    }

    .fa-panorama:before {
        content: ""
    }

    .fa-comment-medical:before {
        content: ""
    }

    .fa-teeth-open:before {
        content: ""
    }

    .fa-file-circle-minus:before {
        content: ""
    }

    .fa-tags:before {
        content: ""
    }

    .fa-wine-glass:before {
        content: ""
    }

    .fa-fast-forward:before,
    .fa-forward-fast:before {
        content: ""
    }

    .fa-face-meh-blank:before,
    .fa-meh-blank:before {
        content: ""
    }

    .fa-parking:before,
    .fa-square-parking:before {
        content: ""
    }

    .fa-house-signal:before {
        content: ""
    }

    .fa-bars-progress:before,
    .fa-tasks-alt:before {
        content: ""
    }

    .fa-faucet-drip:before {
        content: ""
    }

    .fa-cart-flatbed:before,
    .fa-dolly-flatbed:before {
        content: ""
    }

    .fa-ban-smoking:before,
    .fa-smoking-ban:before {
        content: ""
    }

    .fa-terminal:before {
        content: ""
    }

    .fa-mobile-button:before {
        content: ""
    }

    .fa-house-medical-flag:before {
        content: ""
    }

    .fa-basket-shopping:before,
    .fa-shopping-basket:before {
        content: ""
    }

    .fa-tape:before {
        content: ""
    }

    .fa-bus-alt:before,
    .fa-bus-simple:before {
        content: ""
    }

    .fa-eye:before {
        content: ""
    }

    .fa-face-sad-cry:before,
    .fa-sad-cry:before {
        content: ""
    }

    .fa-audio-description:before {
        content: ""
    }

    .fa-person-military-to-person:before {
        content: ""
    }

    .fa-file-shield:before {
        content: ""
    }

    .fa-user-slash:before {
        content: ""
    }

    .fa-pen:before {
        content: ""
    }

    .fa-tower-observation:before {
        content: ""
    }

    .fa-file-code:before {
        content: ""
    }

    .fa-signal-5:before,
    .fa-signal-perfect:before,
    .fa-signal:before {
        content: ""
    }

    .fa-bus:before {
        content: ""
    }

    .fa-heart-circle-xmark:before {
        content: ""
    }

    .fa-home-lg:before,
    .fa-house-chimney:before {
        content: ""
    }

    .fa-window-maximize:before {
        content: ""
    }

    .fa-face-frown:before,
    .fa-frown:before {
        content: ""
    }

    .fa-prescription:before {
        content: ""
    }

    .fa-shop:before,
    .fa-store-alt:before {
        content: ""
    }

    .fa-floppy-disk:before,
    .fa-save:before {
        content: ""
    }

    .fa-vihara:before {
        content: ""
    }

    .fa-balance-scale-left:before,
    .fa-scale-unbalanced:before {
        content: ""
    }

    .fa-sort-asc:before,
    .fa-sort-up:before {
        content: ""
    }

    .fa-comment-dots:before,
    .fa-commenting:before {
        content: ""
    }

    .fa-plant-wilt:before {
        content: ""
    }

    .fa-diamond:before {
        content: ""
    }

    .fa-face-grin-squint:before,
    .fa-grin-squint:before {
        content: ""
    }

    .fa-hand-holding-dollar:before,
    .fa-hand-holding-usd:before {
        content: ""
    }

    .fa-bacterium:before {
        content: ""
    }

    .fa-hand-pointer:before {
        content: ""
    }

    .fa-drum-steelpan:before {
        content: ""
    }

    .fa-hand-scissors:before {
        content: ""
    }

    .fa-hands-praying:before,
    .fa-praying-hands:before {
        content: ""
    }

    .fa-arrow-right-rotate:before,
    .fa-arrow-rotate-forward:before,
    .fa-arrow-rotate-right:before,
    .fa-redo:before {
        content: ""
    }

    .fa-biohazard:before {
        content: ""
    }

    .fa-location-crosshairs:before,
    .fa-location:before {
        content: ""
    }

    .fa-mars-double:before {
        content: ""
    }

    .fa-child-dress:before {
        content: ""
    }

    .fa-users-between-lines:before {
        content: ""
    }

    .fa-lungs-virus:before {
        content: ""
    }

    .fa-face-grin-tears:before,
    .fa-grin-tears:before {
        content: ""
    }

    .fa-phone:before {
        content: ""
    }

    .fa-calendar-times:before,
    .fa-calendar-xmark:before {
        content: ""
    }

    .fa-child-reaching:before {
        content: ""
    }

    .fa-head-side-virus:before {
        content: ""
    }

    .fa-user-cog:before,
    .fa-user-gear:before {
        content: ""
    }

    .fa-arrow-up-1-9:before,
    .fa-sort-numeric-up:before {
        content: ""
    }

    .fa-door-closed:before {
        content: ""
    }

    .fa-shield-virus:before {
        content: ""
    }

    .fa-dice-six:before {
        content: ""
    }

    .fa-mosquito-net:before {
        content: ""
    }

    .fa-bridge-water:before {
        content: ""
    }

    .fa-person-booth:before {
        content: ""
    }

    .fa-text-width:before {
        content: ""
    }

    .fa-hat-wizard:before {
        content: ""
    }

    .fa-pen-fancy:before {
        content: ""
    }

    .fa-digging:before,
    .fa-person-digging:before {
        content: ""
    }

    .fa-trash:before {
        content: ""
    }

    .fa-gauge-simple-med:before,
    .fa-gauge-simple:before,
    .fa-tachometer-average:before {
        content: ""
    }

    .fa-book-medical:before {
        content: ""
    }

    .fa-poo:before {
        content: ""
    }

    .fa-quote-right-alt:before,
    .fa-quote-right:before {
        content: ""
    }

    .fa-shirt:before,
    .fa-t-shirt:before,
    .fa-tshirt:before {
        content: ""
    }

    .fa-cubes:before {
        content: ""
    }

    .fa-divide:before {
        content: ""
    }

    .fa-tenge-sign:before,
    .fa-tenge:before {
        content: ""
    }

    .fa-headphones:before {
        content: ""
    }

    .fa-hands-holding:before {
        content: ""
    }

    .fa-hands-clapping:before {
        content: ""
    }

    .fa-republican:before {
        content: ""
    }

    .fa-arrow-left:before {
        content: ""
    }

    .fa-person-circle-xmark:before {
        content: ""
    }

    .fa-ruler:before {
        content: ""
    }

    .fa-align-left:before {
        content: ""
    }

    .fa-dice-d6:before {
        content: ""
    }

    .fa-restroom:before {
        content: ""
    }

    .fa-j:before {
        content: "J"
    }

    .fa-users-viewfinder:before {
        content: ""
    }

    .fa-file-video:before {
        content: ""
    }

    .fa-external-link-alt:before,
    .fa-up-right-from-square:before {
        content: ""
    }

    .fa-table-cells:before,
    .fa-th:before {
        content: ""
    }

    .fa-file-pdf:before {
        content: ""
    }

    .fa-bible:before,
    .fa-book-bible:before {
        content: ""
    }

    .fa-o:before {
        content: "O"
    }

    .fa-medkit:before,
    .fa-suitcase-medical:before {
        content: ""
    }

    .fa-user-secret:before {
        content: ""
    }

    .fa-otter:before {
        content: ""
    }

    .fa-female:before,
    .fa-person-dress:before {
        content: ""
    }

    .fa-comment-dollar:before {
        content: ""
    }

    .fa-briefcase-clock:before,
    .fa-business-time:before {
        content: ""
    }

    .fa-table-cells-large:before,
    .fa-th-large:before {
        content: ""
    }

    .fa-book-tanakh:before,
    .fa-tanakh:before {
        content: ""
    }

    .fa-phone-volume:before,
    .fa-volume-control-phone:before {
        content: ""
    }

    .fa-hat-cowboy-side:before {
        content: ""
    }

    .fa-clipboard-user:before {
        content: ""
    }

    .fa-child:before {
        content: ""
    }

    .fa-lira-sign:before {
        content: ""
    }

    .fa-satellite:before {
        content: ""
    }

    .fa-plane-lock:before {
        content: ""
    }

    .fa-tag:before {
        content: ""
    }

    .fa-comment:before {
        content: ""
    }

    .fa-birthday-cake:before,
    .fa-cake-candles:before,
    .fa-cake:before {
        content: ""
    }

    .fa-envelope:before {
        content: ""
    }

    .fa-angle-double-up:before,
    .fa-angles-up:before {
        content: ""
    }

    .fa-paperclip:before {
        content: ""
    }

    .fa-arrow-right-to-city:before {
        content: ""
    }

    .fa-ribbon:before {
        content: ""
    }

    .fa-lungs:before {
        content: ""
    }

    .fa-arrow-up-9-1:before,
    .fa-sort-numeric-up-alt:before {
        content: ""
    }

    .fa-litecoin-sign:before {
        content: ""
    }

    .fa-border-none:before {
        content: ""
    }

    .fa-circle-nodes:before {
        content: ""
    }

    .fa-parachute-box:before {
        content: ""
    }

    .fa-indent:before {
        content: ""
    }

    .fa-truck-field-un:before {
        content: ""
    }

    .fa-hourglass-empty:before,
    .fa-hourglass:before {
        content: ""
    }

    .fa-mountain:before {
        content: ""
    }

    .fa-user-doctor:before,
    .fa-user-md:before {
        content: ""
    }

    .fa-circle-info:before,
    .fa-info-circle:before {
        content: ""
    }

    .fa-cloud-meatball:before {
        content: ""
    }

    .fa-camera-alt:before,
    .fa-camera:before {
        content: ""
    }

    .fa-square-virus:before {
        content: ""
    }

    .fa-meteor:before {
        content: ""
    }

    .fa-car-on:before {
        content: ""
    }

    .fa-sleigh:before {
        content: ""
    }

    .fa-arrow-down-1-9:before,
    .fa-sort-numeric-asc:before,
    .fa-sort-numeric-down:before {
        content: ""
    }

    .fa-hand-holding-droplet:before,
    .fa-hand-holding-water:before {
        content: ""
    }

    .fa-water:before {
        content: ""
    }

    .fa-calendar-check:before {
        content: ""
    }

    .fa-braille:before {
        content: ""
    }

    .fa-prescription-bottle-alt:before,
    .fa-prescription-bottle-medical:before {
        content: ""
    }

    .fa-landmark:before {
        content: ""
    }

    .fa-truck:before {
        content: ""
    }

    .fa-crosshairs:before {
        content: ""
    }

    .fa-person-cane:before {
        content: ""
    }

    .fa-tent:before {
        content: ""
    }

    .fa-vest-patches:before {
        content: ""
    }

    .fa-check-double:before {
        content: ""
    }

    .fa-arrow-down-a-z:before,
    .fa-sort-alpha-asc:before,
    .fa-sort-alpha-down:before {
        content: ""
    }

    .fa-money-bill-wheat:before {
        content: ""
    }

    .fa-cookie:before {
        content: ""
    }

    .fa-arrow-left-rotate:before,
    .fa-arrow-rotate-back:before,
    .fa-arrow-rotate-backward:before,
    .fa-arrow-rotate-left:before,
    .fa-undo:before {
        content: ""
    }

    .fa-hard-drive:before,
    .fa-hdd:before {
        content: ""
    }

    .fa-face-grin-squint-tears:before,
    .fa-grin-squint-tears:before {
        content: ""
    }

    .fa-dumbbell:before {
        content: ""
    }

    .fa-list-alt:before,
    .fa-rectangle-list:before {
        content: ""
    }

    .fa-tarp-droplet:before {
        content: ""
    }

    .fa-house-medical-circle-check:before {
        content: ""
    }

    .fa-person-skiing-nordic:before,
    .fa-skiing-nordic:before {
        content: ""
    }

    .fa-calendar-plus:before {
        content: ""
    }

    .fa-plane-arrival:before {
        content: ""
    }

    .fa-arrow-alt-circle-left:before,
    .fa-circle-left:before {
        content: ""
    }

    .fa-subway:before,
    .fa-train-subway:before {
        content: ""
    }

    .fa-chart-gantt:before {
        content: ""
    }

    .fa-indian-rupee-sign:before,
    .fa-indian-rupee:before,
    .fa-inr:before {
        content: ""
    }

    .fa-crop-alt:before,
    .fa-crop-simple:before {
        content: ""
    }

    .fa-money-bill-1:before,
    .fa-money-bill-alt:before {
        content: ""
    }

    .fa-left-long:before,
    .fa-long-arrow-alt-left:before {
        content: ""
    }

    .fa-dna:before {
        content: ""
    }

    .fa-virus-slash:before {
        content: ""
    }

    .fa-minus:before,
    .fa-subtract:before {
        content: ""
    }

    .fa-child-rifle:before {
        content: ""
    }

    .fa-chess:before {
        content: ""
    }

    .fa-arrow-left-long:before,
    .fa-long-arrow-left:before {
        content: ""
    }

    .fa-plug-circle-check:before {
        content: ""
    }

    .fa-street-view:before {
        content: ""
    }

    .fa-franc-sign:before {
        content: ""
    }

    .fa-volume-off:before {
        content: ""
    }

    .fa-american-sign-language-interpreting:before,
    .fa-asl-interpreting:before,
    .fa-hands-american-sign-language-interpreting:before,
    .fa-hands-asl-interpreting:before {
        content: ""
    }

    .fa-cog:before,
    .fa-gear:before {
        content: ""
    }

    .fa-droplet-slash:before,
    .fa-tint-slash:before {
        content: ""
    }

    .fa-mosque:before {
        content: ""
    }

    .fa-mosquito:before {
        content: ""
    }

    .fa-star-of-david:before {
        content: ""
    }

    .fa-person-military-rifle:before {
        content: ""
    }

    .fa-cart-shopping:before,
    .fa-shopping-cart:before {
        content: ""
    }

    .fa-vials:before {
        content: ""
    }

    .fa-plug-circle-plus:before {
        content: ""
    }

    .fa-place-of-worship:before {
        content: ""
    }

    .fa-grip-vertical:before {
        content: ""
    }

    .fa-arrow-turn-up:before,
    .fa-level-up:before {
        content: ""
    }

    .fa-u:before {
        content: "U"
    }

    .fa-square-root-alt:before,
    .fa-square-root-variable:before {
        content: ""
    }

    .fa-clock-four:before,
    .fa-clock:before {
        content: ""
    }

    .fa-backward-step:before,
    .fa-step-backward:before {
        content: ""
    }

    .fa-pallet:before {
        content: ""
    }

    .fa-faucet:before {
        content: ""
    }

    .fa-baseball-bat-ball:before {
        content: ""
    }

    .fa-s:before {
        content: "S"
    }

    .fa-timeline:before {
        content: ""
    }

    .fa-keyboard:before {
        content: ""
    }

    .fa-caret-down:before {
        content: ""
    }

    .fa-clinic-medical:before,
    .fa-house-chimney-medical:before {
        content: ""
    }

    .fa-temperature-3:before,
    .fa-temperature-three-quarters:before,
    .fa-thermometer-3:before,
    .fa-thermometer-three-quarters:before {
        content: ""
    }

    .fa-mobile-android-alt:before,
    .fa-mobile-screen:before {
        content: ""
    }

    .fa-plane-up:before {
        content: ""
    }

    .fa-piggy-bank:before {
        content: ""
    }

    .fa-battery-3:before,
    .fa-battery-half:before {
        content: ""
    }

    .fa-mountain-city:before {
        content: ""
    }

    .fa-coins:before {
        content: ""
    }

    .fa-khanda:before {
        content: ""
    }

    .fa-sliders-h:before,
    .fa-sliders:before {
        content: ""
    }

    .fa-folder-tree:before {
        content: ""
    }

    .fa-network-wired:before {
        content: ""
    }

    .fa-map-pin:before {
        content: ""
    }

    .fa-hamsa:before {
        content: ""
    }

    .fa-cent-sign:before {
        content: ""
    }

    .fa-flask:before {
        content: ""
    }

    .fa-person-pregnant:before {
        content: ""
    }

    .fa-wand-sparkles:before {
        content: ""
    }

    .fa-ellipsis-v:before,
    .fa-ellipsis-vertical:before {
        content: ""
    }

    .fa-ticket:before {
        content: ""
    }

    .fa-power-off:before {
        content: ""
    }

    .fa-long-arrow-alt-right:before,
    .fa-right-long:before {
        content: ""
    }

    .fa-flag-usa:before {
        content: ""
    }

    .fa-laptop-file:before {
        content: ""
    }

    .fa-teletype:before,
    .fa-tty:before {
        content: ""
    }

    .fa-diagram-next:before {
        content: ""
    }

    .fa-person-rifle:before {
        content: ""
    }

    .fa-house-medical-circle-exclamation:before {
        content: ""
    }

    .fa-closed-captioning:before {
        content: ""
    }

    .fa-hiking:before,
    .fa-person-hiking:before {
        content: ""
    }

    .fa-venus-double:before {
        content: ""
    }

    .fa-images:before {
        content: ""
    }

    .fa-calculator:before {
        content: ""
    }

    .fa-people-pulling:before {
        content: ""
    }

    .fa-n:before {
        content: "N"
    }

    .fa-cable-car:before,
    .fa-tram:before {
        content: ""
    }

    .fa-cloud-rain:before {
        content: ""
    }

    .fa-building-circle-xmark:before {
        content: ""
    }

    .fa-ship:before {
        content: ""
    }

    .fa-arrows-down-to-line:before {
        content: ""
    }

    .fa-download:before {
        content: ""
    }

    .fa-face-grin:before,
    .fa-grin:before {
        content: ""
    }

    .fa-backspace:before,
    .fa-delete-left:before {
        content: ""
    }

    .fa-eye-dropper-empty:before,
    .fa-eye-dropper:before,
    .fa-eyedropper:before {
        content: ""
    }

    .fa-file-circle-check:before {
        content: ""
    }

    .fa-forward:before {
        content: ""
    }

    .fa-mobile-android:before,
    .fa-mobile-phone:before,
    .fa-mobile:before {
        content: ""
    }

    .fa-face-meh:before,
    .fa-meh:before {
        content: ""
    }

    .fa-align-center:before {
        content: ""
    }

    .fa-book-dead:before,
    .fa-book-skull:before {
        content: ""
    }

    .fa-drivers-license:before,
    .fa-id-card:before {
        content: ""
    }

    .fa-dedent:before,
    .fa-outdent:before {
        content: ""
    }

    .fa-heart-circle-exclamation:before {
        content: ""
    }

    .fa-home-alt:before,
    .fa-home-lg-alt:before,
    .fa-home:before,
    .fa-house:before {
        content: ""
    }

    .fa-calendar-week:before {
        content: ""
    }

    .fa-laptop-medical:before {
        content: ""
    }

    .fa-b:before {
        content: "B"
    }

    .fa-file-medical:before {
        content: ""
    }

    .fa-dice-one:before {
        content: ""
    }

    .fa-kiwi-bird:before {
        content: ""
    }

    .fa-arrow-right-arrow-left:before,
    .fa-exchange:before {
        content: ""
    }

    .fa-redo-alt:before,
    .fa-rotate-forward:before,
    .fa-rotate-right:before {
        content: ""
    }

    .fa-cutlery:before,
    .fa-utensils:before {
        content: ""
    }

    .fa-arrow-up-wide-short:before,
    .fa-sort-amount-up:before {
        content: ""
    }

    .fa-mill-sign:before {
        content: ""
    }

    .fa-bowl-rice:before {
        content: ""
    }

    .fa-skull:before {
        content: ""
    }

    .fa-broadcast-tower:before,
    .fa-tower-broadcast:before {
        content: ""
    }

    .fa-truck-pickup:before {
        content: ""
    }

    .fa-long-arrow-alt-up:before,
    .fa-up-long:before {
        content: ""
    }

    .fa-stop:before {
        content: ""
    }

    .fa-code-merge:before {
        content: ""
    }

    .fa-upload:before {
        content: ""
    }

    .fa-hurricane:before {
        content: ""
    }

    .fa-mound:before {
        content: ""
    }

    .fa-toilet-portable:before {
        content: ""
    }

    .fa-compact-disc:before {
        content: ""
    }

    .fa-file-arrow-down:before,
    .fa-file-download:before {
        content: ""
    }

    .fa-caravan:before {
        content: ""
    }

    .fa-shield-cat:before {
        content: ""
    }

    .fa-bolt:before,
    .fa-zap:before {
        content: ""
    }

    .fa-glass-water:before {
        content: ""
    }

    .fa-oil-well:before {
        content: ""
    }

    .fa-vault:before {
        content: ""
    }

    .fa-mars:before {
        content: ""
    }

    .fa-toilet:before {
        content: ""
    }

    .fa-plane-circle-xmark:before {
        content: ""
    }

    .fa-cny:before,
    .fa-jpy:before,
    .fa-rmb:before,
    .fa-yen-sign:before,
    .fa-yen:before {
        content: ""
    }

    .fa-rouble:before,
    .fa-rub:before,
    .fa-ruble-sign:before,
    .fa-ruble:before {
        content: ""
    }

    .fa-sun:before {
        content: ""
    }

    .fa-guitar:before {
        content: ""
    }

    .fa-face-laugh-wink:before,
    .fa-laugh-wink:before {
        content: ""
    }

    .fa-horse-head:before {
        content: ""
    }

    .fa-bore-hole:before {
        content: ""
    }

    .fa-industry:before {
        content: ""
    }

    .fa-arrow-alt-circle-down:before,
    .fa-circle-down:before {
        content: ""
    }

    .fa-arrows-turn-to-dots:before {
        content: ""
    }

    .fa-florin-sign:before {
        content: ""
    }

    .fa-arrow-down-short-wide:before,
    .fa-sort-amount-desc:before,
    .fa-sort-amount-down-alt:before {
        content: ""
    }

    .fa-less-than:before {
        content: "<"
    }

    .fa-angle-down:before {
        content: ""
    }

    .fa-car-tunnel:before {
        content: ""
    }

    .fa-head-side-cough:before {
        content: ""
    }

    .fa-grip-lines:before {
        content: ""
    }

    .fa-thumbs-down:before {
        content: ""
    }

    .fa-user-lock:before {
        content: ""
    }

    .fa-arrow-right-long:before,
    .fa-long-arrow-right:before {
        content: ""
    }

    .fa-anchor-circle-xmark:before {
        content: ""
    }

    .fa-ellipsis-h:before,
    .fa-ellipsis:before {
        content: ""
    }

    .fa-chess-pawn:before {
        content: ""
    }

    .fa-first-aid:before,
    .fa-kit-medical:before {
        content: ""
    }

    .fa-person-through-window:before {
        content: ""
    }

    .fa-toolbox:before {
        content: ""
    }

    .fa-hands-holding-circle:before {
        content: ""
    }

    .fa-bug:before {
        content: ""
    }

    .fa-credit-card-alt:before,
    .fa-credit-card:before {
        content: ""
    }

    .fa-automobile:before,
    .fa-car:before {
        content: ""
    }

    .fa-hand-holding-hand:before {
        content: ""
    }

    .fa-book-open-reader:before,
    .fa-book-reader:before {
        content: ""
    }

    .fa-mountain-sun:before {
        content: ""
    }

    .fa-arrows-left-right-to-line:before {
        content: ""
    }

    .fa-dice-d20:before {
        content: ""
    }

    .fa-truck-droplet:before {
        content: ""
    }

    .fa-file-circle-xmark:before {
        content: ""
    }

    .fa-temperature-arrow-up:before,
    .fa-temperature-up:before {
        content: ""
    }

    .fa-medal:before {
        content: ""
    }

    .fa-bed:before {
        content: ""
    }

    .fa-h-square:before,
    .fa-square-h:before {
        content: ""
    }

    .fa-podcast:before {
        content: ""
    }

    .fa-temperature-4:before,
    .fa-temperature-full:before,
    .fa-thermometer-4:before,
    .fa-thermometer-full:before {
        content: ""
    }

    .fa-bell:before {
        content: ""
    }

    .fa-superscript:before {
        content: ""
    }

    .fa-plug-circle-xmark:before {
        content: ""
    }

    .fa-star-of-life:before {
        content: ""
    }

    .fa-phone-slash:before {
        content: ""
    }

    .fa-paint-roller:before {
        content: ""
    }

    .fa-hands-helping:before,
    .fa-handshake-angle:before {
        content: ""
    }

    .fa-location-dot:before,
    .fa-map-marker-alt:before {
        content: ""
    }

    .fa-file:before {
        content: ""
    }

    .fa-greater-than:before {
        content: ">"
    }

    .fa-person-swimming:before,
    .fa-swimmer:before {
        content: ""
    }

    .fa-arrow-down:before {
        content: ""
    }

    .fa-droplet:before,
    .fa-tint:before {
        content: ""
    }

    .fa-eraser:before {
        content: ""
    }

    .fa-earth-america:before,
    .fa-earth-americas:before,
    .fa-earth:before,
    .fa-globe-americas:before {
        content: ""
    }

    .fa-person-burst:before {
        content: ""
    }

    .fa-dove:before {
        content: ""
    }

    .fa-battery-0:before,
    .fa-battery-empty:before {
        content: ""
    }

    .fa-socks:before {
        content: ""
    }

    .fa-inbox:before {
        content: ""
    }

    .fa-section:before {
        content: ""
    }

    .fa-gauge-high:before,
    .fa-tachometer-alt-fast:before,
    .fa-tachometer-alt:before {
        content: ""
    }

    .fa-envelope-open-text:before {
        content: ""
    }

    .fa-hospital-alt:before,
    .fa-hospital-wide:before,
    .fa-hospital:before {
        content: ""
    }

    .fa-wine-bottle:before {
        content: ""
    }

    .fa-chess-rook:before {
        content: ""
    }

    .fa-bars-staggered:before,
    .fa-reorder:before,
    .fa-stream:before {
        content: ""
    }

    .fa-dharmachakra:before {
        content: ""
    }

    .fa-hotdog:before {
        content: ""
    }

    .fa-blind:before,
    .fa-person-walking-with-cane:before {
        content: ""
    }

    .fa-drum:before {
        content: ""
    }

    .fa-ice-cream:before {
        content: ""
    }

    .fa-heart-circle-bolt:before {
        content: ""
    }

    .fa-fax:before {
        content: ""
    }

    .fa-paragraph:before {
        content: ""
    }

    .fa-check-to-slot:before,
    .fa-vote-yea:before {
        content: ""
    }

    .fa-star-half:before {
        content: ""
    }

    .fa-boxes-alt:before,
    .fa-boxes-stacked:before,
    .fa-boxes:before {
        content: ""
    }

    .fa-chain:before,
    .fa-link:before {
        content: ""
    }

    .fa-assistive-listening-systems:before,
    .fa-ear-listen:before {
        content: ""
    }

    .fa-tree-city:before {
        content: ""
    }

    .fa-play:before {
        content: ""
    }

    .fa-font:before {
        content: ""
    }

    .fa-rupiah-sign:before {
        content: ""
    }

    .fa-magnifying-glass:before,
    .fa-search:before {
        content: ""
    }

    .fa-ping-pong-paddle-ball:before,
    .fa-table-tennis-paddle-ball:before,
    .fa-table-tennis:before {
        content: ""
    }

    .fa-diagnoses:before,
    .fa-person-dots-from-line:before {
        content: ""
    }

    .fa-trash-can-arrow-up:before,
    .fa-trash-restore-alt:before {
        content: ""
    }

    .fa-naira-sign:before {
        content: ""
    }

    .fa-cart-arrow-down:before {
        content: ""
    }

    .fa-walkie-talkie:before {
        content: ""
    }

    .fa-file-edit:before,
    .fa-file-pen:before {
        content: ""
    }

    .fa-receipt:before {
        content: ""
    }

    .fa-pen-square:before,
    .fa-pencil-square:before,
    .fa-square-pen:before {
        content: ""
    }

    .fa-suitcase-rolling:before {
        content: ""
    }

    .fa-person-circle-exclamation:before {
        content: ""
    }

    .fa-chevron-down:before {
        content: ""
    }

    .fa-battery-5:before,
    .fa-battery-full:before,
    .fa-battery:before {
        content: ""
    }

    .fa-skull-crossbones:before {
        content: ""
    }

    .fa-code-compare:before {
        content: ""
    }

    .fa-list-dots:before,
    .fa-list-ul:before {
        content: ""
    }

    .fa-school-lock:before {
        content: ""
    }

    .fa-tower-cell:before {
        content: ""
    }

    .fa-down-long:before,
    .fa-long-arrow-alt-down:before {
        content: ""
    }

    .fa-ranking-star:before {
        content: ""
    }

    .fa-chess-king:before {
        content: ""
    }

    .fa-person-harassing:before {
        content: ""
    }

    .fa-brazilian-real-sign:before {
        content: ""
    }

    .fa-landmark-alt:before,
    .fa-landmark-dome:before {
        content: ""
    }

    .fa-arrow-up:before {
        content: ""
    }

    .fa-television:before,
    .fa-tv-alt:before,
    .fa-tv:before {
        content: ""
    }

    .fa-shrimp:before {
        content: ""
    }

    .fa-list-check:before,
    .fa-tasks:before {
        content: ""
    }

    .fa-jug-detergent:before {
        content: ""
    }

    .fa-circle-user:before,
    .fa-user-circle:before {
        content: ""
    }

    .fa-user-shield:before {
        content: ""
    }

    .fa-wind:before {
        content: ""
    }

    .fa-car-burst:before,
    .fa-car-crash:before {
        content: ""
    }

    .fa-y:before {
        content: "Y"
    }

    .fa-person-snowboarding:before,
    .fa-snowboarding:before {
        content: ""
    }

    .fa-shipping-fast:before,
    .fa-truck-fast:before {
        content: ""
    }

    .fa-fish:before {
        content: ""
    }

    .fa-user-graduate:before {
        content: ""
    }

    .fa-adjust:before,
    .fa-circle-half-stroke:before {
        content: ""
    }

    .fa-clapperboard:before {
        content: ""
    }

    .fa-circle-radiation:before,
    .fa-radiation-alt:before {
        content: ""
    }

    .fa-baseball-ball:before,
    .fa-baseball:before {
        content: ""
    }

    .fa-jet-fighter-up:before {
        content: ""
    }

    .fa-diagram-project:before,
    .fa-project-diagram:before {
        content: ""
    }

    .fa-copy:before {
        content: ""
    }

    .fa-volume-mute:before,
    .fa-volume-times:before,
    .fa-volume-xmark:before {
        content: ""
    }

    .fa-hand-sparkles:before {
        content: ""
    }

    .fa-grip-horizontal:before,
    .fa-grip:before {
        content: ""
    }

    .fa-share-from-square:before,
    .fa-share-square:before {
        content: ""
    }

    .fa-gun:before {
        content: ""
    }

    .fa-phone-square:before,
    .fa-square-phone:before {
        content: ""
    }

    .fa-add:before,
    .fa-plus:before {
        content: "+"
    }

    .fa-expand:before {
        content: ""
    }

    .fa-computer:before {
        content: ""
    }

    .fa-close:before,
    .fa-multiply:before,
    .fa-remove:before,
    .fa-times:before,
    .fa-xmark:before {
        content: ""
    }

    .fa-arrows-up-down-left-right:before,
    .fa-arrows:before {
        content: ""
    }

    .fa-chalkboard-teacher:before,
    .fa-chalkboard-user:before {
        content: ""
    }

    .fa-peso-sign:before {
        content: ""
    }

    .fa-building-shield:before {
        content: ""
    }

    .fa-baby:before {
        content: ""
    }

    .fa-users-line:before {
        content: ""
    }

    .fa-quote-left-alt:before,
    .fa-quote-left:before {
        content: ""
    }

    .fa-tractor:before {
        content: ""
    }

    .fa-trash-arrow-up:before,
    .fa-trash-restore:before {
        content: ""
    }

    .fa-arrow-down-up-lock:before {
        content: ""
    }

    .fa-lines-leaning:before {
        content: ""
    }

    .fa-ruler-combined:before {
        content: ""
    }

    .fa-copyright:before {
        content: ""
    }

    .fa-equals:before {
        content: "="
    }

    .fa-blender:before {
        content: ""
    }

    .fa-teeth:before {
        content: ""
    }

    .fa-ils:before,
    .fa-shekel-sign:before,
    .fa-shekel:before,
    .fa-sheqel-sign:before,
    .fa-sheqel:before {
        content: ""
    }

    .fa-map:before {
        content: ""
    }

    .fa-rocket:before {
        content: ""
    }

    .fa-photo-film:before,
    .fa-photo-video:before {
        content: ""
    }

    .fa-folder-minus:before {
        content: ""
    }

    .fa-store:before {
        content: ""
    }

    .fa-arrow-trend-up:before {
        content: ""
    }

    .fa-plug-circle-minus:before {
        content: ""
    }

    .fa-sign-hanging:before,
    .fa-sign:before {
        content: ""
    }

    .fa-bezier-curve:before {
        content: ""
    }

    .fa-bell-slash:before {
        content: ""
    }

    .fa-tablet-android:before,
    .fa-tablet:before {
        content: ""
    }

    .fa-school-flag:before {
        content: ""
    }

    .fa-fill:before {
        content: ""
    }

    .fa-angle-up:before {
        content: ""
    }

    .fa-drumstick-bite:before {
        content: ""
    }

    .fa-holly-berry:before {
        content: ""
    }

    .fa-chevron-left:before {
        content: ""
    }

    .fa-bacteria:before {
        content: ""
    }

    .fa-hand-lizard:before {
        content: ""
    }

    .fa-disease:before {
        content: ""
    }

    .fa-briefcase-medical:before {
        content: ""
    }

    .fa-genderless:before {
        content: ""
    }

    .fa-chevron-right:before {
        content: ""
    }

    .fa-retweet:before {
        content: ""
    }

    .fa-car-alt:before,
    .fa-car-rear:before {
        content: ""
    }

    .fa-pump-soap:before {
        content: ""
    }

    .fa-video-slash:before {
        content: ""
    }

    .fa-battery-2:before,
    .fa-battery-quarter:before {
        content: ""
    }

    .fa-radio:before {
        content: ""
    }

    .fa-baby-carriage:before,
    .fa-carriage-baby:before {
        content: ""
    }

    .fa-traffic-light:before {
        content: ""
    }

    .fa-thermometer:before {
        content: ""
    }

    .fa-vr-cardboard:before {
        content: ""
    }

    .fa-hand-middle-finger:before {
        content: ""
    }

    .fa-percent:before,
    .fa-percentage:before {
        content: "%"
    }

    .fa-truck-moving:before {
        content: ""
    }

    .fa-glass-water-droplet:before {
        content: ""
    }

    .fa-display:before {
        content: ""
    }

    .fa-face-smile:before,
    .fa-smile:before {
        content: ""
    }

    .fa-thumb-tack:before,
    .fa-thumbtack:before {
        content: ""
    }

    .fa-trophy:before {
        content: ""
    }

    .fa-person-praying:before,
    .fa-pray:before {
        content: ""
    }

    .fa-hammer:before {
        content: ""
    }

    .fa-hand-peace:before {
        content: ""
    }

    .fa-rotate:before,
    .fa-sync-alt:before {
        content: ""
    }

    .fa-spinner:before {
        content: ""
    }

    .fa-robot:before {
        content: ""
    }

    .fa-peace:before {
        content: ""
    }

    .fa-cogs:before,
    .fa-gears:before {
        content: ""
    }

    .fa-warehouse:before {
        content: ""
    }

    .fa-arrow-up-right-dots:before {
        content: ""
    }

    .fa-splotch:before {
        content: ""
    }

    .fa-face-grin-hearts:before,
    .fa-grin-hearts:before {
        content: ""
    }

    .fa-dice-four:before {
        content: ""
    }

    .fa-sim-card:before {
        content: ""
    }

    .fa-transgender-alt:before,
    .fa-transgender:before {
        content: ""
    }

    .fa-mercury:before {
        content: ""
    }

    .fa-arrow-turn-down:before,
    .fa-level-down:before {
        content: ""
    }

    .fa-person-falling-burst:before {
        content: ""
    }

    .fa-award:before {
        content: ""
    }

    .fa-ticket-alt:before,
    .fa-ticket-simple:before {
        content: ""
    }

    .fa-building:before {
        content: ""
    }

    .fa-angle-double-left:before,
    .fa-angles-left:before {
        content: ""
    }

    .fa-qrcode:before {
        content: ""
    }

    .fa-clock-rotate-left:before,
    .fa-history:before {
        content: ""
    }

    .fa-face-grin-beam-sweat:before,
    .fa-grin-beam-sweat:before {
        content: ""
    }

    .fa-arrow-right-from-file:before,
    .fa-file-export:before {
        content: ""
    }

    .fa-shield-blank:before,
    .fa-shield:before {
        content: ""
    }

    .fa-arrow-up-short-wide:before,
    .fa-sort-amount-up-alt:before {
        content: ""
    }

    .fa-house-medical:before {
        content: ""
    }

    .fa-golf-ball-tee:before,
    .fa-golf-ball:before {
        content: ""
    }

    .fa-chevron-circle-left:before,
    .fa-circle-chevron-left:before {
        content: ""
    }

    .fa-house-chimney-window:before {
        content: ""
    }

    .fa-pen-nib:before {
        content: ""
    }

    .fa-tent-arrow-turn-left:before {
        content: ""
    }

    .fa-tents:before {
        content: ""
    }

    .fa-magic:before,
    .fa-wand-magic:before {
        content: ""
    }

    .fa-dog:before {
        content: ""
    }

    .fa-carrot:before {
        content: ""
    }

    .fa-moon:before {
        content: ""
    }

    .fa-wine-glass-alt:before,
    .fa-wine-glass-empty:before {
        content: ""
    }

    .fa-cheese:before {
        content: ""
    }

    .fa-yin-yang:before {
        content: ""
    }

    .fa-music:before {
        content: ""
    }

    .fa-code-commit:before {
        content: ""
    }

    .fa-temperature-low:before {
        content: ""
    }

    .fa-biking:before,
    .fa-person-biking:before {
        content: ""
    }

    .fa-broom:before {
        content: ""
    }

    .fa-shield-heart:before {
        content: ""
    }

    .fa-gopuram:before {
        content: ""
    }

    .fa-earth-oceania:before,
    .fa-globe-oceania:before {
        content: ""
    }

    .fa-square-xmark:before,
    .fa-times-square:before,
    .fa-xmark-square:before {
        content: ""
    }

    .fa-hashtag:before {
        content: "#"
    }

    .fa-expand-alt:before,
    .fa-up-right-and-down-left-from-center:before {
        content: ""
    }

    .fa-oil-can:before {
        content: ""
    }

    .fa-t:before {
        content: "T"
    }

    .fa-hippo:before {
        content: ""
    }

    .fa-chart-column:before {
        content: ""
    }

    .fa-infinity:before {
        content: ""
    }

    .fa-vial-circle-check:before {
        content: ""
    }

    .fa-person-arrow-down-to-line:before {
        content: ""
    }

    .fa-voicemail:before {
        content: ""
    }

    .fa-fan:before {
        content: ""
    }

    .fa-person-walking-luggage:before {
        content: ""
    }

    .fa-arrows-alt-v:before,
    .fa-up-down:before {
        content: ""
    }

    .fa-cloud-moon-rain:before {
        content: ""
    }

    .fa-calendar:before {
        content: ""
    }

    .fa-trailer:before {
        content: ""
    }

    .fa-bahai:before,
    .fa-haykal:before {
        content: ""
    }

    .fa-sd-card:before {
        content: ""
    }

    .fa-dragon:before {
        content: ""
    }

    .fa-shoe-prints:before {
        content: ""
    }

    .fa-circle-plus:before,
    .fa-plus-circle:before {
        content: ""
    }

    .fa-face-grin-tongue-wink:before,
    .fa-grin-tongue-wink:before {
        content: ""
    }

    .fa-hand-holding:before {
        content: ""
    }

    .fa-plug-circle-exclamation:before {
        content: ""
    }

    .fa-chain-broken:before,
    .fa-chain-slash:before,
    .fa-link-slash:before,
    .fa-unlink:before {
        content: ""
    }

    .fa-clone:before {
        content: ""
    }

    .fa-person-walking-arrow-loop-left:before {
        content: ""
    }

    .fa-arrow-up-z-a:before,
    .fa-sort-alpha-up-alt:before {
        content: ""
    }

    .fa-fire-alt:before,
    .fa-fire-flame-curved:before {
        content: ""
    }

    .fa-tornado:before {
        content: ""
    }

    .fa-file-circle-plus:before {
        content: ""
    }

    .fa-book-quran:before,
    .fa-quran:before {
        content: ""
    }

    .fa-anchor:before {
        content: ""
    }

    .fa-border-all:before {
        content: ""
    }

    .fa-angry:before,
    .fa-face-angry:before {
        content: ""
    }

    .fa-cookie-bite:before {
        content: ""
    }

    .fa-arrow-trend-down:before {
        content: ""
    }

    .fa-feed:before,
    .fa-rss:before {
        content: ""
    }

    .fa-draw-polygon:before {
        content: ""
    }

    .fa-balance-scale:before,
    .fa-scale-balanced:before {
        content: ""
    }

    .fa-gauge-simple-high:before,
    .fa-tachometer-fast:before,
    .fa-tachometer:before {
        content: ""
    }

    .fa-shower:before {
        content: ""
    }

    .fa-desktop-alt:before,
    .fa-desktop:before {
        content: ""
    }

    .fa-m:before {
        content: "M"
    }

    .fa-table-list:before,
    .fa-th-list:before {
        content: ""
    }

    .fa-comment-sms:before,
    .fa-sms:before {
        content: ""
    }

    .fa-book:before {
        content: ""
    }

    .fa-user-plus:before {
        content: ""
    }

    .fa-check:before {
        content: ""
    }

    .fa-battery-4:before,
    .fa-battery-three-quarters:before {
        content: ""
    }

    .fa-house-circle-check:before {
        content: ""
    }

    .fa-angle-left:before {
        content: ""
    }

    .fa-diagram-successor:before {
        content: ""
    }

    .fa-truck-arrow-right:before {
        content: ""
    }

    .fa-arrows-split-up-and-left:before {
        content: ""
    }

    .fa-fist-raised:before,
    .fa-hand-fist:before {
        content: ""
    }

    .fa-cloud-moon:before {
        content: ""
    }

    .fa-briefcase:before {
        content: ""
    }

    .fa-person-falling:before {
        content: ""
    }

    .fa-image-portrait:before,
    .fa-portrait:before {
        content: ""
    }

    .fa-user-tag:before {
        content: ""
    }

    .fa-rug:before {
        content: ""
    }

    .fa-earth-europe:before,
    .fa-globe-europe:before {
        content: ""
    }

    .fa-cart-flatbed-suitcase:before,
    .fa-luggage-cart:before {
        content: ""
    }

    .fa-rectangle-times:before,
    .fa-rectangle-xmark:before,
    .fa-times-rectangle:before,
    .fa-window-close:before {
        content: ""
    }

    .fa-baht-sign:before {
        content: ""
    }

    .fa-book-open:before {
        content: ""
    }

    .fa-book-journal-whills:before,
    .fa-journal-whills:before {
        content: ""
    }

    .fa-handcuffs:before {
        content: ""
    }

    .fa-exclamation-triangle:before,
    .fa-triangle-exclamation:before,
    .fa-warning:before {
        content: ""
    }

    .fa-database:before {
        content: ""
    }

    .fa-arrow-turn-right:before,
    .fa-mail-forward:before,
    .fa-share:before {
        content: ""
    }

    .fa-bottle-droplet:before {
        content: ""
    }

    .fa-mask-face:before {
        content: ""
    }

    .fa-hill-rockslide:before {
        content: ""
    }

    .fa-exchange-alt:before,
    .fa-right-left:before {
        content: ""
    }

    .fa-paper-plane:before {
        content: ""
    }

    .fa-road-circle-exclamation:before {
        content: ""
    }

    .fa-dungeon:before {
        content: ""
    }

    .fa-align-right:before {
        content: ""
    }

    .fa-money-bill-1-wave:before,
    .fa-money-bill-wave-alt:before {
        content: ""
    }

    .fa-life-ring:before {
        content: ""
    }

    .fa-hands:before,
    .fa-sign-language:before,
    .fa-signing:before {
        content: ""
    }

    .fa-calendar-day:before {
        content: ""
    }

    .fa-ladder-water:before,
    .fa-swimming-pool:before,
    .fa-water-ladder:before {
        content: ""
    }

    .fa-arrows-up-down:before,
    .fa-arrows-v:before {
        content: ""
    }

    .fa-face-grimace:before,
    .fa-grimace:before {
        content: ""
    }

    .fa-wheelchair-alt:before,
    .fa-wheelchair-move:before {
        content: ""
    }

    .fa-level-down-alt:before,
    .fa-turn-down:before {
        content: ""
    }

    .fa-person-walking-arrow-right:before {
        content: ""
    }

    .fa-envelope-square:before,
    .fa-square-envelope:before {
        content: ""
    }

    .fa-dice:before {
        content: ""
    }

    .fa-bowling-ball:before {
        content: ""
    }

    .fa-brain:before {
        content: ""
    }

    .fa-band-aid:before,
    .fa-bandage:before {
        content: ""
    }

    .fa-calendar-minus:before {
        content: ""
    }

    .fa-circle-xmark:before,
    .fa-times-circle:before,
    .fa-xmark-circle:before {
        content: ""
    }

    .fa-gifts:before {
        content: ""
    }

    .fa-hotel:before {
        content: ""
    }

    .fa-earth-asia:before,
    .fa-globe-asia:before {
        content: ""
    }

    .fa-id-card-alt:before,
    .fa-id-card-clip:before {
        content: ""
    }

    .fa-magnifying-glass-plus:before,
    .fa-search-plus:before {
        content: ""
    }

    .fa-thumbs-up:before {
        content: ""
    }

    .fa-user-clock:before {
        content: ""
    }

    .fa-allergies:before,
    .fa-hand-dots:before {
        content: ""
    }

    .fa-file-invoice:before {
        content: ""
    }

    .fa-window-minimize:before {
        content: ""
    }

    .fa-coffee:before,
    .fa-mug-saucer:before {
        content: ""
    }

    .fa-brush:before {
        content: ""
    }

    .fa-mask:before {
        content: ""
    }

    .fa-magnifying-glass-minus:before,
    .fa-search-minus:before {
        content: ""
    }

    .fa-ruler-vertical:before {
        content: ""
    }

    .fa-user-alt:before,
    .fa-user-large:before {
        content: ""
    }

    .fa-train-tram:before {
        content: ""
    }

    .fa-user-nurse:before {
        content: ""
    }

    .fa-syringe:before {
        content: ""
    }

    .fa-cloud-sun:before {
        content: ""
    }

    .fa-stopwatch-20:before {
        content: ""
    }

    .fa-square-full:before {
        content: ""
    }

    .fa-magnet:before {
        content: ""
    }

    .fa-jar:before {
        content: ""
    }

    .fa-note-sticky:before,
    .fa-sticky-note:before {
        content: ""
    }

    .fa-bug-slash:before {
        content: ""
    }

    .fa-arrow-up-from-water-pump:before {
        content: ""
    }

    .fa-bone:before {
        content: ""
    }

    .fa-user-injured:before {
        content: ""
    }

    .fa-face-sad-tear:before,
    .fa-sad-tear:before {
        content: ""
    }

    .fa-plane:before {
        content: ""
    }

    .fa-tent-arrows-down:before {
        content: ""
    }

    .fa-exclamation:before {
        content: "!"
    }

    .fa-arrows-spin:before {
        content: ""
    }

    .fa-print:before {
        content: ""
    }

    .fa-try:before,
    .fa-turkish-lira-sign:before,
    .fa-turkish-lira:before {
        content: ""
    }

    .fa-dollar-sign:before,
    .fa-dollar:before,
    .fa-usd:before {
        content: "$"
    }

    .fa-x:before {
        content: "X"
    }

    .fa-magnifying-glass-dollar:before,
    .fa-search-dollar:before {
        content: ""
    }

    .fa-users-cog:before,
    .fa-users-gear:before {
        content: ""
    }

    .fa-person-military-pointing:before {
        content: ""
    }

    .fa-bank:before,
    .fa-building-columns:before,
    .fa-institution:before,
    .fa-museum:before,
    .fa-university:before {
        content: ""
    }

    .fa-umbrella:before {
        content: ""
    }

    .fa-trowel:before {
        content: ""
    }

    .fa-d:before {
        content: "D"
    }

    .fa-stapler:before {
        content: ""
    }

    .fa-masks-theater:before,
    .fa-theater-masks:before {
        content: ""
    }

    .fa-kip-sign:before {
        content: ""
    }

    .fa-hand-point-left:before {
        content: ""
    }

    .fa-handshake-alt:before,
    .fa-handshake-simple:before {
        content: ""
    }

    .fa-fighter-jet:before,
    .fa-jet-fighter:before {
        content: ""
    }

    .fa-share-alt-square:before,
    .fa-square-share-nodes:before {
        content: ""
    }

    .fa-barcode:before {
        content: ""
    }

    .fa-plus-minus:before {
        content: ""
    }

    .fa-video-camera:before,
    .fa-video:before {
        content: ""
    }

    .fa-graduation-cap:before,
    .fa-mortar-board:before {
        content: ""
    }

    .fa-hand-holding-medical:before {
        content: ""
    }

    .fa-person-circle-check:before {
        content: ""
    }

    .fa-level-up-alt:before,
    .fa-turn-up:before {
        content: ""
    }

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

    :host,
    :root {
        --fa-style-family-brands: "Font Awesome 6 Brands";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 6 Brands;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/fontawesome/fa-brands-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-brands-400.ttf)format("truetype")
    }

    .fa-brands,
    .fab {
        font-weight: 400
    }

    .fa-monero:before {
        content: ""
    }

    .fa-hooli:before {
        content: ""
    }

    .fa-yelp:before {
        content: ""
    }

    .fa-cc-visa:before {
        content: ""
    }

    .fa-lastfm:before {
        content: ""
    }

    .fa-shopware:before {
        content: ""
    }

    .fa-creative-commons-nc:before {
        content: ""
    }

    .fa-aws:before {
        content: ""
    }

    .fa-redhat:before {
        content: ""
    }

    .fa-yoast:before {
        content: ""
    }

    .fa-cloudflare:before {
        content: ""
    }

    .fa-ups:before {
        content: ""
    }

    .fa-wpexplorer:before {
        content: ""
    }

    .fa-dyalog:before {
        content: ""
    }

    .fa-bity:before {
        content: ""
    }

    .fa-stackpath:before {
        content: ""
    }

    .fa-buysellads:before {
        content: ""
    }

    .fa-first-order:before {
        content: ""
    }

    .fa-modx:before {
        content: ""
    }

    .fa-guilded:before {
        content: ""
    }

    .fa-vnv:before {
        content: ""
    }

    .fa-js-square:before,
    .fa-square-js:before {
        content: ""
    }

    .fa-microsoft:before {
        content: ""
    }

    .fa-qq:before {
        content: ""
    }

    .fa-orcid:before {
        content: ""
    }

    .fa-java:before {
        content: ""
    }

    .fa-invision:before {
        content: ""
    }

    .fa-creative-commons-pd-alt:before {
        content: ""
    }

    .fa-centercode:before {
        content: ""
    }

    .fa-glide-g:before {
        content: ""
    }

    .fa-drupal:before {
        content: ""
    }

    .fa-hire-a-helper:before {
        content: ""
    }

    .fa-creative-commons-by:before {
        content: ""
    }

    .fa-unity:before {
        content: ""
    }

    .fa-whmcs:before {
        content: ""
    }

    .fa-rocketchat:before {
        content: ""
    }

    .fa-vk:before {
        content: ""
    }

    .fa-untappd:before {
        content: ""
    }

    .fa-mailchimp:before {
        content: ""
    }

    .fa-css3-alt:before {
        content: ""
    }

    .fa-reddit-square:before,
    .fa-square-reddit:before {
        content: ""
    }

    .fa-vimeo-v:before {
        content: ""
    }

    .fa-contao:before {
        content: ""
    }

    .fa-square-font-awesome:before {
        content: ""
    }

    .fa-deskpro:before {
        content: ""
    }

    .fa-sistrix:before {
        content: ""
    }

    .fa-instagram-square:before,
    .fa-square-instagram:before {
        content: ""
    }

    .fa-battle-net:before {
        content: ""
    }

    .fa-the-red-yeti:before {
        content: ""
    }

    .fa-hacker-news-square:before,
    .fa-square-hacker-news:before {
        content: ""
    }

    .fa-edge:before {
        content: ""
    }

    .fa-napster:before {
        content: ""
    }

    .fa-snapchat-square:before,
    .fa-square-snapchat:before {
        content: ""
    }

    .fa-google-plus-g:before {
        content: ""
    }

    .fa-artstation:before {
        content: ""
    }

    .fa-markdown:before {
        content: ""
    }

    .fa-sourcetree:before {
        content: ""
    }

    .fa-google-plus:before {
        content: ""
    }

    .fa-diaspora:before {
        content: ""
    }

    .fa-foursquare:before {
        content: ""
    }

    .fa-stack-overflow:before {
        content: ""
    }

    .fa-github-alt:before {
        content: ""
    }

    .fa-phoenix-squadron:before {
        content: ""
    }

    .fa-pagelines:before {
        content: ""
    }

    .fa-algolia:before {
        content: ""
    }

    .fa-red-river:before {
        content: ""
    }

    .fa-creative-commons-sa:before {
        content: ""
    }

    .fa-safari:before {
        content: ""
    }

    .fa-google:before {
        content: ""
    }

    .fa-font-awesome-alt:before,
    .fa-square-font-awesome-stroke:before {
        content: ""
    }

    .fa-atlassian:before {
        content: ""
    }

    .fa-linkedin-in:before {
        content: ""
    }

    .fa-digital-ocean:before {
        content: ""
    }

    .fa-nimblr:before {
        content: ""
    }

    .fa-chromecast:before {
        content: ""
    }

    .fa-evernote:before {
        content: ""
    }

    .fa-hacker-news:before {
        content: ""
    }

    .fa-creative-commons-sampling:before {
        content: ""
    }

    .fa-adversal:before {
        content: ""
    }

    .fa-creative-commons:before {
        content: ""
    }

    .fa-watchman-monitoring:before {
        content: ""
    }

    .fa-fonticons:before {
        content: ""
    }

    .fa-weixin:before {
        content: ""
    }

    .fa-shirtsinbulk:before {
        content: ""
    }

    .fa-codepen:before {
        content: ""
    }

    .fa-git-alt:before {
        content: ""
    }

    .fa-lyft:before {
        content: ""
    }

    .fa-rev:before {
        content: ""
    }

    .fa-windows:before {
        content: ""
    }

    .fa-wizards-of-the-coast:before {
        content: ""
    }

    .fa-square-viadeo:before,
    .fa-viadeo-square:before {
        content: ""
    }

    .fa-meetup:before {
        content: ""
    }

    .fa-centos:before {
        content: ""
    }

    .fa-adn:before {
        content: ""
    }

    .fa-cloudsmith:before {
        content: ""
    }

    .fa-pied-piper-alt:before {
        content: ""
    }

    .fa-dribbble-square:before,
    .fa-square-dribbble:before {
        content: ""
    }

    .fa-codiepie:before {
        content: ""
    }

    .fa-node:before {
        content: ""
    }

    .fa-mix:before {
        content: ""
    }

    .fa-steam:before {
        content: ""
    }

    .fa-cc-apple-pay:before {
        content: ""
    }

    .fa-scribd:before {
        content: ""
    }

    .fa-openid:before {
        content: ""
    }

    .fa-instalod:before {
        content: ""
    }

    .fa-expeditedssl:before {
        content: ""
    }

    .fa-sellcast:before {
        content: ""
    }

    .fa-square-twitter:before,
    .fa-twitter-square:before {
        content: ""
    }

    .fa-r-project:before {
        content: ""
    }

    .fa-delicious:before {
        content: ""
    }

    .fa-freebsd:before {
        content: ""
    }

    .fa-vuejs:before {
        content: ""
    }

    .fa-accusoft:before {
        content: ""
    }

    .fa-ioxhost:before {
        content: ""
    }

    .fa-fonticons-fi:before {
        content: ""
    }

    .fa-app-store:before {
        content: ""
    }

    .fa-cc-mastercard:before {
        content: ""
    }

    .fa-itunes-note:before {
        content: ""
    }

    .fa-golang:before {
        content: ""
    }

    .fa-kickstarter:before {
        content: ""
    }

    .fa-grav:before {
        content: ""
    }

    .fa-weibo:before {
        content: ""
    }

    .fa-uncharted:before {
        content: ""
    }

    .fa-firstdraft:before {
        content: ""
    }

    .fa-square-youtube:before,
    .fa-youtube-square:before {
        content: ""
    }

    .fa-wikipedia-w:before {
        content: ""
    }

    .fa-rendact:before,
    .fa-wpressr:before {
        content: ""
    }

    .fa-angellist:before {
        content: ""
    }

    .fa-galactic-republic:before {
        content: ""
    }

    .fa-nfc-directional:before {
        content: ""
    }

    .fa-skype:before {
        content: ""
    }

    .fa-joget:before {
        content: ""
    }

    .fa-fedora:before {
        content: ""
    }

    .fa-stripe-s:before {
        content: ""
    }

    .fa-meta:before {
        content: ""
    }

    .fa-laravel:before {
        content: ""
    }

    .fa-hotjar:before {
        content: ""
    }

    .fa-bluetooth-b:before {
        content: ""
    }

    .fa-sticker-mule:before {
        content: ""
    }

    .fa-creative-commons-zero:before {
        content: ""
    }

    .fa-hips:before {
        content: ""
    }

    .fa-behance:before {
        content: ""
    }

    .fa-reddit:before {
        content: ""
    }

    .fa-discord:before {
        content: ""
    }

    .fa-chrome:before {
        content: ""
    }

    .fa-app-store-ios:before {
        content: ""
    }

    .fa-cc-discover:before {
        content: ""
    }

    .fa-wpbeginner:before {
        content: ""
    }

    .fa-confluence:before {
        content: ""
    }

    .fa-mdb:before {
        content: ""
    }

    .fa-dochub:before {
        content: ""
    }

    .fa-accessible-icon:before {
        content: ""
    }

    .fa-ebay:before {
        content: ""
    }

    .fa-amazon:before {
        content: ""
    }

    .fa-unsplash:before {
        content: ""
    }

    .fa-yarn:before {
        content: ""
    }

    .fa-square-steam:before,
    .fa-steam-square:before {
        content: ""
    }

    .fa-500px:before {
        content: ""
    }

    .fa-square-vimeo:before,
    .fa-vimeo-square:before {
        content: ""
    }

    .fa-asymmetrik:before {
        content: ""
    }

    .fa-font-awesome-flag:before,
    .fa-font-awesome-logo-full:before,
    .fa-font-awesome:before {
        content: ""
    }

    .fa-gratipay:before {
        content: ""
    }

    .fa-apple:before {
        content: ""
    }

    .fa-hive:before {
        content: ""
    }

    .fa-gitkraken:before {
        content: ""
    }

    .fa-keybase:before {
        content: ""
    }

    .fa-apple-pay:before {
        content: ""
    }

    .fa-padlet:before {
        content: ""
    }

    .fa-amazon-pay:before {
        content: ""
    }

    .fa-github-square:before,
    .fa-square-github:before {
        content: ""
    }

    .fa-stumbleupon:before {
        content: ""
    }

    .fa-fedex:before {
        content: ""
    }

    .fa-phoenix-framework:before {
        content: ""
    }

    .fa-shopify:before {
        content: ""
    }

    .fa-neos:before {
        content: ""
    }

    .fa-hackerrank:before {
        content: ""
    }

    .fa-researchgate:before {
        content: ""
    }

    .fa-swift:before {
        content: ""
    }

    .fa-angular:before {
        content: ""
    }

    .fa-speakap:before {
        content: ""
    }

    .fa-angrycreative:before {
        content: ""
    }

    .fa-y-combinator:before {
        content: ""
    }

    .fa-empire:before {
        content: ""
    }

    .fa-envira:before {
        content: ""
    }

    .fa-gitlab-square:before,
    .fa-square-gitlab:before {
        content: ""
    }

    .fa-studiovinari:before {
        content: ""
    }

    .fa-pied-piper:before {
        content: ""
    }

    .fa-wordpress:before {
        content: ""
    }

    .fa-product-hunt:before {
        content: ""
    }

    .fa-firefox:before {
        content: ""
    }

    .fa-linode:before {
        content: ""
    }

    .fa-goodreads:before {
        content: ""
    }

    .fa-odnoklassniki-square:before,
    .fa-square-odnoklassniki:before {
        content: ""
    }

    .fa-jsfiddle:before {
        content: ""
    }

    .fa-sith:before {
        content: ""
    }

    .fa-themeisle:before {
        content: ""
    }

    .fa-page4:before {
        content: ""
    }

    .fa-hashnode:before {
        content: ""
    }

    .fa-react:before {
        content: ""
    }

    .fa-cc-paypal:before {
        content: ""
    }

    .fa-squarespace:before {
        content: ""
    }

    .fa-cc-stripe:before {
        content: ""
    }

    .fa-creative-commons-share:before {
        content: ""
    }

    .fa-bitcoin:before {
        content: ""
    }

    .fa-keycdn:before {
        content: ""
    }

    .fa-opera:before {
        content: ""
    }

    .fa-itch-io:before {
        content: ""
    }

    .fa-umbraco:before {
        content: ""
    }

    .fa-galactic-senate:before {
        content: ""
    }

    .fa-ubuntu:before {
        content: ""
    }

    .fa-draft2digital:before {
        content: ""
    }

    .fa-stripe:before {
        content: ""
    }

    .fa-houzz:before {
        content: ""
    }

    .fa-gg:before {
        content: ""
    }

    .fa-dhl:before {
        content: ""
    }

    .fa-pinterest-square:before,
    .fa-square-pinterest:before {
        content: ""
    }

    .fa-xing:before {
        content: ""
    }

    .fa-blackberry:before {
        content: ""
    }

    .fa-creative-commons-pd:before {
        content: ""
    }

    .fa-playstation:before {
        content: ""
    }

    .fa-quinscape:before {
        content: ""
    }

    .fa-less:before {
        content: ""
    }

    .fa-blogger-b:before {
        content: ""
    }

    .fa-opencart:before {
        content: ""
    }

    .fa-vine:before {
        content: ""
    }

    .fa-paypal:before {
        content: ""
    }

    .fa-gitlab:before {
        content: ""
    }

    .fa-typo3:before {
        content: ""
    }

    .fa-reddit-alien:before {
        content: ""
    }

    .fa-yahoo:before {
        content: ""
    }

    .fa-dailymotion:before {
        content: ""
    }

    .fa-affiliatetheme:before {
        content: ""
    }

    .fa-pied-piper-pp:before {
        content: ""
    }

    .fa-bootstrap:before {
        content: ""
    }

    .fa-odnoklassniki:before {
        content: ""
    }

    .fa-nfc-symbol:before {
        content: ""
    }

    .fa-ethereum:before {
        content: ""
    }

    .fa-speaker-deck:before {
        content: ""
    }

    .fa-creative-commons-nc-eu:before {
        content: ""
    }

    .fa-patreon:before {
        content: ""
    }

    .fa-avianex:before {
        content: ""
    }

    .fa-ello:before {
        content: ""
    }

    .fa-gofore:before {
        content: ""
    }

    .fa-bimobject:before {
        content: ""
    }

    .fa-facebook-f:before {
        content: ""
    }

    .fa-google-plus-square:before,
    .fa-square-google-plus:before {
        content: ""
    }

    .fa-mandalorian:before {
        content: ""
    }

    .fa-first-order-alt:before {
        content: ""
    }

    .fa-osi:before {
        content: ""
    }

    .fa-google-wallet:before {
        content: ""
    }

    .fa-d-and-d-beyond:before {
        content: ""
    }

    .fa-periscope:before {
        content: ""
    }

    .fa-fulcrum:before {
        content: ""
    }

    .fa-cloudscale:before {
        content: ""
    }

    .fa-forumbee:before {
        content: ""
    }

    .fa-mizuni:before {
        content: ""
    }

    .fa-schlix:before {
        content: ""
    }

    .fa-square-xing:before,
    .fa-xing-square:before {
        content: ""
    }

    .fa-bandcamp:before {
        content: ""
    }

    .fa-wpforms:before {
        content: ""
    }

    .fa-cloudversify:before {
        content: ""
    }

    .fa-usps:before {
        content: ""
    }

    .fa-megaport:before {
        content: ""
    }

    .fa-magento:before {
        content: ""
    }

    .fa-spotify:before {
        content: ""
    }

    .fa-optin-monster:before {
        content: ""
    }

    .fa-fly:before {
        content: ""
    }

    .fa-aviato:before {
        content: ""
    }

    .fa-itunes:before {
        content: ""
    }

    .fa-cuttlefish:before {
        content: ""
    }

    .fa-blogger:before {
        content: ""
    }

    .fa-flickr:before {
        content: ""
    }

    .fa-viber:before {
        content: ""
    }

    .fa-soundcloud:before {
        content: ""
    }

    .fa-digg:before {
        content: ""
    }

    .fa-tencent-weibo:before {
        content: ""
    }

    .fa-symfony:before {
        content: ""
    }

    .fa-maxcdn:before {
        content: ""
    }

    .fa-etsy:before {
        content: ""
    }

    .fa-facebook-messenger:before {
        content: ""
    }

    .fa-audible:before {
        content: ""
    }

    .fa-think-peaks:before {
        content: ""
    }

    .fa-bilibili:before {
        content: ""
    }

    .fa-erlang:before {
        content: ""
    }

    .fa-cotton-bureau:before {
        content: ""
    }

    .fa-dashcube:before {
        content: ""
    }

    .fa-42-group:before,
    .fa-innosoft:before {
        content: ""
    }

    .fa-stack-exchange:before {
        content: ""
    }

    .fa-elementor:before {
        content: ""
    }

    .fa-pied-piper-square:before,
    .fa-square-pied-piper:before {
        content: ""
    }

    .fa-creative-commons-nd:before {
        content: ""
    }

    .fa-palfed:before {
        content: ""
    }

    .fa-superpowers:before {
        content: ""
    }

    .fa-resolving:before {
        content: ""
    }

    .fa-xbox:before {
        content: ""
    }

    .fa-searchengin:before {
        content: ""
    }

    .fa-tiktok:before {
        content: ""
    }

    .fa-facebook-square:before,
    .fa-square-facebook:before {
        content: ""
    }

    .fa-renren:before {
        content: ""
    }

    .fa-linux:before {
        content: ""
    }

    .fa-glide:before {
        content: ""
    }

    .fa-linkedin:before {
        content: ""
    }

    .fa-hubspot:before {
        content: ""
    }

    .fa-deploydog:before {
        content: ""
    }

    .fa-twitch:before {
        content: ""
    }

    .fa-ravelry:before {
        content: ""
    }

    .fa-mixer:before {
        content: ""
    }

    .fa-lastfm-square:before,
    .fa-square-lastfm:before {
        content: ""
    }

    .fa-vimeo:before {
        content: ""
    }

    .fa-mendeley:before {
        content: ""
    }

    .fa-uniregistry:before {
        content: ""
    }

    .fa-figma:before {
        content: ""
    }

    .fa-creative-commons-remix:before {
        content: ""
    }

    .fa-cc-amazon-pay:before {
        content: ""
    }

    .fa-dropbox:before {
        content: ""
    }

    .fa-instagram:before {
        content: ""
    }

    .fa-cmplid:before {
        content: ""
    }

    .fa-facebook:before {
        content: ""
    }

    .fa-gripfire:before {
        content: ""
    }

    .fa-jedi-order:before {
        content: ""
    }

    .fa-uikit:before {
        content: ""
    }

    .fa-fort-awesome-alt:before {
        content: ""
    }

    .fa-phabricator:before {
        content: ""
    }

    .fa-ussunnah:before {
        content: ""
    }

    .fa-earlybirds:before {
        content: ""
    }

    .fa-trade-federation:before {
        content: ""
    }

    .fa-autoprefixer:before {
        content: ""
    }

    .fa-whatsapp:before {
        content: ""
    }

    .fa-slideshare:before {
        content: ""
    }

    .fa-google-play:before {
        content: ""
    }

    .fa-viadeo:before {
        content: ""
    }

    .fa-line:before {
        content: ""
    }

    .fa-google-drive:before {
        content: ""
    }

    .fa-servicestack:before {
        content: ""
    }

    .fa-simplybuilt:before {
        content: ""
    }

    .fa-bitbucket:before {
        content: ""
    }

    .fa-imdb:before {
        content: ""
    }

    .fa-deezer:before {
        content: ""
    }

    .fa-raspberry-pi:before {
        content: ""
    }

    .fa-jira:before {
        content: ""
    }

    .fa-docker:before {
        content: ""
    }

    .fa-screenpal:before {
        content: ""
    }

    .fa-bluetooth:before {
        content: ""
    }

    .fa-gitter:before {
        content: ""
    }

    .fa-d-and-d:before {
        content: ""
    }

    .fa-microblog:before {
        content: ""
    }

    .fa-cc-diners-club:before {
        content: ""
    }

    .fa-gg-circle:before {
        content: ""
    }

    .fa-pied-piper-hat:before {
        content: ""
    }

    .fa-kickstarter-k:before {
        content: ""
    }

    .fa-yandex:before {
        content: ""
    }

    .fa-readme:before {
        content: ""
    }

    .fa-html5:before {
        content: ""
    }

    .fa-sellsy:before {
        content: ""
    }

    .fa-sass:before {
        content: ""
    }

    .fa-wirsindhandwerk:before,
    .fa-wsh:before {
        content: ""
    }

    .fa-buromobelexperte:before {
        content: ""
    }

    .fa-salesforce:before {
        content: ""
    }

    .fa-octopus-deploy:before {
        content: ""
    }

    .fa-medapps:before {
        content: ""
    }

    .fa-ns8:before {
        content: ""
    }

    .fa-pinterest-p:before {
        content: ""
    }

    .fa-apper:before {
        content: ""
    }

    .fa-fort-awesome:before {
        content: ""
    }

    .fa-waze:before {
        content: ""
    }

    .fa-cc-jcb:before {
        content: ""
    }

    .fa-snapchat-ghost:before,
    .fa-snapchat:before {
        content: ""
    }

    .fa-fantasy-flight-games:before {
        content: ""
    }

    .fa-rust:before {
        content: ""
    }

    .fa-wix:before {
        content: ""
    }

    .fa-behance-square:before,
    .fa-square-behance:before {
        content: ""
    }

    .fa-supple:before {
        content: ""
    }

    .fa-rebel:before {
        content: ""
    }

    .fa-css3:before {
        content: ""
    }

    .fa-staylinked:before {
        content: ""
    }

    .fa-kaggle:before {
        content: ""
    }

    .fa-space-awesome:before {
        content: ""
    }

    .fa-deviantart:before {
        content: ""
    }

    .fa-cpanel:before {
        content: ""
    }

    .fa-goodreads-g:before {
        content: ""
    }

    .fa-git-square:before,
    .fa-square-git:before {
        content: ""
    }

    .fa-square-tumblr:before,
    .fa-tumblr-square:before {
        content: ""
    }

    .fa-trello:before {
        content: ""
    }

    .fa-creative-commons-nc-jp:before {
        content: ""
    }

    .fa-get-pocket:before {
        content: ""
    }

    .fa-perbyte:before {
        content: ""
    }

    .fa-grunt:before {
        content: ""
    }

    .fa-weebly:before {
        content: ""
    }

    .fa-connectdevelop:before {
        content: ""
    }

    .fa-leanpub:before {
        content: ""
    }

    .fa-black-tie:before {
        content: ""
    }

    .fa-themeco:before {
        content: ""
    }

    .fa-python:before {
        content: ""
    }

    .fa-android:before {
        content: ""
    }

    .fa-bots:before {
        content: ""
    }

    .fa-free-code-camp:before {
        content: ""
    }

    .fa-hornbill:before {
        content: ""
    }

    .fa-js:before {
        content: ""
    }

    .fa-ideal:before {
        content: ""
    }

    .fa-git:before {
        content: ""
    }

    .fa-dev:before {
        content: ""
    }

    .fa-sketch:before {
        content: ""
    }

    .fa-yandex-international:before {
        content: ""
    }

    .fa-cc-amex:before {
        content: ""
    }

    .fa-uber:before {
        content: ""
    }

    .fa-github:before {
        content: ""
    }

    .fa-php:before {
        content: ""
    }

    .fa-alipay:before {
        content: ""
    }

    .fa-youtube:before {
        content: ""
    }

    .fa-skyatlas:before {
        content: ""
    }

    .fa-firefox-browser:before {
        content: ""
    }

    .fa-replyd:before {
        content: ""
    }

    .fa-suse:before {
        content: ""
    }

    .fa-jenkins:before {
        content: ""
    }

    .fa-twitter:before {
        content: ""
    }

    .fa-rockrms:before {
        content: ""
    }

    .fa-pinterest:before {
        content: ""
    }

    .fa-buffer:before {
        content: ""
    }

    .fa-npm:before {
        content: ""
    }

    .fa-yammer:before {
        content: ""
    }

    .fa-btc:before {
        content: ""
    }

    .fa-dribbble:before {
        content: ""
    }

    .fa-stumbleupon-circle:before {
        content: ""
    }

    .fa-internet-explorer:before {
        content: ""
    }

    .fa-telegram-plane:before,
    .fa-telegram:before {
        content: ""
    }

    .fa-old-republic:before {
        content: ""
    }

    .fa-square-whatsapp:before,
    .fa-whatsapp-square:before {
        content: ""
    }

    .fa-node-js:before {
        content: ""
    }

    .fa-edge-legacy:before {
        content: ""
    }

    .fa-slack-hash:before,
    .fa-slack:before {
        content: ""
    }

    .fa-medrt:before {
        content: ""
    }

    .fa-usb:before {
        content: ""
    }

    .fa-tumblr:before {
        content: ""
    }

    .fa-vaadin:before {
        content: ""
    }

    .fa-quora:before {
        content: ""
    }

    .fa-reacteurope:before {
        content: ""
    }

    .fa-medium-m:before,
    .fa-medium:before {
        content: ""
    }

    .fa-amilia:before {
        content: ""
    }

    .fa-mixcloud:before {
        content: ""
    }

    .fa-flipboard:before {
        content: ""
    }

    .fa-viacoin:before {
        content: ""
    }

    .fa-critical-role:before {
        content: ""
    }

    .fa-sitrox:before {
        content: ""
    }

    .fa-discourse:before {
        content: ""
    }

    .fa-joomla:before {
        content: ""
    }

    .fa-mastodon:before {
        content: ""
    }

    .fa-airbnb:before {
        content: ""
    }

    .fa-wolf-pack-battalion:before {
        content: ""
    }

    .fa-buy-n-large:before {
        content: ""
    }

    .fa-gulp:before {
        content: ""
    }

    .fa-creative-commons-sampling-plus:before {
        content: ""
    }

    .fa-strava:before {
        content: ""
    }

    .fa-ember:before {
        content: ""
    }

    .fa-canadian-maple-leaf:before {
        content: ""
    }

    .fa-teamspeak:before {
        content: ""
    }

    .fa-pushed:before {
        content: ""
    }

    .fa-wordpress-simple:before {
        content: ""
    }

    .fa-nutritionix:before {
        content: ""
    }

    .fa-wodu:before {
        content: ""
    }

    .fa-google-pay:before {
        content: ""
    }

    .fa-intercom:before {
        content: ""
    }

    .fa-zhihu:before {
        content: ""
    }

    .fa-korvue:before {
        content: ""
    }

    .fa-pix:before {
        content: ""
    }

    .fa-steam-symbol:before {
        content: ""
    }

    :host,
    :root {
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 6 Free;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/fontawesome/fa-regular-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-regular-400.ttf)format("truetype")
    }

    .fa-regular,
    .far {
        font-weight: 400
    }

    :host,
    :root {
        --fa-style-family-classic: "Font Awesome 6 Free";
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 6 Free;
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/fontawesome/fa-solid-900.woff2)format("woff2"), url(../fonts/fontawesome/fa-solid-900.ttf)format("truetype")
    }

    .fa-solid,
    .fas {
        font-weight: 900
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 5 Brands;
        font-weight: 400;
        src: url(../fonts/fontawesome/fa-brands-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-brands-400.ttf)format("truetype")
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        src: url(../fonts/fontawesome/fa-solid-900.woff2)format("woff2"), url(../fonts/fontawesome/fa-solid-900.ttf)format("truetype")
    }

    @font-face {
        font-display: block;
        font-family: Font Awesome\ 5 Free;
        font-weight: 400;
        src: url(../fonts/fontawesome/fa-regular-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-regular-400.ttf)format("truetype")
    }

    @font-face {
        font-display: block;
        font-family: FontAwesome;
        src: url(../fonts/fontawesome/fa-solid-900.woff2)format("woff2"), url(../fonts/fontawesome/fa-solid-900.ttf)format("truetype")
    }

    @font-face {
        font-display: block;
        font-family: FontAwesome;
        src: url(../fonts/fontawesome/fa-brands-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-brands-400.ttf)format("truetype")
    }

    @font-face {
        font-display: block;
        font-family: FontAwesome;
        src: url(../fonts/fontawesome/fa-regular-400.woff2)format("woff2"), url(../fonts/fontawesome/fa-regular-400.ttf)format("truetype");
        unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
    }

    @font-face {
        font-display: block;
        font-family: FontAwesome;
        src: url(../fonts/fontawesome/fa-v4compatibility.woff2)format("woff2"), url(../fonts/fontawesome/fa-v4compatibility.ttf)format("truetype");
        unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
    }
}

@property --tw-leading {
    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-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@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-duration {
    syntax: "*";
    inherits: false
}

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

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

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

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@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-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

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

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

@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-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@keyframes shimmer {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

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

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

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