@media (max-width:600px) {
            .banner-v2-container {
                left: 0 !important;
                right: 0 !important;
                margin: 0 auto !important
            }
        }

        .wrapper-with-banner .min-h-screen {
            min-height: var(--full-height-with-banner)
        }

        .wrapper-with-banner .h-screen {
            height: var(--full-height-with-banner)
        }

 
      

        @layer theme {

            :root,
            :host {
                --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                --color-red-50: oklch(.971 .013 17.38);
                --color-red-200: oklch(.885 .062 18.334);
                --color-red-300: oklch(.808 .114 19.571);
                --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-orange-50: oklch(.98 .016 73.684);
                --color-orange-200: oklch(.901 .076 70.697);
                --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-yellow-50: oklch(.987 .026 102.212);
                --color-yellow-200: oklch(.945 .129 101.54);
                --color-yellow-500: oklch(.795 .184 86.047);
                --color-yellow-600: oklch(.681 .162 75.834);
                --color-yellow-800: oklch(.476 .114 61.907);
                --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-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-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-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-purple-100: oklch(.946 .033 307.174);
                --color-purple-600: oklch(.558 .288 302.321);
                --color-purple-700: oklch(.496 .265 301.924);
                --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-900: oklch(.208 .042 265.755);
                --color-gray-100: oklch(.967 .003 264.542);
                --color-gray-400: oklch(.707 .022 261.325);
                --color-black: #000;
                --color-white: #fff;
                --spacing: .25rem;
                --container-md: 28rem;
                --container-lg: 32rem;
                --container-2xl: 42rem;
                --container-4xl: 56rem;
                --container-6xl: 72rem;
                --container-7xl: 80rem;
                --text-xs: .75rem;
                --text-xs--line-height: calc(1 / .75);
                --text-sm: .875rem;
                --text-sm--line-height: calc(1.25 / .875);
                --text-base: 1rem;
                --text-base--line-height: calc(1.5 / 1);
                --text-lg: 1.125rem;
                --text-lg--line-height: calc(1.75 / 1.125);
                --text-xl: 1.25rem;
                --text-2xl: 1.5rem;
                --font-weight-normal: 400;
                --font-weight-medium: 500;
                --font-weight-semibold: 600;
                --tracking-tight: -.025em;
                --tracking-wider: .05em;
                --leading-relaxed: 1.625;
                --radius-xs: .125rem;
                --animate-spin: spin 1s linear infinite;
                --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);
            }
        }

        @layer base {

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

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

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

            body {
                line-height: inherit;
            }

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

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

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

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

            b,
            strong {
                font-weight: bolder;
            }

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

            small {
                font-size: 80%;
            }

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

            sub {
                bottom: -.25em;
            }

            sup {
                top: -.5em;
            }

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

            :-moz-focusring {
                outline: auto;
            }

            progress {
                vertical-align: baseline;
            }

            summary {
                display: list-item;
            }

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

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

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

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

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

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

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

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

            ::placeholder {
                opacity: 1;
                color: currentColor;
            }

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

            textarea {
                resize: vertical;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
                font-size: var(--text-2xl);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
                font-size: var(--text-xl);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
                font-size: var(--text-lg);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
                font-size: var(--text-base);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
                font-size: var(--text-base);
                font-weight: var(--font-weight-normal);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label,
            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
                font-size: var(--text-base);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
            }

            :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
                font-size: var(--text-base);
                font-weight: var(--font-weight-normal);
                line-height: 1.5;
            }
        }

        @layer utilities {
            .\@container\/card-header {
                container: card-header / inline-size;
            }

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

            .invisible {
                visibility: hidden;
            }

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

            .absolute {
                position: absolute;
            }

            .fixed {
                position: fixed;
            }

            .relative {
                position: relative;
            }

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

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

            .top-\[50\%\] {
                top: 50%;
            }

            .top-full {
                top: 100%;
            }

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

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

            .bottom-full {
                bottom: 100%;
            }

            .left-1\/2,
            .left-\[50\%\] {
                left: 50%;
            }

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

            .z-50 {
                z-index: 50;
            }

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

            .col-span-4 {
                grid-column: span 4 / span 4;
            }

            .col-span-6 {
                grid-column: span 6 / span 6;
            }

            .col-span-12 {
                grid-column: span 12 / span 12;
            }

            .col-start-2 {
                grid-column-start: 2;
            }

            .row-span-2 {
                grid-row: span 2 / span 2;
            }

            .row-start-1 {
                grid-row-start: 1;
            }

            .container {
                width: 100%;
            }

            @media (width >=40rem) {
                .container {
                    max-width: 40rem;
                }
            }

            @media (width >=48rem) {
                .container {
                    max-width: 48rem;
                }
            }

            @media (width >=64rem) {
                .container {
                    max-width: 64rem;
                }
            }

            @media (width >=80rem) {
                .container {
                    max-width: 80rem;
                }
            }

            @media (width >=96rem) {
                .container {
                    max-width: 96rem;
                }
            }

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

            .mx-auto {
                margin-inline: auto;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .ml-auto {
                margin-left: auto;
            }

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

            .block {
                display: block;
            }

            .flex {
                display: flex;
            }

            .grid {
                display: grid;
            }

            .inline-flex {
                display: inline-flex;
            }

            .table {
                display: table;
            }

            .table-caption {
                display: table-caption;
            }

            .table-cell {
                display: table-cell;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .h-\[var\(--radix-select-trigger-height\)\] {
                height: var(--radix-select-trigger-height);
            }

            .h-full {
                height: 100%;
            }

            .h-px {
                height: 1px;
            }

            .max-h-\(--radix-select-content-available-height\) {
                max-height: var(--radix-select-content-available-height);
            }

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

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

            .max-h-\[80vh\] {
                max-height: 80vh;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .w-full {
                width: 100%;
            }

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

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

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

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

            .max-w-\[calc\(100\%-2rem\)\] {
                max-width: calc(100% - 2rem);
            }

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

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

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

            .min-w-\[8rem\] {
                min-width: 8rem;
            }

            .min-w-\[var\(--radix-select-trigger-width\)\] {
                min-width: var(--radix-select-trigger-width);
            }

            .flex-1 {
                flex: 1;
            }

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

            .caption-bottom {
                caption-side: bottom;
            }

            .origin-\(--radix-select-content-transform-origin\) {
                transform-origin: var(--radix-select-content-transform-origin);
            }

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

            .translate-x-\[-50\%\] {
                --tw-translate-x: -50%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .translate-y-\[-50\%\] {
                --tw-translate-y: -50%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

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

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

            .cursor-default {
                cursor: default;
            }

            .cursor-pointer {
                cursor: pointer;
            }

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

            .list-inside {
                list-style-position: inside;
            }

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

            .auto-rows-min {
                grid-auto-rows: min-content;
            }

            .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-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr));
            }

            .grid-cols-\[0_1fr\] {
                grid-template-columns: 0 1fr;
            }

            .grid-rows-\[auto_auto\] {
                grid-template-rows: auto auto;
            }

            .flex-col {
                flex-direction: column;
            }

            .flex-col-reverse {
                flex-direction: column-reverse;
            }

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

            .items-center {
                align-items: center;
            }

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

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

            .justify-center {
                justify-content: center;
            }

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

            .justify-items-start {
                justify-items: start;
            }

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

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

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

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

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

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

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

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

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

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

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

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

            :where(.space-x-1 > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
            }

            :where(.space-x-2 > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
            }

            :where(.space-x-3 > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
            }

            :where(.space-x-4 > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }

            :where(.space-x-8 > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            }

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

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

            .justify-self-end {
                justify-self: flex-end;
            }

            .overflow-hidden {
                overflow: hidden;
            }

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

            .overflow-x-hidden {
                overflow-x: hidden;
            }

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

            .rounded {
                border-radius: .25rem;
            }

            .rounded-\[4px\] {
                border-radius: 4px;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .border-dashed {
                --tw-border-style: dashed;
                border-style: dashed;
            }

            .border-blue-200 {
                border-color: var(--color-blue-200);
            }

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

            .border-blue-900 {
                border-color: var(--color-blue-900);
            }

            .border-green-200 {
                border-color: var(--color-green-200);
            }

            .border-green-300 {
                border-color: var(--color-green-300);
            }

            .border-green-500 {
                border-color: var(--color-green-500);
            }

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

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

            .border-orange-200 {
                border-color: var(--color-orange-200);
            }

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

            .border-red-200 {
                border-color: var(--color-red-200);
            }

            .border-red-300 {
                border-color: var(--color-red-300);
            }

            .border-red-500 {
                border-color: var(--color-red-500);
            }

            .border-slate-200 {
                border-color: var(--color-slate-200);
            }

            .border-slate-300 {
                border-color: var(--color-slate-300);
            }

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

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

            .border-yellow-200 {
                border-color: var(--color-yellow-200);
            }

            .border-t-slate-900 {
                border-top-color: var(--color-slate-900);
            }

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

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

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

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

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

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

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

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

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

            .bg-border {
                background-color: var(--border);
            }

            .bg-card {
                background-color: var(--card);
            }

            .bg-destructive {
                background-color: var(--destructive);
            }

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

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

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

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

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

            .bg-input-background {
                background-color: var(--input-background);
            }

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

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

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

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

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

            .bg-popover {
                background-color: var(--popover);
            }

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

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

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

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

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

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

            .bg-secondary {
                background-color: var(--secondary);
            }

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

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

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

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

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

            .bg-slate-900 {
                background-color: var(--color-slate-900);
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .text-center {
                text-align: center;
            }

            .text-left {
                text-align: left;
            }

            .text-right {
                text-align: right;
            }

            .align-middle {
                vertical-align: middle;
            }

            .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-xs {
                font-size: var(--text-xs);
                line-height: var(--tw-leading, var(--text-xs--line-height));
            }

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

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

            .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-wider {
                --tw-tracking: var(--tracking-wider);
                letter-spacing: var(--tracking-wider);
            }

            .whitespace-nowrap {
                white-space: nowrap;
            }

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

            .text-blue-700 {
                color: var(--color-blue-700);
            }

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

            .text-blue-900 {
                color: var(--color-blue-900);
            }

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

            .text-current {
                color: currentColor;
            }

            .text-destructive {
                color: var(--destructive);
            }

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

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

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

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

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

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

            .text-green-900 {
                color: var(--color-green-900);
            }

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

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

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

            .text-orange-800 {
                color: var(--color-orange-800);
            }

            .text-orange-900 {
                color: var(--color-orange-900);
            }

            .text-popover-foreground {
                color: var(--popover-foreground);
            }

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

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

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

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

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

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

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

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

            .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-900 {
                color: var(--color-slate-900);
            }

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

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

            .text-yellow-800 {
                color: var(--color-yellow-800);
            }

            .underline-offset-4 {
                text-underline-offset: 4px;
            }

            .opacity-0 {
                opacity: 0;
            }

            .opacity-50 {
                opacity: .5;
            }

            .opacity-70 {
                opacity: .7;
            }

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

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

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

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

            .ring-offset-background {
                --tw-ring-offset-color: var(--background);
            }

            .outline-hidden {
                --tw-outline-style: none;
                outline-style: none;
            }

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

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

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

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

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

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

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

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

            .transition-none {
                transition-property: none;
            }

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

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

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

            @media (hover: hover) {
                .group-hover\:visible:is(:where(.group):hover *) {
                    visibility: visible;
                }
            }

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

            .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
                pointer-events: none;
            }

            .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
                opacity: .5;
            }

            .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
                cursor: not-allowed;
            }

            .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
                opacity: .5;
            }

            .selection\:bg-primary ::selection,
            .selection\:bg-primary::selection {
                background-color: var(--primary);
            }

            .selection\:text-primary-foreground ::selection,
            .selection\:text-primary-foreground::selection {
                color: var(--primary-foreground);
            }

            .file\:inline-flex::file-selector-button {
                display: inline-flex;
            }

            .file\:h-7::file-selector-button {
                height: calc(var(--spacing) * 7);
            }

            .file\:border-0::file-selector-button {
                border-style: var(--tw-border-style);
                border-width: 0;
            }

            .file\:bg-transparent::file-selector-button {
                background-color: #0000;
            }

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

            .file\:font-medium::file-selector-button {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
            }

            .file\:text-foreground::file-selector-button {
                color: var(--foreground);
            }

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

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

            @media (hover: hover) {
                .hover\:bg-accent:hover {
                    background-color: var(--accent);
                }
            }

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

            @media (hover: hover) {
                .hover\:bg-blue-800:hover {
                    background-color: var(--color-blue-800);
                }
            }

            @media (hover: hover) {
                .hover\:bg-blue-900:hover {
                    background-color: var(--color-blue-900);
                }
            }

            @media (hover: hover) {
                .hover\:bg-destructive\/90:hover {
                    background-color: var(--destructive);
                }

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

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

            @media (hover: hover) {
                .hover\:bg-green-700:hover {
                    background-color: var(--color-green-700);
                }
            }

            @media (hover: hover) {
                .hover\:bg-muted\/50:hover {
                    background-color: var(--muted);
                }

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

            @media (hover: hover) {
                .hover\:bg-primary\/90:hover {
                    background-color: var(--primary);
                }

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

            @media (hover: hover) {
                .hover\:bg-red-50:hover {
                    background-color: var(--color-red-50);
                }
            }

            @media (hover: hover) {
                .hover\:bg-secondary\/80:hover {
                    background-color: var(--secondary);
                }

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

            @media (hover: hover) {
                .hover\:bg-slate-50:hover {
                    background-color: var(--color-slate-50);
                }
            }

            @media (hover: hover) {
                .hover\:text-accent-foreground:hover {
                    color: var(--accent-foreground);
                }
            }

            @media (hover: hover) {
                .hover\:text-blue-700:hover {
                    color: var(--color-blue-700);
                }
            }

            @media (hover: hover) {
                .hover\:text-red-700:hover {
                    color: var(--color-red-700);
                }
            }

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

            @media (hover: hover) {
                .hover\:opacity-100:hover {
                    opacity: 1;
                }
            }

            @media (hover: hover) {
                .hover\:shadow-md:hover {
                    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
            }

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

            .focus\:border-blue-900:focus {
                border-color: var(--color-blue-900);
            }

            .focus\:border-red-500:focus {
                border-color: var(--color-red-500);
            }

            .focus\:bg-accent:focus {
                background-color: var(--accent);
            }

            .focus\:text-accent-foreground:focus {
                color: var(--accent-foreground);
            }

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

            .focus\:ring-blue-900:focus {
                --tw-ring-color: var(--color-blue-900);
            }

            .focus\:ring-red-500:focus {
                --tw-ring-color: var(--color-red-500);
            }

            .focus\:ring-ring:focus {
                --tw-ring-color: var(--ring);
            }

            .focus\:ring-offset-2:focus {
                --tw-ring-offset-width: 2px;
                --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            }

            .focus\:outline-hidden:focus {
                --tw-outline-style: none;
                outline-style: none;
            }

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

            .focus-visible\:border-ring:focus-visible {
                border-color: var(--ring);
            }

            .focus-visible\:ring-\[3px\]:focus-visible {
                --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }

            .focus-visible\:ring-destructive\/20:focus-visible {
                --tw-ring-color: var(--destructive);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .focus-visible\:ring-destructive\/20:focus-visible {
                    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                }
            }

            .focus-visible\:ring-ring\/50:focus-visible {
                --tw-ring-color: var(--ring);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .focus-visible\:ring-ring\/50:focus-visible {
                    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                }
            }

            .disabled\:pointer-events-none:disabled {
                pointer-events: none;
            }

            .disabled\:cursor-not-allowed:disabled {
                cursor: not-allowed;
            }

            .disabled\:opacity-50:disabled {
                opacity: .5;
            }

            .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
                grid-template-columns: 1fr auto;
            }

            .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) {
                grid-template-columns: calc(var(--spacing) * 4) 1fr;
            }

            .has-\[\>svg\]\:gap-x-3:has(> svg) {
                column-gap: calc(var(--spacing) * 3);
            }

            .has-\[\>svg\]\:px-2\.5:has(> svg) {
                padding-inline: calc(var(--spacing) * 2.5);
            }

            .has-\[\>svg\]\:px-3:has(> svg) {
                padding-inline: calc(var(--spacing) * 3);
            }

            .has-\[\>svg\]\:px-4:has(> svg) {
                padding-inline: calc(var(--spacing) * 4);
            }

            .aria-invalid\:border-destructive[aria-invalid="true"] {
                border-color: var(--destructive);
            }

            .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
                --tw-ring-color: var(--destructive);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
                    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                }
            }

            .data-\[disabled\]\:pointer-events-none[data-disabled] {
                pointer-events: none;
            }

            .data-\[disabled\]\:opacity-50[data-disabled] {
                opacity: .5;
            }

            .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
                color: var(--muted-foreground);
            }

            .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
                --tw-translate-y: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
                --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
            }

            .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
                --tw-translate-x: calc(var(--spacing) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
                --tw-enter-translate-x: calc(2 * var(--spacing));
            }

            .data-\[side\=right\]\:translate-x-1[data-side="right"] {
                --tw-translate-x: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
                --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
            }

            .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
                --tw-translate-y: calc(var(--spacing) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
                --tw-enter-translate-y: calc(2 * var(--spacing));
            }

            .data-\[size\=default\]\:h-9[data-size="default"] {
                height: calc(var(--spacing) * 9);
            }

            .data-\[size\=sm\]\:h-8[data-size="sm"] {
                height: calc(var(--spacing) * 8);
            }

            :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
                color: var(--destructive);
            }

            @supports (color: color-mix(in lab, red, red)) {
                :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
                    color: color-mix(in oklab, var(--destructive) 90%, transparent);
                }
            }

            :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
            }

            :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
                display: flex;
            }

            :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
                align-items: center;
            }

            :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
                gap: calc(var(--spacing) * 2);
            }

            .data-\[state\=checked\]\:border-primary[data-state="checked"] {
                border-color: var(--primary);
            }

            .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
                background-color: var(--primary);
            }

            .data-\[state\=checked\]\:bg-white[data-state="checked"] {
                background-color: var(--color-white);
            }

            .data-\[state\=checked\]\:text-blue-900[data-state="checked"] {
                color: var(--color-blue-900);
            }

            .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
                color: var(--primary-foreground);
            }

            .data-\[state\=closed\]\:animate-out[data-state="closed"] {
                animation: exit var(--tw-duration, .15s) var(--tw-ease, ease);
            }

            .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
                --tw-exit-opacity: 0;
            }

            .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
                --tw-exit-scale: .95;
            }

            .data-\[state\=open\]\:animate-in[data-state="open"] {
                animation: enter var(--tw-duration, .15s) var(--tw-ease, ease);
            }

            .data-\[state\=open\]\:bg-accent[data-state="open"] {
                background-color: var(--accent);
            }

            .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
                color: var(--muted-foreground);
            }

            .data-\[state\=open\]\:fade-in-0[data-state="open"] {
                --tw-enter-opacity: 0;
            }

            .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
                --tw-enter-scale: .95;
            }

            .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
                background-color: var(--muted);
            }

            @media (width >=40rem) {
                .sm\:max-w-lg {
                    max-width: var(--container-lg);
                }
            }

            @media (width >=40rem) {
                .sm\:max-w-md {
                    max-width: var(--container-md);
                }
            }

            @media (width >=40rem) {
                .sm\:flex-row {
                    flex-direction: row;
                }
            }

            @media (width >=40rem) {
                .sm\:justify-end {
                    justify-content: flex-end;
                }
            }

            @media (width >=40rem) {
                .sm\:text-left {
                    text-align: left;
                }
            }

            @media (width >=48rem) {
                .md\:col-span-2 {
                    grid-column: span 2 / span 2;
                }
            }

            @media (width >=48rem) {
                .md\:grid-cols-2 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (width >=48rem) {
                .md\:grid-cols-3 {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }
            }

            @media (width >=48rem) {
                .md\:grid-cols-4 {
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                }
            }

            @media (width >=48rem) {
                .md\:text-sm {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
            }

            @media (width >=64rem) {
                .lg\:grid-cols-3 {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }
            }

            @media (width >=64rem) {
                .lg\:grid-cols-4 {
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                }
            }

            @media (width >=64rem) {
                .lg\:grid-cols-8 {
                    grid-template-columns: repeat(8, minmax(0, 1fr));
                }
            }

            .dark\:border-input:is(.dark *) {
                border-color: var(--input);
            }

            .dark\:bg-destructive\/60:is(.dark *) {
                background-color: var(--destructive);
            }

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

            .dark\:bg-input\/30:is(.dark *) {
                background-color: var(--input);
            }

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

            @media (hover: hover) {
                .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                    background-color: var(--accent);
                }

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

            @media (hover: hover) {
                .dark\:hover\:bg-input\/50:is(.dark *):hover {
                    background-color: var(--input);
                }

                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:hover\:bg-input\/50:is(.dark *):hover {
                        background-color: color-mix(in oklab, var(--input) 50%, transparent);
                    }
                }
            }

            .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
                --tw-ring-color: var(--destructive);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
                    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
                }
            }

            .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
                --tw-ring-color: var(--destructive);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
                    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
                }
            }

            .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
                background-color: var(--primary);
            }

            .\[\&_p\]\:leading-relaxed p {
                --tw-leading: var(--leading-relaxed);
                line-height: var(--leading-relaxed);
            }

            .\[\&_svg\]\:pointer-events-none svg {
                pointer-events: none;
            }

            .\[\&_svg\]\:shrink-0 svg {
                flex-shrink: 0;
            }

            .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
                width: calc(var(--spacing) * 4);
                height: calc(var(--spacing) * 4);
            }

            .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
                color: var(--muted-foreground);
            }

            .\[\&_tr\]\:border-b tr {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 1px;
            }

            .\[\&_tr\:last-child\]\:border-0 tr:last-child {
                border-style: var(--tw-border-style);
                border-width: 0;
            }

            .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
                padding-right: calc(var(--spacing) * 0);
            }

            .\[\.border-b\]\:pb-6.border-b {
                padding-bottom: calc(var(--spacing) * 6);
            }

            .\[\.border-t\]\:pt-6.border-t {
                padding-top: calc(var(--spacing) * 6);
            }

            :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
                display: flex;
            }

            :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
                align-items: center;
            }

            :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
                gap: calc(var(--spacing) * 2);
            }

            .\[\&\:last-child\]\:pb-6:last-child {
                padding-bottom: calc(var(--spacing) * 6);
            }

            .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role="checkbox"] {
                --tw-translate-y: 2px;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .\[\&\>svg\]\:pointer-events-none>svg {
                pointer-events: none;
            }

            .\[\&\>svg\]\:size-3>svg {
                width: calc(var(--spacing) * 3);
                height: calc(var(--spacing) * 3);
            }

            .\[\&\>svg\]\:size-4>svg {
                width: calc(var(--spacing) * 4);
                height: calc(var(--spacing) * 4);
            }

            .\[\&\>svg\]\:translate-y-0\.5>svg {
                --tw-translate-y: calc(var(--spacing) * .5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }

            .\[\&\>svg\]\:text-current>svg {
                color: currentColor;
            }

            .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 0;
            }

            @media (hover: hover) {
                a.\[a\&\]\:hover\:bg-accent:hover {
                    background-color: var(--accent);
                }
            }

            @media (hover: hover) {
                a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                    background-color: var(--destructive);
                }

                @supports (color: color-mix(in lab, red, red)) {
                    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
                    }
                }
            }

            @media (hover: hover) {
                a.\[a\&\]\:hover\:bg-primary\/90:hover {
                    background-color: var(--primary);
                }

                @supports (color: color-mix(in lab, red, red)) {
                    a.\[a\&\]\:hover\:bg-primary\/90:hover {
                        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
                    }
                }
            }

            @media (hover: hover) {
                a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                    background-color: var(--secondary);
                }

                @supports (color: color-mix(in lab, red, red)) {
                    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
                    }
                }
            }

            @media (hover: hover) {
                a.\[a\&\]\:hover\:text-accent-foreground:hover {
                    color: var(--accent-foreground);
                }
            }
        }

        :root {
            --font-size: 16px;
            --background: #f3f4f6;
            --foreground: #1e293b;
            --card: #fff;
            --card-foreground: #1e293b;
            --popover: #fff;
            --popover-foreground: #1e293b;
            --primary: #003d82;
            --primary-foreground: #fff;
            --secondary: #f0f4f8;
            --secondary-foreground: #003d82;
            --muted: #f1f5f9;
            --muted-foreground: #64748b;
            --accent: #f0f4f8;
            --accent-foreground: #003d82;
            --destructive: #d4183d;
            --destructive-foreground: #fff;
            --border: #0000001a;
            --input: transparent;
            --input-background: #f3f3f5;
            --switch-background: #cbced4;
            --font-weight-medium: 500;
            --font-weight-normal: 400;
            --ring: oklch(.708 0 0);
            --chart-1: oklch(.646 .222 41.116);
            --chart-2: oklch(.6 .118 184.704);
            --chart-3: oklch(.398 .07 227.392);
            --chart-4: oklch(.828 .189 84.429);
            --chart-5: oklch(.769 .188 70.08);
            --radius: .625rem;
            --sidebar: #fff;
            --sidebar-foreground: #1e293b;
            --sidebar-primary: #003d82;
            --sidebar-primary-foreground: #fff;
            --sidebar-accent: #f0f4f8;
            --sidebar-accent-foreground: #003d82;
            --sidebar-border: #e2e8f0;
            --sidebar-ring: #64748b;
        }

        .dark {
            --background: oklch(.145 0 0);
            --foreground: oklch(.985 0 0);
            --card: oklch(.145 0 0);
            --card-foreground: oklch(.985 0 0);
            --popover: oklch(.145 0 0);
            --popover-foreground: oklch(.985 0 0);
            --primary: oklch(.985 0 0);
            --primary-foreground: oklch(.205 0 0);
            --secondary: oklch(.269 0 0);
            --secondary-foreground: oklch(.985 0 0);
            --muted: oklch(.269 0 0);
            --muted-foreground: oklch(.708 0 0);
            --accent: oklch(.269 0 0);
            --accent-foreground: oklch(.985 0 0);
            --destructive: oklch(.396 .141 25.723);
            --destructive-foreground: oklch(.637 .237 25.331);
            --border: oklch(.269 0 0);
            --input: oklch(.269 0 0);
            --ring: oklch(.439 0 0);
            --font-weight-medium: 500;
            --font-weight-normal: 400;
            --chart-1: oklch(.488 .243 264.376);
            --chart-2: oklch(.696 .17 162.48);
            --chart-3: oklch(.769 .188 70.08);
            --chart-4: oklch(.627 .265 303.9);
            --chart-5: oklch(.645 .246 16.439);
            --sidebar: oklch(.205 0 0);
            --sidebar-foreground: oklch(.985 0 0);
            --sidebar-primary: oklch(.488 .243 264.376);
            --sidebar-primary-foreground: oklch(.985 0 0);
            --sidebar-accent: oklch(.269 0 0);
            --sidebar-accent-foreground: oklch(.985 0 0);
            --sidebar-border: oklch(.269 0 0);
            --sidebar-ring: oklch(.439 0 0);
        }

        html {
            font-size: var(--font-size);
        }

        @property --tw-translate-x {
            syntax: "*";
            inherits: false;
            initial-value: 0;
        }

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

        @property --tw-translate-z {
            syntax: "*";
            inherits: false;
            initial-value: 0;
        }

        @property --tw-rotate-x {
            syntax: "*";
            inherits: false;
            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-space-y-reverse {
            syntax: "*";
            inherits: false;
            initial-value: 0;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @property --tw-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000;
        }

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

        @property --tw-shadow-alpha {
            syntax: "<percentage>";
            inherits: false;
            initial-value: 100%;
        }

        @property --tw-inset-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000;
        }

        @property --tw-inset-shadow-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-inset-shadow-alpha {
            syntax: "<percentage>";
            inherits: false;
            initial-value: 100%;
        }

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

        @property --tw-ring-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000;
        }

        @property --tw-inset-ring-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-inset-ring-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000;
        }

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

        @property --tw-ring-offset-width {
            syntax: "<length>";
            inherits: false;
            initial-value: 0;
        }

        @property --tw-ring-offset-color {
            syntax: "*";
            inherits: false;
            initial-value: #fff;
        }

        @property --tw-ring-offset-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000;
        }

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

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

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

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

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

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

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

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

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

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

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

        @property --tw-drop-shadow-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-drop-shadow-alpha {
            syntax: "<percentage>";
            inherits: false;
            initial-value: 100%;
        }

        @property --tw-drop-shadow-size {
            syntax: "*";
            inherits: false
        }

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

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes enter {
            from {
                opacity: var(--tw-enter-opacity, 1);
                transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
            }
        }

        @keyframes exit {
            to {
                opacity: var(--tw-exit-opacity, 1);
                transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
            }
        }


        html,
        body,
        #container,
        #container>div {
            height: 100%;
        }