flowcore-fn 9.1.1 → 9.2.2

package/dist/pkg-index.css

@@ -31,9 +31,20 @@
     --fc-color-red-400: oklch(70.4% 0.191 22.216);
     --fc-color-red-500: oklch(63.7% 0.237 25.331);
     --fc-color-red-600: oklch(57.7% 0.245 27.325);
+    --fc-color-red-700: oklch(50.5% 0.213 27.518);
+    --fc-color-orange-50: oklch(98% 0.016 73.684);
+    --fc-color-amber-100: oklch(96.2% 0.059 95.617);
+    --fc-color-amber-200: oklch(92.4% 0.12 95.746);
     --fc-color-amber-500: oklch(76.9% 0.188 70.08);
+    --fc-color-amber-700: oklch(55.5% 0.163 48.998);
+    --fc-color-green-100: oklch(96.2% 0.044 156.743);
     --fc-color-green-600: oklch(62.7% 0.194 149.214);
+    --fc-color-green-700: oklch(52.7% 0.154 150.069);
+    --fc-color-emerald-50: oklch(97.9% 0.021 166.113);
     --fc-color-emerald-100: oklch(95% 0.052 163.051);
+    --fc-color-emerald-200: oklch(90.5% 0.093 164.15);
+    --fc-color-emerald-400: oklch(76.5% 0.177 163.223);
+    --fc-color-emerald-500: oklch(69.6% 0.17 162.48);
     --fc-color-emerald-600: oklch(59.6% 0.145 163.225);
     --fc-color-emerald-700: oklch(50.8% 0.118 165.612);
     --fc-color-cyan-200: oklch(91.7% 0.08 205.041);
@@ -45,11 +56,17 @@
     --fc-color-blue-600: oklch(54.6% 0.245 262.881);
     --fc-color-blue-700: oklch(48.8% 0.243 264.376);
     --fc-color-indigo-50: oklch(96.2% 0.018 272.314);
+    --fc-color-indigo-100: oklch(93% 0.034 272.788);
     --fc-color-indigo-500: oklch(58.5% 0.233 277.117);
     --fc-color-indigo-600: oklch(51.1% 0.262 276.966);
+    --fc-color-indigo-700: oklch(45.7% 0.24 277.023);
+    --fc-color-indigo-950: oklch(25.7% 0.09 281.288);
+    --fc-color-purple-500: oklch(62.7% 0.265 303.9);
     --fc-color-rose-50: oklch(96.9% 0.015 12.422);
     --fc-color-rose-100: oklch(94.1% 0.03 12.58);
+    --fc-color-rose-200: oklch(89.2% 0.058 10.001);
     --fc-color-rose-600: oklch(58.6% 0.253 17.585);
+    --fc-color-rose-700: oklch(51.4% 0.222 16.935);
     --fc-color-slate-50: oklch(98.4% 0.003 247.858);
     --fc-color-slate-100: oklch(96.8% 0.007 247.896);
     --fc-color-slate-200: oklch(92.9% 0.013 255.508);
@@ -92,6 +109,8 @@
     --fc-text-xl--line-height: calc(1.75 / 1.25);
     --fc-text-2xl: 1.5rem;
     --fc-text-2xl--line-height: calc(2 / 1.5);
+    --fc-text-3xl: 1.875rem;
+    --fc-text-3xl--line-height: calc(2.25 / 1.875);
     --fc-font-weight-normal: 400;
     --fc-font-weight-medium: 500;
     --fc-font-weight-semibold: 600;
@@ -108,7 +127,9 @@
     --fc-radius-3xl: 1.5rem;
     --fc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --fc-animate-spin: spin 1s linear infinite;
+    --fc-animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --fc-blur-sm: 8px;
+    --fc-blur-md: 12px;
     --fc-blur-xl: 24px;
     --fc-blur-3xl: 64px;
     --fc-default-transition-duration: 150ms;
@@ -333,6 +354,9 @@
   .fc\:sticky {
     position: sticky;
   }
+  .fc\:-inset-0\.5 {
+    inset: calc(var(--fc-spacing) * -0.5);
+  }
   .fc\:inset-0 {
     inset: 0;
   }
@@ -348,9 +372,18 @@
   .fc\:top-0 {
     top: 0;
   }
+  .fc\:top-0\.5 {
+    top: calc(var(--fc-spacing) * 0.5);
+  }
+  .fc\:top-3 {
+    top: calc(var(--fc-spacing) * 3);
+  }
   .fc\:top-4 {
     top: calc(var(--fc-spacing) * 4);
   }
+  .fc\:top-5 {
+    top: calc(var(--fc-spacing) * 5);
+  }
   .fc\:top-\[30px\] {
     top: 30px;
   }
@@ -360,9 +393,15 @@
   .fc\:right-0 {
     right: 0;
   }
+  .fc\:right-3\.5 {
+    right: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:right-4 {
     right: calc(var(--fc-spacing) * 4);
   }
+  .fc\:right-6 {
+    right: calc(var(--fc-spacing) * 6);
+  }
   .fc\:-bottom-10 {
     bottom: calc(var(--fc-spacing) * -10);
   }
@@ -375,8 +414,20 @@
   .fc\:left-0 {
     left: 0;
   }
-  .fc\:left-\[20px\] {
-    left: 20px;
+  .fc\:left-0\.5 {
+    left: calc(var(--fc-spacing) * 0.5);
+  }
+  .fc\:left-3 {
+    left: calc(var(--fc-spacing) * 3);
+  }
+  .fc\:left-3\.5 {
+    left: calc(var(--fc-spacing) * 3.5);
+  }
+  .fc\:left-5 {
+    left: calc(var(--fc-spacing) * 5);
+  }
+  .fc\:left-\[px\] {
+    left: px;
   }
   .fc\:z-10 {
     z-index: 10;
@@ -411,6 +462,12 @@
   .fc\:mt-2 {
     margin-top: calc(var(--fc-spacing) * 2);
   }
+  .fc\:mt-2\.5 {
+    margin-top: calc(var(--fc-spacing) * 2.5);
+  }
+  .fc\:mt-3 {
+    margin-top: calc(var(--fc-spacing) * 3);
+  }
   .fc\:mt-4 {
     margin-top: calc(var(--fc-spacing) * 4);
   }
@@ -420,6 +477,9 @@
   .fc\:mt-6 {
     margin-top: calc(var(--fc-spacing) * 6);
   }
+  .fc\:mt-8 {
+    margin-top: calc(var(--fc-spacing) * 8);
+  }
   .fc\:mt-\[39px\] {
     margin-top: 39px;
   }
@@ -435,6 +495,9 @@
   .fc\:mb-2 {
     margin-bottom: calc(var(--fc-spacing) * 2);
   }
+  .fc\:mb-2\.5 {
+    margin-bottom: calc(var(--fc-spacing) * 2.5);
+  }
   .fc\:mb-3 {
     margin-bottom: calc(var(--fc-spacing) * 3);
   }
@@ -447,6 +510,9 @@
   .fc\:mb-6 {
     margin-bottom: calc(var(--fc-spacing) * 6);
   }
+  .fc\:mb-8 {
+    margin-bottom: calc(var(--fc-spacing) * 8);
+  }
   .fc\:mb-\[19px\] {
     margin-bottom: 19px;
   }
@@ -483,9 +549,18 @@
   .fc\:h-1 {
     height: var(--fc-spacing);
   }
+  .fc\:h-1\.5 {
+    height: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:h-2 {
     height: calc(var(--fc-spacing) * 2);
   }
+  .fc\:h-2\.5 {
+    height: calc(var(--fc-spacing) * 2.5);
+  }
+  .fc\:h-3\.5 {
+    height: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:h-4 {
     height: calc(var(--fc-spacing) * 4);
   }
@@ -513,12 +588,18 @@
   .fc\:h-10 {
     height: calc(var(--fc-spacing) * 10);
   }
+  .fc\:h-11 {
+    height: calc(var(--fc-spacing) * 11);
+  }
   .fc\:h-12 {
     height: calc(var(--fc-spacing) * 12);
   }
   .fc\:h-14 {
     height: calc(var(--fc-spacing) * 14);
   }
+  .fc\:h-16 {
+    height: calc(var(--fc-spacing) * 16);
+  }
   .fc\:h-32 {
     height: calc(var(--fc-spacing) * 32);
   }
@@ -582,12 +663,24 @@
   .fc\:min-h-screen {
     min-height: 100vh;
   }
+  .fc\:w-0 {
+    width: 0;
+  }
+  .fc\:w-1\.5 {
+    width: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
   .fc\:w-2 {
     width: calc(var(--fc-spacing) * 2);
   }
+  .fc\:w-2\.5 {
+    width: calc(var(--fc-spacing) * 2.5);
+  }
+  .fc\:w-3\.5 {
+    width: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:w-4 {
     width: calc(var(--fc-spacing) * 4);
   }
@@ -669,6 +762,18 @@
   .fc\:w-\[46px\] {
     width: 46px;
   }
+  .fc\:w-\[285px\] {
+    width: 285px;
+  }
+  .fc\:w-\[390px\] {
+    width: 390px;
+  }
+  .fc\:w-\[550px\] {
+    width: 550px;
+  }
+  .fc\:w-\[650px\] {
+    width: 650px;
+  }
   .fc\:w-full {
     width: 100%;
   }
@@ -702,6 +807,9 @@
   .fc\:min-w-\[28px\] {
     min-width: 28px;
   }
+  .fc\:min-w-\[285px\] {
+    min-width: 285px;
+  }
   .fc\:min-w-\[900px\] {
     min-width: 900px;
   }
@@ -740,6 +848,10 @@
     --tw-translate-x: 0;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .fc\:translate-x-4\.5 {
+    --tw-translate-x: calc(var(--fc-spacing) * 4.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fc\:translate-x-5 {
     --tw-translate-x: calc(var(--fc-spacing) * 5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -750,6 +862,12 @@
     --tw-scale-z: 100%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
+  .fc\:scale-110 {
+    --tw-scale-x: 110%;
+    --tw-scale-y: 110%;
+    --tw-scale-z: 110%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .fc\:skew-x-12 {
     --tw-skew-x: skewX(12deg);
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@@ -757,6 +875,9 @@
   .fc\:transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .fc\:animate-ping {
+    animation: var(--fc-animate-ping);
+  }
   .fc\:animate-spin {
     animation: var(--fc-animate-spin);
   }
@@ -769,6 +890,9 @@
   .fc\:resize-none {
     resize: none;
   }
+  .fc\:appearance-none {
+    appearance: none;
+  }
   .fc\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -919,6 +1043,9 @@
   .fc\:rounded-\[10px\] {
     border-radius: 10px;
   }
+  .fc\:rounded-\[22px\] {
+    border-radius: 22px;
+  }
   .fc\:rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -964,9 +1091,33 @@
   .fc\:border-\[\#EDF0F5\] {
     border-color: #EDF0F5;
   }
+  .fc\:border-amber-200\/60 {
+    border-color: var(--fc-color-amber-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-amber-200) 60%, transparent);
+    }
+  }
   .fc\:border-blue-100 {
     border-color: var(--fc-color-blue-100);
   }
+  .fc\:border-blue-200\/60 {
+    border-color: var(--fc-color-blue-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-blue-200) 60%, transparent);
+    }
+  }
+  .fc\:border-emerald-200 {
+    border-color: var(--fc-color-emerald-200);
+  }
+  .fc\:border-emerald-200\/60 {
+    border-color: var(--fc-color-emerald-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-emerald-200) 60%, transparent);
+    }
+  }
+  .fc\:border-emerald-500 {
+    border-color: var(--fc-color-emerald-500);
+  }
   .fc\:border-gray-100 {
     border-color: var(--fc-color-gray-100);
   }
@@ -976,9 +1127,27 @@
   .fc\:border-gray-300 {
     border-color: var(--fc-color-gray-300);
   }
+  .fc\:border-indigo-100 {
+    border-color: var(--fc-color-indigo-100);
+  }
+  .fc\:border-indigo-500 {
+    border-color: var(--fc-color-indigo-500);
+  }
   .fc\:border-red-100 {
     border-color: var(--fc-color-red-100);
   }
+  .fc\:border-red-500 {
+    border-color: var(--fc-color-red-500);
+  }
+  .fc\:border-rose-200 {
+    border-color: var(--fc-color-rose-200);
+  }
+  .fc\:border-rose-200\/60 {
+    border-color: var(--fc-color-rose-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-rose-200) 60%, transparent);
+    }
+  }
   .fc\:border-slate-50 {
     border-color: var(--fc-color-slate-50);
   }
@@ -994,6 +1163,12 @@
   .fc\:border-slate-200 {
     border-color: var(--fc-color-slate-200);
   }
+  .fc\:border-slate-200\/70 {
+    border-color: var(--fc-color-slate-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-slate-200) 70%, transparent);
+    }
+  }
   .fc\:border-slate-200\/80 {
     border-color: var(--fc-color-slate-200);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1003,6 +1178,15 @@
   .fc\:border-slate-300 {
     border-color: var(--fc-color-slate-300);
   }
+  .fc\:border-slate-400 {
+    border-color: var(--fc-color-slate-400);
+  }
+  .fc\:border-slate-500 {
+    border-color: var(--fc-color-slate-500);
+  }
+  .fc\:border-slate-600 {
+    border-color: var(--fc-color-slate-600);
+  }
   .fc\:border-transparent {
     border-color: transparent;
   }
@@ -1015,6 +1199,9 @@
   .fc\:bg-\[\#f5f7fb\] {
     background-color: #f5f7fb;
   }
+  .fc\:bg-amber-100 {
+    background-color: var(--fc-color-amber-100);
+  }
   .fc\:bg-amber-500 {
     background-color: var(--fc-color-amber-500);
   }
@@ -1030,6 +1217,12 @@
       background-color: color-mix(in oklab, var(--fc-color-black) 20%, transparent);
     }
   }
+  .fc\:bg-black\/25 {
+    background-color: var(--fc-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-black) 25%, transparent);
+    }
+  }
   .fc\:bg-black\/40 {
     background-color: var(--fc-color-black);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1039,6 +1232,9 @@
   .fc\:bg-blue-50 {
     background-color: var(--fc-color-blue-50);
   }
+  .fc\:bg-blue-100 {
+    background-color: var(--fc-color-blue-100);
+  }
   .fc\:bg-blue-100\/70 {
     background-color: var(--fc-color-blue-100);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1060,9 +1256,27 @@
       background-color: color-mix(in oklab, var(--fc-color-cyan-200) 20%, transparent);
     }
   }
+  .fc\:bg-emerald-50\/30 {
+    background-color: var(--fc-color-emerald-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-emerald-50) 30%, transparent);
+    }
+  }
+  .fc\:bg-emerald-50\/40 {
+    background-color: var(--fc-color-emerald-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-emerald-50) 40%, transparent);
+    }
+  }
   .fc\:bg-emerald-100 {
     background-color: var(--fc-color-emerald-100);
   }
+  .fc\:bg-emerald-400 {
+    background-color: var(--fc-color-emerald-400);
+  }
+  .fc\:bg-emerald-500 {
+    background-color: var(--fc-color-emerald-500);
+  }
   .fc\:bg-gray-50 {
     background-color: var(--fc-color-gray-50);
   }
@@ -1084,15 +1298,33 @@
   .fc\:bg-gray-200 {
     background-color: var(--fc-color-gray-200);
   }
+  .fc\:bg-gray-300 {
+    background-color: var(--fc-color-gray-300);
+  }
+  .fc\:bg-green-100 {
+    background-color: var(--fc-color-green-100);
+  }
   .fc\:bg-indigo-50 {
     background-color: var(--fc-color-indigo-50);
   }
+  .fc\:bg-indigo-50\/40 {
+    background-color: var(--fc-color-indigo-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-indigo-50) 40%, transparent);
+    }
+  }
   .fc\:bg-indigo-600 {
     background-color: var(--fc-color-indigo-600);
   }
+  .fc\:bg-orange-50 {
+    background-color: var(--fc-color-orange-50);
+  }
   .fc\:bg-red-50 {
     background-color: var(--fc-color-red-50);
   }
+  .fc\:bg-red-100 {
+    background-color: var(--fc-color-red-100);
+  }
   .fc\:bg-red-500 {
     background-color: var(--fc-color-red-500);
   }
@@ -1123,12 +1355,24 @@
       background-color: color-mix(in oklab, var(--fc-color-slate-50) 30%, transparent);
     }
   }
+  .fc\:bg-slate-50\/40 {
+    background-color: var(--fc-color-slate-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-slate-50) 40%, transparent);
+    }
+  }
   .fc\:bg-slate-50\/50 {
     background-color: var(--fc-color-slate-50);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-slate-50) 50%, transparent);
     }
   }
+  .fc\:bg-slate-50\/60 {
+    background-color: var(--fc-color-slate-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-slate-50) 60%, transparent);
+    }
+  }
   .fc\:bg-slate-50\/70 {
     background-color: var(--fc-color-slate-50);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1138,15 +1382,39 @@
   .fc\:bg-slate-100 {
     background-color: var(--fc-color-slate-100);
   }
+  .fc\:bg-slate-100\/60 {
+    background-color: var(--fc-color-slate-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-slate-100) 60%, transparent);
+    }
+  }
   .fc\:bg-slate-200 {
     background-color: var(--fc-color-slate-200);
   }
+  .fc\:bg-slate-300 {
+    background-color: var(--fc-color-slate-300);
+  }
+  .fc\:bg-slate-400 {
+    background-color: var(--fc-color-slate-400);
+  }
+  .fc\:bg-slate-500 {
+    background-color: var(--fc-color-slate-500);
+  }
+  .fc\:bg-slate-600 {
+    background-color: var(--fc-color-slate-600);
+  }
   .fc\:bg-slate-900\/50 {
     background-color: var(--fc-color-slate-900);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-slate-900) 50%, transparent);
     }
   }
+  .fc\:bg-slate-900\/60 {
+    background-color: var(--fc-color-slate-900);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-slate-900) 60%, transparent);
+    }
+  }
   .fc\:bg-white {
     background-color: var(--fc-color-white);
   }
@@ -1182,6 +1450,18 @@
     --tw-gradient-from: var(--fc-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));
   }
+  .fc\:from-indigo-50 {
+    --tw-gradient-from: var(--fc-color-indigo-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));
+  }
+  .fc\:from-indigo-500 {
+    --tw-gradient-from: var(--fc-color-indigo-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .fc\:from-white {
+    --tw-gradient-from: var(--fc-color-white);
+    --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));
+  }
   .fc\:via-cyan-400 {
     --tw-gradient-via: var(--fc-color-cyan-400);
     --tw-gradient-via-stops:
@@ -1191,10 +1471,29 @@
       var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .fc\:via-slate-50\/50 {
+    --tw-gradient-via: var(--fc-color-slate-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--fc-color-slate-50) 50%, 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);
+  }
   .fc\:to-green-600 {
     --tw-gradient-to: var(--fc-color-green-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));
   }
+  .fc\:to-indigo-100\/80 {
+    --tw-gradient-to: var(--fc-color-indigo-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--fc-color-indigo-100) 80%, 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));
+  }
   .fc\:to-indigo-500 {
     --tw-gradient-to: var(--fc-color-indigo-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1203,9 +1502,20 @@
     --tw-gradient-to: var(--fc-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));
   }
+  .fc\:to-purple-500 {
+    --tw-gradient-to: var(--fc-color-purple-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .fc\:to-white {
+    --tw-gradient-to: var(--fc-color-white);
+    --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));
+  }
   .fc\:stroke-\[2\.5\] {
     stroke-width: 2.5;
   }
+  .fc\:p-1 {
+    padding: var(--fc-spacing);
+  }
   .fc\:p-1\.5 {
     padding: calc(var(--fc-spacing) * 1.5);
   }
@@ -1314,6 +1624,12 @@
   .fc\:pt-6 {
     padding-top: calc(var(--fc-spacing) * 6);
   }
+  .fc\:pt-7 {
+    padding-top: calc(var(--fc-spacing) * 7);
+  }
+  .fc\:pt-8 {
+    padding-top: calc(var(--fc-spacing) * 8);
+  }
   .fc\:pt-\[18px\] {
     padding-top: 18px;
   }
@@ -1326,12 +1642,24 @@
   .fc\:pr-4 {
     padding-right: calc(var(--fc-spacing) * 4);
   }
+  .fc\:pr-8 {
+    padding-right: calc(var(--fc-spacing) * 8);
+  }
   .fc\:pr-10 {
     padding-right: calc(var(--fc-spacing) * 10);
   }
   .fc\:pb-3 {
     padding-bottom: calc(var(--fc-spacing) * 3);
   }
+  .fc\:pb-4 {
+    padding-bottom: calc(var(--fc-spacing) * 4);
+  }
+  .fc\:pb-6 {
+    padding-bottom: calc(var(--fc-spacing) * 6);
+  }
+  .fc\:pb-8 {
+    padding-bottom: calc(var(--fc-spacing) * 8);
+  }
   .fc\:pb-\[30px\] {
     padding-bottom: 30px;
   }
@@ -1369,6 +1697,10 @@
     font-size: var(--fc-text-2xl);
     line-height: var(--tw-leading, var(--fc-text-2xl--line-height));
   }
+  .fc\:text-3xl {
+    font-size: var(--fc-text-3xl);
+    line-height: var(--tw-leading, var(--fc-text-3xl--line-height));
+  }
   .fc\:text-base {
     font-size: var(--fc-text-base);
     line-height: var(--tw-leading, var(--fc-text-base--line-height));
@@ -1419,6 +1751,9 @@
   .fc\:text-\[30px\] {
     font-size: 30px;
   }
+  .fc\:text-\[31px\] {
+    font-size: 31px;
+  }
   .fc\:leading-\[20px\] {
     --tw-leading: 20px;
     line-height: 20px;
@@ -1496,6 +1831,9 @@
   .fc\:text-\[\#405170\] {
     color: #405170;
   }
+  .fc\:text-amber-700 {
+    color: var(--fc-color-amber-700);
+  }
   .fc\:text-blue-600 {
     color: var(--fc-color-blue-600);
   }
@@ -1523,6 +1861,9 @@
   .fc\:text-gray-900 {
     color: var(--fc-color-gray-900);
   }
+  .fc\:text-green-700 {
+    color: var(--fc-color-green-700);
+  }
   .fc\:text-indigo-600 {
     color: var(--fc-color-indigo-600);
   }
@@ -1535,9 +1876,15 @@
   .fc\:text-red-600 {
     color: var(--fc-color-red-600);
   }
+  .fc\:text-red-700 {
+    color: var(--fc-color-red-700);
+  }
   .fc\:text-rose-600 {
     color: var(--fc-color-rose-600);
   }
+  .fc\:text-rose-700 {
+    color: var(--fc-color-rose-700);
+  }
   .fc\:text-slate-300 {
     color: var(--fc-color-slate-300);
   }
@@ -1574,6 +1921,18 @@
       color: var(--fc-color-slate-400);
     }
   }
+  .fc\:opacity-0 {
+    opacity: 0%;
+  }
+  .fc\:opacity-30 {
+    opacity: 30%;
+  }
+  .fc\:opacity-75 {
+    opacity: 75%;
+  }
+  .fc\:opacity-100 {
+    opacity: 100%;
+  }
   .fc\: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:
@@ -1646,6 +2005,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\: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);
+  }
   .fc\:ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow:
@@ -1655,6 +2023,24 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\: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);
+  }
+  .fc\:ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .fc\:shadow-blue-500\/10 {
     --tw-shadow-color: var(--fc-color-blue-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1673,16 +2059,73 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .fc\:shadow-indigo-500\/20 {
+    --tw-shadow-color: var(--fc-color-indigo-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:shadow-indigo-950\/10 {
+    --tw-shadow-color: var(--fc-color-indigo-950);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-indigo-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .fc\:shadow-red-500\/20 {
     --tw-shadow-color: var(--fc-color-red-500);
     @supports (color: color-mix(in lab, red, red)) {
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .fc\:shadow-slate-900\/20 {
+    --tw-shadow-color: var(--fc-color-slate-900);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-slate-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:ring-emerald-500\/10 {
+    --tw-ring-color: var(--fc-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-emerald-500) 10%, transparent);
+    }
+  }
+  .fc\:ring-emerald-500\/20 {
+    --tw-ring-color: var(--fc-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-emerald-500) 20%, transparent);
+    }
+  }
+  .fc\:ring-slate-400\/10 {
+    --tw-ring-color: var(--fc-color-slate-400);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-slate-400) 10%, transparent);
+    }
+  }
+  .fc\:ring-slate-400\/20 {
+    --tw-ring-color: var(--fc-color-slate-400);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-slate-400) 20%, transparent);
+    }
+  }
+  .fc\:ring-slate-900\/5 {
+    --tw-ring-color: var(--fc-color-slate-900);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-slate-900) 5%, transparent);
+    }
+  }
+  .fc\:blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .fc\:blur-3xl {
     --tw-blur: blur(var(--fc-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,);
   }
+  .fc\:backdrop-blur-md {
+    --tw-backdrop-blur: blur(var(--fc-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,);
+  }
   .fc\:backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--fc-blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1746,6 +2189,11 @@
     transition-timing-function: var(--tw-ease, var(--fc-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--fc-default-transition-duration));
   }
+  .fc\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: var(--tw-ease, var(--fc-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--fc-default-transition-duration));
+  }
   .fc\:transition-transform {
     transition-property:
       transform,
@@ -1787,6 +2235,110 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .fc\:peer-checked\:bg-indigo-600 {
+    &:is(:where(.fc\:peer):checked ~ *) {
+      background-color: var(--fc-color-indigo-600);
+    }
+  }
+  .fc\:peer-focus\:outline-none {
+    &:is(:where(.fc\:peer):focus ~ *) {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .fc\:after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .fc\:after\:top-\[2px\] {
+    &::after {
+      content: var(--tw-content);
+      top: 2px;
+    }
+  }
+  .fc\:after\:left-\[2px\] {
+    &::after {
+      content: var(--tw-content);
+      left: 2px;
+    }
+  }
+  .fc\:after\:h-4 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--fc-spacing) * 4);
+    }
+  }
+  .fc\:after\:w-4 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--fc-spacing) * 4);
+    }
+  }
+  .fc\:after\:rounded-full {
+    &::after {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .fc\:after\:border {
+    &::after {
+      content: var(--tw-content);
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .fc\:after\:border-slate-300 {
+    &::after {
+      content: var(--tw-content);
+      border-color: var(--fc-color-slate-300);
+    }
+  }
+  .fc\:after\:bg-white {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--fc-color-white);
+    }
+  }
+  .fc\:after\:transition-all {
+    &::after {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--fc-default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--fc-default-transition-duration));
+    }
+  }
+  .fc\:after\:content-\[\'\'\] {
+    &::after {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
+  .fc\:peer-checked\:after\:translate-x-full {
+    &:is(:where(.fc\:peer):checked ~ *) {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: 100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .fc\:peer-checked\:after\:border-white {
+    &:is(:where(.fc\:peer):checked ~ *) {
+      &::after {
+        content: var(--tw-content);
+        border-color: var(--fc-color-white);
+      }
+    }
+  }
+  .fc\:hover\:border-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--fc-color-blue-600);
+      }
+    }
+  }
   .fc\:hover\:bg-blue-50 {
     &:hover {
       @media (hover: hover) {
@@ -1794,6 +2346,13 @@
       }
     }
   }
+  .fc\:hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-blue-600);
+      }
+    }
+  }
   .fc\:hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {
@@ -1801,6 +2360,44 @@
       }
     }
   }
+  .fc\:hover\:bg-indigo-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-indigo-700);
+      }
+    }
+  }
+  .fc\:hover\:bg-red-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-red-700);
+      }
+    }
+  }
+  .fc\:hover\:bg-slate-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-slate-50);
+      }
+    }
+  }
+  .fc\:hover\:bg-slate-50\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-slate-50);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--fc-color-slate-50) 60%, transparent);
+        }
+      }
+    }
+  }
+  .fc\:hover\:bg-slate-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-slate-100);
+      }
+    }
+  }
   .fc\:hover\:text-\[\#2563eb\] {
     &:hover {
       @media (hover: hover) {
@@ -1815,6 +2412,55 @@
       }
     }
   }
+  .fc\:hover\:text-slate-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--fc-color-slate-600);
+      }
+    }
+  }
+  .fc\:hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--fc-color-white);
+      }
+    }
+  }
+  .fc\:focus\:border-indigo-500 {
+    &:focus {
+      border-color: var(--fc-color-indigo-500);
+    }
+  }
+  .fc\: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);
+    }
+  }
+  .fc\:focus\:ring-indigo-500\/10 {
+    &:focus {
+      --tw-ring-color: var(--fc-color-indigo-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--fc-color-indigo-500) 10%, transparent);
+      }
+    }
+  }
+  .fc\:focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .fc\:md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@@ -1880,11 +2526,18 @@
 @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
+@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
+@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)))) {
     *,
@@ -1955,6 +2608,7 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-content: "";
     }
   }
 }