flowcore-fn 10.2.5 → 10.2.7

package/dist/pkg-index.css

@@ -52,14 +52,20 @@
     --fc-color-emerald-600: oklch(59.6% 0.145 163.225);
     --fc-color-emerald-700: oklch(50.8% 0.118 165.612);
     --fc-color-emerald-800: oklch(43.2% 0.095 166.913);
+    --fc-color-teal-100: oklch(95.3% 0.051 180.801);
+    --fc-color-teal-700: oklch(51.1% 0.096 186.391);
     --fc-color-cyan-200: oklch(91.7% 0.08 205.041);
     --fc-color-cyan-400: oklch(78.9% 0.154 211.53);
+    --fc-color-cyan-500: oklch(71.5% 0.143 215.221);
     --fc-color-blue-50: oklch(97% 0.014 254.604);
     --fc-color-blue-100: oklch(93.2% 0.032 255.585);
     --fc-color-blue-200: oklch(88.2% 0.059 254.128);
+    --fc-color-blue-300: oklch(80.9% 0.105 251.813);
     --fc-color-blue-500: oklch(62.3% 0.214 259.815);
     --fc-color-blue-600: oklch(54.6% 0.245 262.881);
     --fc-color-blue-700: oklch(48.8% 0.243 264.376);
+    --fc-color-blue-800: oklch(42.4% 0.199 265.638);
+    --fc-color-blue-900: oklch(37.9% 0.146 265.522);
     --fc-color-indigo-50: oklch(96.2% 0.018 272.314);
     --fc-color-indigo-100: oklch(93% 0.034 272.788);
     --fc-color-indigo-400: oklch(67.3% 0.182 276.935);
@@ -98,9 +104,11 @@
     --fc-container-sm: 24rem;
     --fc-container-md: 28rem;
     --fc-container-lg: 32rem;
+    --fc-container-xl: 36rem;
     --fc-container-2xl: 42rem;
     --fc-container-4xl: 56rem;
     --fc-container-5xl: 64rem;
+    --fc-container-6xl: 72rem;
     --fc-text-xs: 0.75rem;
     --fc-text-xs--line-height: calc(1 / 0.75);
     --fc-text-sm: 0.875rem;
@@ -120,9 +128,12 @@
     --fc-font-weight-semibold: 600;
     --fc-font-weight-bold: 700;
     --fc-font-weight-extrabold: 800;
+    --fc-font-weight-black: 900;
     --fc-tracking-tight: -0.025em;
+    --fc-tracking-wide: 0.025em;
     --fc-tracking-wider: 0.05em;
     --fc-leading-tight: 1.25;
+    --fc-leading-snug: 1.375;
     --fc-leading-relaxed: 1.625;
     --fc-radius-md: 0.375rem;
     --fc-radius-lg: 0.5rem;
@@ -377,6 +388,12 @@
   .fc\:top-0\.5 {
     top: calc(var(--fc-spacing) * 0.5);
   }
+  .fc\:top-1 {
+    top: var(--fc-spacing);
+  }
+  .fc\:top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
   .fc\:top-2\.5 {
     top: calc(var(--fc-spacing) * 2.5);
   }
@@ -389,15 +406,27 @@
   .fc\:top-5 {
     top: calc(var(--fc-spacing) * 5);
   }
+  .fc\:top-10\.5 {
+    top: calc(var(--fc-spacing) * 10.5);
+  }
   .fc\:top-\[30px\] {
     top: 30px;
   }
+  .fc\:top-full {
+    top: 100%;
+  }
+  .fc\:-right-0\.5 {
+    right: calc(var(--fc-spacing) * -0.5);
+  }
   .fc\:-right-12 {
     right: calc(var(--fc-spacing) * -12);
   }
   .fc\:right-0 {
     right: 0px;
   }
+  .fc\:right-2\.5 {
+    right: calc(var(--fc-spacing) * 2.5);
+  }
   .fc\:right-3 {
     right: calc(var(--fc-spacing) * 3);
   }
@@ -410,6 +439,9 @@
   .fc\:right-6 {
     right: calc(var(--fc-spacing) * 6);
   }
+  .fc\:-bottom-0\.5 {
+    bottom: calc(var(--fc-spacing) * -0.5);
+  }
   .fc\:-bottom-10 {
     bottom: calc(var(--fc-spacing) * -10);
   }
@@ -425,6 +457,9 @@
   .fc\:-left-10 {
     left: calc(var(--fc-spacing) * -10);
   }
+  .fc\:-left-\[17px\] {
+    left: calc(17px * -1);
+  }
   .fc\:left-0 {
     left: 0px;
   }
@@ -440,15 +475,24 @@
   .fc\:left-5\.5 {
     left: calc(var(--fc-spacing) * 5.5);
   }
+  .fc\:left-12 {
+    left: calc(var(--fc-spacing) * 12);
+  }
   .fc\:left-\[16px\] {
     left: 16px;
   }
   .fc\:z-10 {
     z-index: 10;
   }
+  .fc\:z-20 {
+    z-index: 20;
+  }
   .fc\:z-30 {
     z-index: 30;
   }
+  .fc\:z-40 {
+    z-index: 40;
+  }
   .fc\:z-50 {
     z-index: 50;
   }
@@ -479,6 +523,9 @@
   .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);
   }
@@ -497,6 +544,9 @@
   .fc\:mt-\[24px\] {
     margin-top: 24px;
   }
+  .fc\:mr-1 {
+    margin-right: var(--fc-spacing);
+  }
   .fc\:mr-2 {
     margin-right: calc(var(--fc-spacing) * 2);
   }
@@ -542,6 +592,18 @@
   .fc\:ml-auto {
     margin-left: auto;
   }
+  .fc\:line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+  .fc\:line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .fc\:block {
     display: block;
   }
@@ -551,6 +613,9 @@
   .fc\:grid {
     display: grid;
   }
+  .fc\:hidden {
+    display: none;
+  }
   .fc\:inline-block {
     display: inline-block;
   }
@@ -644,12 +709,24 @@
   .fc\:h-screen {
     height: 100vh;
   }
+  .fc\:max-h-56 {
+    max-height: calc(var(--fc-spacing) * 56);
+  }
   .fc\:max-h-64 {
     max-height: calc(var(--fc-spacing) * 64);
   }
+  .fc\:max-h-\[75vh\] {
+    max-height: 75vh;
+  }
+  .fc\:max-h-\[80vh\] {
+    max-height: 80vh;
+  }
   .fc\:max-h-\[92vh\] {
     max-height: 92vh;
   }
+  .fc\:max-h-\[95vh\] {
+    max-height: 95vh;
+  }
   .fc\:max-h-\[400px\] {
     max-height: 400px;
   }
@@ -731,12 +808,24 @@
   .fc\:w-32 {
     width: calc(var(--fc-spacing) * 32);
   }
+  .fc\:w-36 {
+    width: calc(var(--fc-spacing) * 36);
+  }
   .fc\:w-38 {
     width: calc(var(--fc-spacing) * 38);
   }
   .fc\:w-40 {
     width: calc(var(--fc-spacing) * 40);
   }
+  .fc\:w-64 {
+    width: calc(var(--fc-spacing) * 64);
+  }
+  .fc\:w-72 {
+    width: calc(var(--fc-spacing) * 72);
+  }
+  .fc\:w-\[5\%\] {
+    width: 5%;
+  }
   .fc\:w-\[6\%\] {
     width: 6%;
   }
@@ -767,6 +856,9 @@
   .fc\:w-\[16\%\] {
     width: 16%;
   }
+  .fc\:w-\[18\%\] {
+    width: 18%;
+  }
   .fc\:w-\[18px\] {
     width: 18px;
   }
@@ -782,6 +874,9 @@
   .fc\:w-\[285px\] {
     width: 285px;
   }
+  .fc\:w-\[320px\] {
+    width: 320px;
+  }
   .fc\:w-\[390px\] {
     width: 390px;
   }
@@ -794,6 +889,9 @@
   .fc\:w-full {
     width: 100%;
   }
+  .fc\:w-max {
+    width: max-content;
+  }
   .fc\:max-w-2xl {
     max-width: var(--fc-container-2xl);
   }
@@ -803,9 +901,15 @@
   .fc\:max-w-5xl {
     max-width: var(--fc-container-5xl);
   }
+  .fc\:max-w-\[170px\] {
+    max-width: 170px;
+  }
   .fc\:max-w-\[360px\] {
     max-width: 360px;
   }
+  .fc\:max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
   .fc\:max-w-lg {
     max-width: var(--fc-container-lg);
   }
@@ -815,6 +919,9 @@
   .fc\:max-w-sm {
     max-width: var(--fc-container-sm);
   }
+  .fc\:max-w-xl {
+    max-width: var(--fc-container-xl);
+  }
   .fc\:max-w-xs {
     max-width: var(--fc-container-xs);
   }
@@ -879,6 +986,10 @@
     --tw-translate-x: calc(var(--fc-spacing) * 5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .fc\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fc\:scale-100 {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -931,8 +1042,8 @@
   .fc\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  .fc\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+  .fc\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
   }
   .fc\:flex-col {
     flex-direction: column;
@@ -949,6 +1060,12 @@
   .fc\:items-end {
     align-items: flex-end;
   }
+  .fc\:items-start {
+    align-items: flex-start;
+  }
+  .fc\:items-stretch {
+    align-items: stretch;
+  }
   .fc\:justify-between {
     justify-content: space-between;
   }
@@ -961,6 +1078,9 @@
   .fc\:justify-start {
     justify-content: flex-start;
   }
+  .fc\:gap-0\.5 {
+    gap: calc(var(--fc-spacing) * 0.5);
+  }
   .fc\:gap-1 {
     gap: var(--fc-spacing);
   }
@@ -1005,6 +1125,21 @@
     margin-block-start: calc(calc(var(--fc-spacing) * 0.5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--fc-spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
   }
+  :where(.fc\:space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--fc-spacing) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--fc-spacing) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.fc\:space-y-1\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--fc-spacing) * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--fc-spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.fc\:space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--fc-spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--fc-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
   :where(.fc\:space-y-2\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--fc-spacing) * 2.5) * var(--tw-space-y-reverse));
@@ -1067,6 +1202,9 @@
   .fc\:overflow-hidden {
     overflow: hidden;
   }
+  .fc\:overflow-visible {
+    overflow: visible;
+  }
   .fc\:overflow-x-auto {
     overflow-x: auto;
   }
@@ -1112,6 +1250,14 @@
   .fc\:rounded-xl {
     border-radius: var(--fc-radius-xl);
   }
+  .fc\:rounded-t-2xl {
+    border-top-left-radius: var(--fc-radius-2xl);
+    border-top-right-radius: var(--fc-radius-2xl);
+  }
+  .fc\:rounded-t-lg {
+    border-top-left-radius: var(--fc-radius-lg);
+    border-top-right-radius: var(--fc-radius-lg);
+  }
   .fc\:rounded-b-3xl {
     border-bottom-right-radius: var(--fc-radius-3xl);
     border-bottom-left-radius: var(--fc-radius-3xl);
@@ -1136,6 +1282,14 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .fc\:border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .fc\:border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .fc\:border-l-2 {
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
@@ -1149,6 +1303,9 @@
   .fc\:border-\[\#EDF0F5\] {
     border-color: #EDF0F5;
   }
+  .fc\:border-amber-100 {
+    border-color: var(--fc-color-amber-100);
+  }
   .fc\:border-amber-200 {
     border-color: var(--fc-color-amber-200);
   }
@@ -1158,18 +1315,72 @@
       border-color: color-mix(in oklab, var(--fc-color-amber-200) 60%, transparent);
     }
   }
+  .fc\:border-amber-200\/80 {
+    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) 80%, transparent);
+    }
+  }
   .fc\:border-blue-100 {
     border-color: var(--fc-color-blue-100);
   }
+  .fc\:border-blue-100\/50 {
+    border-color: var(--fc-color-blue-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-blue-100) 50%, transparent);
+    }
+  }
+  .fc\:border-blue-100\/60 {
+    border-color: var(--fc-color-blue-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-blue-100) 60%, transparent);
+    }
+  }
+  .fc\:border-blue-100\/70 {
+    border-color: var(--fc-color-blue-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-blue-100) 70%, transparent);
+    }
+  }
+  .fc\:border-blue-100\/90 {
+    border-color: var(--fc-color-blue-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-blue-100) 90%, transparent);
+    }
+  }
+  .fc\:border-blue-200 {
+    border-color: var(--fc-color-blue-200);
+  }
   .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-blue-200\/80 {
+    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) 80%, transparent);
+    }
+  }
+  .fc\:border-blue-200\/90 {
+    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) 90%, transparent);
+    }
+  }
+  .fc\:border-blue-300 {
+    border-color: var(--fc-color-blue-300);
+  }
+  .fc\:border-blue-500 {
+    border-color: var(--fc-color-blue-500);
+  }
   .fc\:border-blue-600 {
     border-color: var(--fc-color-blue-600);
   }
+  .fc\:border-emerald-100 {
+    border-color: var(--fc-color-emerald-100);
+  }
   .fc\:border-emerald-200 {
     border-color: var(--fc-color-emerald-200);
   }
@@ -1179,6 +1390,15 @@
       border-color: color-mix(in oklab, var(--fc-color-emerald-200) 60%, transparent);
     }
   }
+  .fc\:border-emerald-200\/80 {
+    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) 80%, transparent);
+    }
+  }
+  .fc\:border-emerald-400 {
+    border-color: var(--fc-color-emerald-400);
+  }
   .fc\:border-emerald-500 {
     border-color: var(--fc-color-emerald-500);
   }
@@ -1236,9 +1456,27 @@
       border-color: color-mix(in oklab, var(--fc-color-slate-100) 80%, transparent);
     }
   }
+  .fc\:border-slate-100\/90 {
+    border-color: var(--fc-color-slate-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fc-color-slate-100) 90%, transparent);
+    }
+  }
   .fc\:border-slate-200 {
     border-color: var(--fc-color-slate-200);
   }
+  .fc\:border-slate-200\/50 {
+    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) 50%, transparent);
+    }
+  }
+  .fc\:border-slate-200\/60 {
+    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) 60%, transparent);
+    }
+  }
   .fc\:border-slate-200\/70 {
     border-color: var(--fc-color-slate-200);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1251,6 +1489,12 @@
       border-color: color-mix(in oklab, var(--fc-color-slate-200) 80%, transparent);
     }
   }
+  .fc\:border-slate-200\/95 {
+    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) 95%, transparent);
+    }
+  }
   .fc\:border-slate-300 {
     border-color: var(--fc-color-slate-300);
   }
@@ -1266,6 +1510,9 @@
   .fc\:border-transparent {
     border-color: transparent;
   }
+  .fc\:border-white {
+    border-color: var(--fc-color-white);
+  }
   .fc\:border-t-transparent {
     border-top-color: transparent;
   }
@@ -1281,9 +1528,21 @@
   .fc\:bg-amber-50 {
     background-color: var(--fc-color-amber-50);
   }
+  .fc\:bg-amber-50\/60 {
+    background-color: var(--fc-color-amber-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-amber-50) 60%, transparent);
+    }
+  }
   .fc\:bg-amber-100 {
     background-color: var(--fc-color-amber-100);
   }
+  .fc\:bg-amber-100\/90 {
+    background-color: var(--fc-color-amber-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-amber-100) 90%, transparent);
+    }
+  }
   .fc\:bg-amber-500 {
     background-color: var(--fc-color-amber-500);
   }
@@ -1308,12 +1567,30 @@
   .fc\:bg-blue-50 {
     background-color: var(--fc-color-blue-50);
   }
+  .fc\:bg-blue-50\/30 {
+    background-color: var(--fc-color-blue-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-blue-50) 30%, transparent);
+    }
+  }
   .fc\:bg-blue-50\/60 {
     background-color: var(--fc-color-blue-50);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-blue-50) 60%, transparent);
     }
   }
+  .fc\:bg-blue-50\/70 {
+    background-color: var(--fc-color-blue-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-blue-50) 70%, transparent);
+    }
+  }
+  .fc\:bg-blue-50\/80 {
+    background-color: var(--fc-color-blue-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-blue-50) 80%, transparent);
+    }
+  }
   .fc\:bg-blue-100 {
     background-color: var(--fc-color-blue-100);
   }
@@ -1359,6 +1636,12 @@
       background-color: color-mix(in oklab, var(--fc-color-emerald-50) 50%, transparent);
     }
   }
+  .fc\:bg-emerald-50\/60 {
+    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) 60%, transparent);
+    }
+  }
   .fc\:bg-emerald-100 {
     background-color: var(--fc-color-emerald-100);
   }
@@ -1404,6 +1687,18 @@
       background-color: color-mix(in oklab, var(--fc-color-indigo-50) 50%, transparent);
     }
   }
+  .fc\:bg-indigo-50\/60 {
+    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) 60%, transparent);
+    }
+  }
+  .fc\:bg-indigo-50\/80 {
+    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) 80%, transparent);
+    }
+  }
   .fc\:bg-indigo-400 {
     background-color: var(--fc-color-indigo-400);
   }
@@ -1476,6 +1771,18 @@
       background-color: color-mix(in oklab, var(--fc-color-slate-50) 70%, transparent);
     }
   }
+  .fc\:bg-slate-50\/80 {
+    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) 80%, transparent);
+    }
+  }
+  .fc\:bg-slate-50\/90 {
+    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) 90%, transparent);
+    }
+  }
   .fc\:bg-slate-100 {
     background-color: var(--fc-color-slate-100);
   }
@@ -1485,9 +1792,27 @@
       background-color: color-mix(in oklab, var(--fc-color-slate-100) 60%, transparent);
     }
   }
+  .fc\:bg-slate-100\/80 {
+    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) 80%, transparent);
+    }
+  }
+  .fc\:bg-slate-100\/90 {
+    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) 90%, transparent);
+    }
+  }
   .fc\:bg-slate-200 {
     background-color: var(--fc-color-slate-200);
   }
+  .fc\:bg-slate-200\/80 {
+    background-color: var(--fc-color-slate-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-slate-200) 80%, transparent);
+    }
+  }
   .fc\:bg-slate-300 {
     background-color: var(--fc-color-slate-300);
   }
@@ -1500,6 +1825,9 @@
   .fc\:bg-slate-600 {
     background-color: var(--fc-color-slate-600);
   }
+  .fc\:bg-slate-800 {
+    background-color: var(--fc-color-slate-800);
+  }
   .fc\:bg-slate-900\/50 {
     background-color: var(--fc-color-slate-900);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1512,6 +1840,9 @@
       background-color: color-mix(in oklab, var(--fc-color-slate-900) 60%, transparent);
     }
   }
+  .fc\:bg-teal-100 {
+    background-color: var(--fc-color-teal-100);
+  }
   .fc\:bg-white {
     background-color: var(--fc-color-white);
   }
@@ -1521,12 +1852,24 @@
       background-color: color-mix(in oklab, var(--fc-color-white) 20%, transparent);
     }
   }
+  .fc\:bg-white\/25 {
+    background-color: var(--fc-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-white) 25%, transparent);
+    }
+  }
   .fc\:bg-white\/90 {
     background-color: var(--fc-color-white);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-white) 90%, transparent);
     }
   }
+  .fc\:bg-white\/95 {
+    background-color: var(--fc-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-white) 95%, transparent);
+    }
+  }
   .fc\:bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -1535,6 +1878,20 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .fc\:from-blue-50\/70 {
+    --tw-gradient-from: var(--fc-color-blue-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--fc-color-blue-50) 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));
+  }
+  .fc\:from-blue-50\/80 {
+    --tw-gradient-from: var(--fc-color-blue-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--fc-color-blue-50) 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\:from-blue-500 {
     --tw-gradient-from: var(--fc-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));
@@ -1560,6 +1917,27 @@
       var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .fc\:via-cyan-500 {
+    --tw-gradient-via: var(--fc-color-cyan-500);
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .fc\:via-indigo-50\/40 {
+    --tw-gradient-via: var(--fc-color-indigo-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--fc-color-indigo-50) 40%, 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\:via-slate-50\/50 {
     --tw-gradient-via: var(--fc-color-slate-50);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1576,6 +1954,20 @@
     --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-50\/40 {
+    --tw-gradient-to: var(--fc-color-indigo-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--fc-color-indigo-50) 40%, 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-50\/50 {
+    --tw-gradient-to: var(--fc-color-indigo-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--fc-color-indigo-50) 50%, 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));
@@ -1591,6 +1983,9 @@
   .fc\:stroke-\[2\.5\] {
     stroke-width: 2.5;
   }
+  .fc\:p-0\.5 {
+    padding: calc(var(--fc-spacing) * 0.5);
+  }
   .fc\:p-1 {
     padding: var(--fc-spacing);
   }
@@ -1612,6 +2007,9 @@
   .fc\:p-4 {
     padding: calc(var(--fc-spacing) * 4);
   }
+  .fc\:p-4\.5 {
+    padding: calc(var(--fc-spacing) * 4.5);
+  }
   .fc\:p-5 {
     padding: calc(var(--fc-spacing) * 5);
   }
@@ -1621,6 +2019,12 @@
   .fc\:p-8 {
     padding: calc(var(--fc-spacing) * 8);
   }
+  .fc\:px-1 {
+    padding-inline: var(--fc-spacing);
+  }
+  .fc\:px-1\.5 {
+    padding-inline: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:px-2 {
     padding-inline: calc(var(--fc-spacing) * 2);
   }
@@ -1705,12 +2109,24 @@
   .fc\:py-16 {
     padding-block: calc(var(--fc-spacing) * 16);
   }
+  .fc\:pt-0\.5 {
+    padding-top: calc(var(--fc-spacing) * 0.5);
+  }
   .fc\:pt-1 {
     padding-top: var(--fc-spacing);
   }
+  .fc\:pt-1\.5 {
+    padding-top: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:pt-2 {
     padding-top: calc(var(--fc-spacing) * 2);
   }
+  .fc\:pt-2\.5 {
+    padding-top: calc(var(--fc-spacing) * 2.5);
+  }
+  .fc\:pt-3 {
+    padding-top: calc(var(--fc-spacing) * 3);
+  }
   .fc\:pt-4 {
     padding-top: calc(var(--fc-spacing) * 4);
   }
@@ -1732,6 +2148,9 @@
   .fc\:pr-3 {
     padding-right: calc(var(--fc-spacing) * 3);
   }
+  .fc\:pr-3\.5 {
+    padding-right: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:pr-4 {
     padding-right: calc(var(--fc-spacing) * 4);
   }
@@ -1741,6 +2160,9 @@
   .fc\:pr-10 {
     padding-right: calc(var(--fc-spacing) * 10);
   }
+  .fc\:pb-1\.5 {
+    padding-bottom: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:pb-2 {
     padding-bottom: calc(var(--fc-spacing) * 2);
   }
@@ -1774,6 +2196,9 @@
   .fc\:pl-3\.5 {
     padding-left: calc(var(--fc-spacing) * 3.5);
   }
+  .fc\:pl-5 {
+    padding-left: calc(var(--fc-spacing) * 5);
+  }
   .fc\:pl-9 {
     padding-left: calc(var(--fc-spacing) * 9);
   }
@@ -1789,6 +2214,9 @@
   .fc\:text-left {
     text-align: left;
   }
+  .fc\:text-right {
+    text-align: right;
+  }
   .fc\:align-middle {
     vertical-align: middle;
   }
@@ -1856,6 +2284,10 @@
   .fc\:text-\[31px\] {
     font-size: 31px;
   }
+  .fc\:leading-4 {
+    --tw-leading: calc(var(--fc-spacing) * 4);
+    line-height: calc(var(--fc-spacing) * 4);
+  }
   .fc\:leading-\[16px\] {
     --tw-leading: 16px;
     line-height: 16px;
@@ -1864,14 +2296,26 @@
     --tw-leading: 18px;
     line-height: 18px;
   }
+  .fc\:leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .fc\:leading-relaxed {
     --tw-leading: var(--fc-leading-relaxed);
     line-height: var(--fc-leading-relaxed);
   }
+  .fc\:leading-snug {
+    --tw-leading: var(--fc-leading-snug);
+    line-height: var(--fc-leading-snug);
+  }
   .fc\:leading-tight {
     --tw-leading: var(--fc-leading-tight);
     line-height: var(--fc-leading-tight);
   }
+  .fc\:font-black {
+    --tw-font-weight: var(--fc-font-weight-black);
+    font-weight: var(--fc-font-weight-black);
+  }
   .fc\:font-bold {
     --tw-font-weight: var(--fc-font-weight-bold);
     font-weight: var(--fc-font-weight-bold);
@@ -1900,6 +2344,10 @@
     --tw-tracking: var(--fc-tracking-tight);
     letter-spacing: var(--fc-tracking-tight);
   }
+  .fc\:tracking-wide {
+    --tw-tracking: var(--fc-tracking-wide);
+    letter-spacing: var(--fc-tracking-wide);
+  }
   .fc\:tracking-wider {
     --tw-tracking: var(--fc-tracking-wider);
     letter-spacing: var(--fc-tracking-wider);
@@ -1958,6 +2406,12 @@
   .fc\:text-blue-700 {
     color: var(--fc-color-blue-700);
   }
+  .fc\:text-blue-800 {
+    color: var(--fc-color-blue-800);
+  }
+  .fc\:text-blue-900 {
+    color: var(--fc-color-blue-900);
+  }
   .fc\:text-emerald-600 {
     color: var(--fc-color-emerald-600);
   }
@@ -2033,6 +2487,9 @@
   .fc\:text-slate-900 {
     color: var(--fc-color-slate-900);
   }
+  .fc\:text-teal-700 {
+    color: var(--fc-color-teal-700);
+  }
   .fc\:text-white {
     color: var(--fc-color-white);
   }
@@ -2085,6 +2542,24 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\:shadow-\[-5px_0_10px_-4px_rgba\(0\,0\,0\,0\.06\)\] {
+    --tw-shadow: -5px 0 10px -4px var(--tw-shadow-color, rgba(0,0,0,0.06));
+    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-\[-5px_0_10px_-4px_rgba\(0\,0\,0\,0\.08\)\] {
+    --tw-shadow: -5px 0 10px -4px var(--tw-shadow-color, rgba(0,0,0,0.08));
+    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-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
     --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(226,232,240,1));
     box-shadow:
@@ -2103,6 +2578,24 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\:shadow-\[4px_0_6px_-2px_rgba\(0\,0\,0\,0\.05\)\] {
+    --tw-shadow: 4px 0 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.05));
+    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-\[4px_0_6px_-2px_rgba\(0\,0\,0\,0\.06\)\] {
+    --tw-shadow: 4px 0 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.06));
+    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-inner {
     --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow:
@@ -2175,6 +2668,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\:ring-4 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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)) {
@@ -2187,6 +2689,24 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .fc\:shadow-blue-500\/25 {
+    --tw-shadow-color: var(--fc-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:shadow-emerald-500\/20 {
+    --tw-shadow-color: var(--fc-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:shadow-emerald-500\/25 {
+    --tw-shadow-color: var(--fc-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .fc\:shadow-indigo-500\/10 {
     --tw-shadow-color: var(--fc-color-indigo-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2205,6 +2725,30 @@
       --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-800\/25 {
+    --tw-shadow-color: var(--fc-color-slate-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--fc-color-slate-800) 25%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:shadow-slate-900\/15 {
+    --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) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .fc\:ring-blue-100 {
+    --tw-ring-color: var(--fc-color-blue-100);
+  }
+  .fc\:ring-blue-200 {
+    --tw-ring-color: var(--fc-color-blue-200);
+  }
+  .fc\:ring-blue-500\/10 {
+    --tw-ring-color: var(--fc-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-blue-500) 10%, transparent);
+    }
+  }
   .fc\:ring-emerald-500 {
     --tw-ring-color: var(--fc-color-emerald-500);
   }
@@ -2368,29 +2912,67 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .fc\:peer-checked\:bg-emerald-500:is(:where(.fc\:peer):checked ~ *) {
+    background-color: var(--fc-color-emerald-500);
+  }
   .fc\:peer-checked\:bg-indigo-600:is(:where(.fc\:peer):checked ~ *) {
     background-color: var(--fc-color-indigo-600);
   }
+  .fc\:peer-focus\:ring-2:is(:where(.fc\:peer):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\:peer-focus\:ring-emerald-200:is(:where(.fc\:peer):focus ~ *) {
+    --tw-ring-color: var(--fc-color-emerald-200);
+  }
   .fc\:peer-focus\:outline-none:is(:where(.fc\:peer):focus ~ *) {
     --tw-outline-style: none;
     outline-style: none;
   }
+  .fc\:placeholder\:text-xs::placeholder {
+    font-size: var(--fc-text-xs);
+    line-height: var(--tw-leading, var(--fc-text-xs--line-height));
+  }
+  .fc\:placeholder\:text-slate-400::placeholder {
+    color: var(--fc-color-slate-400);
+  }
   .fc\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
   }
+  .fc\:after\:top-0\.5::after {
+    content: var(--tw-content);
+    top: calc(var(--fc-spacing) * 0.5);
+  }
   .fc\:after\:top-\[2px\]::after {
     content: var(--tw-content);
     top: 2px;
   }
+  .fc\:after\:left-0\.5::after {
+    content: var(--tw-content);
+    left: calc(var(--fc-spacing) * 0.5);
+  }
   .fc\:after\:left-\[2px\]::after {
     content: var(--tw-content);
     left: 2px;
   }
+  .fc\:after\:h-3\.5::after {
+    content: var(--tw-content);
+    height: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:after\:h-4::after {
     content: var(--tw-content);
     height: calc(var(--fc-spacing) * 4);
   }
+  .fc\:after\:w-3\.5::after {
+    content: var(--tw-content);
+    width: calc(var(--fc-spacing) * 3.5);
+  }
   .fc\:after\:w-4::after {
     content: var(--tw-content);
     width: calc(var(--fc-spacing) * 4);
@@ -2418,10 +3000,25 @@
     transition-timing-function: var(--tw-ease, var(--fc-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--fc-default-transition-duration));
   }
+  .fc\:after\:transition-transform::after {
+    content: var(--tw-content);
+    transition-property:
+      transform,
+      translate,
+      scale,
+      rotate;
+    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-4:is(:where(.fc\:peer):checked ~ *)::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(var(--fc-spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fc\:peer-checked\:after\:translate-x-full:is(:where(.fc\:peer):checked ~ *)::after {
     content: var(--tw-content);
     --tw-translate-x: 100%;
@@ -2491,6 +3088,14 @@
     .fc\:hover\:bg-slate-100:hover {
       background-color: var(--fc-color-slate-100);
     }
+    .fc\:hover\:bg-slate-100\/70:hover {
+      background-color: var(--fc-color-slate-100);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .fc\:hover\:bg-slate-100\/70:hover {
+        background-color: color-mix(in oklab, var(--fc-color-slate-100) 70%, transparent);
+      }
+    }
     .fc\:hover\:text-\[\#2563eb\]:hover {
       color: #2563eb;
     }
@@ -2507,6 +3112,12 @@
       color: var(--fc-color-white);
     }
   }
+  .fc\:focus\:border-blue-500:focus {
+    border-color: var(--fc-color-blue-500);
+  }
+  .fc\:focus\:border-emerald-500:focus {
+    border-color: var(--fc-color-emerald-500);
+  }
   .fc\:focus\:border-indigo-500:focus {
     border-color: var(--fc-color-indigo-500);
   }
@@ -2519,6 +3130,21 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .fc\:focus\:ring-blue-500:focus {
+    --tw-ring-color: var(--fc-color-blue-500);
+  }
+  .fc\:focus\:ring-blue-500\/10:focus {
+    --tw-ring-color: var(--fc-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fc-color-blue-500) 10%, transparent);
+    }
+  }
+  .fc\:focus\:ring-emerald-500\/20:focus {
+    --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\:focus\:ring-indigo-500\/10:focus {
     --tw-ring-color: var(--fc-color-indigo-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2529,10 +3155,29 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  @media (width >= 40rem) {
+    .fc\:sm\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   @media (width >= 48rem) {
     .fc\:md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .fc\:md\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .fc\:md\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  @media (width >= 64rem) {
+    .fc\:lg\:max-w-5xl {
+      max-width: var(--fc-container-5xl);
+    }
+    .fc\:lg\:max-w-6xl {
+      max-width: var(--fc-container-6xl);
+    }
   }
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }