@eric-emg/symphiq-components 1.2.225 → 1.2.227

package/styles.css

@@ -2923,16 +2923,16 @@
       background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
     }
   }
-  .bg-purple-900\/30 {
-    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
+  .bg-purple-800\/60 {
+    background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
+      background-color: color-mix(in oklab, var(--color-purple-800) 60%, transparent);
     }
   }
-  .bg-purple-900\/50 {
-    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
+  .bg-purple-900\/30 {
+    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
+      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
     }
   }
   .bg-purple-900\/60 {
@@ -5360,6 +5360,9 @@
   .whitespace-pre-line {
     white-space: pre-line;
   }
+  .text-amber-200 {
+    color: var(--color-amber-200);
+  }
   .text-amber-300 {
     color: var(--color-amber-300);
   }
@@ -5642,6 +5645,9 @@
   .text-slate-900 {
     color: var(--color-slate-900);
   }
+  .text-slate-950 {
+    color: var(--color-slate-950);
+  }
   .text-teal-300 {
     color: var(--color-teal-300);
   }
@@ -8963,6 +8969,11 @@
       text-align: right;
     }
   }
+  .lg\:sticky {
+    @media (width >= 64rem) {
+      position: sticky;
+    }
+  }
   .lg\:order-last {
     @media (width >= 64rem) {
       order: 9999;
@@ -9083,6 +9094,12 @@
       padding-inline: calc(var(--spacing) * 8);
     }
   }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
   .lg\:text-4xl {
     @media (width >= 64rem) {
       font-size: var(--text-4xl);
@@ -9356,6 +9373,10 @@
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0 !important;
 }
+.text-2xs {
+  font-size: 0.625rem;
+  line-height: 0.875rem;
+}
 @keyframes fadeInUp {
   from {
     opacity: 0;
@@ -9540,10 +9561,10 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 .animated-bubbles {
-  background-image: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
-    radial-gradient(circle, rgba(147, 51, 234, 0.12) 0%, transparent 50%),
-    radial-gradient(circle, rgba(59, 130, 246, 0.10) 0%, transparent 60%),
-    radial-gradient(circle, rgba(99, 102, 241, 0.14) 0%, transparent 45%),
+  background-image: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
+    radial-gradient(circle, rgba(147, 51, 234, 0.12) 0%, transparent 50%),
+    radial-gradient(circle, rgba(59, 130, 246, 0.10) 0%, transparent 60%),
+    radial-gradient(circle, rgba(99, 102, 241, 0.14) 0%, transparent 45%),
     radial-gradient(circle, rgba(168, 85, 247, 0.12) 0%, transparent 55%);
   background-size: 300px 300px, 400px 400px, 350px 350px, 280px 280px, 320px 320px;
   background-repeat: no-repeat;
@@ -9553,10 +9574,10 @@ h1, h2, h3, h4, h5, h6 {
   pointer-events: none;
 }
 .animated-bubbles.light-mode {
-  background-image: radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 50%),
-    radial-gradient(circle, rgba(147, 51, 234, 0.16) 0%, transparent 50%),
-    radial-gradient(circle, rgba(59, 130, 246, 0.14) 0%, transparent 60%),
-    radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 45%),
+  background-image: radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 50%),
+    radial-gradient(circle, rgba(147, 51, 234, 0.16) 0%, transparent 50%),
+    radial-gradient(circle, rgba(59, 130, 246, 0.14) 0%, transparent 60%),
+    radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 45%),
     radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 55%);
   animation: bubbleFloat2 40s ease-in-out infinite;
 }
@@ -9607,7 +9628,7 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 .expanded-icon-bounce {
-  animation: bounceScale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
+  animation: bounceScale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
              iconGlow 0.3s ease-out 0.2s forwards;
 }
 .expanded-title-grow {
@@ -9620,8 +9641,8 @@ h1, h2, h3, h4, h5, h6 {
   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (prefers-reduced-motion: reduce) {
-  .expanded-icon-bounce,
-  .expanded-title-grow,
+  .expanded-icon-bounce,
+  .expanded-title-grow,
   .expanded-badge-pulse {
     animation: none;
     transform: scale(1.1);
@@ -10028,4 +10049,4 @@ h1, h2, h3, h4, h5, h6 {
       --tw-scale-z: 1;
     }
   }
-}
+}