@powerhousedao/connect 1.0.22-staging.1 → 1.0.23-dev.2

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

@@ -1,71 +1,7 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
 
-/*! 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;
-    }
-  }
-}
+/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
 :root {
   --toastify-color-light: #fff;
   --toastify-color-dark: #121212;
@@ -141,7 +77,7 @@
   bottom: var(--toastify-toast-bottom);
   right: var(--toastify-toast-right);
 }
-@media only screen and (max-width: 480px) {
+@media only screen and (width <= 480px) {
   .Toastify__toast-container {
     width: 100vw;
     left: env(safe-area-inset-left);
@@ -261,7 +197,7 @@
   animation-duration: .3s;
   animation-fill-mode: both;
 }
-@media only screen and (max-width: 480px) {
+@media only screen and (width <= 480px) {
   .Toastify__toast {
     border-radius: 0;
     margin-bottom: 0;
@@ -781,52 +717,55 @@
     --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(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-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-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
@@ -864,7 +803,11 @@
     --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;
@@ -887,28 +830,14 @@
   }
 }
 @layer base {
-  @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);
-        }
-      }
-    }
-  }
-
   h1, h2, h3, h4, h5, h6, p {
     color: var(--color-gray-900);
   }
 
+  button {
+    cursor: pointer;
+  }
+
   * {
     scrollbar-color: initial;
     scrollbar-width: initial;
@@ -938,6 +867,10 @@
     -webkit-tap-highlight-color: transparent;
   }
 
+  body {
+    line-height: inherit;
+  }
+
   hr {
     height: 0;
     color: inherit;
@@ -1060,18 +993,7 @@
 
   ::placeholder {
     opacity: 1;
-  }
-
-  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentColor;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      ::placeholder {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
+    color: color-mix(in oklab, currentColor 50%, transparent);
   }
 
   textarea {
@@ -1229,6 +1151,14 @@
     top: -2px;
   }
 
+  .top-\[-11px\] {
+    top: -11px;
+  }
+
+  .top-\[11px\] {
+    top: 11px;
+  }
+
   .top-\[48px\] {
     top: 48px;
   }
@@ -1257,6 +1187,10 @@
     right: -2px;
   }
 
+  .right-\[0px\] {
+    right: 0;
+  }
+
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -1293,6 +1227,10 @@
     left: -2px;
   }
 
+  .left-\[0px\] {
+    left: 0;
+  }
+
   .isolate {
     isolation: isolate;
   }
@@ -1305,35 +1243,43 @@
     z-index: 10;
   }
 
+  .z-40 {
+    z-index: 40;
+  }
+
   .z-50 {
     z-index: 50;
   }
 
-  @media (min-width: 40rem) {
+  .z-\[20\] {
+    z-index: 20;
+  }
+
+  @media (width >= 40rem) {
     .container {
       max-width: 40rem;
     }
   }
 
-  @media (min-width: 48rem) {
+  @media (width >= 48rem) {
     .container {
       max-width: 48rem;
     }
   }
 
-  @media (min-width: 64rem) {
+  @media (width >= 64rem) {
     .container {
       max-width: 64rem;
     }
   }
 
-  @media (min-width: 80rem) {
+  @media (width >= 80rem) {
     .container {
       max-width: 80rem;
     }
   }
 
-  @media (min-width: 96rem) {
+  @media (width >= 96rem) {
     .container {
       max-width: 96rem;
     }
@@ -1351,6 +1297,10 @@
     margin: calc(var(--spacing) * 8);
   }
 
+  .mx-0\.5 {
+    margin-inline: calc(var(--spacing) * .5);
+  }
+
   .mx-3 {
     margin-inline: calc(var(--spacing) * 3);
   }
@@ -1415,6 +1365,10 @@
     margin-top: 5px;
   }
 
+  .mt-\[11px\] {
+    margin-top: 11px;
+  }
+
   .mt-\[14px\] {
     margin-top: 14px;
   }
@@ -1512,10 +1466,6 @@
     display: inline !important;
   }
 
-  .contents {
-    display: contents;
-  }
-
   .inline-flex {
     display: inline-flex;
   }
@@ -1568,6 +1518,11 @@
     height: calc(var(--spacing) * 10);
   }
 
+  .size-\[3px\] {
+    width: 3px;
+    height: 3px;
+  }
+
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -1610,6 +1565,30 @@
     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;
   }
@@ -1618,6 +1597,10 @@
     height: 22px;
   }
 
+  .h-\[25px\] {
+    height: 25px;
+  }
+
   .h-\[28px\] {
     height: 28px;
   }
@@ -1626,6 +1609,10 @@
     height: 34px;
   }
 
+  .h-\[36px\] {
+    height: 36px;
+  }
+
   .h-\[37px\] {
     height: 37px;
   }
@@ -1730,6 +1717,22 @@
     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);
   }
@@ -1782,6 +1785,10 @@
     width: --radix-popover-trigger-width;
   }
 
+  .w-\[6px\] {
+    width: 6px;
+  }
+
   .w-\[10px\] {
     width: 10px;
   }
@@ -2206,6 +2213,10 @@
     border-radius: var(--radius-3xl);
   }
 
+  .rounded-\[2px\] {
+    border-radius: 2px;
+  }
+
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -2241,6 +2252,11 @@
     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);
@@ -2261,6 +2277,10 @@
     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);
@@ -2271,6 +2291,15 @@
     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;
@@ -2432,6 +2461,14 @@
     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);
   }
@@ -2472,6 +2509,14 @@
     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);
   }
@@ -2492,6 +2537,10 @@
     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);
   }
@@ -2501,19 +2550,7 @@
   }
 
   .bg-slate-900\/50 {
-    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);
-      }
-    }
+    background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
   }
 
   .bg-transparent {
@@ -3023,24 +3060,12 @@
   }
 
   .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: #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);
-      }
-    }
+    --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
   }
 
   .ring-gray-900 {
@@ -3542,7 +3567,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);
   }
 
@@ -3606,6 +3631,10 @@
       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);
     }
@@ -3750,7 +3779,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);
   }
 
@@ -3769,17 +3798,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);
   }
 
@@ -4103,7 +4132,7 @@
     background-color: #efefef;
   }
 
-  @media (min-width: 48rem) {
+  @media (width >= 48rem) {
     .md\:w-96 {
       width: calc(var(--spacing) * 96);
     }
@@ -4653,6 +4682,12 @@
     }
   }
 
+  .\[\&\>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);
@@ -4714,31 +4749,31 @@
     width: 100%;
   }
 
-  @media (min-width: 40rem) {
+  @media (width >= 40rem) {
     .container {
       max-width: 40rem;
     }
   }
 
-  @media (min-width: 48rem) {
+  @media (width >= 48rem) {
     .container {
       max-width: 48rem;
     }
   }
 
-  @media (min-width: 64rem) {
+  @media (width >= 64rem) {
     .container {
       max-width: 64rem;
     }
   }
 
-  @media (min-width: 80rem) {
+  @media (width >= 80rem) {
     .container {
       max-width: 80rem;
     }
   }
 
-  @media (min-width: 96rem) {
+  @media (width >= 96rem) {
     .container {
       max-width: 96rem;
     }
@@ -4950,7 +4985,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 {
@@ -5081,13 +5116,7 @@
   }
 
   .bg-gray-500\/20 {
-    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);
-    }
+    background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
   }
 
   .bg-slate-50 {
@@ -5332,7 +5361,6 @@
   }
 
   .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, );
   }
@@ -5460,23 +5488,28 @@ input[type="number"] {
 }
 @property --tw-rotate-x {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: rotateX(0);
 }
 @property --tw-rotate-y {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: rotateY(0);
 }
 @property --tw-rotate-z {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: rotateZ(0);
 }
 @property --tw-skew-x {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: skewX(0);
 }
 @property --tw-skew-y {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: skewY(0);
 }
 @property --tw-space-y-reverse {
   syntax: "*";
@@ -5519,11 +5552,6 @@ input[type="number"] {
   syntax: "*";
   inherits: false
 }
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -5533,11 +5561,6 @@ 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
@@ -5620,19 +5643,6 @@ 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