hds-web 0.1.9 → 1.0.0

package/src/styles/tailwind.css

@@ -3295,8 +3295,1168 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.stroke-\[1\.5px\] {
-  stroke-width: 1.5px;
+.via-amber-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 243 212 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFF3D4 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 228 176 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFE4B0 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 206 112 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFCE70 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 168 27 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFA81B var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(224 121 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #E07900 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(184 88 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #B85800 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(153 55 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #993700 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(120 36 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #782400 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-amber-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(71 21 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #471500 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-base-0 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFFFFF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-base-1000 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 6 21 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #000615 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(240 244 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F0F4FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(223 232 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #DFE8FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(198 214 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #C6D6FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(128 163 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #80A3FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(57 112 253 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #3970FD var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(30 86 227 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #1E56E3 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(13 65 198 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #0D41C6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 40 142 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #00288E var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-blue-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 28 99 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #001C63 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(227 250 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #E3FAFF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(194 244 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #C2F4FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(147 236 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #93ECFF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(62 202 232 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #3ECAE8 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(14 150 178 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #0E96B2 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(4 117 141 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #04758D var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 90 108 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #005A6C var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 57 69 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #003945 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-cyan-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 35 43 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #00232B var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(218 255 244 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #DAFFF4 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(184 251 231 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #B8FBE7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(145 245 215 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #91F5D7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(57 218 170 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #39DAAA var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(14 165 120 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #0EA578 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(2 125 89 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #027D59 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 96 67 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #006043 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 60 43 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #003C2B var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-green-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 40 29 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #00281D var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-0 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFFFFF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(243 244 246 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F3F4F6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-1000 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(0 6 21 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #000615 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-150 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(236 237 240 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #ECEDF0 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(229 231 235 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #E5E7EB var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(210 214 219 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #D2D6DB var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(157 164 174 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #9DA4AE var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-50 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F9FAFB var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(108 115 127 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #6C737F var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(77 87 97 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #4D5761 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(56 66 80 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #384250 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(31 42 55 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #1F2A37 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-850 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(24 34 47 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #18222F var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(17 25 39 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #111927 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-neutral-950 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(13 20 32 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #0D1420 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 237 215 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFEDD7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(254 215 173 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FED7AD var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(253 185 122 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FDB97A var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(251 145 71 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FB9147 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(248 114 41 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F87229 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(233 87 31 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #E9571F var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(193 64 24 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #C14018 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-orange-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(153 52 24 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #993418 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 237 244 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFEDF4 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 217 231 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFD9E7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 188 214 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFBCD6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(246 119 170 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F677AA var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(225 58 124 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #E13A7C var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(194 30 95 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #C21E5F var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(165 10 72 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #A50A48 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(113 0 44 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #71002C var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-pink-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(73 0 29 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #49001D var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(247 242 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F7F2FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(237 225 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #EDE1FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(219 198 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #DBC6FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(180 135 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #B487FF var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(140 73 250 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #8C49FA var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(113 43 227 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #712BE3 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(94 19 215 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #5E13D7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(63 1 166 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #3F01A6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-purple-900 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(41 0 107 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #29006B var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(254 226 226 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FEE2E2 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(254 202 203 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FECACB var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(251 165 166 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FBA5A6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(247 113 115 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #F77173 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(238 68 71 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #EE4447 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(219 37 43 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #DB252B var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(184 27 32 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #B81B20 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-red-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(152 26 30 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #981A1E var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-storybook-default-heading {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(17 27 41 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #111B29 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-100 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 249 199 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFF9C7 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-200 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 239 147 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFEF93 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-300 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(255 223 90 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FFDF5A var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-400 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(251 203 58 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #FBCB3A var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-500 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(235 178 48 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #EBB230 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-600 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(202 137 36 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #CA8924 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-700 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(161 97 26 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #A1611A var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.via-yellow-800 {
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to: rgb(133 77 24 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+  --tw-gradient-stops: var(--tw-gradient-from), #854D18 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.to-amber-100 {
+  --tw-gradient-to: #FFF3D4 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-200 {
+  --tw-gradient-to: #FFE4B0 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-300 {
+  --tw-gradient-to: #FFCE70 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-400 {
+  --tw-gradient-to: #FFA81B var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-500 {
+  --tw-gradient-to: #E07900 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-600 {
+  --tw-gradient-to: #B85800 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-700 {
+  --tw-gradient-to: #993700 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-800 {
+  --tw-gradient-to: #782400 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-amber-900 {
+  --tw-gradient-to: #471500 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-base-0 {
+  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-base-1000 {
+  --tw-gradient-to: #000615 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-100 {
+  --tw-gradient-to: #F0F4FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-200 {
+  --tw-gradient-to: #DFE8FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-300 {
+  --tw-gradient-to: #C6D6FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-400 {
+  --tw-gradient-to: #80A3FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-500 {
+  --tw-gradient-to: #3970FD var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-600 {
+  --tw-gradient-to: #1E56E3 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-700 {
+  --tw-gradient-to: #0D41C6 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-800 {
+  --tw-gradient-to: #00288E var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-blue-900 {
+  --tw-gradient-to: #001C63 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-100 {
+  --tw-gradient-to: #E3FAFF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-200 {
+  --tw-gradient-to: #C2F4FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-300 {
+  --tw-gradient-to: #93ECFF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-400 {
+  --tw-gradient-to: #3ECAE8 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-500 {
+  --tw-gradient-to: #0E96B2 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-600 {
+  --tw-gradient-to: #04758D var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-700 {
+  --tw-gradient-to: #005A6C var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-800 {
+  --tw-gradient-to: #003945 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-cyan-900 {
+  --tw-gradient-to: #00232B var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-100 {
+  --tw-gradient-to: #DAFFF4 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-200 {
+  --tw-gradient-to: #B8FBE7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-300 {
+  --tw-gradient-to: #91F5D7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-400 {
+  --tw-gradient-to: #39DAAA var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-500 {
+  --tw-gradient-to: #0EA578 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-600 {
+  --tw-gradient-to: #027D59 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-700 {
+  --tw-gradient-to: #006043 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-800 {
+  --tw-gradient-to: #003C2B var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-green-900 {
+  --tw-gradient-to: #00281D var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-0 {
+  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-100 {
+  --tw-gradient-to: #F3F4F6 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-1000 {
+  --tw-gradient-to: #000615 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-150 {
+  --tw-gradient-to: #ECEDF0 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-200 {
+  --tw-gradient-to: #E5E7EB var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-300 {
+  --tw-gradient-to: #D2D6DB var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-400 {
+  --tw-gradient-to: #9DA4AE var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-50 {
+  --tw-gradient-to: #F9FAFB var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-500 {
+  --tw-gradient-to: #6C737F var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-600 {
+  --tw-gradient-to: #4D5761 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-700 {
+  --tw-gradient-to: #384250 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-800 {
+  --tw-gradient-to: #1F2A37 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-850 {
+  --tw-gradient-to: #18222F var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-900 {
+  --tw-gradient-to: #111927 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-neutral-950 {
+  --tw-gradient-to: #0D1420 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-100 {
+  --tw-gradient-to: #FFEDD7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-200 {
+  --tw-gradient-to: #FED7AD var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-300 {
+  --tw-gradient-to: #FDB97A var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-400 {
+  --tw-gradient-to: #FB9147 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-500 {
+  --tw-gradient-to: #F87229 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-600 {
+  --tw-gradient-to: #E9571F var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-700 {
+  --tw-gradient-to: #C14018 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-orange-800 {
+  --tw-gradient-to: #993418 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-100 {
+  --tw-gradient-to: #FFEDF4 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-200 {
+  --tw-gradient-to: #FFD9E7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-300 {
+  --tw-gradient-to: #FFBCD6 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-400 {
+  --tw-gradient-to: #F677AA var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-500 {
+  --tw-gradient-to: #E13A7C var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-600 {
+  --tw-gradient-to: #C21E5F var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-700 {
+  --tw-gradient-to: #A50A48 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-800 {
+  --tw-gradient-to: #71002C var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-pink-900 {
+  --tw-gradient-to: #49001D var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-100 {
+  --tw-gradient-to: #F7F2FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-200 {
+  --tw-gradient-to: #EDE1FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-300 {
+  --tw-gradient-to: #DBC6FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-400 {
+  --tw-gradient-to: #B487FF var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-500 {
+  --tw-gradient-to: #8C49FA var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-600 {
+  --tw-gradient-to: #712BE3 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-700 {
+  --tw-gradient-to: #5E13D7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-800 {
+  --tw-gradient-to: #3F01A6 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-purple-900 {
+  --tw-gradient-to: #29006B var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-100 {
+  --tw-gradient-to: #FEE2E2 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-200 {
+  --tw-gradient-to: #FECACB var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-300 {
+  --tw-gradient-to: #FBA5A6 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-400 {
+  --tw-gradient-to: #F77173 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-500 {
+  --tw-gradient-to: #EE4447 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-600 {
+  --tw-gradient-to: #DB252B var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-700 {
+  --tw-gradient-to: #B81B20 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-red-800 {
+  --tw-gradient-to: #981A1E var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-storybook-default-heading {
+  --tw-gradient-to: #111B29 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-100 {
+  --tw-gradient-to: #FFF9C7 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-200 {
+  --tw-gradient-to: #FFEF93 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-300 {
+  --tw-gradient-to: #FFDF5A var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-400 {
+  --tw-gradient-to: #FBCB3A var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-500 {
+  --tw-gradient-to: #EBB230 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-600 {
+  --tw-gradient-to: #CA8924 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-700 {
+  --tw-gradient-to: #A1611A var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.to-yellow-800 {
+  --tw-gradient-to: #854D18 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
+.stroke-pink-500 {
+  stroke: #E13A7C;
+}
+
+.stroke-pink-600 {
+  stroke: #C21E5F;
+}
+
+.stroke-2 {
+  stroke-width: 2;
 }
 
 .object-contain {
@@ -3494,6 +4654,14 @@ select {
   padding-left: 1rem;
 }
 
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
 .pl-7 {
   padding-left: 1.75rem;
 }
@@ -3502,6 +4670,14 @@ select {
   padding-right: 2.5rem;
 }
 
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pr-2\.5 {
+  padding-right: 0.625rem;
+}
+
 .pr-20 {
   padding-right: 5rem;
 }
@@ -3548,6 +4724,20 @@ select {
   line-height: 1.5rem;
 }
 
+.text-hds-d-body1c-medium {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.01em;
+  font-weight: 500;
+}
+
+.text-hds-d-body3c-medium {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: ;
+  font-weight: 500;
+}
+
 .text-hds-m-body1 {
   font-size: 0.938rem;
   line-height: 1.625rem;
@@ -4790,42 +5980,6 @@ select {
   font-weight: 400;
 }
 
-.button-sm {
-  border-radius: 9999px;
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  letter-spacing: ;
-  font-weight: 500;
-}
-
-.button-md {
-  border-radius: 9999px;
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  letter-spacing: ;
-  font-weight: 500;
-}
-
-.button-lg {
-  border-radius: 9999px;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
 .button-xl {
   border-radius: 9999px;
   padding-top: 0.75rem;
@@ -4848,6 +6002,10 @@ select {
   font-weight: 500;
 }
 
+.bg-transparent{
+  background-color: transparent;
+}
+
 .language-javascript {
   background-color: transparent !important;
   padding: 0 !important;
@@ -5166,14 +6324,14 @@ select {
   border-width: 2px;
 }
 
-.hover\:border-blue-500:hover {
+.hover\:border-blue-600:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(57 112 253 / var(--tw-border-opacity));
+  border-color: rgb(30 86 227 / var(--tw-border-opacity));
 }
 
-.hover\:border-blue-600:hover {
+.hover\:border-blue-700:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(30 86 227 / var(--tw-border-opacity));
+  border-color: rgb(13 65 198 / var(--tw-border-opacity));
 }
 
 .hover\:border-neutral-300:hover {
@@ -5246,31 +6404,16 @@ select {
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
-.hover\:text-blue-500:hover {
-  --tw-text-opacity: 1;
-  color: rgb(57 112 253 / var(--tw-text-opacity));
-}
-
 .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
-.hover\:text-blue-700:hover {
-  --tw-text-opacity: 1;
-  color: rgb(13 65 198 / var(--tw-text-opacity));
-}
-
 .hover\:text-neutral-0:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-neutral-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(31 42 55 / var(--tw-text-opacity));
-}
-
 .hover\:text-neutral-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 25 39 / var(--tw-text-opacity));
@@ -5286,6 +6429,12 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.hover\:shadow-md:hover {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .hover\:shadow-xl:hover {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -5298,6 +6447,18 @@ select {
   transition-duration: 150ms;
 }
 
+.hover\:delay-100:hover {
+  transition-delay: 100ms;
+}
+
+.hover\:delay-300:hover {
+  transition-delay: 300ms;
+}
+
+.hover\:duration-300:hover {
+  transition-duration: 300ms;
+}
+
 .hover\:ease-in:hover {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -5411,11 +6572,6 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.focus\:text-neutral-800:focus {
-  --tw-text-opacity: 1;
-  color: rgb(31 42 55 / var(--tw-text-opacity));
-}
-
 .focus\:text-neutral-900:focus {
   --tw-text-opacity: 1;
   color: rgb(17 25 39 / var(--tw-text-opacity));
@@ -5425,12 +6581,6 @@ select {
   text-decoration-line: underline;
 }
 
-.focus\:shadow-\[0_0px_0px_4px_\#80A3FF\]:focus {
-  --tw-shadow: 0 0px 0px 4px #80A3FF;
-  --tw-shadow-colored: 0 0px 0px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .focus\:shadow-\[0_0px_0px_4px_\#DFE8FF\]:focus {
   --tw-shadow: 0 0px 0px 4px #DFE8FF;
   --tw-shadow-colored: 0 0px 0px 4px var(--tw-shadow-color);
@@ -5455,6 +6605,12 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus\:shadow-\[0px_0px_0px_4px_\#E5E7EB\]:focus {
+  --tw-shadow: 0px 0px 0px 4px #E5E7EB;
+  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus\:shadow-\[0px_0px_0px_4px_\#F0F4FF\]:focus {
   --tw-shadow: 0px 0px 0px 4px #F0F4FF;
   --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
@@ -5548,6 +6704,21 @@ select {
   outline-offset: -4px;
 }
 
+.active\:bg-blue-600:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 86 227 / var(--tw-bg-opacity));
+}
+
+.active\:text-neutral-0:active {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.active\:outline-none:active {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -5597,6 +6768,10 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.group:hover .group-hover\:stroke-neutral-0 {
+  stroke: #FFFFFF;
+}
+
 .group:hover .group-hover\:opacity-30 {
   opacity: 0.3;
 }
@@ -5607,8 +6782,24 @@ select {
   transition-duration: 150ms;
 }
 
-.group:hover .group-hover\:delay-100 {
-  transition-delay: 100ms;
+.group:hover .group-hover\:delay-300 {
+  transition-delay: 300ms;
+}
+
+.group:hover .group-hover\:duration-300 {
+  transition-duration: 300ms;
+}
+
+.group:hover .group-hover\:ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.group:focus .group-focus\:stroke-neutral-0 {
+  stroke: #FFFFFF;
+}
+
+.group:active .group-active\:stroke-neutral-0 {
+  stroke: #FFFFFF;
 }
 
 @media (prefers-color-scheme: dark) {