@optifye/dashboard-core 6.10.31 → 6.10.34

package/dist/index.css

@@ -453,6 +453,9 @@ body {
 .-bottom-11 {
   bottom: -2.75rem;
 }
+.-bottom-2 {
+  bottom: -0.5rem;
+}
 .-bottom-4 {
   bottom: -1rem;
 }
@@ -465,9 +468,6 @@ body {
 .-left-1\.5 {
   left: -0.375rem;
 }
-.-left-2 {
-  left: -0.5rem;
-}
 .-left-6 {
   left: -1.5rem;
 }
@@ -486,9 +486,6 @@ body {
 .-top-10 {
   top: -2.5rem;
 }
-.-top-2 {
-  top: -0.5rem;
-}
 .-top-4 {
   top: -1rem;
 }
@@ -899,6 +896,12 @@ body {
 .mt-auto {
   margin-top: auto;
 }
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -989,12 +992,18 @@ body {
 .h-32 {
   height: 8rem;
 }
+.h-36 {
+  height: 9rem;
+}
 .h-4 {
   height: 1rem;
 }
 .h-40 {
   height: 10rem;
 }
+.h-44 {
+  height: 11rem;
+}
 .h-48 {
   height: 12rem;
 }
@@ -1046,6 +1055,9 @@ body {
 .h-\[26vh\] {
   height: 26vh;
 }
+.h-\[30\%\] {
+  height: 30%;
+}
 .h-\[300px\] {
   height: 300px;
 }
@@ -1073,6 +1085,9 @@ body {
 .h-\[60px\] {
   height: 60px;
 }
+.h-\[70\%\] {
+  height: 70%;
+}
 .h-\[72px\] {
   height: 72px;
 }
@@ -1833,6 +1848,16 @@ body {
 .gap-y-12 {
   row-gap: 3rem;
 }
+.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .-space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-1rem * var(--tw-space-x-reverse));
@@ -1963,6 +1988,9 @@ body {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.whitespace-normal {
+  white-space: normal;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2262,6 +2290,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
 }
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
+}
 .border-indigo-100 {
   --tw-border-opacity: 1;
   border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
@@ -2315,6 +2347,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
+}
 .border-rose-100 {
   --tw-border-opacity: 1;
   border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
@@ -2362,6 +2398,9 @@ body {
 .border-white\/30 {
   border-color: rgb(255 255 255 / 0.3);
 }
+.border-white\/50 {
+  border-color: rgb(255 255 255 / 0.5);
+}
 .border-white\/60 {
   border-color: rgb(255 255 255 / 0.6);
 }
@@ -3044,11 +3083,21 @@ 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-400 {
+  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(156 163 175 / 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);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-gray-600 {
+  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-gray-700 {
   --tw-gradient-from: #374151 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
@@ -3094,11 +3143,31 @@ body {
   --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-300 {
+  --tw-gradient-from: #fdba74 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-orange-400 {
+  --tw-gradient-from: #fb923c 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-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-orange-50 {
+  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-orange-600 {
+  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(234 88 12 / 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);
@@ -3194,6 +3263,11 @@ body {
   --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-300 {
+  --tw-gradient-from: #fde047 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(253 224 71 / 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);
@@ -3204,6 +3278,16 @@ body {
   --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-50 {
+  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-yellow-600 {
+  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(202 138 4 / 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:
@@ -3253,6 +3337,13 @@ body {
     #d1d5db var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-gray-400 {
+  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #9ca3af 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:
@@ -3440,6 +3531,12 @@ body {
 .to-gray-500\/20 {
   --tw-gradient-to: rgb(107 114 128 / 0.2) var(--tw-gradient-to-position);
 }
+.to-gray-600 {
+  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
+}
+.to-gray-800 {
+  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
+}
 .to-gray-900 {
   --tw-gradient-to: #111827 var(--tw-gradient-to-position);
 }
@@ -3464,15 +3561,24 @@ body {
 .to-indigo-600 {
   --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
 }
+.to-orange-100 {
+  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
+}
 .to-orange-400 {
   --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
 }
+.to-orange-600 {
+  --tw-gradient-to: #ea580c 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-orange-800 {
+  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
+}
 .to-pink-100 {
   --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
 }
@@ -3521,6 +3627,9 @@ body {
 .to-white\/5 {
   --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
 }
+.to-yellow-100 {
+  --tw-gradient-to: #fef9c3 var(--tw-gradient-to-position);
+}
 .to-yellow-50 {
   --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
 }
@@ -3530,6 +3639,13 @@ body {
 .to-yellow-600\/20 {
   --tw-gradient-to: rgb(202 138 4 / 0.2) var(--tw-gradient-to-position);
 }
+.to-yellow-800 {
+  --tw-gradient-to: #854d0e var(--tw-gradient-to-position);
+}
+.bg-clip-text {
+  -webkit-background-clip: text;
+  background-clip: text;
+}
 .bg-right {
   background-position: right;
 }
@@ -3805,6 +3921,9 @@ body {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .text-left {
   text-align: left;
 }
@@ -3871,6 +3990,9 @@ body {
 .text-\[13px\] {
   font-size: 13px;
 }
+.text-\[7px\] {
+  font-size: 7px;
+}
 .text-\[8px\] {
   font-size: 8px;
 }
@@ -3897,9 +4019,15 @@ body {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.font-black {
+  font-weight: 900;
+}
 .font-bold {
   font-weight: 700;
 }
+.font-extrabold {
+  font-weight: 800;
+}
 .font-medium {
   font-weight: 500;
 }
@@ -4063,6 +4191,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
+.text-gray-600\/70 {
+  color: rgb(75 85 99 / 0.7);
+}
 .text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
@@ -4131,6 +4262,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(194 65 12 / var(--tw-text-opacity, 1));
 }
+.text-orange-700\/70 {
+  color: rgb(194 65 12 / 0.7);
+}
 .text-orange-800 {
   --tw-text-opacity: 1;
   color: rgb(154 52 18 / var(--tw-text-opacity, 1));
@@ -4286,6 +4420,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
 }
+.text-yellow-700\/70 {
+  color: rgb(161 98 7 / 0.7);
+}
 .text-yellow-800 {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity, 1));
@@ -4464,6 +4601,10 @@ body {
   --tw-shadow-color: rgb(156 163 175 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-gray-500\/50 {
+  --tw-shadow-color: rgb(107 114 128 / 0.5);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .shadow-green-200 {
   --tw-shadow-color: #bbf7d0;
   --tw-shadow: var(--tw-shadow-colored);
@@ -4476,6 +4617,10 @@ body {
   --tw-shadow-color: rgb(249 115 22 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-orange-500\/50 {
+  --tw-shadow-color: rgb(249 115 22 / 0.5);
+  --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);
@@ -4488,6 +4633,10 @@ body {
   --tw-shadow-color: rgb(234 179 8 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-yellow-500\/50 {
+  --tw-shadow-color: rgb(234 179 8 / 0.5);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4605,6 +4754,10 @@ body {
 .ring-orange-400\/30 {
   --tw-ring-color: rgb(251 146 60 / 0.3);
 }
+.ring-orange-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity, 1));
+}
 .ring-purple-400\/30 {
   --tw-ring-color: rgb(192 132 252 / 0.3);
 }
@@ -4627,6 +4780,10 @@ body {
 .ring-yellow-400\/30 {
   --tw-ring-color: rgb(250 204 21 / 0.3);
 }
+.ring-yellow-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity, 1));
+}
 .ring-yellow-500\/30 {
   --tw-ring-color: rgb(234 179 8 / 0.3);
 }
@@ -4668,6 +4825,10 @@ body {
   --tw-blur: blur(4px);
   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-xl {
+  --tw-blur: blur(24px);
+  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 {
   --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);
@@ -5922,6 +6083,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:flex-none {
     flex: none;
   }
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -6149,9 +6313,6 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:pb-32 {
     padding-bottom: 8rem;
   }
-  .sm\:pb-8 {
-    padding-bottom: 2rem;
-  }
   .sm\:pr-14 {
     padding-right: 3.5rem;
   }
@@ -6248,18 +6409,33 @@ input[type=range]:active::-moz-range-thumb {
   }
 }
 @media (min-width: 768px) {
+  .md\:absolute {
+    position: absolute;
+  }
+  .md\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+  .md\:right-0 {
+    right: 0px;
+  }
   .md\:right-5 {
     right: 1.25rem;
   }
   .md\:right-8 {
     right: 2rem;
   }
+  .md\:top-1\/2 {
+    top: 50%;
+  }
   .md\:col-span-2 {
     grid-column: span 2 / span 2;
   }
   .md\:mb-2 {
     margin-bottom: 0.5rem;
   }
+  .md\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
   .md\:mb-6 {
     margin-bottom: 1.5rem;
   }
@@ -6281,9 +6457,24 @@ input[type=range]:active::-moz-range-thumb {
   .md\:hidden {
     display: none;
   }
+  .md\:h-12 {
+    height: 3rem;
+  }
+  .md\:h-16 {
+    height: 4rem;
+  }
   .md\:h-2 {
     height: 0.5rem;
   }
+  .md\:h-36 {
+    height: 9rem;
+  }
+  .md\:h-44 {
+    height: 11rem;
+  }
+  .md\:h-52 {
+    height: 13rem;
+  }
   .md\:h-7 {
     height: 1.75rem;
   }
@@ -6302,6 +6493,12 @@ input[type=range]:active::-moz-range-thumb {
   .md\:min-h-\[400px\] {
     min-height: 400px;
   }
+  .md\:w-12 {
+    width: 3rem;
+  }
+  .md\:w-16 {
+    width: 4rem;
+  }
   .md\:w-2 {
     width: 0.5rem;
   }
@@ -6326,6 +6523,10 @@ input[type=range]:active::-moz-range-thumb {
   .md\:max-w-\[350px\] {
     max-width: 350px;
   }
+  .md\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+    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));
+  }
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -6338,6 +6539,9 @@ input[type=range]:active::-moz-range-thumb {
   .md\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
+  .md\:flex-row {
+    flex-direction: row;
+  }
   .md\:gap-3 {
     gap: 0.75rem;
   }
@@ -6347,6 +6551,11 @@ input[type=range]:active::-moz-range-thumb {
   .md\:gap-6 {
     gap: 1.5rem;
   }
+  .md\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
   .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -6364,6 +6573,10 @@ input[type=range]:active::-moz-range-thumb {
   .md\:p-6 {
     padding: 1.5rem;
   }
+  .md\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
   .md\:px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem;
@@ -6380,12 +6593,15 @@ input[type=range]:active::-moz-range-thumb {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
   }
-  .md\:pb-16 {
-    padding-bottom: 4rem;
-  }
   .md\:pb-3 {
     padding-bottom: 0.75rem;
   }
+  .md\:pb-4 {
+    padding-bottom: 1rem;
+  }
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
   .md\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
@@ -6406,6 +6622,15 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 6rem;
     line-height: 1;
   }
+  .md\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .md\:text-\[8px\] {
+    font-size: 8px;
+  }
+  .md\:text-\[9px\] {
+    font-size: 9px;
+  }
   .md\:text-\[min\(3\.5vw\,2\.25rem\)\] {
     font-size: min(3.5vw, 2.25rem);
   }
@@ -6428,6 +6653,18 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+  .md\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+  .md\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow:
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow, 0 0 #0000);
+  }
 }
 @media (min-width: 1024px) {
   .lg\:inset-16 {
@@ -6454,6 +6691,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:col-span-6 {
     grid-column: span 6 / span 6;
   }
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
   .lg\:mb-3 {
     margin-bottom: 0.75rem;
   }
@@ -6481,6 +6721,21 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:hidden {
     display: none;
   }
+  .lg\:h-14 {
+    height: 3.5rem;
+  }
+  .lg\:h-20 {
+    height: 5rem;
+  }
+  .lg\:h-44 {
+    height: 11rem;
+  }
+  .lg\:h-52 {
+    height: 13rem;
+  }
+  .lg\:h-60 {
+    height: 15rem;
+  }
   .lg\:h-7 {
     height: 1.75rem;
   }
@@ -6496,6 +6751,15 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:min-h-\[220px\] {
     min-height: 220px;
   }
+  .lg\:w-14 {
+    width: 3.5rem;
+  }
+  .lg\:w-20 {
+    width: 5rem;
+  }
+  .lg\:w-48 {
+    width: 12rem;
+  }
   .lg\:w-5\/12 {
     width: 41.666667%;
   }
@@ -6591,6 +6855,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
   .lg\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -6635,10 +6903,24 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 4.5rem;
     line-height: 1;
   }
+  .lg\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .lg\:text-\[9px\] {
+    font-size: 9px;
+  }
   .lg\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
+  .lg\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  .lg\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
   .lg\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
@@ -6658,13 +6940,77 @@ input[type=range]:active::-moz-range-thumb {
   .xl\:mt-0 {
     margin-top: 0px;
   }
+  .xl\:h-10 {
+    height: 2.5rem;
+  }
+  .xl\:h-16 {
+    height: 4rem;
+  }
+  .xl\:h-24 {
+    height: 6rem;
+  }
+  .xl\:h-48 {
+    height: 12rem;
+  }
+  .xl\:h-56 {
+    height: 14rem;
+  }
+  .xl\:h-64 {
+    height: 16rem;
+  }
+  .xl\:w-10 {
+    width: 2.5rem;
+  }
+  .xl\:w-16 {
+    width: 4rem;
+  }
+  .xl\:w-24 {
+    width: 6rem;
+  }
+  .xl\:w-60 {
+    width: 15rem;
+  }
   .xl\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .xl\:gap-10 {
+    gap: 2.5rem;
+  }
+  .xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .xl\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
   .xl\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+  .xl\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .xl\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+  .xl\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  .xl\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  .xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  .xl\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
 }
 @media (prefers-color-scheme: dark) {
   .dark\:border-amber-800 {