npm - @yeverlibs/ds - Versions diffs - 1.0.0 → 1.0.2 - Mend

@yeverlibs/ds 1.0.0 → 1.0.2

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 (7) hide show

package/dist/styles.css CHANGED Viewed

@@ -318,25 +318,6 @@ video {
 [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
-* {
-  scrollbar-width: 12px;
-  scrollbar-color: var(--secondary) var(--primary);
-}
-*::-webkit-scrollbar {
-  width: 12px;
-}
-*::-webkit-scrollbar-track {
-  background: transparent;
-  box-shadow: inset 0 0 5px transparent;
-  border-radius: 0px;
-}
-*::-webkit-scrollbar-thumb {
-  background-color: #dee2e6;
-  border-radius: 27px;
-  border: 3px solid rgba(0, 0, 0, 0);
-  background-clip: padding-box;
-  min-height: 34px;
-}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -1075,6 +1056,9 @@ video {
 .border-2 {
   border-width: 2px;
 }
+.border-4 {
+  border-width: 4px;
+}
 .border-8 {
   border-width: 8px;
 }
@@ -1129,6 +1113,22 @@ video {
 .border-\[transparent\] {
   border-color: transparent;
 }
+.border-brand-blue-0 {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 246 255 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 208 255 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 171 255 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(117 129 255 / var(--tw-border-opacity, 1));
+}
 .border-brand-blue-400 {
   --tw-border-opacity: 1;
   border-color: rgb(71 87 255 / var(--tw-border-opacity, 1));
@@ -1137,10 +1137,34 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(46 62 239 / var(--tw-border-opacity, 1));
 }
+.border-brand-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 21 255 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 20 235 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 17 204 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 17 204 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 252 240 / var(--tw-border-opacity, 1));
+}
 .border-brand-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(255 248 224 / var(--tw-border-opacity, 1));
 }
+.border-brand-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 243 199 / var(--tw-border-opacity, 1));
+}
 .border-brand-yellow-400 {
   --tw-border-opacity: 1;
   border-color: rgb(255 229 138 / var(--tw-border-opacity, 1));
@@ -1149,6 +1173,30 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 218 87 / var(--tw-border-opacity, 1));
 }
+.border-brand-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 202 15 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 159 0 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(107 84 0 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(66 52 0 / var(--tw-border-opacity, 1));
+}
+.border-gray-0 {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
+}
+.border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 243 245 / var(--tw-border-opacity, 1));
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(233 236 239 / var(--tw-border-opacity, 1));
@@ -1161,6 +1209,30 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
 }
+.border-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(173 181 189 / var(--tw-border-opacity, 1));
+}
+.border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 142 150 / var(--tw-border-opacity, 1));
+}
+.border-gray-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(73 80 87 / var(--tw-border-opacity, 1));
+}
+.border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
+}
+.border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(33 37 41 / var(--tw-border-opacity, 1));
+}
+.border-green-0 {
+  --tw-border-opacity: 1;
+  border-color: rgb(235 251 238 / var(--tw-border-opacity, 1));
+}
 .border-green-100 {
   --tw-border-opacity: 1;
   border-color: rgb(211 249 216 / var(--tw-border-opacity, 1));
@@ -1169,6 +1241,34 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(178 242 187 / var(--tw-border-opacity, 1));
 }
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(140 233 154 / var(--tw-border-opacity, 1));
+}
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(105 219 124 / var(--tw-border-opacity, 1));
+}
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(81 207 102 / var(--tw-border-opacity, 1));
+}
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(64 192 87 / var(--tw-border-opacity, 1));
+}
+.border-green-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(55 178 77 / var(--tw-border-opacity, 1));
+}
+.border-green-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(47 158 68 / var(--tw-border-opacity, 1));
+}
+.border-green-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(43 138 62 / var(--tw-border-opacity, 1));
+}
 .border-orange-100 {
   --tw-border-opacity: 1;
   border-color: rgb(240 140 0 / var(--tw-border-opacity, 1));
@@ -1181,6 +1281,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(252 219 153 / var(--tw-border-opacity, 1));
 }
+.border-red-0 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 245 245 / var(--tw-border-opacity, 1));
+}
 .border-red-100 {
   --tw-border-opacity: 1;
   border-color: rgb(255 227 227 / var(--tw-border-opacity, 1));
@@ -1189,14 +1293,74 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 201 201 / var(--tw-border-opacity, 1));
 }
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 168 168 / var(--tw-border-opacity, 1));
+}
+.border-red-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 135 135 / var(--tw-border-opacity, 1));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 107 107 / var(--tw-border-opacity, 1));
+}
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 82 82 / var(--tw-border-opacity, 1));
+}
 .border-red-700 {
   --tw-border-opacity: 1;
   border-color: rgb(240 62 62 / var(--tw-border-opacity, 1));
 }
+.border-red-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(224 49 49 / var(--tw-border-opacity, 1));
+}
+.border-red-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(201 42 42 / var(--tw-border-opacity, 1));
+}
+.border-yellow-0 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 249 219 / var(--tw-border-opacity, 1));
+}
+.border-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 243 191 / var(--tw-border-opacity, 1));
+}
+.border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 236 153 / var(--tw-border-opacity, 1));
+}
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 224 102 / var(--tw-border-opacity, 1));
+}
+.border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 212 59 / var(--tw-border-opacity, 1));
+}
+.border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 196 25 / var(--tw-border-opacity, 1));
+}
 .border-yellow-600 {
   --tw-border-opacity: 1;
   border-color: rgb(250 176 5 / var(--tw-border-opacity, 1));
 }
+.border-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 159 0 / var(--tw-border-opacity, 1));
+}
+.border-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 140 0 / var(--tw-border-opacity, 1));
+}
+.border-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 119 0 / var(--tw-border-opacity, 1));
+}
 .border-b-gray-800 {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
@@ -1237,6 +1401,14 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(204 208 255 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-blue-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 171 255 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 129 255 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(71 87 255 / var(--tw-bg-opacity, 1));
@@ -1245,14 +1417,54 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(46 62 239 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 21 255 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 20 235 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 17 204 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 17 204 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-yellow-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 252 240 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 248 224 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 243 199 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 229 138 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-yellow-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 218 87 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 202 15 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 159 0 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 84 0 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-yellow-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(66 52 0 / var(--tw-bg-opacity, 1));
@@ -1273,22 +1485,70 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
 }
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(206 212 218 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(173 181 189 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(134 142 150 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(73 80 87 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
 }
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 37 41 / var(--tw-bg-opacity, 1));
+}
 .bg-green-0 {
   --tw-bg-opacity: 1;
   background-color: rgb(235 251 238 / var(--tw-bg-opacity, 1));
 }
+.bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(211 249 216 / var(--tw-bg-opacity, 1));
+}
+.bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 242 187 / var(--tw-bg-opacity, 1));
+}
+.bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(140 233 154 / var(--tw-bg-opacity, 1));
+}
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(105 219 124 / var(--tw-bg-opacity, 1));
+}
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(81 207 102 / var(--tw-bg-opacity, 1));
+}
 .bg-green-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(64 192 87 / var(--tw-bg-opacity, 1));
 }
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 178 77 / var(--tw-bg-opacity, 1));
+}
 .bg-green-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(47 158 68 / var(--tw-bg-opacity, 1));
 }
+.bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 138 62 / var(--tw-bg-opacity, 1));
+}
 .bg-green-feedback-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(218 244 228 / var(--tw-bg-opacity, 1));
@@ -1309,14 +1569,82 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1));
 }
+.bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 201 201 / var(--tw-bg-opacity, 1));
+}
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 168 168 / var(--tw-bg-opacity, 1));
+}
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 135 135 / var(--tw-bg-opacity, 1));
+}
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 107 107 / var(--tw-bg-opacity, 1));
+}
 .bg-red-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 82 82 / var(--tw-bg-opacity, 1));
 }
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 62 62 / var(--tw-bg-opacity, 1));
+}
+.bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 49 49 / var(--tw-bg-opacity, 1));
+}
+.bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(201 42 42 / var(--tw-bg-opacity, 1));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-yellow-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 249 219 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 243 191 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 236 153 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 224 102 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 212 59 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 196 25 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 176 5 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 159 0 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 140 0 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 119 0 / var(--tw-bg-opacity, 1));
+}
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
@@ -1377,10 +1705,18 @@ video {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1397,6 +1733,10 @@ video {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1463,6 +1803,14 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -1481,6 +1829,10 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1523,14 +1875,94 @@ video {
   --tw-text-opacity: 1;
   color: rgb(245 246 255 / var(--tw-text-opacity, 1));
 }
+.text-brand-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgb(204 208 255 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgb(163 171 255 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgb(117 129 255 / var(--tw-text-opacity, 1));
+}
 .text-brand-blue-400 {
   --tw-text-opacity: 1;
   color: rgb(71 87 255 / var(--tw-text-opacity, 1));
 }
+.text-brand-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(46 62 239 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(0 21 255 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(0 20 235 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgb(0 17 204 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgb(0 17 204 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 252 240 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 248 224 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 243 199 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(255 229 138 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(255 218 87 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgb(255 202 15 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgb(204 159 0 / var(--tw-text-opacity, 1));
+}
 .text-brand-yellow-800 {
   --tw-text-opacity: 1;
   color: rgb(107 84 0 / var(--tw-text-opacity, 1));
 }
+.text-brand-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgb(66 52 0 / var(--tw-text-opacity, 1));
+}
+.text-gray-0 {
+  --tw-text-opacity: 1;
+  color: rgb(248 249 250 / var(--tw-text-opacity, 1));
+}
+.text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgb(241 243 245 / var(--tw-text-opacity, 1));
+}
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(233 236 239 / var(--tw-text-opacity, 1));
+}
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgb(222 226 230 / var(--tw-text-opacity, 1));
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(206 212 218 / var(--tw-text-opacity, 1));
@@ -1563,10 +1995,42 @@ video {
   --tw-text-opacity: 1;
   color: rgb(235 251 238 / var(--tw-text-opacity, 1));
 }
+.text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgb(211 249 216 / var(--tw-text-opacity, 1));
+}
+.text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgb(178 242 187 / var(--tw-text-opacity, 1));
+}
+.text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgb(140 233 154 / var(--tw-text-opacity, 1));
+}
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgb(105 219 124 / var(--tw-text-opacity, 1));
+}
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(81 207 102 / var(--tw-text-opacity, 1));
+}
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(64 192 87 / var(--tw-text-opacity, 1));
+}
+.text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgb(55 178 77 / var(--tw-text-opacity, 1));
+}
 .text-green-800 {
   --tw-text-opacity: 1;
   color: rgb(47 158 68 / var(--tw-text-opacity, 1));
 }
+.text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgb(43 138 62 / var(--tw-text-opacity, 1));
+}
 .text-green-feedback-800 {
   --tw-text-opacity: 1;
   color: rgb(30 87 52 / var(--tw-text-opacity, 1));
@@ -1583,6 +2047,22 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 245 245 / var(--tw-text-opacity, 1));
 }
+.text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 227 227 / var(--tw-text-opacity, 1));
+}
+.text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 201 201 / var(--tw-text-opacity, 1));
+}
+.text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 168 168 / var(--tw-text-opacity, 1));
+}
+.text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgb(255 135 135 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(255 107 107 / var(--tw-text-opacity, 1));
@@ -1607,6 +2087,46 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-0 {
+  --tw-text-opacity: 1;
+  color: rgb(255 249 219 / var(--tw-text-opacity, 1));
+}
+.text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 243 191 / var(--tw-text-opacity, 1));
+}
+.text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 236 153 / var(--tw-text-opacity, 1));
+}
+.text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 224 102 / var(--tw-text-opacity, 1));
+}
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(255 212 59 / var(--tw-text-opacity, 1));
+}
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(252 196 25 / var(--tw-text-opacity, 1));
+}
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgb(250 176 5 / var(--tw-text-opacity, 1));
+}
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgb(245 159 0 / var(--tw-text-opacity, 1));
+}
+.text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgb(240 140 0 / var(--tw-text-opacity, 1));
+}
+.text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgb(230 119 0 / var(--tw-text-opacity, 1));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -1735,6 +2255,25 @@ video {
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+* {
+  scrollbar-width: 12px;
+  scrollbar-color: var(--secondary) var(--primary);
+}
+*::-webkit-scrollbar {
+  width: 12px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  box-shadow: inset 0 0 5px transparent;
+  border-radius: 0px;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: #dee2e6;
+  border-radius: 27px;
+  border: 3px solid rgba(0, 0, 0, 0);
+  background-clip: padding-box;
+  min-height: 34px;
+}
 html {
   overflow-y: scroll;
 }