@powerhousedao/connect 1.0.24-dev.0 → 1.1.0

package/dist/assets/{app-loader-NDVZu4bS.css → app-loader-3ipafc56.css}

@@ -1,7 +1,71 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
 
-/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.4 | 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;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+    }
+  }
+}
 :root {
   --toastify-color-light: #fff;
   --toastify-color-dark: #121212;
@@ -77,7 +141,7 @@
   bottom: var(--toastify-toast-bottom);
   right: var(--toastify-toast-right);
 }
-@media only screen and (width <= 480px) {
+@media only screen and (max-width: 480px) {
   .Toastify__toast-container {
     width: 100vw;
     left: env(safe-area-inset-left);
@@ -197,7 +261,7 @@
   animation-duration: .3s;
   animation-fill-mode: both;
 }
-@media only screen and (width <= 480px) {
+@media only screen and (max-width: 480px) {
   .Toastify__toast {
     border-radius: 0;
     margin-bottom: 0;
@@ -717,55 +781,52 @@
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-red-100: #fdedec;
-    --color-red-400: oklch(.704 .191 22.216);
-    --color-red-500: oklch(.637 .237 25.331);
-    --color-red-600: oklch(.577 .245 27.325);
-    --color-red-700: oklch(.505 .213 27.518);
-    --color-red-800: oklch(.444 .177 26.899);
-    --color-red-900: oklch(.396 .141 25.723);
-    --color-orange-100: oklch(.954 .038 75.164);
-    --color-orange-700: oklch(.553 .195 38.402);
-    --color-orange-800: oklch(.47 .157 37.304);
-    --color-orange-900: oklch(.408 .123 38.172);
-    --color-yellow-100: oklch(.973 .071 103.193);
-    --color-yellow-300: oklch(.905 .182 98.111);
-    --color-yellow-400: oklch(.852 .199 91.936);
-    --color-yellow-900: oklch(.421 .095 57.708);
-    --color-green-100: oklch(.962 .044 156.743);
-    --color-green-500: oklch(.723 .219 149.579);
-    --color-green-600: oklch(.627 .194 149.214);
-    --color-green-700: oklch(.527 .154 150.069);
-    --color-green-800: oklch(.448 .119 151.328);
-    --color-green-900: oklch(.393 .095 152.535);
-    --color-blue-50: oklch(.97 .014 254.604);
-    --color-blue-100: oklch(.932 .032 255.585);
-    --color-blue-200: oklch(.882 .059 254.128);
-    --color-blue-300: oklch(.809 .105 251.813);
-    --color-blue-400: oklch(.707 .165 254.624);
-    --color-blue-500: oklch(.623 .214 259.815);
-    --color-blue-600: oklch(.546 .245 262.881);
-    --color-blue-800: oklch(.424 .199 265.638);
-    --color-blue-900: oklch(.379 .146 265.522);
-    --color-purple-900: oklch(.381 .176 304.987);
-    --color-slate-50: oklch(.984 .003 247.858);
-    --color-slate-100: oklch(.968 .007 247.896);
-    --color-slate-200: oklch(.929 .013 255.508);
-    --color-slate-300: oklch(.869 .022 252.894);
-    --color-slate-500: oklch(.554 .046 257.417);
-    --color-slate-600: oklch(.446 .043 257.281);
-    --color-slate-700: oklch(.372 .044 257.287);
-    --color-slate-800: oklch(.279 .041 260.031);
-    --color-slate-900: oklch(.208 .042 265.755);
-    --color-gray-50: oklch(.985 .002 247.839);
-    --color-gray-100: oklch(.967 .003 264.542);
-    --color-gray-200: oklch(.928 .006 264.531);
-    --color-gray-300: oklch(.872 .01 258.338);
-    --color-gray-400: oklch(.707 .022 261.325);
-    --color-gray-500: oklch(.551 .027 264.364);
-    --color-gray-600: oklch(.446 .03 256.802);
-    --color-gray-700: oklch(.373 .034 259.733);
-    --color-gray-800: oklch(.278 .033 256.848);
-    --color-gray-900: oklch(.21 .034 264.665);
+    --color-red-400: oklch(70.4% .191 22.216);
+    --color-red-500: oklch(63.7% .237 25.331);
+    --color-red-600: oklch(57.7% .245 27.325);
+    --color-red-700: oklch(50.5% .213 27.518);
+    --color-red-800: oklch(44.4% .177 26.899);
+    --color-red-900: oklch(39.6% .141 25.723);
+    --color-orange-100: oklch(95.4% .038 75.164);
+    --color-orange-700: oklch(55.3% .195 38.402);
+    --color-orange-800: oklch(47% .157 37.304);
+    --color-orange-900: oklch(40.8% .123 38.172);
+    --color-yellow-100: oklch(97.3% .071 103.193);
+    --color-yellow-300: oklch(90.5% .182 98.111);
+    --color-yellow-400: oklch(85.2% .199 91.936);
+    --color-yellow-900: oklch(42.1% .095 57.708);
+    --color-green-100: oklch(96.2% .044 156.743);
+    --color-green-500: oklch(72.3% .219 149.579);
+    --color-green-700: oklch(52.7% .154 150.069);
+    --color-green-800: oklch(44.8% .119 151.328);
+    --color-green-900: oklch(39.3% .095 152.535);
+    --color-blue-50: oklch(97% .014 254.604);
+    --color-blue-100: oklch(93.2% .032 255.585);
+    --color-blue-400: oklch(70.7% .165 254.624);
+    --color-blue-500: oklch(62.3% .214 259.815);
+    --color-blue-600: oklch(54.6% .245 262.881);
+    --color-blue-800: oklch(42.4% .199 265.638);
+    --color-blue-900: oklch(37.9% .146 265.522);
+    --color-purple-900: oklch(38.1% .176 304.987);
+    --color-slate-50: oklch(98.4% .003 247.858);
+    --color-slate-100: oklch(96.8% .007 247.896);
+    --color-slate-200: oklch(92.9% .013 255.508);
+    --color-slate-300: oklch(86.9% .022 252.894);
+    --color-slate-500: oklch(55.4% .046 257.417);
+    --color-slate-600: oklch(44.6% .043 257.281);
+    --color-slate-700: oklch(37.2% .044 257.287);
+    --color-slate-800: oklch(27.9% .041 260.031);
+    --color-slate-900: oklch(20.8% .042 265.755);
+    --color-gray-50: oklch(98.5% .002 247.839);
+    --color-gray-100: oklch(96.7% .003 264.542);
+    --color-gray-200: oklch(92.8% .006 264.531);
+    --color-gray-300: oklch(87.2% .01 258.338);
+    --color-gray-400: oklch(70.7% .022 261.325);
+    --color-gray-500: oklch(55.1% .027 264.364);
+    --color-gray-600: oklch(44.6% .03 256.802);
+    --color-gray-700: oklch(37.3% .034 259.733);
+    --color-gray-800: oklch(27.8% .033 256.848);
+    --color-gray-900: oklch(21% .034 264.665);
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
@@ -803,11 +864,7 @@
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: var(--font-sans);
-    --default-font-feature-settings: var(--font-sans--font-feature-settings);
-    --default-font-variation-settings: var(--font-sans--font-variation-settings);
     --default-mono-font-family: var(--font-mono);
-    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
     --color-charcoal-300: #9da6b9;
     --color-charcoal-700: #485265;
     --color-charcoal-800: #373e4e;
@@ -830,12 +887,26 @@
   }
 }
 @layer base {
-  h1, h2, h3, h4, h5, h6, p {
-    color: var(--color-gray-900);
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: currentColor;
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        ::placeholder {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
+      }
+    }
   }
 
-  button {
-    cursor: pointer;
+  h1, h2, h3, h4, h5, h6, p {
+    color: var(--color-gray-900);
   }
 
   * {
@@ -867,10 +938,6 @@
     -webkit-tap-highlight-color: transparent;
   }
 
-  body {
-    line-height: inherit;
-  }
-
   hr {
     height: 0;
     color: inherit;
@@ -993,7 +1060,18 @@
 
   ::placeholder {
     opacity: 1;
-    color: color-mix(in oklab, currentColor 50%, transparent);
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
   }
 
   textarea {
@@ -1151,14 +1229,6 @@
     top: -2px;
   }
 
-  .top-\[-11px\] {
-    top: -11px;
-  }
-
-  .top-\[11px\] {
-    top: 11px;
-  }
-
   .top-\[48px\] {
     top: 48px;
   }
@@ -1187,10 +1257,6 @@
     right: -2px;
   }
 
-  .right-\[0px\] {
-    right: 0;
-  }
-
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -1227,10 +1293,6 @@
     left: -2px;
   }
 
-  .left-\[0px\] {
-    left: 0;
-  }
-
   .isolate {
     isolation: isolate;
   }
@@ -1243,43 +1305,35 @@
     z-index: 10;
   }
 
-  .z-40 {
-    z-index: 40;
-  }
-
   .z-50 {
     z-index: 50;
   }
 
-  .z-\[20\] {
-    z-index: 20;
-  }
-
-  @media (width >= 40rem) {
+  @media (min-width: 40rem) {
     .container {
       max-width: 40rem;
     }
   }
 
-  @media (width >= 48rem) {
+  @media (min-width: 48rem) {
     .container {
       max-width: 48rem;
     }
   }
 
-  @media (width >= 64rem) {
+  @media (min-width: 64rem) {
     .container {
       max-width: 64rem;
     }
   }
 
-  @media (width >= 80rem) {
+  @media (min-width: 80rem) {
     .container {
       max-width: 80rem;
     }
   }
 
-  @media (width >= 96rem) {
+  @media (min-width: 96rem) {
     .container {
       max-width: 96rem;
     }
@@ -1297,10 +1351,6 @@
     margin: calc(var(--spacing) * 8);
   }
 
-  .mx-0\.5 {
-    margin-inline: calc(var(--spacing) * .5);
-  }
-
   .mx-3 {
     margin-inline: calc(var(--spacing) * 3);
   }
@@ -1365,10 +1415,6 @@
     margin-top: 5px;
   }
 
-  .mt-\[11px\] {
-    margin-top: 11px;
-  }
-
   .mt-\[14px\] {
     margin-top: 14px;
   }
@@ -1466,6 +1512,10 @@
     display: inline !important;
   }
 
+  .contents {
+    display: contents;
+  }
+
   .inline-flex {
     display: inline-flex;
   }
@@ -1518,11 +1568,6 @@
     height: calc(var(--spacing) * 10);
   }
 
-  .size-\[3px\] {
-    width: 3px;
-    height: 3px;
-  }
-
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -1565,30 +1610,6 @@
     height: calc(var(--spacing) * 48);
   }
 
-  .h-\[1px\] {
-    height: 1px;
-  }
-
-  .h-\[3px\] {
-    height: 3px;
-  }
-
-  .h-\[6px\] {
-    height: 6px;
-  }
-
-  .h-\[9px\] {
-    height: 9px;
-  }
-
-  .h-\[12px\] {
-    height: 12px;
-  }
-
-  .h-\[17px\] {
-    height: 17px;
-  }
-
   .h-\[20px\] {
     height: 20px;
   }
@@ -1597,10 +1618,6 @@
     height: 22px;
   }
 
-  .h-\[25px\] {
-    height: 25px;
-  }
-
   .h-\[28px\] {
     height: 28px;
   }
@@ -1609,10 +1626,6 @@
     height: 34px;
   }
 
-  .h-\[36px\] {
-    height: 36px;
-  }
-
   .h-\[37px\] {
     height: 37px;
   }
@@ -1717,22 +1730,6 @@
     width: var(--radix-popover-trigger-width);
   }
 
-  .w-0\.5 {
-    width: calc(var(--spacing) * .5);
-  }
-
-  .w-1 {
-    width: calc(var(--spacing) * 1);
-  }
-
-  .w-1\.5 {
-    width: calc(var(--spacing) * 1.5);
-  }
-
-  .w-2 {
-    width: calc(var(--spacing) * 2);
-  }
-
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -1785,10 +1782,6 @@
     width: --radix-popover-trigger-width;
   }
 
-  .w-\[6px\] {
-    width: 6px;
-  }
-
   .w-\[10px\] {
     width: 10px;
   }
@@ -2213,10 +2206,6 @@
     border-radius: var(--radius-3xl);
   }
 
-  .rounded-\[2px\] {
-    border-radius: 2px;
-  }
-
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -2252,11 +2241,6 @@
     border-top-right-radius: .25rem;
   }
 
-  .rounded-t-full {
-    border-top-left-radius: 3.40282e38px;
-    border-top-right-radius: 3.40282e38px;
-  }
-
   .rounded-t-md {
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
@@ -2277,10 +2261,6 @@
     border-bottom-left-radius: 0;
   }
 
-  .rounded-tl-md {
-    border-top-left-radius: var(--radius-md);
-  }
-
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
@@ -2291,15 +2271,6 @@
     border-bottom-right-radius: 0;
   }
 
-  .rounded-tr-md {
-    border-top-right-radius: var(--radius-md);
-  }
-
-  .rounded-b-full {
-    border-bottom-right-radius: 3.40282e38px;
-    border-bottom-left-radius: 3.40282e38px;
-  }
-
   .border-0 {
     border-style: var(--tw-border-style);
     border-width: 0;
@@ -2461,14 +2432,6 @@
     background-color: var(--color-blue-100);
   }
 
-  .bg-blue-200 {
-    background-color: var(--color-blue-200);
-  }
-
-  .bg-blue-300 {
-    background-color: var(--color-blue-300);
-  }
-
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -2509,14 +2472,6 @@
     background-color: var(--color-green-500);
   }
 
-  .bg-green-600 {
-    background-color: var(--color-green-600);
-  }
-
-  .bg-green-600\/30 {
-    background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
-  }
-
   .bg-green-900 {
     background-color: var(--color-green-900);
   }
@@ -2537,10 +2492,6 @@
     background-color: var(--color-red-600);
   }
 
-  .bg-red-600\/30 {
-    background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
-  }
-
   .bg-red-900 {
     background-color: var(--color-red-900);
   }
@@ -2550,7 +2501,19 @@
   }
 
   .bg-slate-900\/50 {
-    background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
+    background-color: #0e101080;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-slate-900\/50 {
+      background-color: #0f172b80;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .bg-slate-900\/50 {
+        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
+      }
+    }
   }
 
   .bg-transparent {
@@ -3060,12 +3023,24 @@
   }
 
   .ring-0 {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
   .shadow-black\/\[\.04\] {
-    --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
+    --tw-shadow-color: #0000000a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-black\/\[\.04\] {
+      --tw-shadow-color: #0000000a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .shadow-black\/\[\.04\] {
+        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 4%, transparent) var(--tw-shadow-alpha), transparent);
+      }
+    }
   }
 
   .ring-gray-900 {
@@ -3567,7 +3542,7 @@
   }
 
   .focus-within\:ring-1:focus-within {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --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);
   }
 
@@ -3631,10 +3606,6 @@
       background-color: var(--color-blue-100);
     }
 
-    .hover\:bg-blue-300:hover {
-      background-color: var(--color-blue-300);
-    }
-
     .hover\:bg-gray-50:hover {
       background-color: var(--color-gray-50);
     }
@@ -3779,7 +3750,7 @@
   }
 
   .focus\:ring-1:focus {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --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);
   }
 
@@ -3798,17 +3769,17 @@
   }
 
   .focus-visible\:ring-0:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
   .focus-visible\:ring-1:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
   .focus-visible\:ring-2:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --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);
   }
 
@@ -4132,7 +4103,7 @@
     background-color: #efefef;
   }
 
-  @media (width >= 48rem) {
+  @media (min-width: 48rem) {
     .md\:w-96 {
       width: calc(var(--spacing) * 96);
     }
@@ -4682,12 +4653,6 @@
     }
   }
 
-  .\[\&\>span\]\:truncate > span {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
   .\[\&\>svg\]\:size-4 > svg {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -4749,31 +4714,31 @@
     width: 100%;
   }
 
-  @media (width >= 40rem) {
+  @media (min-width: 40rem) {
     .container {
       max-width: 40rem;
     }
   }
 
-  @media (width >= 48rem) {
+  @media (min-width: 48rem) {
     .container {
       max-width: 48rem;
     }
   }
 
-  @media (width >= 64rem) {
+  @media (min-width: 64rem) {
     .container {
       max-width: 64rem;
     }
   }
 
-  @media (width >= 80rem) {
+  @media (min-width: 80rem) {
     .container {
       max-width: 80rem;
     }
   }
 
-  @media (width >= 96rem) {
+  @media (min-width: 96rem) {
     .container {
       max-width: 96rem;
     }
@@ -4985,7 +4950,7 @@
   }
 
   .transform {
-    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
   .animate-spin {
@@ -5116,7 +5081,13 @@
   }
 
   .bg-gray-500\/20 {
-    background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    background-color: #6a728233;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-gray-500\/20 {
+      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    }
   }
 
   .bg-slate-50 {
@@ -5361,6 +5332,7 @@
   }
 
   .drop-shadow-sm {
+    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
     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, );
   }
@@ -5488,28 +5460,23 @@ input[type="number"] {
 }
 @property --tw-rotate-x {
   syntax: "*";
-  inherits: false;
-  initial-value: rotateX(0);
+  inherits: false
 }
 @property --tw-rotate-y {
   syntax: "*";
-  inherits: false;
-  initial-value: rotateY(0);
+  inherits: false
 }
 @property --tw-rotate-z {
   syntax: "*";
-  inherits: false;
-  initial-value: rotateZ(0);
+  inherits: false
 }
 @property --tw-skew-x {
   syntax: "*";
-  inherits: false;
-  initial-value: skewX(0);
+  inherits: false
 }
 @property --tw-skew-y {
   syntax: "*";
-  inherits: false;
-  initial-value: skewY(0);
+  inherits: false
 }
 @property --tw-space-y-reverse {
   syntax: "*";
@@ -5552,6 +5519,11 @@ input[type="number"] {
   syntax: "*";
   inherits: false
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -5561,6 +5533,11 @@ input[type="number"] {
   syntax: "*";
   inherits: false
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false
@@ -5643,6 +5620,19 @@ input[type="number"] {
   syntax: "*";
   inherits: false
 }
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false