npm - @optifye/dashboard-core - Versions diffs - 6.10.28 → 6.10.29 - Mend

@optifye/dashboard-core 6.10.28 → 6.10.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.css CHANGED Viewed

@@ -431,6 +431,9 @@ body {
 .-inset-1 {
   inset: -0.25rem;
 }
+.-inset-2 {
+  inset: -0.5rem;
+}
 .-inset-4 {
   inset: -1rem;
 }
@@ -444,6 +447,9 @@ body {
   top: 0px;
   bottom: 0px;
 }
+.-bottom-0\.5 {
+  bottom: -0.125rem;
+}
 .-bottom-1 {
   bottom: -0.25rem;
 }
@@ -468,6 +474,9 @@ body {
 .-left-6 {
   left: -1.5rem;
 }
+.-right-0\.5 {
+  right: -0.125rem;
+}
 .-right-1 {
   right: -0.25rem;
 }
@@ -513,6 +522,9 @@ body {
 .bottom-4 {
   bottom: 1rem;
 }
+.bottom-6 {
+  bottom: 1.5rem;
+}
 .bottom-\[-12px\] {
   bottom: -12px;
 }
@@ -588,6 +600,9 @@ body {
 .top-1\/2 {
   top: 50%;
 }
+.top-1\/4 {
+  top: 25%;
+}
 .top-14 {
   top: 3.5rem;
 }
@@ -621,6 +636,12 @@ body {
 .isolate {
   isolation: isolate;
 }
+.-z-10 {
+  z-index: -10;
+}
+.-z-20 {
+  z-index: -20;
+}
 .z-0 {
   z-index: 0;
 }
@@ -752,6 +773,9 @@ body {
 .-ml-2 {
   margin-left: -0.5rem;
 }
+.-ml-3 {
+  margin-left: -0.75rem;
+}
 .-mr-1 {
   margin-right: -0.25rem;
 }
@@ -773,6 +797,9 @@ body {
 .mb-1\.5 {
   margin-bottom: 0.375rem;
 }
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
 .mb-12 {
   margin-bottom: 3rem;
 }
@@ -854,6 +881,9 @@ body {
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
+.mt-12 {
+  margin-top: 3rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1163,6 +1193,9 @@ body {
 .min-h-\[160px\] {
   min-height: 160px;
 }
+.min-h-\[250px\] {
+  min-height: 250px;
+}
 .min-h-\[280px\] {
   min-height: 280px;
 }
@@ -1430,6 +1463,9 @@ body {
 .max-w-\[195px\] {
   max-width: 195px;
 }
+.max-w-\[200px\] {
+  max-width: 200px;
+}
 .max-w-\[220px\] {
   max-width: 220px;
 }
@@ -1784,12 +1820,19 @@ body {
   -moz-column-gap: 0.75rem;
   column-gap: 0.75rem;
 }
+.gap-x-8 {
+  -moz-column-gap: 2rem;
+  column-gap: 2rem;
+}
 .gap-y-1 {
   row-gap: 0.25rem;
 }
 .gap-y-1\.5 {
   row-gap: 0.375rem;
 }
+.gap-y-12 {
+  row-gap: 3rem;
+}
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1936,9 +1979,15 @@ body {
 .rounded-3xl {
   border-radius: 1.5rem;
 }
+.rounded-\[100\%\] {
+  border-radius: 100%;
+}
 .rounded-\[12px\] {
   border-radius: 12px;
 }
+.rounded-\[2\.5rem\] {
+  border-radius: 2.5rem;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -2423,6 +2472,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
 .bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }
@@ -2497,6 +2549,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
 }
+.bg-cyan-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
+}
 .bg-emerald-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
@@ -2730,14 +2786,24 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-50\/50 {
+  background-color: rgb(248 250 252 / 0.5);
+}
 .bg-slate-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-950\/90 {
+  background-color: rgb(2 6 23 / 0.9);
+}
 .bg-teal-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
@@ -2766,12 +2832,12 @@ body {
 .bg-white\/20 {
   background-color: rgb(255 255 255 / 0.2);
 }
-.bg-white\/30 {
-  background-color: rgb(255 255 255 / 0.3);
-}
 .bg-white\/40 {
   background-color: rgb(255 255 255 / 0.4);
 }
+.bg-white\/5 {
+  background-color: rgb(255 255 255 / 0.05);
+}
 .bg-white\/50 {
   background-color: rgb(255 255 255 / 0.5);
 }
@@ -2827,6 +2893,9 @@ body {
 .bg-opacity-90 {
   --tw-bg-opacity: 0.9;
 }
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
@@ -2836,6 +2905,9 @@ body {
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
+.bg-gradient-to-tr {
+  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+}
 .from-\[\#00AB45\]\/90 {
   --tw-gradient-from: rgb(0 171 69 / 0.9) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(0 171 69 / 0) var(--tw-gradient-to-position);
@@ -2916,6 +2988,16 @@ body {
   --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-cyan-100 {
+  --tw-gradient-from: #cffafe var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-cyan-300\/20 {
+  --tw-gradient-from: rgb(103 232 249 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-emerald-100 {
   --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
@@ -2946,6 +3028,11 @@ body {
   --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-gray-300\/20 {
+  --tw-gradient-from: rgb(209 213 219 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-gray-50 {
   --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
@@ -2991,11 +3078,31 @@ body {
   --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-orange-200 {
+  --tw-gradient-from: #fed7aa var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-orange-400\/20 {
+  --tw-gradient-from: rgb(251 146 60 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-purple-100 {
   --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-purple-400 {
+  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-purple-400\/20 {
+  --tw-gradient-from: rgb(192 132 252 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-purple-50 {
   --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
@@ -3026,6 +3133,16 @@ body {
   --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-slate-200 {
+  --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-slate-300\/20 {
+  --tw-gradient-from: rgb(203 213 225 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-slate-50 {
   --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
@@ -3046,11 +3163,36 @@ body {
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-white\/0 {
+  --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-white\/40 {
+  --tw-gradient-from: rgb(255 255 255 / 0.4) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-yellow-100 {
+  --tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-yellow-200 {
+  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-yellow-400 {
   --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-yellow-400\/20 {
+  --tw-gradient-from: rgb(250 204 21 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .via-black\/40 {
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3058,6 +3200,13 @@ body {
     rgb(0 0 0 / 0.4) var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-blue-400\/40 {
+  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(96 165 250 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-blue-50\/80 {
   --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3065,6 +3214,41 @@ body {
     rgb(239 246 255 / 0.8) var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-cyan-300 {
+  --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #67e8f9 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-fuchsia-500 {
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #d946ef var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-fuchsia-500\/40 {
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(217 70 239 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-gray-300 {
+  --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #d1d5db var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-gray-400\/40 {
+  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(156 163 175 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-gray-700 {
   --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3079,6 +3263,13 @@ body {
     #eef2ff var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-orange-400 {
+  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #fb923c var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-orange-50 {
   --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3086,6 +3277,34 @@ body {
     #fff7ed var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-orange-500\/40 {
+  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(249 115 22 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-slate-300 {
+  --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #cbd5e1 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-slate-400\/40 {
+  --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(148 163 184 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-transparent {
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    transparent var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-white {
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3093,6 +3312,13 @@ body {
     #fff var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-white\/0 {
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(255 255 255 / 0) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-white\/80 {
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3114,6 +3340,20 @@ body {
     #fef08a var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-yellow-400 {
+  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #facc15 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-yellow-500\/40 {
+  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    rgb(234 179 8 / 0.4) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .to-\[\#00AB45\]\/95 {
   --tw-gradient-to: rgb(0 171 69 / 0.95) var(--tw-gradient-to-position);
 }
@@ -3123,6 +3363,9 @@ body {
 .to-\[\#FFB020\]\/95 {
   --tw-gradient-to: rgb(255 176 32 / 0.95) var(--tw-gradient-to-position);
 }
+.to-amber-100 {
+  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
+}
 .to-amber-600 {
   --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
 }
@@ -3147,9 +3390,18 @@ body {
 .to-blue-50\/60 {
   --tw-gradient-to: rgb(239 246 255 / 0.6) var(--tw-gradient-to-position);
 }
+.to-blue-500 {
+  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+}
+.to-blue-600\/20 {
+  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
+}
 .to-blue-700 {
   --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
 }
+.to-cyan-400 {
+  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
+}
 .to-emerald-600 {
   --tw-gradient-to: #059669 var(--tw-gradient-to-position);
 }
@@ -3162,12 +3414,21 @@ body {
 .to-gray-300 {
   --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
 }
+.to-gray-400 {
+  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
+}
 .to-gray-50 {
   --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
 }
+.to-gray-50\/50 {
+  --tw-gradient-to: rgb(249 250 251 / 0.5) var(--tw-gradient-to-position);
+}
 .to-gray-500 {
   --tw-gradient-to: #6b7280 var(--tw-gradient-to-position);
 }
+.to-gray-500\/20 {
+  --tw-gradient-to: rgb(107 114 128 / 0.2) var(--tw-gradient-to-position);
+}
 .to-gray-900 {
   --tw-gradient-to: #111827 var(--tw-gradient-to-position);
 }
@@ -3195,12 +3456,24 @@ body {
 .to-orange-400 {
   --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
 }
+.to-orange-600\/20 {
+  --tw-gradient-to: rgb(234 88 12 / 0.2) var(--tw-gradient-to-position);
+}
+.to-orange-700 {
+  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
+}
 .to-pink-100 {
   --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
 }
 .to-pink-50 {
   --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
 }
+.to-pink-600 {
+  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
+}
+.to-pink-600\/20 {
+  --tw-gradient-to: rgb(219 39 119 / 0.2) var(--tw-gradient-to-position);
+}
 .to-purple-50 {
   --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
 }
@@ -3219,21 +3492,33 @@ body {
 .to-slate-100 {
   --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
 }
+.to-slate-400 {
+  --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position);
+}
 .to-slate-50 {
   --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
 }
+.to-slate-500\/20 {
+  --tw-gradient-to: rgb(100 116 139 / 0.2) var(--tw-gradient-to-position);
+}
 .to-transparent {
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
 .to-white {
   --tw-gradient-to: #fff var(--tw-gradient-to-position);
 }
+.to-white\/5 {
+  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
+}
 .to-yellow-50 {
   --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
 }
 .to-yellow-600 {
   --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
 }
+.to-yellow-600\/20 {
+  --tw-gradient-to: rgb(202 138 4 / 0.2) var(--tw-gradient-to-position);
+}
 .bg-right {
   background-position: right;
 }
@@ -3316,6 +3601,10 @@ body {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
 .px-14 {
   padding-left: 3.5rem;
   padding-right: 3.5rem;
@@ -3436,6 +3725,15 @@ body {
 .pb-8 {
   padding-bottom: 2rem;
 }
+.pl-0 {
+  padding-left: 0px;
+}
+.pl-0\.5 {
+  padding-left: 0.125rem;
+}
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
 .pl-10 {
   padding-left: 2.5rem;
 }
@@ -3463,6 +3761,9 @@ body {
 .pr-2 {
   padding-right: 0.5rem;
 }
+.pr-2\.5 {
+  padding-right: 0.625rem;
+}
 .pr-3 {
   padding-right: 0.75rem;
 }
@@ -3626,6 +3927,9 @@ body {
 .leading-tight {
   line-height: 1.25;
 }
+.tracking-\[0\.2em\] {
+  letter-spacing: 0.2em;
+}
 .tracking-\[0\.5em\] {
   letter-spacing: 0.5em;
 }
@@ -3656,6 +3960,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
 }
+.text-amber-400 {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+}
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
@@ -3672,6 +3980,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -3803,6 +4115,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(154 52 18 / var(--tw-text-opacity, 1));
 }
+.text-orange-900 {
+  --tw-text-opacity: 1;
+  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
+}
 .text-pink-800 {
   --tw-text-opacity: 1;
   color: rgb(157 23 77 / var(--tw-text-opacity, 1));
@@ -3906,6 +4222,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.text-slate-950 {
+  --tw-text-opacity: 1;
+  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
+}
 .text-teal-700 {
   --tw-text-opacity: 1;
   color: rgb(15 118 110 / var(--tw-text-opacity, 1));
@@ -4033,6 +4353,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_32px_64px_-12px_rgba\(0\,0\,0\,0\.5\)\] {
+  --tw-shadow: 0 32px 64px -12px rgba(0,0,0,0.5);
+  --tw-shadow-colored: 0 32px 64px -12px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -4105,6 +4433,14 @@ body {
   --tw-shadow-color: rgb(59 130 246 / 0.3);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-cyan-400\/40 {
+  --tw-shadow-color: rgb(34 211 238 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-gray-400\/40 {
+  --tw-shadow-color: rgb(156 163 175 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .shadow-green-200 {
   --tw-shadow-color: #bbf7d0;
   --tw-shadow: var(--tw-shadow-colored);
@@ -4113,6 +4449,22 @@ body {
   --tw-shadow-color: rgb(34 197 94 / 0.25);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-orange-500\/40 {
+  --tw-shadow-color: rgb(249 115 22 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-purple-500\/40 {
+  --tw-shadow-color: rgb(168 85 247 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-slate-400\/40 {
+  --tw-shadow-color: rgb(148 163 184 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-yellow-500\/40 {
+  --tw-shadow-color: rgb(234 179 8 / 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4193,6 +4545,9 @@ body {
 .ring-blue-500\/50 {
   --tw-ring-color: rgb(59 130 246 / 0.5);
 }
+.ring-cyan-300\/30 {
+  --tw-ring-color: rgb(103 232 249 / 0.3);
+}
 .ring-emerald-500\/20 {
   --tw-ring-color: rgb(16 185 129 / 0.2);
 }
@@ -4200,9 +4555,16 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
 }
+.ring-gray-300\/30 {
+  --tw-ring-color: rgb(209 213 219 / 0.3);
+}
 .ring-gray-400\/30 {
   --tw-ring-color: rgb(156 163 175 / 0.3);
 }
+.ring-gray-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity, 1));
+}
 .ring-green-500\/30 {
   --tw-ring-color: rgb(34 197 94 / 0.3);
 }
@@ -4210,6 +4572,12 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
 }
+.ring-orange-400\/30 {
+  --tw-ring-color: rgb(251 146 60 / 0.3);
+}
+.ring-purple-400\/30 {
+  --tw-ring-color: rgb(192 132 252 / 0.3);
+}
 .ring-red-400\/40 {
   --tw-ring-color: rgb(248 113 113 / 0.4);
 }
@@ -4219,6 +4587,16 @@ body {
 .ring-red-500\/70 {
   --tw-ring-color: rgb(239 68 68 / 0.7);
 }
+.ring-slate-300\/30 {
+  --tw-ring-color: rgb(203 213 225 / 0.3);
+}
+.ring-white {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
+}
+.ring-yellow-400\/30 {
+  --tw-ring-color: rgb(250 204 21 / 0.3);
+}
 .ring-yellow-500\/30 {
   --tw-ring-color: rgb(234 179 8 / 0.3);
 }
@@ -4244,6 +4622,14 @@ body {
   --tw-blur: blur(8px);
   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);
 }
+.blur-3xl {
+  --tw-blur: blur(64px);
+  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);
+}
+.blur-\[40px\] {
+  --tw-blur: blur(40px);
+  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);
+}
 .blur-md {
   --tw-blur: blur(12px);
   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);
@@ -4256,6 +4642,10 @@ body {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
+.drop-shadow-md {
+  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
+  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);
+}
 .drop-shadow-sm {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   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);
@@ -4363,6 +4753,9 @@ body {
 .duration-500 {
   transition-duration: 500ms;
 }
+.duration-700 {
+  transition-duration: 700ms;
+}
 .duration-75 {
   transition-duration: 75ms;
 }
@@ -4479,6 +4872,9 @@ input[type=range]:active::-moz-range-thumb {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
+.hover\:z-50:hover {
+  z-index: 50;
+}
 .hover\:-translate-y-0\.5:hover {
   --tw-translate-y: -0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -4488,6 +4884,11 @@ input[type=range]:active::-moz-range-thumb {
   --tw-scale-y: 1.05;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.hover\:scale-150:hover {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\:scale-\[1\.005\]:hover {
   --tw-scale-x: 1.005;
   --tw-scale-y: 1.005;
@@ -4511,6 +4912,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-border-opacity: 1;
   border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
 }
+.hover\:border-gray-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
 .hover\:border-gray-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -4519,9 +4924,9 @@ input[type=range]:active::-moz-range-thumb {
   --tw-border-opacity: 1;
   border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
 }
-.hover\:border-red-300:hover {
+.hover\:border-slate-300:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
 }
 .hover\:bg-\[\#00AB45\]\/95:hover {
   background-color: rgb(0 171 69 / 0.95);
@@ -4660,6 +5065,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-bg-opacity: 1;
   background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-slate-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-slate-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
@@ -4676,12 +5085,18 @@ input[type=range]:active::-moz-range-thumb {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-white\/10:hover {
+  background-color: rgb(255 255 255 / 0.1);
+}
 .hover\:bg-white\/20:hover {
   background-color: rgb(255 255 255 / 0.2);
 }
 .hover\:bg-white\/30:hover {
   background-color: rgb(255 255 255 / 0.3);
 }
+.hover\:bg-white\/40:hover {
+  background-color: rgb(255 255 255 / 0.4);
+}
 .hover\:bg-white\/50:hover {
   background-color: rgb(255 255 255 / 0.5);
 }
@@ -4809,6 +5224,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
+.hover\:text-slate-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
 .hover\:text-slate-700:hover {
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity, 1));
@@ -5229,6 +5648,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:inset-auto {
     inset: auto;
   }
+  .sm\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+  .sm\:-right-1 {
+    right: -0.25rem;
+  }
   .sm\:bottom-2 {
     bottom: 0.5rem;
   }
@@ -5308,9 +5733,6 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:mb-6 {
     margin-bottom: 1.5rem;
   }
-  .sm\:mb-8 {
-    margin-bottom: 2rem;
-  }
   .sm\:ml-1 {
     margin-left: 0.25rem;
   }
@@ -5374,6 +5796,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:h-7 {
     height: 1.75rem;
   }
+  .sm\:h-8 {
+    height: 2rem;
+  }
   .sm\:h-9 {
     height: 2.25rem;
   }
@@ -5431,6 +5856,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:w-7 {
     width: 1.75rem;
   }
+  .sm\:w-8 {
+    width: 2rem;
+  }
   .sm\:w-9 {
     width: 2.25rem;
   }
@@ -5706,6 +6134,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:pr-2 {
     padding-right: 0.5rem;
   }
+  .sm\:pr-4 {
+    padding-right: 1rem;
+  }
   .sm\:text-left {
     text-align: left;
   }
@@ -5730,6 +6161,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:text-\[11px\] {
     font-size: 11px;
   }
+  .sm\:text-\[9px\] {
+    font-size: 9px;
+  }
   .sm\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
@@ -5753,6 +6187,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:tracking-wider {
     letter-spacing: 0.05em;
   }
+  .sm\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
   .sm\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
@@ -5838,6 +6275,9 @@ input[type=range]:active::-moz-range-thumb {
   .md\:h-8 {
     height: 2rem;
   }
+  .md\:h-9 {
+    height: 2.25rem;
+  }
   .md\:h-\[35vh\] {
     height: 35vh;
   }
@@ -5862,6 +6302,9 @@ input[type=range]:active::-moz-range-thumb {
   .md\:w-8 {
     width: 2rem;
   }
+  .md\:w-9 {
+    width: 2.25rem;
+  }
   .md\:w-\[220px\] {
     width: 220px;
   }
@@ -6029,6 +6472,15 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:hidden {
     display: none;
   }
+  .lg\:h-10 {
+    height: 2.5rem;
+  }
+  .lg\:h-3 {
+    height: 0.75rem;
+  }
+  .lg\:h-3\.5 {
+    height: 0.875rem;
+  }
   .lg\:h-7 {
     height: 1.75rem;
   }
@@ -6044,12 +6496,15 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:min-h-\[220px\] {
     min-height: 220px;
   }
+  .lg\:w-10 {
+    width: 2.5rem;
+  }
+  .lg\:w-3 {
+    width: 0.75rem;
+  }
   .lg\:w-5\/12 {
     width: 41.666667%;
   }
-  .lg\:w-64 {
-    width: 16rem;
-  }
   .lg\:w-7 {
     width: 1.75rem;
   }
@@ -6107,6 +6562,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:gap-2 {
     gap: 0.5rem;
   }
+  .lg\:gap-3 {
+    gap: 0.75rem;
+  }
   .lg\:gap-4 {
     gap: 1rem;
   }
@@ -6182,10 +6640,17 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 4.5rem;
     line-height: 1;
   }
+  .lg\:text-\[10px\] {
+    font-size: 10px;
+  }
   .lg\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
+  .lg\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
   .lg\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
@@ -6205,9 +6670,27 @@ input[type=range]:active::-moz-range-thumb {
   .xl\:mt-0 {
     margin-top: 0px;
   }
+  .xl\:h-12 {
+    height: 3rem;
+  }
+  .xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+  .xl\:w-12 {
+    width: 3rem;
+  }
+  .xl\:w-3\.5 {
+    width: 0.875rem;
+  }
   .xl\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .xl\:gap-3 {
+    gap: 0.75rem;
+  }
+  .xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
   .xl\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;