@layer properties;
 @layer theme, base, components, utilities;

 @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-400: oklch(70.4% 0.191 22.216);
         --color-red-500: oklch(63.7% 0.237 25.331);
         --color-red-600: oklch(57.7% 0.245 27.325);
         --color-red-700: oklch(50.5% 0.213 27.518);
         --color-red-900: oklch(39.6% 0.141 25.723);
         --color-orange-400: oklch(75% 0.183 55.934);
         --color-amber-400: oklch(82.8% 0.189 84.429);
         --color-amber-500: oklch(76.9% 0.188 70.08);
         --color-yellow-400: oklch(85.2% 0.199 91.936);
         --color-yellow-500: oklch(79.5% 0.184 86.047);
         --color-yellow-600: oklch(68.1% 0.162 75.834);
         --color-yellow-700: oklch(55.4% 0.135 66.442);
         --color-green-400: oklch(79.2% 0.209 151.711);
         --color-green-500: oklch(72.3% 0.219 149.579);
         --color-green-600: oklch(62.7% 0.194 149.214);
         --color-green-700: oklch(52.7% 0.154 150.069);
         --color-green-900: oklch(39.3% 0.095 152.535);
         --color-emerald-500: oklch(69.6% 0.17 162.48);
         --color-emerald-600: oklch(59.6% 0.145 163.225);
         --color-teal-600: oklch(60% 0.118 184.704);
         --color-teal-700: oklch(51.1% 0.096 186.391);
         --color-blue-300: oklch(80.9% 0.105 251.813);
         --color-blue-400: oklch(70.7% 0.165 254.624);
         --color-blue-500: oklch(62.3% 0.214 259.815);
         --color-blue-600: oklch(54.6% 0.245 262.881);
         --color-blue-700: oklch(48.8% 0.243 264.376);
         --color-blue-900: oklch(37.9% 0.146 265.522);
         --color-indigo-400: oklch(67.3% 0.182 276.935);
         --color-indigo-600: oklch(51.1% 0.262 276.966);
         --color-indigo-700: oklch(45.7% 0.24 277.023);
         --color-violet-500: oklch(60.6% 0.25 292.717);
         --color-violet-600: oklch(54.1% 0.281 293.009);
         --color-purple-400: oklch(71.4% 0.203 305.504);
         --color-purple-500: oklch(62.7% 0.265 303.9);
         --color-purple-600: oklch(55.8% 0.288 302.321);
         --color-gray-100: oklch(96.7% 0.003 264.542);
         --color-gray-200: oklch(92.8% 0.006 264.531);
         --color-gray-300: oklch(87.2% 0.01 258.338);
         --color-gray-400: oklch(70.7% 0.022 261.325);
         --color-gray-500: oklch(55.1% 0.027 264.364);
         --color-gray-600: oklch(44.6% 0.03 256.802);
         --color-gray-700: oklch(37.3% 0.034 259.733);
         --color-gray-800: oklch(27.8% 0.033 256.848);
         --color-gray-900: oklch(21% 0.034 264.665);
         --color-gray-950: oklch(13% 0.028 261.692);
         --color-black: #000;
         --color-white: #fff;
         --spacing: 0.25rem;
         --container-lg: 32rem;
         --container-2xl: 42rem;
         --container-3xl: 48rem;
         --container-4xl: 56rem;
         --container-5xl: 64rem;
         --container-6xl: 72rem;
         --text-xs: 0.75rem;
         --text-xs--line-height: calc(1 / 0.75);
         --text-sm: 0.875rem;
         --text-sm--line-height: calc(1.25 / 0.875);
         --text-lg: 1.125rem;
         --text-lg--line-height: calc(1.75 / 1.125);
         --text-xl: 1.25rem;
         --text-xl--line-height: calc(1.75 / 1.25);
         --text-2xl: 1.5rem;
         --text-2xl--line-height: calc(2 / 1.5);
         --text-3xl: 1.875rem;
         --text-3xl--line-height: calc(2.25 / 1.875);
         --text-4xl: 2.25rem;
         --text-4xl--line-height: calc(2.5 / 2.25);
         --text-5xl: 3rem;
         --text-5xl--line-height: 1;
         --text-6xl: 3.75rem;
         --text-6xl--line-height: 1;
         --text-7xl: 4.5rem;
         --text-7xl--line-height: 1;
         --text-8xl: 6rem;
         --text-8xl--line-height: 1;
         --font-weight-medium: 500;
         --font-weight-semibold: 600;
         --font-weight-bold: 700;
         --font-weight-extrabold: 800;
         --tracking-tight: -0.025em;
         --tracking-wide: 0.025em;
         --tracking-wider: 0.05em;
         --radius-sm: 0.25rem;
         --radius-lg: 0.5rem;
         --radius-xl: 0.75rem;
         --radius-2xl: 1rem;
         --radius-3xl: 1.5rem;
         --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
         --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
         --blur-md: 12px;
         --blur-3xl: 64px;
         --default-transition-duration: 150ms;
         --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         --default-font-family: var(--font-sans);
         --default-mono-font-family: var(--font-mono);
     }
 }

 @layer base {

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

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

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

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

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

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

     b,
     strong {
         font-weight: bolder;
     }

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

     small {
         font-size: 80%;
     }

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

     sub {
         bottom: -0.25em;
     }

     sup {
         top: -0.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 {
         display: block;
         vertical-align: middle;
     }

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

     button,
     input,
     select,
     optgroup,
     textarea,
     ::file-selector-button {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         border-radius: 0;
         background-color: transparent;
         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;
     }

     ::placeholder {
         opacity: 1;
     }

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

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

     textarea {
         resize: vertical;
     }

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

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

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

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

     ::-webkit-datetime-edit,
     ::-webkit-datetime-edit-year-field,
     ::-webkit-datetime-edit-month-field,
     ::-webkit-datetime-edit-day-field,
     ::-webkit-datetime-edit-hour-field,
     ::-webkit-datetime-edit-minute-field,
     ::-webkit-datetime-edit-second-field,
     ::-webkit-datetime-edit-millisecond-field,
     ::-webkit-datetime-edit-meridiem-field {
         padding-block: 0;
     }

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

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

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

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

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

 @layer utilities {
     .pointer-events-none {
         pointer-events: none;
     }

     .visible {
         visibility: visible;
     }

     .absolute {
         position: absolute;
     }

     .fixed {
         position: fixed;
     }

     .relative {
         position: relative;
     }

     .static {
         position: static;
     }

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

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

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

     .top-1\/2 {
         top: calc(1 / 2 * 100%);
     }

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

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

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

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

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

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

     .container {
         width: 100%;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .mt-auto {
         margin-top: auto;
     }

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

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

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

     .mb-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-5 {
         margin-bottom: calc(var(--spacing) * 5);
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .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-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-48 {
         height: calc(var(--spacing) * 48);
     }

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

     .h-auto {
         height: auto;
     }

     .h-full {
         height: 100%;
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .w-full {
         width: 100%;
     }

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

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

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

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

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

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

     .max-w-none {
         max-width: none;
     }

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

     .flex-1 {
         flex: 1;
     }

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

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

     .border-collapse {
         border-collapse: collapse;
     }

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

     .translate-x-full {
         --tw-translate-x: 100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
     }

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

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

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

     .cursor-pointer {
         cursor: pointer;
     }

     .resize {
         resize: both;
     }

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

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

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

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

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

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

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

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

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

     .space-y-1 {
         :where(& > :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)));
         }
     }

     .space-y-2 {
         :where(& > :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)));
         }
     }

     .space-y-3 {
         :where(& > :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)));
         }
     }

     .space-y-4 {
         :where(& > :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)));
         }
     }

     .space-y-5 {
         :where(& > :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)));
         }
     }

     .space-y-6 {
         :where(& > :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)));
         }
     }

     .space-y-8 {
         :where(& > :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)));
         }
     }

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

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

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

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

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

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

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

     .overflow-hidden {
         overflow: hidden;
     }

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

     .rounded {
         border-radius: 0.25rem;
     }

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

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

     .rounded-full {
         border-radius: calc(infinity * 1px);
     }

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

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

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

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

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

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

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

     .border-blue-500\/30 {
         border-color: color-mix(in srgb,
                 oklch(62.3% 0.214 259.815) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             border-color: color-mix(in oklab,
                     var(--color-blue-500) 30%,
                     transparent);
         }
     }

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

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

     .border-white\/5 {
         border-color: color-mix(in srgb, #fff 5%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             border-color: color-mix(in oklab,
                     var(--color-white) 5%,
                     transparent);
         }
     }

     .border-white\/10 {
         border-color: color-mix(in srgb, #fff 10%, transparent);

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

     .border-yellow-400\/30 {
         border-color: color-mix(in srgb,
                 oklch(85.2% 0.199 91.936) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             border-color: color-mix(in oklab,
                     var(--color-yellow-400) 30%,
                     transparent);
         }
     }

     .bg-\[\#2EA043\] {
         background-color: #2ea043;
     }

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

     .bg-amber-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(76.9% 0.188 70.08) 15%,
                 transparent);

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

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

     .bg-black\/20 {
         background-color: color-mix(in srgb, #000 20%, transparent);

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

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

     .bg-blue-500\/10 {
         background-color: color-mix(in srgb,
                 oklch(62.3% 0.214 259.815) 10%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-blue-500) 10%,
                     transparent);
         }
     }

     .bg-blue-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(62.3% 0.214 259.815) 15%,
                 transparent);

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

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

     .bg-blue-600\/20 {
         background-color: color-mix(in srgb,
                 oklch(54.6% 0.245 262.881) 20%,
                 transparent);

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

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

     .bg-gray-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(55.1% 0.027 264.364) 15%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-500) 15%,
                     transparent);
         }
     }

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

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

     .bg-gray-800\/70 {
         background-color: color-mix(in srgb,
                 oklch(27.8% 0.033 256.848) 70%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-800) 70%,
                     transparent);
         }
     }

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

     .bg-gray-900\/50 {
         background-color: color-mix(in srgb,
                 oklch(21% 0.034 264.665) 50%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-900) 50%,
                     transparent);
         }
     }

     .bg-gray-900\/60 {
         background-color: color-mix(in srgb,
                 oklch(21% 0.034 264.665) 60%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-900) 60%,
                     transparent);
         }
     }

     .bg-gray-900\/70 {
         background-color: color-mix(in srgb,
                 oklch(21% 0.034 264.665) 70%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-900) 70%,
                     transparent);
         }
     }

     .bg-gray-900\/80 {
         background-color: color-mix(in srgb,
                 oklch(21% 0.034 264.665) 80%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-900) 80%,
                     transparent);
         }
     }

     .bg-gray-900\/95 {
         background-color: color-mix(in srgb,
                 oklch(21% 0.034 264.665) 95%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-gray-900) 95%,
                     transparent);
         }
     }

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

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

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

     .bg-green-500\/10 {
         background-color: color-mix(in srgb,
                 oklch(72.3% 0.219 149.579) 10%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-green-500) 10%,
                     transparent);
         }
     }

     .bg-green-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(72.3% 0.219 149.579) 15%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-green-500) 15%,
                     transparent);
         }
     }

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

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

     .bg-purple-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(62.7% 0.265 303.9) 15%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-purple-500) 15%,
                     transparent);
         }
     }

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

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

     .bg-red-500\/15 {
         background-color: color-mix(in srgb,
                 oklch(63.7% 0.237 25.331) 15%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-red-500) 15%,
                     transparent);
         }
     }

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

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

     .bg-white\/5 {
         background-color: color-mix(in srgb, #fff 5%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-white) 5%,
                     transparent);
         }
     }

     .bg-white\/10 {
         background-color: color-mix(in srgb, #fff 10%, transparent);

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

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

     .bg-yellow-600\/90 {
         background-color: color-mix(in srgb,
                 oklch(68.1% 0.162 75.834) 90%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             background-color: color-mix(in oklab,
                     var(--color-yellow-600) 90%,
                     transparent);
         }
     }

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

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

     .from-black\/70 {
         --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);

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

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

     .from-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-emerald-500 {
         --tw-gradient-from: var(--color-emerald-500);
         --tw-gradient-stops: var(--tw-gradient-via-stops,
                 var(--tw-gradient-position),
                 var(--tw-gradient-from) var(--tw-gradient-from-position),
                 var(--tw-gradient-to) var(--tw-gradient-to-position));
     }

     .from-gray-900 {
         --tw-gradient-from: var(--color-gray-900);
         --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-black\/60 {
         --tw-gradient-via: color-mix(in srgb, #000 60%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-gradient-via: color-mix(in oklab,
                     var(--color-black) 60%,
                     transparent);
         }

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

     .via-gray-900 {
         --tw-gradient-via: var(--color-gray-900);
         --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-gray-900 {
         --tw-gradient-to: var(--color-gray-900);
         --tw-gradient-stops: var(--tw-gradient-via-stops,
                 var(--tw-gradient-position),
                 var(--tw-gradient-from) var(--tw-gradient-from-position),
                 var(--tw-gradient-to) var(--tw-gradient-to-position));
     }

     .to-gray-950 {
         --tw-gradient-to: var(--color-gray-950);
         --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-red-600 {
         --tw-gradient-to: var(--color-red-600);
         --tw-gradient-stops: var(--tw-gradient-via-stops,
                 var(--tw-gradient-position),
                 var(--tw-gradient-from) var(--tw-gradient-from-position),
                 var(--tw-gradient-to) var(--tw-gradient-to-position));
     }

     .to-teal-600 {
         --tw-gradient-to: var(--color-teal-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));
     }

     .bg-cover {
         background-size: cover;
     }

     .bg-clip-text {
         background-clip: text;
     }

     .bg-center {
         background-position: center;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .py-0\.5 {
         padding-block: calc(var(--spacing) * 0.5);
     }

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

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

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

     .py-2\.5 {
         padding-block: calc(var(--spacing) * 2.5);
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .font-\[\'Inter\'\,sans-serif\] {
         font-family: "Inter", sans-serif;
     }

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

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

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

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

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

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

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

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

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

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

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

     .whitespace-pre-wrap {
         white-space: pre-wrap;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .text-transparent {
         color: transparent;
     }

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

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

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

     .uppercase {
         text-transform: uppercase;
     }

     .placeholder-gray-500 {
         &::placeholder {
             color: var(--color-gray-500);
         }
     }

     .opacity-0 {
         opacity: 0%;
     }

     .opacity-60 {
         opacity: 60%;
     }

     .opacity-75 {
         opacity: 75%;
     }

     .opacity-90 {
         opacity: 90%;
     }

     .opacity-100 {
         opacity: 100%;
     }

     .shadow {
         --tw-shadow:
             0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
             0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         box-shadow:
             var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
             var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
             var(--tw-shadow);
     }

     .shadow-2xl {
         --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
         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, rgb(0 0 0 / 0.1)),
             0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         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, rgb(0 0 0 / 0.1)),
             0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         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, rgb(0 0 0 / 0.1)),
             0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         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, rgb(0 0 0 / 0.1)),
             0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         box-shadow:
             var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
             var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
             var(--tw-shadow);
     }

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

     .shadow-black\/20 {
         --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-black\/30 {
         --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-black\/40 {
         --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-blue-500\/30 {
         --tw-shadow-color: color-mix(in srgb,
                 oklch(62.3% 0.214 259.815) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-blue-900\/40 {
         --tw-shadow-color: color-mix(in srgb,
                 oklch(37.9% 0.146 265.522) 40%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-blue-900) 40%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-emerald-500\/30 {
         --tw-shadow-color: color-mix(in srgb,
                 oklch(69.6% 0.17 162.48) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-green-900\/40 {
         --tw-shadow-color: color-mix(in srgb,
                 oklch(39.3% 0.095 152.535) 40%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-green-900) 40%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .shadow-red-900\/40 {
         --tw-shadow-color: color-mix(in srgb,
                 oklch(39.6% 0.141 25.723) 40%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-shadow-color: color-mix(in oklab,
                     color-mix(in oklab, var(--color-red-900) 40%, transparent) var(--tw-shadow-alpha),
                     transparent);
         }
     }

     .ring-amber-500\/30 {
         --tw-ring-color: color-mix(in srgb,
                 oklch(76.9% 0.188 70.08) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-ring-color: color-mix(in oklab,
                     var(--color-amber-500) 30%,
                     transparent);
         }
     }

     .ring-gray-400\/30 {
         --tw-ring-color: color-mix(in srgb,
                 oklch(70.7% 0.022 261.325) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-ring-color: color-mix(in oklab,
                     var(--color-gray-400) 30%,
                     transparent);
         }
     }

     .ring-green-500\/30 {
         --tw-ring-color: color-mix(in srgb,
                 oklch(72.3% 0.219 149.579) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-ring-color: color-mix(in oklab,
                     var(--color-green-500) 30%,
                     transparent);
         }
     }

     .ring-red-500\/30 {
         --tw-ring-color: color-mix(in srgb,
                 oklch(63.7% 0.237 25.331) 30%,
                 transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-ring-color: color-mix(in oklab,
                     var(--color-red-500) 30%,
                     transparent);
         }
     }

     .ring-white\/10 {
         --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);

         @supports (color: color-mix(in lab, red, red)) {
             --tw-ring-color: color-mix(in oklab,
                     var(--color-white) 10%,
                     transparent);
         }
     }

     .blur-3xl {
         --tw-blur: blur(var(--blur-3xl));
         filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }

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

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

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

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

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

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

     .duration-200 {
         --tw-duration: 200ms;
         transition-duration: 200ms;
     }

     .duration-300 {
         --tw-duration: 300ms;
         transition-duration: 300ms;
     }

     .ease-in-out {
         --tw-ease: var(--ease-in-out);
         transition-timing-function: var(--ease-in-out);
     }

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

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

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

     .group-hover\:rotate-12 {
         &:is(:where(.group):hover *) {
             @media (hover: hover) {
                 rotate: 12deg;
             }
         }
     }

     .hover\:-translate-y-0\.5 {
         &:hover {
             @media (hover: hover) {
                 --tw-translate-y: calc(var(--spacing) * -0.5);
                 translate: var(--tw-translate-x) var(--tw-translate-y);
             }
         }
     }

     .hover\:-translate-y-1 {
         &:hover {
             @media (hover: hover) {
                 --tw-translate-y: calc(var(--spacing) * -1);
                 translate: var(--tw-translate-x) var(--tw-translate-y);
             }
         }
     }

     .hover\:scale-\[1\.03\] {
         &:hover {
             @media (hover: hover) {
                 scale: 1.03;
             }
         }
     }

     .hover\:border-blue-500\/40 {
         &:hover {
             @media (hover: hover) {
                 border-color: color-mix(in srgb,
                         oklch(62.3% 0.214 259.815) 40%,
                         transparent);

                 @supports (color: color-mix(in lab, red, red)) {
                     border-color: color-mix(in oklab,
                             var(--color-blue-500) 40%,
                             transparent);
                 }
             }
         }
     }

     .hover\:border-white\/10 {
         &:hover {
             @media (hover: hover) {
                 border-color: color-mix(in srgb, #fff 10%, transparent);

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

     .hover\:bg-\[\#2C974B\] {
         &:hover {
             @media (hover: hover) {
                 background-color: #2c974b;
             }
         }
     }

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

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

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

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

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

     .hover\:bg-gray-700\/70 {
         &:hover {
             @media (hover: hover) {
                 background-color: color-mix(in srgb,
                         oklch(37.3% 0.034 259.733) 70%,
                         transparent);

                 @supports (color: color-mix(in lab, red, red)) {
                     background-color: color-mix(in oklab,
                             var(--color-gray-700) 70%,
                             transparent);
                 }
             }
         }
     }

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

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

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

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

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

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

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

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

     .hover\:bg-white\/10 {
         &:hover {
             @media (hover: hover) {
                 background-color: color-mix(in srgb, #fff 10%, transparent);

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

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

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

     .hover\:from-blue-600 {
         &:hover {
             @media (hover: hover) {
                 --tw-gradient-from: var(--color-blue-600);
                 --tw-gradient-stops: var(--tw-gradient-via-stops,
                         var(--tw-gradient-position),
                         var(--tw-gradient-from) var(--tw-gradient-from-position),
                         var(--tw-gradient-to) var(--tw-gradient-to-position));
             }
         }
     }

     .hover\:from-emerald-600 {
         &:hover {
             @media (hover: hover) {
                 --tw-gradient-from: var(--color-emerald-600);
                 --tw-gradient-stops: var(--tw-gradient-via-stops,
                         var(--tw-gradient-position),
                         var(--tw-gradient-from) var(--tw-gradient-from-position),
                         var(--tw-gradient-to) var(--tw-gradient-to-position));
             }
         }
     }

     .hover\:to-indigo-700 {
         &:hover {
             @media (hover: hover) {
                 --tw-gradient-to: var(--color-indigo-700);
                 --tw-gradient-stops: var(--tw-gradient-via-stops,
                         var(--tw-gradient-position),
                         var(--tw-gradient-from) var(--tw-gradient-from-position),
                         var(--tw-gradient-to) var(--tw-gradient-to-position));
             }
         }
     }

     .hover\:to-teal-700 {
         &:hover {
             @media (hover: hover) {
                 --tw-gradient-to: var(--color-teal-700);
                 --tw-gradient-stops: var(--tw-gradient-via-stops,
                         var(--tw-gradient-position),
                         var(--tw-gradient-from) var(--tw-gradient-from-position),
                         var(--tw-gradient-to) var(--tw-gradient-to-position));
             }
         }
     }

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

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

     .hover\:text-white {
         &:hover {
             @media (hover: hover) {
                 color: var(--color-white);
             }
         }
     }

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

     .hover\:shadow-xl {
         &:hover {
             @media (hover: hover) {
                 --tw-shadow:
                     0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
                     0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                 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-black\/30 {
         &:hover {
             @media (hover: hover) {
                 --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);

                 @supports (color: color-mix(in lab, red, red)) {
                     --tw-shadow-color: color-mix(in oklab,
                             color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha),
                             transparent);
                 }
             }
         }
     }

     .focus\:border-blue-500\/60 {
         &:focus {
             border-color: color-mix(in srgb,
                     oklch(62.3% 0.214 259.815) 60%,
                     transparent);

             @supports (color: color-mix(in lab, red, red)) {
                 border-color: color-mix(in oklab,
                         var(--color-blue-500) 60%,
                         transparent);
             }
         }
     }

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

     .focus\:ring-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-500\/40 {
         &:focus {
             --tw-ring-color: color-mix(in srgb,
                     oklch(62.3% 0.214 259.815) 40%,
                     transparent);

             @supports (color: color-mix(in lab, red, red)) {
                 --tw-ring-color: color-mix(in oklab,
                         var(--color-blue-500) 40%,
                         transparent);
             }
         }
     }

     .focus\:ring-blue-500\/50 {
         &:focus {
             --tw-ring-color: color-mix(in srgb,
                     oklch(62.3% 0.214 259.815) 50%,
                     transparent);

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

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

     .active\:bg-blue-700 {
         &:active {
             background-color: var(--color-blue-700);
         }
     }

     .sm\:block {
         @media (width >=40rem) {
             display: block;
         }
     }

     .sm\:table-cell {
         @media (width >=40rem) {
             display: table-cell;
         }
     }

     .sm\:w-72 {
         @media (width >=40rem) {
             width: calc(var(--spacing) * 72);
         }
     }

     .sm\:w-\[400px\] {
         @media (width >=40rem) {
             width: 400px;
         }
     }

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

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

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

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

     .md\:mb-0 {
         @media (width >=48rem) {
             margin-bottom: calc(var(--spacing) * 0);
         }
     }

     .md\:flex {
         @media (width >=48rem) {
             display: flex;
         }
     }

     .md\:hidden {
         @media (width >=48rem) {
             display: none;
         }
     }

     .md\:w-1\/2 {
         @media (width >=48rem) {
             width: calc(1 / 2 * 100%);
         }
     }

     .md\:w-52 {
         @media (width >=48rem) {
             width: calc(var(--spacing) * 52);
         }
     }

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

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

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

     .md\:flex-row-reverse {
         @media (width >=48rem) {
             flex-direction: row-reverse;
         }
     }

     .md\:items-start {
         @media (width >=48rem) {
             align-items: flex-start;
         }
     }

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

     .md\:justify-start {
         @media (width >=48rem) {
             justify-content: flex-start;
         }
     }

     .md\:space-y-0 {
         @media (width >=48rem) {
             :where(& > :not(:last-child)) {
                 --tw-space-y-reverse: 0;
                 margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
                 margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
             }
         }
     }

     .md\:space-y-32 {
         @media (width >=48rem) {
             :where(& > :not(:last-child)) {
                 --tw-space-y-reverse: 0;
                 margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
                 margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
             }
         }
     }

     .md\:space-x-4 {
         @media (width >=48rem) {
             :where(& > :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)));
             }
         }
     }

     .md\:px-8 {
         @media (width >=48rem) {
             padding-inline: calc(var(--spacing) * 8);
         }
     }

     .md\:pr-8 {
         @media (width >=48rem) {
             padding-right: calc(var(--spacing) * 8);
         }
     }

     .md\:pl-8 {
         @media (width >=48rem) {
             padding-left: calc(var(--spacing) * 8);
         }
     }

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

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

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

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

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

     .lg\:flex-row-reverse {
         @media (width >=64rem) {
             flex-direction: row-reverse;
         }
     }

     .lg\:justify-start {
         @media (width >=64rem) {
             justify-content: flex-start;
         }
     }

     .lg\:px-6 {
         @media (width >=64rem) {
             padding-inline: calc(var(--spacing) * 6);
         }
     }

     .lg\:px-16 {
         @media (width >=64rem) {
             padding-inline: calc(var(--spacing) * 16);
         }
     }

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

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

     .xl\:px-24 {
         @media (width >=80rem) {
             padding-inline: calc(var(--spacing) * 24);
         }
     }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 @property --tw-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: 0px;
 }

 @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-blur {
     syntax: "*";
     inherits: false;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 @keyframes ping {

     75%,
     100% {
         transform: scale(2);
         opacity: 0;
     }
 }

 @layer properties {
     @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

         *,
         ::before,
         ::after,
         ::backdrop {
             --tw-translate-x: 0;
             --tw-translate-y: 0;
             --tw-translate-z: 0;
             --tw-rotate-x: initial;
             --tw-rotate-y: initial;
             --tw-rotate-z: initial;
             --tw-skew-x: initial;
             --tw-skew-y: initial;
             --tw-space-y-reverse: 0;
             --tw-divide-y-reverse: 0;
             --tw-border-style: solid;
             --tw-gradient-position: initial;
             --tw-gradient-from: #0000;
             --tw-gradient-via: #0000;
             --tw-gradient-to: #0000;
             --tw-gradient-stops: initial;
             --tw-gradient-via-stops: initial;
             --tw-gradient-from-position: 0%;
             --tw-gradient-via-position: 50%;
             --tw-gradient-to-position: 100%;
             --tw-font-weight: initial;
             --tw-tracking: initial;
             --tw-shadow: 0 0 #0000;
             --tw-shadow-color: initial;
             --tw-shadow-alpha: 100%;
             --tw-inset-shadow: 0 0 #0000;
             --tw-inset-shadow-color: initial;
             --tw-inset-shadow-alpha: 100%;
             --tw-ring-color: initial;
             --tw-ring-shadow: 0 0 #0000;
             --tw-inset-ring-color: initial;
             --tw-inset-ring-shadow: 0 0 #0000;
             --tw-ring-inset: initial;
             --tw-ring-offset-width: 0px;
             --tw-ring-offset-color: #fff;
             --tw-ring-offset-shadow: 0 0 #0000;
             --tw-blur: initial;
             --tw-brightness: initial;
             --tw-contrast: initial;
             --tw-grayscale: initial;
             --tw-hue-rotate: initial;
             --tw-invert: initial;
             --tw-opacity: initial;
             --tw-saturate: initial;
             --tw-sepia: initial;
             --tw-drop-shadow: initial;
             --tw-drop-shadow-color: initial;
             --tw-drop-shadow-alpha: 100%;
             --tw-drop-shadow-size: initial;
             --tw-backdrop-blur: initial;
             --tw-backdrop-brightness: initial;
             --tw-backdrop-contrast: initial;
             --tw-backdrop-grayscale: initial;
             --tw-backdrop-hue-rotate: initial;
             --tw-backdrop-invert: initial;
             --tw-backdrop-opacity: initial;
             --tw-backdrop-saturate: initial;
             --tw-backdrop-sepia: initial;
             --tw-duration: initial;
             --tw-ease: initial;
             --tw-scale-x: 1;
             --tw-scale-y: 1;
             --tw-scale-z: 1;
             --tw-space-x-reverse: 0;
         }
     }
 }