hds-web 0.1.3 → 0.1.5

package/src/styles/tailwind.css

@@ -42,7 +42,7 @@ html {
   /* 3 */
   tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   -webkit-font-feature-settings: normal;
           font-feature-settings: normal;
@@ -747,6 +747,12 @@ select {
   }
 }
 
+@media (min-width: 905px) {
+  .container {
+    max-width: 905px;
+  }
+}
+
 @media (min-width: 1024px) {
   .container {
     max-width: 1024px;
@@ -771,6 +777,12 @@ select {
   }
 }
 
+@media (min-width: 2560px) {
+  .container {
+    max-width: 2560px;
+  }
+}
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1184,6 +1196,10 @@ select {
   margin-top: 0.5rem;
 }
 
+.mt-20 {
+  margin-top: 5rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
@@ -1204,10 +1220,6 @@ select {
   margin-top: 2rem;
 }
 
-.mt-20 {
-  margin-top: 5rem;
-}
-
 .block {
   display: block;
 }
@@ -1248,6 +1260,10 @@ select {
   aspect-ratio: 2/1;
 }
 
+.h-1 {
+  height: 0.25rem;
+}
+
 .h-10 {
   height: 2.5rem;
 }
@@ -1284,6 +1300,10 @@ select {
   height: 1.25rem;
 }
 
+.h-52 {
+  height: 13rem;
+}
+
 .h-6 {
   height: 1.5rem;
 }
@@ -1312,10 +1332,6 @@ select {
   height: 100%;
 }
 
-.h-1 {
-  height: 0.25rem;
-}
-
 .w-1\/2 {
   width: 50%;
 }
@@ -2013,11 +2029,61 @@ select {
   background-color: rgb(51 51 51 / var(--tw-bg-opacity));
 }
 
+.bg-amber-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 243 212 / var(--tw-bg-opacity));
+}
+
+.bg-amber-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 176 / var(--tw-bg-opacity));
+}
+
+.bg-amber-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 206 112 / var(--tw-bg-opacity));
+}
+
+.bg-amber-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 168 27 / var(--tw-bg-opacity));
+}
+
+.bg-amber-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 121 0 / var(--tw-bg-opacity));
+}
+
 .bg-amber-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(184 88 0 / var(--tw-bg-opacity));
 }
 
+.bg-amber-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 55 0 / var(--tw-bg-opacity));
+}
+
+.bg-amber-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(120 36 0 / var(--tw-bg-opacity));
+}
+
+.bg-amber-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 21 0 / var(--tw-bg-opacity));
+}
+
+.bg-base-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-base-1000 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 6 21 / var(--tw-bg-opacity));
+}
+
 .bg-blue-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 244 255 / var(--tw-bg-opacity));
@@ -2028,6 +2094,11 @@ select {
   background-color: rgb(223 232 255 / var(--tw-bg-opacity));
 }
 
+.bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(198 214 255 / var(--tw-bg-opacity));
+}
+
 .bg-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(128 163 255 / var(--tw-bg-opacity));
@@ -2043,31 +2114,111 @@ select {
   background-color: rgb(30 86 227 / var(--tw-bg-opacity));
 }
 
+.bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 65 198 / var(--tw-bg-opacity));
+}
+
 .bg-blue-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(0 40 142 / var(--tw-bg-opacity));
 }
 
+.bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 28 99 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(227 250 255 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 244 255 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 236 255 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(62 202 232 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 150 178 / var(--tw-bg-opacity));
+}
+
 .bg-cyan-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(4 117 141 / var(--tw-bg-opacity));
 }
 
+.bg-cyan-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 90 108 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 57 69 / var(--tw-bg-opacity));
+}
+
+.bg-cyan-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 35 43 / var(--tw-bg-opacity));
+}
+
 .bg-green-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(218 255 244 / var(--tw-bg-opacity));
 }
 
+.bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(184 251 231 / var(--tw-bg-opacity));
+}
+
+.bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(145 245 215 / var(--tw-bg-opacity));
+}
+
 .bg-green-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(57 218 170 / var(--tw-bg-opacity));
 }
 
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 165 120 / var(--tw-bg-opacity));
+}
+
 .bg-green-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(2 125 89 / var(--tw-bg-opacity));
 }
 
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 96 67 / var(--tw-bg-opacity));
+}
+
+.bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 60 43 / var(--tw-bg-opacity));
+}
+
+.bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 40 29 / var(--tw-bg-opacity));
+}
+
 .bg-neutral-0 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2078,11 +2229,31 @@ select {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-1000 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 6 21 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-150 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 237 240 / var(--tw-bg-opacity));
+}
+
 .bg-neutral-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(210 214 219 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(157 164 174 / var(--tw-bg-opacity));
+}
+
 .bg-neutral-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -2098,21 +2269,136 @@ select {
   background-color: rgb(77 87 97 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 66 80 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 42 55 / var(--tw-bg-opacity));
+}
+
+.bg-neutral-850 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 34 47 / var(--tw-bg-opacity));
+}
+
 .bg-neutral-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 25 39 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-950 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 20 32 / var(--tw-bg-opacity));
+}
+
+.bg-orange-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 215 / var(--tw-bg-opacity));
+}
+
+.bg-orange-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 215 173 / var(--tw-bg-opacity));
+}
+
+.bg-orange-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 185 122 / var(--tw-bg-opacity));
+}
+
+.bg-orange-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 145 71 / var(--tw-bg-opacity));
+}
+
+.bg-orange-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 114 41 / var(--tw-bg-opacity));
+}
+
+.bg-orange-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 87 31 / var(--tw-bg-opacity));
+}
+
+.bg-orange-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(193 64 24 / var(--tw-bg-opacity));
+}
+
+.bg-orange-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 52 24 / var(--tw-bg-opacity));
+}
+
+.bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 244 / var(--tw-bg-opacity));
+}
+
+.bg-pink-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 217 231 / var(--tw-bg-opacity));
+}
+
+.bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 188 214 / var(--tw-bg-opacity));
+}
+
 .bg-pink-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(246 119 170 / var(--tw-bg-opacity));
 }
 
+.bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 58 124 / var(--tw-bg-opacity));
+}
+
 .bg-pink-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(194 30 95 / var(--tw-bg-opacity));
 }
 
+.bg-pink-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(165 10 72 / var(--tw-bg-opacity));
+}
+
+.bg-pink-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 0 44 / var(--tw-bg-opacity));
+}
+
+.bg-pink-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(73 0 29 / var(--tw-bg-opacity));
+}
+
+.bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 242 255 / var(--tw-bg-opacity));
+}
+
+.bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 225 255 / var(--tw-bg-opacity));
+}
+
+.bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 198 255 / var(--tw-bg-opacity));
+}
+
+.bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(180 135 255 / var(--tw-bg-opacity));
+}
+
 .bg-purple-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(140 73 250 / var(--tw-bg-opacity));
@@ -2123,11 +2409,110 @@ select {
   background-color: rgb(113 43 227 / var(--tw-bg-opacity));
 }
 
+.bg-purple-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(94 19 215 / var(--tw-bg-opacity));
+}
+
+.bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 1 166 / var(--tw-bg-opacity));
+}
+
+.bg-purple-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(41 0 107 / var(--tw-bg-opacity));
+}
+
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
+.bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 202 203 / var(--tw-bg-opacity));
+}
+
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 165 166 / var(--tw-bg-opacity));
+}
+
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 113 115 / var(--tw-bg-opacity));
+}
+
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 68 71 / var(--tw-bg-opacity));
+}
+
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 37 43 / var(--tw-bg-opacity));
+}
+
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(184 27 32 / var(--tw-bg-opacity));
+}
+
+.bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 26 30 / var(--tw-bg-opacity));
+}
+
 .bg-storybook-default-heading {
   --tw-bg-opacity: 1;
   background-color: rgb(17 27 41 / var(--tw-bg-opacity));
 }
 
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 249 199 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 239 147 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 223 90 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 203 58 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 178 48 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 137 36 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 97 26 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(133 77 24 / var(--tw-bg-opacity));
+}
+
+.stroke-2 {
+  stroke-width: 2;
+}
+
 .object-contain {
   object-fit: contain;
 }
@@ -2632,30 +3017,95 @@ select {
   line-height: 1.75rem;
 }
 
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.not-italic {
+  font-style: normal;
+}
+
+.text-amber-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 243 212 / var(--tw-text-opacity));
+}
+
+.text-amber-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 228 176 / var(--tw-text-opacity));
+}
+
+.text-amber-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 206 112 / var(--tw-text-opacity));
+}
+
+.text-amber-400 {
+  --tw-text-opacity: 1;
+  color: rgb(255 168 27 / var(--tw-text-opacity));
+}
+
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgb(224 121 0 / var(--tw-text-opacity));
+}
+
+.text-amber-600 {
+  --tw-text-opacity: 1;
+  color: rgb(184 88 0 / var(--tw-text-opacity));
+}
+
+.text-amber-700 {
+  --tw-text-opacity: 1;
+  color: rgb(153 55 0 / var(--tw-text-opacity));
+}
+
+.text-amber-800 {
+  --tw-text-opacity: 1;
+  color: rgb(120 36 0 / var(--tw-text-opacity));
+}
+
+.text-amber-900 {
+  --tw-text-opacity: 1;
+  color: rgb(71 21 0 / var(--tw-text-opacity));
 }
 
-.font-medium {
-  font-weight: 500;
+.text-base-0 {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.font-semibold {
-  font-weight: 600;
+.text-base-1000 {
+  --tw-text-opacity: 1;
+  color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
-.italic {
-  font-style: italic;
+.text-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgb(240 244 255 / var(--tw-text-opacity));
 }
 
-.not-italic {
-  font-style: normal;
+.text-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgb(223 232 255 / var(--tw-text-opacity));
 }
 
-.text-amber-800 {
+.text-blue-300 {
   --tw-text-opacity: 1;
-  color: rgb(120 36 0 / var(--tw-text-opacity));
+  color: rgb(198 214 255 / var(--tw-text-opacity));
 }
 
 .text-blue-400 {
@@ -2683,16 +3133,101 @@ select {
   color: rgb(0 40 142 / var(--tw-text-opacity));
 }
 
+.text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgb(0 28 99 / var(--tw-text-opacity));
+}
+
+.text-cyan-100 {
+  --tw-text-opacity: 1;
+  color: rgb(227 250 255 / var(--tw-text-opacity));
+}
+
+.text-cyan-200 {
+  --tw-text-opacity: 1;
+  color: rgb(194 244 255 / var(--tw-text-opacity));
+}
+
+.text-cyan-300 {
+  --tw-text-opacity: 1;
+  color: rgb(147 236 255 / var(--tw-text-opacity));
+}
+
+.text-cyan-400 {
+  --tw-text-opacity: 1;
+  color: rgb(62 202 232 / var(--tw-text-opacity));
+}
+
+.text-cyan-500 {
+  --tw-text-opacity: 1;
+  color: rgb(14 150 178 / var(--tw-text-opacity));
+}
+
+.text-cyan-600 {
+  --tw-text-opacity: 1;
+  color: rgb(4 117 141 / var(--tw-text-opacity));
+}
+
+.text-cyan-700 {
+  --tw-text-opacity: 1;
+  color: rgb(0 90 108 / var(--tw-text-opacity));
+}
+
 .text-cyan-800 {
   --tw-text-opacity: 1;
   color: rgb(0 57 69 / var(--tw-text-opacity));
 }
 
+.text-cyan-900 {
+  --tw-text-opacity: 1;
+  color: rgb(0 35 43 / var(--tw-text-opacity));
+}
+
+.text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgb(218 255 244 / var(--tw-text-opacity));
+}
+
+.text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgb(184 251 231 / var(--tw-text-opacity));
+}
+
+.text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgb(145 245 215 / var(--tw-text-opacity));
+}
+
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgb(57 218 170 / var(--tw-text-opacity));
+}
+
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(14 165 120 / var(--tw-text-opacity));
+}
+
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(2 125 89 / var(--tw-text-opacity));
+}
+
+.text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgb(0 96 67 / var(--tw-text-opacity));
+}
+
 .text-green-800 {
   --tw-text-opacity: 1;
   color: rgb(0 60 43 / var(--tw-text-opacity));
 }
 
+.text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgb(0 40 29 / var(--tw-text-opacity));
+}
+
 .text-neutral-0 {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2703,6 +3238,21 @@ select {
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
+.text-neutral-1000 {
+  --tw-text-opacity: 1;
+  color: rgb(0 6 21 / var(--tw-text-opacity));
+}
+
+.text-neutral-150 {
+  --tw-text-opacity: 1;
+  color: rgb(236 237 240 / var(--tw-text-opacity));
+}
+
+.text-neutral-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
 .text-neutral-300 {
   --tw-text-opacity: 1;
   color: rgb(210 214 219 / var(--tw-text-opacity));
@@ -2713,6 +3263,11 @@ select {
   color: rgb(157 164 174 / var(--tw-text-opacity));
 }
 
+.text-neutral-50 {
+  --tw-text-opacity: 1;
+  color: rgb(249 250 251 / var(--tw-text-opacity));
+}
+
 .text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgb(108 115 127 / var(--tw-text-opacity));
@@ -2733,41 +3288,236 @@ select {
   color: rgb(31 42 55 / var(--tw-text-opacity));
 }
 
+.text-neutral-850 {
+  --tw-text-opacity: 1;
+  color: rgb(24 34 47 / var(--tw-text-opacity));
+}
+
 .text-neutral-900 {
   --tw-text-opacity: 1;
   color: rgb(17 25 39 / var(--tw-text-opacity));
 }
 
+.text-neutral-950 {
+  --tw-text-opacity: 1;
+  color: rgb(13 20 32 / var(--tw-text-opacity));
+}
+
+.text-orange-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 237 215 / var(--tw-text-opacity));
+}
+
+.text-orange-200 {
+  --tw-text-opacity: 1;
+  color: rgb(254 215 173 / var(--tw-text-opacity));
+}
+
+.text-orange-300 {
+  --tw-text-opacity: 1;
+  color: rgb(253 185 122 / var(--tw-text-opacity));
+}
+
+.text-orange-400 {
+  --tw-text-opacity: 1;
+  color: rgb(251 145 71 / var(--tw-text-opacity));
+}
+
+.text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgb(248 114 41 / var(--tw-text-opacity));
+}
+
+.text-orange-600 {
+  --tw-text-opacity: 1;
+  color: rgb(233 87 31 / var(--tw-text-opacity));
+}
+
+.text-orange-700 {
+  --tw-text-opacity: 1;
+  color: rgb(193 64 24 / var(--tw-text-opacity));
+}
+
+.text-orange-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 52 24 / var(--tw-text-opacity));
+}
+
+.text-pink-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 237 244 / var(--tw-text-opacity));
+}
+
+.text-pink-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 217 231 / var(--tw-text-opacity));
+}
+
+.text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 188 214 / var(--tw-text-opacity));
+}
+
 .text-pink-400 {
   --tw-text-opacity: 1;
   color: rgb(246 119 170 / var(--tw-text-opacity));
 }
 
+.text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgb(225 58 124 / var(--tw-text-opacity));
+}
+
 .text-pink-600 {
   --tw-text-opacity: 1;
   color: rgb(194 30 95 / var(--tw-text-opacity));
 }
 
+.text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgb(165 10 72 / var(--tw-text-opacity));
+}
+
 .text-pink-800 {
   --tw-text-opacity: 1;
   color: rgb(113 0 44 / var(--tw-text-opacity));
 }
 
+.text-pink-900 {
+  --tw-text-opacity: 1;
+  color: rgb(73 0 29 / var(--tw-text-opacity));
+}
+
+.text-purple-100 {
+  --tw-text-opacity: 1;
+  color: rgb(247 242 255 / var(--tw-text-opacity));
+}
+
+.text-purple-200 {
+  --tw-text-opacity: 1;
+  color: rgb(237 225 255 / var(--tw-text-opacity));
+}
+
+.text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgb(219 198 255 / var(--tw-text-opacity));
+}
+
+.text-purple-400 {
+  --tw-text-opacity: 1;
+  color: rgb(180 135 255 / var(--tw-text-opacity));
+}
+
 .text-purple-500 {
   --tw-text-opacity: 1;
   color: rgb(140 73 250 / var(--tw-text-opacity));
 }
 
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(113 43 227 / var(--tw-text-opacity));
+}
+
+.text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgb(94 19 215 / var(--tw-text-opacity));
+}
+
 .text-purple-800 {
   --tw-text-opacity: 1;
   color: rgb(63 1 166 / var(--tw-text-opacity));
 }
 
+.text-purple-900 {
+  --tw-text-opacity: 1;
+  color: rgb(41 0 107 / var(--tw-text-opacity));
+}
+
+.text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+
+.text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgb(254 202 203 / var(--tw-text-opacity));
+}
+
+.text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgb(251 165 166 / var(--tw-text-opacity));
+}
+
+.text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgb(247 113 115 / var(--tw-text-opacity));
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(238 68 71 / var(--tw-text-opacity));
+}
+
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(219 37 43 / var(--tw-text-opacity));
+}
+
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(184 27 32 / var(--tw-text-opacity));
+}
+
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(152 26 30 / var(--tw-text-opacity));
+}
+
 .text-storybook-default-heading {
   --tw-text-opacity: 1;
   color: rgb(17 27 41 / var(--tw-text-opacity));
 }
 
+.text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 249 199 / var(--tw-text-opacity));
+}
+
+.text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgb(255 239 147 / var(--tw-text-opacity));
+}
+
+.text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgb(255 223 90 / var(--tw-text-opacity));
+}
+
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(251 203 58 / var(--tw-text-opacity));
+}
+
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(235 178 48 / var(--tw-text-opacity));
+}
+
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgb(202 137 36 / var(--tw-text-opacity));
+}
+
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgb(161 97 26 / var(--tw-text-opacity));
+}
+
+.text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgb(133 77 24 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -4179,259 +4929,291 @@ select {
 }
 
 @media (min-width: 600px) {
-  .tab\:block {
-    display: block;
+  .tb\:visible {
+    visibility: visible;
+  }
+
+  .tb\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .tb\:flex {
+    display: flex;
+  }
+
+  .tb\:inline-flex {
+    display: inline-flex;
   }
 
-  .tab\:hidden {
+  .tb\:hidden {
     display: none;
   }
 
-  .tab\:w-fit {
+  .tb\:w-fit {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
   }
 
-  .tab\:text-hds-t-body1 {
+  .tb\:min-w-\[18rem\] {
+    min-width: 18rem;
+  }
+
+  .tb\:flex-col {
+    flex-direction: column;
+  }
+
+  .tb\:items-center {
+    align-items: center;
+  }
+
+  .tb\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .tb\:p-8 {
+    padding: 2rem;
+  }
+
+  .tb\:text-hds-t-body1 {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body1-bold {
+  .tb\:text-hds-t-body1-bold {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body1-medium {
+  .tb\:text-hds-t-body1-medium {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body1-semi-bold {
+  .tb\:text-hds-t-body1-semi-bold {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-body1c {
+  .tb\:text-hds-t-body1c {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body1c-bold {
+  .tb\:text-hds-t-body1c-bold {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body1c-medium {
+  .tb\:text-hds-t-body1c-medium {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body1c-semi-bold {
+  .tb\:text-hds-t-body1c-semi-bold {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-body2 {
+  .tb\:text-hds-t-body2 {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body2-bold {
+  .tb\:text-hds-t-body2-bold {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body2-medium {
+  .tb\:text-hds-t-body2-medium {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body2-semi-bold {
+  .tb\:text-hds-t-body2-semi-bold {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-body2c {
+  .tb\:text-hds-t-body2c {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body2c-bold {
+  .tb\:text-hds-t-body2c-bold {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body2c-medium {
+  .tb\:text-hds-t-body2c-medium {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body2c-semi-bold {
+  .tb\:text-hds-t-body2c-semi-bold {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-body3 {
+  .tb\:text-hds-t-body3 {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body3-bold {
+  .tb\:text-hds-t-body3-bold {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body3-medium {
+  .tb\:text-hds-t-body3-medium {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body3-semi-bold {
+  .tb\:text-hds-t-body3-semi-bold {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-body3c {
+  .tb\:text-hds-t-body3c {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-body3c-bold {
+  .tb\:text-hds-t-body3c-bold {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-body3c-medium {
+  .tb\:text-hds-t-body3c-medium {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 500;
   }
 
-  .tab\:text-hds-t-body3c-semi-bold {
+  .tb\:text-hds-t-body3c-semi-bold {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-code1 {
+  .tb\:text-hds-t-code1 {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-code2 {
+  .tb\:text-hds-t-code2 {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-h1 {
+  .tb\:text-hds-t-h1 {
     font-size: 3rem;
     line-height: 1.25;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-h2 {
+  .tb\:text-hds-t-h2 {
     font-size: 2.25rem;
     line-height: 3rem;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-h3 {
+  .tb\:text-hds-t-h3 {
     font-size: 1.875rem;
     line-height: 2.5rem;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-h4 {
+  .tb\:text-hds-t-h4 {
     font-size: 1.25rem;
     line-height: 2rem;
     letter-spacing: -0.02em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-h5 {
+  .tb\:text-hds-t-h5 {
     font-size: 1.125rem;
     line-height: 1.75rem;
     letter-spacing: -0.02em;
     font-weight: 600;
   }
 
-  .tab\:text-hds-t-h6 {
+  .tb\:text-hds-t-h6 {
     font-size: 0.75rem;
     line-height: 1.25rem;
     letter-spacing: 0.08em;
     font-weight: 700;
   }
 
-  .tab\:text-hds-t-quote {
+  .tb\:text-hds-t-quote {
     font-size: 1.125rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-sub1 {
+  .tb\:text-hds-t-sub1 {
     font-size: 1.25rem;
     line-height: 2rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .tab\:text-hds-t-sub2 {
+  .tb\:text-hds-t-sub2 {
     font-size: 1.125rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
@@ -4440,10 +5222,6 @@ select {
 }
 
 @media (min-width: 640px) {
-  .sm\:visible {
-    visibility: visible;
-  }
-
   .sm\:-mx-0 {
     margin-left: -0px;
     margin-right: -0px;
@@ -4489,10 +5267,6 @@ select {
     width: 3rem;
   }
 
-  .sm\:w-52 {
-    width: 13rem;
-  }
-
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -4658,291 +5432,259 @@ select {
 }
 
 @media (min-width: 1240px) {
-  .desk\:-left-5 {
+  .db\:-left-5 {
     left: -1.25rem;
   }
 
-  .desk\:-right-5 {
+  .db\:-right-5 {
     right: -1.25rem;
   }
 
-  .desk\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .desk\:flex {
-    display: flex;
-  }
-
-  .desk\:inline-flex {
-    display: inline-flex;
-  }
-
-  .desk\:w-fit {
+  .db\:w-fit {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
   }
 
-  .desk\:min-w-\[18rem\] {
-    min-width: 18rem;
-  }
-
-  .desk\:flex-col {
-    flex-direction: column;
-  }
-
-  .desk\:items-center {
-    align-items: center;
-  }
-
-  .desk\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .desk\:p-8 {
-    padding: 2rem;
-  }
-
-  .desk\:text-hds-d-body1 {
+  .db\:text-hds-d-body1 {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body1-bold {
+  .db\:text-hds-d-body1-bold {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body1-medium {
+  .db\:text-hds-d-body1-medium {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body1-semi-bold {
+  .db\:text-hds-d-body1-semi-bold {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-body1c {
+  .db\:text-hds-d-body1c {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body1c-bold {
+  .db\:text-hds-d-body1c-bold {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body1c-medium {
+  .db\:text-hds-d-body1c-medium {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body1c-semi-bold {
+  .db\:text-hds-d-body1c-semi-bold {
     font-size: 1rem;
     line-height: 1.5rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-body2 {
+  .db\:text-hds-d-body2 {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body2-bold {
+  .db\:text-hds-d-body2-bold {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body2-medium {
+  .db\:text-hds-d-body2-medium {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body2-semi-bold {
+  .db\:text-hds-d-body2-semi-bold {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-body2c {
+  .db\:text-hds-d-body2c {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body2c-bold {
+  .db\:text-hds-d-body2c-bold {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body2c-medium {
+  .db\:text-hds-d-body2c-medium {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body2c-semi-bold {
+  .db\:text-hds-d-body2c-semi-bold {
     font-size: 0.938rem;
     line-height: 1.375rem;
     letter-spacing: -0.01em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-body3 {
+  .db\:text-hds-d-body3 {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body3-bold {
+  .db\:text-hds-d-body3-bold {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body3-medium {
+  .db\:text-hds-d-body3-medium {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body3-semi-bold {
+  .db\:text-hds-d-body3-semi-bold {
     font-size: 0.875rem;
     line-height: 1.5rem;
     letter-spacing: ;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-body3c {
+  .db\:text-hds-d-body3c {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-body3c-bold {
+  .db\:text-hds-d-body3c-bold {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-body3c-medium {
+  .db\:text-hds-d-body3c-medium {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 500;
   }
 
-  .desk\:text-hds-d-body3c-semi-bold {
+  .db\:text-hds-d-body3c-semi-bold {
     font-size: 0.875rem;
     line-height: 1.25rem;
     letter-spacing: ;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-code1 {
+  .db\:text-hds-d-code1 {
     font-size: 1rem;
     line-height: 1.75rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-code2 {
+  .db\:text-hds-d-code2 {
     font-size: 0.938rem;
     line-height: 1.625rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-h1 {
+  .db\:text-hds-d-h1 {
     font-size: 4rem;
     line-height: 1.125;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-h2 {
+  .db\:text-hds-d-h2 {
     font-size: 3rem;
     line-height: 1.25;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-h3 {
+  .db\:text-hds-d-h3 {
     font-size: 2.25rem;
     line-height: 3rem;
     letter-spacing: -0.02em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-h4 {
+  .db\:text-hds-d-h4 {
     font-size: 1.5rem;
     line-height: 2.25rem;
     letter-spacing: -0.02em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-h5 {
+  .db\:text-hds-d-h5 {
     font-size: 1.25rem;
     line-height: 2rem;
     letter-spacing: -0.02em;
     font-weight: 600;
   }
 
-  .desk\:text-hds-d-h6 {
+  .db\:text-hds-d-h6 {
     font-size: 0.875;
     line-height: 1.25;
     letter-spacing: 0.08em;
     font-weight: 700;
   }
 
-  .desk\:text-hds-d-quote {
+  .db\:text-hds-d-quote {
     font-size: 1.5rem;
     line-height: 2.25rem;
     letter-spacing: -0.01em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-sub1 {
+  .db\:text-hds-d-sub1 {
     font-size: 1.5rem;
     line-height: 2.25rem;
     letter-spacing: -0.02em;
     font-weight: 400;
   }
 
-  .desk\:text-hds-d-sub2 {
+  .db\:text-hds-d-sub2 {
     font-size: 1.25rem;
     line-height: 2rem;
     letter-spacing: -0.01em;