@iclips/ui 0.0.10 → 0.0.12

package/dist/index.css

@@ -1,6 +1,6 @@
 /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
-@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;
@@ -75,11 +75,8 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-    }
-  }
-}
 
-@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;
@@ -224,23 +221,19 @@
     --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
     --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
     --color-border: var(--border);
-  }
-}
 
-@layer base {
+
   *, :after, :before, ::backdrop {
     box-sizing: border-box;
     border: 0 solid;
     margin: 0;
     padding: 0;
-  }
 
   ::file-selector-button {
     box-sizing: border-box;
     border: 0 solid;
     margin: 0;
     padding: 0;
-  }
 
   html, :host {
     -webkit-text-size-adjust: 100%;
@@ -250,96 +243,77 @@
     font-feature-settings: var(--default-font-feature-settings, normal);
     font-variation-settings: var(--default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
-  }
 
   body {
     line-height: inherit;
-  }
 
   hr {
     height: 0;
     color: inherit;
     border-top-width: 1px;
-  }
 
   abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
-  }
 
   h1, h2, h3, h4, h5, h6 {
     font-size: inherit;
     font-weight: inherit;
-  }
 
   a {
     color: inherit;
     -webkit-text-decoration: inherit;
     -webkit-text-decoration: inherit;
     text-decoration: inherit;
-  }
 
   b, strong {
     font-weight: bolder;
-  }
 
   code, kbd, samp, pre {
     font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
     font-feature-settings: var(--default-mono-font-feature-settings, normal);
     font-variation-settings: var(--default-mono-font-variation-settings, normal);
     font-size: 1em;
-  }
 
   small {
     font-size: 80%;
-  }
 
   sub, sup {
     vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
     position: relative;
-  }
 
   sub {
     bottom: -.25em;
-  }
 
   sup {
     top: -.5em;
-  }
 
   table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse;
-  }
 
   :-moz-focusring {
     outline: auto;
-  }
 
   progress {
     vertical-align: baseline;
-  }
 
   summary {
     display: list-item;
-  }
 
   ol, ul, menu {
     list-style: none;
-  }
 
   img, svg, video, canvas, audio, iframe, embed, object {
     vertical-align: middle;
     display: block;
-  }
 
   img, video {
     max-width: 100%;
     height: auto;
-  }
 
   button, input, select, optgroup, textarea {
     font: inherit;
@@ -350,7 +324,6 @@
     opacity: 1;
     background-color: #0000;
     border-radius: 0;
-  }
 
   ::file-selector-button {
     font: inherit;
@@ -361,206 +334,158 @@
     opacity: 1;
     background-color: #0000;
     border-radius: 0;
-  }
 
   :where(select:is([multiple], [size])) optgroup {
     font-weight: bolder;
-  }
 
   :where(select:is([multiple], [size])) optgroup option {
     padding-inline-start: 20px;
-  }
 
   ::file-selector-button {
     margin-inline-end: 4px;
-  }
 
   ::placeholder {
     opacity: 1;
     color: currentColor;
-  }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     ::placeholder {
       color: color-mix(in oklab, currentColor 50%, transparent);
-    }
-  }
 
   textarea {
     resize: vertical;
-  }
 
   ::-webkit-search-decoration {
     -webkit-appearance: none;
-  }
 
   ::-webkit-date-and-time-value {
     min-height: 1lh;
     text-align: inherit;
-  }
 
   ::-webkit-datetime-edit {
     display: inline-flex;
-  }
 
   ::-webkit-datetime-edit-fields-wrapper {
     padding: 0;
-  }
 
   ::-webkit-datetime-edit {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-year-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-month-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-day-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-hour-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-minute-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-second-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-millisecond-field {
     padding-block: 0;
-  }
 
   ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
-  }
 
   :-moz-ui-invalid {
     box-shadow: none;
-  }
 
   button, input:where([type="button"], [type="reset"], [type="submit"]) {
     appearance: button;
-  }
 
   ::file-selector-button {
     appearance: button;
-  }
 
   ::-webkit-inner-spin-button {
     height: auto;
-  }
 
   ::-webkit-outer-spin-button {
     height: auto;
-  }
 
   [hidden]:where(:not([hidden="until-found"])) {
     display: none !important;
-  }
 
   * {
     border-color: var(--border);
     outline-color: var(--ring);
-  }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     * {
       outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
-    }
-  }
 
   * {
     border-color: var(--border);
     outline-color: var(--ring);
-  }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     * {
       outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
-    }
-  }
 
   body {
     background-color: var(--background);
     color: var(--foreground);
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
     font-size: var(--text-2xl);
     font-weight: var(--font-weight-medium);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
     font-size: var(--text-xl);
     font-weight: var(--font-weight-medium);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
     font-size: var(--text-lg);
     font-weight: var(--font-weight-medium);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
     font-size: var(--text-base);
     font-weight: var(--font-weight-medium);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
     font-size: var(--text-base);
     font-weight: var(--font-weight-normal);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label, :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
     font-size: var(--text-base);
     font-weight: var(--font-weight-medium);
     line-height: 1.5;
-  }
 
   :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
     font-size: var(--text-base);
     font-weight: var(--font-weight-normal);
     line-height: 1.5;
-  }
-}
 
-@layer utilities {
+
   .\@container\/card-header {
     container: card-header / inline-size;
-  }
 
   .pointer-events-none {
     pointer-events: none;
-  }
 
   .\!visible {
     visibility: visible !important;
-  }
 
   .collapse {
     visibility: collapse;
-  }
 
   .invisible {
     visibility: hidden;
-  }
 
   .visible {
     visibility: visible;
-  }
 
   .sr-only {
     clip: rect(0, 0, 0, 0);
@@ -572,281 +497,209 @@
     padding: 0;
     position: absolute;
     overflow: hidden;
-  }
 
   .absolute {
     position: absolute;
-  }
 
   .fixed {
     position: fixed;
-  }
 
   .relative {
     position: relative;
-  }
 
   .sticky {
     position: sticky;
-  }
 
   .inset-0 {
     inset: calc(var(--spacing) * 0);
-  }
 
   .inset-8 {
     inset: calc(var(--spacing) * 8);
-  }
 
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
-  }
 
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
-  }
 
   .-top-1 {
     top: calc(var(--spacing) * -1);
-  }
 
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
-  }
 
   .-top-2\.5 {
     top: calc(var(--spacing) * -2.5);
-  }
 
   .-top-12 {
     top: calc(var(--spacing) * -12);
-  }
 
   .top-0 {
     top: calc(var(--spacing) * 0);
-  }
 
   .top-1 {
     top: calc(var(--spacing) * 1);
-  }
 
   .top-1\.5 {
     top: calc(var(--spacing) * 1.5);
-  }
 
   .top-1\/2 {
     top: 50%;
-  }
 
   .top-2 {
     top: calc(var(--spacing) * 2);
-  }
 
   .top-3\.5 {
     top: calc(var(--spacing) * 3.5);
-  }
 
   .top-4 {
     top: calc(var(--spacing) * 4);
-  }
 
   .top-16 {
     top: calc(var(--spacing) * 16);
-  }
 
   .top-\[1px\] {
     top: 1px;
-  }
 
   .top-\[50\%\] {
     top: 50%;
-  }
 
   .top-\[60\%\] {
     top: 60%;
-  }
 
   .top-full {
     top: 100%;
-  }
 
   .-right-1\.5 {
     right: calc(var(--spacing) * -1.5);
-  }
 
   .-right-6 {
     right: calc(var(--spacing) * -6);
-  }
 
   .-right-7 {
     right: calc(var(--spacing) * -7);
-  }
 
   .-right-12 {
     right: calc(var(--spacing) * -12);
-  }
 
   .right-0 {
     right: calc(var(--spacing) * 0);
-  }
 
   .right-1 {
     right: calc(var(--spacing) * 1);
-  }
 
   .right-2 {
     right: calc(var(--spacing) * 2);
-  }
 
   .right-3 {
     right: calc(var(--spacing) * 3);
-  }
 
   .right-4 {
     right: calc(var(--spacing) * 4);
-  }
 
   .right-6 {
     right: calc(var(--spacing) * 6);
-  }
 
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
-  }
 
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
-  }
 
   .-left-1\.5 {
     left: calc(var(--spacing) * -1.5);
-  }
 
   .-left-12 {
     left: calc(var(--spacing) * -12);
-  }
 
   .left-0 {
     left: calc(var(--spacing) * 0);
-  }
 
   .left-1 {
     left: calc(var(--spacing) * 1);
-  }
 
   .left-1\/2 {
     left: 50%;
-  }
 
   .left-2 {
     left: calc(var(--spacing) * 2);
-  }
 
   .left-3 {
     left: calc(var(--spacing) * 3);
-  }
 
   .left-\[50\%\] {
     left: 50%;
-  }
 
   .isolate {
     isolation: isolate;
-  }
 
   .z-0 {
     z-index: 0;
-  }
 
   .z-10 {
     z-index: 10;
-  }
 
   .z-20 {
     z-index: 20;
-  }
 
   .z-30 {
     z-index: 30;
-  }
 
   .z-40 {
     z-index: 40;
-  }
 
   .z-50 {
     z-index: 50;
-  }
 
   .z-\[1\] {
     z-index: 1;
-  }
 
   .col-span-1 {
     grid-column: span 1 / span 1;
-  }
 
   .col-span-2 {
     grid-column: span 2 / span 2;
-  }
 
   .col-span-3 {
     grid-column: span 3 / span 3;
-  }
 
   .col-start-2 {
     grid-column-start: 2;
-  }
 
   .row-span-2 {
     grid-row: span 2 / span 2;
-  }
 
   .row-start-1 {
     grid-row-start: 1;
-  }
 
   .container {
     width: 100%;
-  }
 
   @media (width >= 40rem) {
     .container {
       max-width: 40rem;
-    }
-  }
 
   @media (width >= 48rem) {
     .container {
       max-width: 48rem;
-    }
-  }
 
   @media (width >= 64rem) {
     .container {
       max-width: 64rem;
-    }
-  }
 
   @media (width >= 80rem) {
     .container {
       max-width: 80rem;
-    }
-  }
 
   @media (width >= 96rem) {
     .container {
       max-width: 96rem;
-    }
-  }
 
   .m-0 {
     margin: calc(var(--spacing) * 0);
-  }
 
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
-  }
 
   .mx-0\.5 {
     margin-inline: calc(var(--spacing) * .5);
@@ -2492,7 +2345,7 @@
     border-color: var(--blue-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-blue-500\/20 {
       border-color: color-mix(in oklab, var(--blue-500) 20%, transparent);
     }
@@ -2506,7 +2359,7 @@
     border-color: var(--border);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-border\/50 {
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
@@ -2520,7 +2373,7 @@
     border-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-destructive\/20 {
       border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
@@ -2530,7 +2383,7 @@
     border-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-destructive\/50 {
       border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
     }
@@ -2580,7 +2433,7 @@
     border-color: var(--green-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-green-500\/20 {
       border-color: color-mix(in oklab, var(--green-500) 20%, transparent);
     }
@@ -2594,7 +2447,7 @@
     border-color: var(--green-600);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-green-600\/20 {
       border-color: color-mix(in oklab, var(--green-600) 20%, transparent);
     }
@@ -2624,7 +2477,7 @@
     border-color: var(--orange-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-orange-500\/20 {
       border-color: color-mix(in oklab, var(--orange-500) 20%, transparent);
     }
@@ -2646,7 +2499,7 @@
     border-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-primary\/20 {
       border-color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
@@ -2656,7 +2509,7 @@
     border-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-primary\/40 {
       border-color: color-mix(in oklab, var(--primary) 40%, transparent);
     }
@@ -2722,7 +2575,7 @@
     border-color: #fff3;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-white\/20 {
       border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
     }
@@ -2732,7 +2585,7 @@
     border-color: #ffffff4d;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-white\/30 {
       border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
     }
@@ -2742,7 +2595,7 @@
     border-color: #ffffff80;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-white\/50 {
       border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
     }
@@ -2760,7 +2613,7 @@
     border-color: var(--yellow-600);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .border-yellow-600\/20 {
       border-color: color-mix(in oklab, var(--yellow-600) 20%, transparent);
     }
@@ -2878,7 +2731,7 @@
     background-color: var(--background);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-background\/50 {
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
@@ -2888,7 +2741,7 @@
     background-color: var(--background);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-background\/95 {
       background-color: color-mix(in oklab, var(--background) 95%, transparent);
     }
@@ -2898,7 +2751,7 @@
     background-color: #0000;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-black\/0 {
       background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
     }
@@ -2908,7 +2761,7 @@
     background-color: #0000001a;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-black\/10 {
       background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
@@ -2918,7 +2771,7 @@
     background-color: #0003;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-black\/20 {
       background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
     }
@@ -2928,7 +2781,7 @@
     background-color: #00000080;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-black\/50 {
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
@@ -2942,7 +2795,7 @@
     background-color: var(--blue-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-blue-50\/30 {
       background-color: color-mix(in oklab, var(--blue-50) 30%, transparent);
     }
@@ -2960,7 +2813,7 @@
     background-color: var(--blue-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-blue-500\/10 {
       background-color: color-mix(in oklab, var(--blue-500) 10%, transparent);
     }
@@ -2994,7 +2847,7 @@
     background-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-destructive\/5 {
       background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
     }
@@ -3004,7 +2857,7 @@
     background-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-destructive\/10 {
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
@@ -3022,7 +2875,7 @@
     background-color: var(--gray-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-gray-50\/30 {
       background-color: color-mix(in oklab, var(--gray-50) 30%, transparent);
     }
@@ -3032,7 +2885,7 @@
     background-color: var(--gray-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-gray-50\/50 {
       background-color: color-mix(in oklab, var(--gray-50) 50%, transparent);
     }
@@ -3074,7 +2927,7 @@
     background-color: var(--green-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-green-500\/10 {
       background-color: color-mix(in oklab, var(--green-500) 10%, transparent);
     }
@@ -3100,7 +2953,7 @@
     background-color: var(--muted);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-muted\/5 {
       background-color: color-mix(in oklab, var(--muted) 5%, transparent);
     }
@@ -3110,7 +2963,7 @@
     background-color: var(--muted);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-muted\/10 {
       background-color: color-mix(in oklab, var(--muted) 10%, transparent);
     }
@@ -3120,7 +2973,7 @@
     background-color: var(--muted);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-muted\/20 {
       background-color: color-mix(in oklab, var(--muted) 20%, transparent);
     }
@@ -3130,7 +2983,7 @@
     background-color: var(--muted);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-muted\/30 {
       background-color: color-mix(in oklab, var(--muted) 30%, transparent);
     }
@@ -3140,7 +2993,7 @@
     background-color: var(--muted);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-muted\/50 {
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
@@ -3162,7 +3015,7 @@
     background-color: var(--orange-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-orange-500\/10 {
       background-color: color-mix(in oklab, var(--orange-500) 10%, transparent);
     }
@@ -3196,7 +3049,7 @@
     background-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-primary\/5 {
       background-color: color-mix(in oklab, var(--primary) 5%, transparent);
     }
@@ -3206,7 +3059,7 @@
     background-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-primary\/10 {
       background-color: color-mix(in oklab, var(--primary) 10%, transparent);
     }
@@ -3216,7 +3069,7 @@
     background-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-primary\/20 {
       background-color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
@@ -3230,7 +3083,7 @@
     background-color: var(--purple-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-purple-50\/30 {
       background-color: color-mix(in oklab, var(--purple-50) 30%, transparent);
     }
@@ -3240,7 +3093,7 @@
     background-color: var(--purple-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-purple-50\/50 {
       background-color: color-mix(in oklab, var(--purple-50) 50%, transparent);
     }
@@ -3262,7 +3115,7 @@
     background-color: var(--purple-500);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-purple-500\/10 {
       background-color: color-mix(in oklab, var(--purple-500) 10%, transparent);
     }
@@ -3280,7 +3133,7 @@
     background-color: var(--red-50);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-red-50\/50 {
       background-color: color-mix(in oklab, var(--red-50) 50%, transparent);
     }
@@ -3318,7 +3171,7 @@
     background-color: color-mix(in srgb, oklch(.984 .003 247.858) 50%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-slate-50\/50 {
       background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
     }
@@ -3348,7 +3201,7 @@
     background-color: #fff3;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-white\/20 {
       background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
     }
@@ -3358,7 +3211,7 @@
     background-color: #fffc;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .bg-white\/80 {
       background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
     }
@@ -3435,7 +3288,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .from-primary\/10 {
       --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
     }
@@ -3536,7 +3389,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .to-primary\/5 {
       --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);
     }
@@ -3547,7 +3400,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .to-primary\/60 {
       --tw-gradient-to: color-mix(in oklab, var(--primary) 60%, transparent);
     }
@@ -3558,7 +3411,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .to-purple-500\/10 {
       --tw-gradient-to: color-mix(in oklab, var(--purple-500) 10%, transparent);
     }
@@ -4080,7 +3933,7 @@
     color: var(--foreground);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .text-foreground\/80 {
       color: color-mix(in oklab, var(--foreground) 80%, transparent);
     }
@@ -4090,7 +3943,7 @@
     color: var(--foreground);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .text-foreground\/90 {
       color: color-mix(in oklab, var(--foreground) 90%, transparent);
     }
@@ -4152,7 +4005,7 @@
     color: var(--muted-foreground);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .text-muted-foreground\/40 {
       color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
     }
@@ -4258,7 +4111,7 @@
     color: var(--sidebar-foreground);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .text-sidebar-foreground\/70 {
       color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
     }
@@ -4362,7 +4215,7 @@
     text-decoration-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .decoration-primary\/30 {
       -webkit-text-decoration-color: color-mix(in oklab, var(--primary) 30%, transparent);
       text-decoration-color: color-mix(in oklab, var(--primary) 30%, transparent);
@@ -4499,7 +4352,7 @@
     --tw-ring-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .ring-primary\/20 {
       --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
@@ -4517,7 +4370,7 @@
     --tw-ring-color: var(--ring);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .ring-ring\/50 {
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
@@ -4726,7 +4579,7 @@
       border-color: var(--primary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .group-hover\:border-primary\/50:is(:where(.group):hover *) {
         border-color: color-mix(in oklab, var(--primary) 50%, transparent);
       }
@@ -4738,7 +4591,7 @@
       background-color: var(--primary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
         background-color: color-mix(in oklab, var(--primary) 20%, transparent);
       }
@@ -4756,7 +4609,7 @@
       background-color: #0000001a;
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .group-hover\/att\:bg-black\/10:is(:where(.group\/att):hover *) {
         background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
       }
@@ -5123,7 +4976,7 @@
     --tw-ring-color: var(--primary);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .focus-within\:ring-primary\/20:focus-within {
       --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
@@ -5245,7 +5098,7 @@
       background-color: var(--accent);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-accent\/50:hover {
         background-color: color-mix(in oklab, var(--accent) 50%, transparent);
       }
@@ -5281,7 +5134,7 @@
       background-color: var(--blue-500);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-blue-500\/20:hover {
         background-color: color-mix(in oklab, var(--blue-500) 20%, transparent);
       }
@@ -5299,7 +5152,7 @@
       background-color: var(--destructive);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-destructive\/10:hover {
         background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
       }
@@ -5311,7 +5164,7 @@
       background-color: var(--destructive);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-destructive\/90:hover {
         background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
       }
@@ -5329,7 +5182,7 @@
       background-color: var(--gray-50);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-gray-50\/50:hover {
         background-color: color-mix(in oklab, var(--gray-50) 50%, transparent);
       }
@@ -5377,7 +5230,7 @@
       background-color: var(--muted);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-muted\/20:hover {
         background-color: color-mix(in oklab, var(--muted) 20%, transparent);
       }
@@ -5389,7 +5242,7 @@
       background-color: var(--muted);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-muted\/50:hover {
         background-color: color-mix(in oklab, var(--muted) 50%, transparent);
       }
@@ -5413,7 +5266,7 @@
       background-color: var(--orange-500);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-orange-500\/20:hover {
         background-color: color-mix(in oklab, var(--orange-500) 20%, transparent);
       }
@@ -5443,7 +5296,7 @@
       background-color: var(--primary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-primary\/50:hover {
         background-color: color-mix(in oklab, var(--primary) 50%, transparent);
       }
@@ -5455,7 +5308,7 @@
       background-color: var(--primary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-primary\/90:hover {
         background-color: color-mix(in oklab, var(--primary) 90%, transparent);
       }
@@ -5497,7 +5350,7 @@
       background-color: var(--secondary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .hover\:bg-secondary\/80:hover {
         background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
       }
@@ -5756,7 +5609,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .focus-visible\:ring-destructive\/20:focus-visible {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
@@ -5770,7 +5623,7 @@
     --tw-ring-color: var(--ring);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .focus-visible\:ring-ring\/40:focus-visible {
       --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
     }
@@ -5780,7 +5633,7 @@
     --tw-ring-color: var(--ring);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .focus-visible\:ring-ring\/50:focus-visible {
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
@@ -5902,7 +5755,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
@@ -5944,7 +5797,7 @@
     background-color: var(--accent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
@@ -5976,7 +5829,7 @@
     --tw-ring-color: var(--ring);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
@@ -6000,7 +5853,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
@@ -6205,7 +6058,7 @@
     color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
       color: color-mix(in oklab, var(--destructive) 90%, transparent);
     }
@@ -6350,7 +6203,7 @@
     background-color: var(--accent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
@@ -6468,7 +6321,7 @@
     background-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
@@ -6579,12 +6432,12 @@
     border-bottom-width: 1px;
   }
 
-  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
+  
     .supports-\[backdrop-filter\]\:bg-background\/60 {
       background-color: var(--background);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .supports-\[backdrop-filter\]\:bg-background\/60 {
         background-color: color-mix(in oklab, var(--background) 60%, transparent);
       }
@@ -7044,7 +6897,7 @@
     border-color: color-mix(in srgb, oklch(.396 .141 25.723) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:border-red-900\/20:is(.dark *) {
       border-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
     }
@@ -7054,7 +6907,7 @@
     border-color: color-mix(in srgb, oklch(.396 .141 25.723) 50%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:border-red-900\/50:is(.dark *) {
       border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
     }
@@ -7084,7 +6937,7 @@
     background-color: color-mix(in srgb, oklch(.279 .077 45.635) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-amber-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
     }
@@ -7098,7 +6951,7 @@
     background-color: #0003;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-black\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
     }
@@ -7112,7 +6965,7 @@
     background-color: color-mix(in srgb, oklch(.379 .146 265.522) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-blue-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
     }
@@ -7126,7 +6979,7 @@
     background-color: color-mix(in srgb, oklch(.282 .091 267.935) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-blue-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
     }
@@ -7136,7 +6989,7 @@
     background-color: color-mix(in srgb, oklch(.398 .07 227.392) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-cyan-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
     }
@@ -7146,7 +6999,7 @@
     background-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-destructive\/60:is(.dark *) {
       background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
     }
@@ -7168,7 +7021,7 @@
     background-color: color-mix(in srgb, oklch(.393 .095 152.535) 10%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-green-900\/10:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-green-900) 10%, transparent);
     }
@@ -7178,7 +7031,7 @@
     background-color: color-mix(in srgb, oklch(.393 .095 152.535) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-green-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
     }
@@ -7192,7 +7045,7 @@
     background-color: color-mix(in srgb, oklch(.266 .065 152.934) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-green-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-green-950) 20%, transparent);
     }
@@ -7202,7 +7055,7 @@
     background-color: color-mix(in srgb, oklch(.266 .065 152.934) 30%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-green-950\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
     }
@@ -7212,7 +7065,7 @@
     background-color: var(--input);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-input\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--input) 30%, transparent);
     }
@@ -7226,7 +7079,7 @@
     background-color: color-mix(in srgb, oklch(.408 .123 38.172) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-orange-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
     }
@@ -7236,7 +7089,7 @@
     background-color: color-mix(in srgb, oklch(.266 .079 36.259) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-orange-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
     }
@@ -7246,7 +7099,7 @@
     background-color: color-mix(in srgb, oklch(.408 .153 2.432) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-pink-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
     }
@@ -7260,7 +7113,7 @@
     background-color: color-mix(in srgb, oklch(.284 .109 3.907) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-pink-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-pink-950) 20%, transparent);
     }
@@ -7282,7 +7135,7 @@
     background-color: color-mix(in srgb, oklch(.381 .176 304.987) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-purple-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
     }
@@ -7292,7 +7145,7 @@
     background-color: color-mix(in srgb, oklch(.381 .176 304.987) 30%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-purple-900\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
     }
@@ -7306,7 +7159,7 @@
     background-color: color-mix(in srgb, oklch(.291 .149 302.717) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-purple-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent);
     }
@@ -7316,7 +7169,7 @@
     background-color: color-mix(in srgb, oklch(.291 .149 302.717) 30%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-purple-950\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
     }
@@ -7330,7 +7183,7 @@
     background-color: color-mix(in srgb, oklch(.396 .141 25.723) 10%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-red-900\/10:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
     }
@@ -7340,7 +7193,7 @@
     background-color: color-mix(in srgb, oklch(.396 .141 25.723) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-red-900\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
     }
@@ -7350,7 +7203,7 @@
     background-color: color-mix(in srgb, oklch(.396 .141 25.723) 30%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-red-900\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
     }
@@ -7360,7 +7213,7 @@
     background-color: color-mix(in srgb, oklch(.396 .141 25.723) 40%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-red-900\/40:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
     }
@@ -7370,7 +7223,7 @@
     background-color: color-mix(in srgb, oklch(.258 .092 26.042) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-red-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
     }
@@ -7388,7 +7241,7 @@
     background-color: color-mix(in srgb, oklch(.129 .042 264.695) 30%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-slate-950\/30:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
     }
@@ -7398,7 +7251,7 @@
     background-color: #ffffff1a;
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-white\/10:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
@@ -7412,7 +7265,7 @@
     background-color: color-mix(in srgb, oklch(.286 .066 53.813) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:bg-yellow-950\/20:is(.dark *) {
       background-color: color-mix(in oklab, var(--color-yellow-950) 20%, transparent);
     }
@@ -7427,7 +7280,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-amber-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
     }
@@ -7438,7 +7291,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-blue-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
     }
@@ -7449,7 +7302,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-emerald-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
     }
@@ -7460,7 +7313,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-gray-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-gray-950) 20%, transparent);
     }
@@ -7471,7 +7324,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-green-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-green-950) 20%, transparent);
     }
@@ -7482,7 +7335,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-purple-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-purple-950) 20%, transparent);
     }
@@ -7493,7 +7346,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-red-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-red-950) 20%, transparent);
     }
@@ -7504,7 +7357,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-slate-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 20%, transparent);
     }
@@ -7515,7 +7368,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:from-violet-950\/20:is(.dark *) {
       --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
     }
@@ -7526,7 +7379,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-cyan-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
     }
@@ -7537,7 +7390,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-emerald-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
     }
@@ -7548,7 +7401,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-gray-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-gray-950) 20%, transparent);
     }
@@ -7559,7 +7412,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-indigo-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
     }
@@ -7570,7 +7423,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-orange-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
     }
@@ -7581,7 +7434,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-pink-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-pink-950) 20%, transparent);
     }
@@ -7592,7 +7445,7 @@
     --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));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:to-teal-950\/20:is(.dark *) {
       --tw-gradient-to: color-mix(in oklab, var(--color-teal-950) 20%, transparent);
     }
@@ -7754,7 +7607,7 @@
     --tw-ring-color: color-mix(in srgb, oklch(.396 .141 25.723) 20%, transparent);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:ring-red-900\/20:is(.dark *) {
       --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
     }
@@ -7765,7 +7618,7 @@
       background-color: var(--accent);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .dark\:hover\:bg-accent\/50:is(.dark *):hover {
         background-color: color-mix(in oklab, var(--accent) 50%, transparent);
       }
@@ -7777,7 +7630,7 @@
       background-color: var(--input);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .dark\:hover\:bg-input\/50:is(.dark *):hover {
         background-color: color-mix(in oklab, var(--input) 50%, transparent);
       }
@@ -7789,7 +7642,7 @@
       background-color: color-mix(in srgb, oklch(.381 .176 304.987) 10%, transparent);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       .dark\:hover\:bg-purple-900\/10:is(.dark *):hover {
         background-color: color-mix(in oklab, var(--color-purple-900) 10%, transparent);
       }
@@ -7800,7 +7653,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
     }
@@ -7810,7 +7663,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
     }
@@ -7820,7 +7673,7 @@
     --tw-ring-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
       --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
     }
@@ -7834,7 +7687,7 @@
     background-color: var(--input);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
       background-color: color-mix(in oklab, var(--input) 30%, transparent);
     }
@@ -7860,7 +7713,7 @@
     background-color: var(--input);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
       background-color: color-mix(in oklab, var(--input) 80%, transparent);
     }
@@ -7870,7 +7723,7 @@
     background-color: var(--destructive);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
       background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
@@ -7884,7 +7737,7 @@
     stroke: var(--border);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
+  
     .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
       stroke: color-mix(in oklab, var(--border) 50%, transparent);
     }
@@ -8232,7 +8085,7 @@
       background-color: var(--destructive);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       a.\[a\&\]\:hover\:bg-destructive\/90:hover {
         background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
       }
@@ -8244,7 +8097,7 @@
       background-color: var(--primary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       a.\[a\&\]\:hover\:bg-primary\/90:hover {
         background-color: color-mix(in oklab, var(--primary) 90%, transparent);
       }
@@ -8256,7 +8109,7 @@
       background-color: var(--secondary);
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
+    
       a.\[a\&\]\:hover\:bg-secondary\/90:hover {
         background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
       }