@fewangsit/wangsvue-presets 1.0.107 → 1.0.108-alpha.1

package/supplyasset/style.css

@@ -1065,18 +1065,6 @@
   top: 0.5rem;
 }
 
-.top-\[35px\]{
-  top: 35px;
-}
-
-.top-\[37\.5px\]{
-  top: 37.5px;
-}
-
-.top-\[37px\]{
-  top: 37px;
-}
-
 .top-\[50\%\]{
   top: 50%;
 }
@@ -2980,6 +2968,16 @@
   border-color: rgb(144 140 171 / var(--tw-border-opacity));
 }
 
+.border-general-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(108 104 141 / var(--tw-border-opacity));
+}
+
+.border-general-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity));
+}
+
 .border-gray-100{
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
@@ -2990,6 +2988,11 @@
   border-color: rgb(203 204 205 / var(--tw-border-opacity));
 }
 
+.border-grayscale-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(151 153 155 / var(--tw-border-opacity));
+}
+
 .border-grayscale-900{
   --tw-border-opacity: 1;
   border-color: rgb(38 38 39 / var(--tw-border-opacity));
@@ -3005,6 +3008,11 @@
   border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
 
+.border-primary-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
 .border-primary-400{
   --tw-border-opacity: 1;
   border-color: rgb(52 211 153 / var(--tw-border-opacity));
@@ -3074,11 +3082,30 @@
   background-color: rgb(189 190 191 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-grayscale-700{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-grayscale-800{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
 .\!bg-primary-100{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(209 250 229 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-300{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-300\/90{
+  background-color: rgb(110 231 183 / 0.9) !important;
+}
+
 .\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(236 253 245 / var(--tw-bg-opacity)) !important;
@@ -3173,6 +3200,10 @@
   background-color: rgb(255 0 34 / 0.9);
 }
 
+.bg-danger-900\/40{
+  background-color: rgb(51 0 7 / 0.4);
+}
+
 .bg-general-100{
   --tw-bg-opacity: 1;
   background-color: rgb(218 217 227 / var(--tw-bg-opacity));
@@ -3192,6 +3223,11 @@
   background-color: rgb(144 140 171 / var(--tw-bg-opacity));
 }
 
+.bg-general-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+}
+
 .bg-general-50{
   --tw-bg-opacity: 1;
   background-color: rgb(235 234 240 / var(--tw-bg-opacity));
@@ -3202,6 +3238,25 @@
   background-color: rgb(78 75 102 / var(--tw-bg-opacity));
 }
 
+.bg-general-500\/90{
+  background-color: rgb(78 75 102 / 0.9);
+}
+
+.bg-general-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 60 82 / var(--tw-bg-opacity));
+}
+
+.bg-general-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 45 62 / var(--tw-bg-opacity));
+}
+
+.bg-general-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+}
+
 .bg-gray-500{
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
@@ -3232,11 +3287,29 @@
   background-color: rgb(189 190 191 / var(--tw-bg-opacity));
 }
 
+.bg-grayscale-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity));
+}
+
+.bg-grayscale-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+}
+
+.bg-grayscale-800\/80{
+  background-color: rgb(75 77 78 / 0.8);
+}
+
 .bg-grayscale-900{
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 39 / var(--tw-bg-opacity));
 }
 
+.bg-grayscale-950\/80{
+  background-color: rgb(18 18 18 / 0.8);
+}
+
 .bg-grayscale-950\/90{
   background-color: rgb(18 18 18 / 0.9);
 }
@@ -3254,6 +3327,10 @@
   background-color: rgb(34 197 94 / 0.5);
 }
 
+.bg-green-600\/50{
+  background-color: rgb(22 163 74 / 0.5);
+}
+
 .bg-info-50{
   --tw-bg-opacity: 1;
   background-color: rgb(229 240 255 / var(--tw-bg-opacity));
@@ -3276,6 +3353,10 @@
   background-color: rgb(249 115 22 / 0.5);
 }
 
+.bg-orange-600\/50{
+  background-color: rgb(234 88 12 / 0.5);
+}
+
 .bg-primary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(209 250 229 / var(--tw-bg-opacity));
@@ -3303,6 +3384,10 @@
   background-color: rgb(110 231 183 / 0.2);
 }
 
+.bg-primary-300\/90{
+  background-color: rgb(110 231 183 / 0.9);
+}
+
 .bg-primary-400{
   --tw-bg-opacity: 1;
   background-color: rgb(52 211 153 / var(--tw-bg-opacity));
@@ -3352,6 +3437,10 @@
   background-color: rgb(4 120 87 / 0.2);
 }
 
+.bg-primary-900\/40{
+  background-color: rgb(6 78 59 / 0.4);
+}
+
 .bg-purple-300\/20{
   background-color: rgb(216 180 254 / 0.2);
 }
@@ -3374,11 +3463,20 @@
   background-color: rgb(239 68 68 / 0.5);
 }
 
+.bg-red-600\/50{
+  background-color: rgb(220 38 38 / 0.5);
+}
+
 .bg-success-100{
   --tw-bg-opacity: 1;
   background-color: rgb(184 255 220 / var(--tw-bg-opacity));
 }
 
+.bg-success-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 255 188 / var(--tw-bg-opacity));
+}
+
 .bg-success-300\/20{
   background-color: rgb(46 255 154 / 0.2);
 }
@@ -3393,6 +3491,10 @@
   background-color: rgb(0 164 85 / var(--tw-bg-opacity));
 }
 
+.bg-success-900\/40{
+  background-color: rgb(0 31 16 / 0.4);
+}
+
 .bg-transparent{
   background-color: transparent;
 }
@@ -3406,11 +3508,20 @@
   background-color: rgb(255 222 102 / 0.2);
 }
 
+.bg-warning-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 211 51 / var(--tw-bg-opacity));
+}
+
 .bg-warning-500{
   --tw-bg-opacity: 1;
   background-color: rgb(255 199 0 / var(--tw-bg-opacity));
 }
 
+.bg-warning-900\/40{
+  background-color: rgb(51 40 0 / 0.4);
+}
+
 .bg-white{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -4096,11 +4207,21 @@
   color: rgb(255 0 34 / var(--tw-text-opacity)) !important;
 }
 
+.\!text-danger-600{
+  --tw-text-opacity: 1 !important;
+  color: rgb(204 0 27 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-danger-700{
   --tw-text-opacity: 1 !important;
   color: rgb(153 0 20 / var(--tw-text-opacity)) !important;
 }
 
+.\!text-general-100{
+  --tw-text-opacity: 1 !important;
+  color: rgb(218 217 227 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-general-200{
   --tw-text-opacity: 1 !important;
   color: rgb(181 179 199 / var(--tw-text-opacity)) !important;
@@ -4116,6 +4237,11 @@
   color: rgb(108 104 141 / var(--tw-text-opacity)) !important;
 }
 
+.\!text-general-50{
+  --tw-text-opacity: 1 !important;
+  color: rgb(235 234 240 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-general-500{
   --tw-text-opacity: 1 !important;
   color: rgb(78 75 102 / var(--tw-text-opacity)) !important;
@@ -4126,6 +4252,11 @@
   color: rgb(32 30 41 / var(--tw-text-opacity)) !important;
 }
 
+.\!text-grayscale-500{
+  --tw-text-opacity: 1 !important;
+  color: rgb(189 190 191 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-grayscale-900{
   --tw-text-opacity: 1 !important;
   color: rgb(38 38 39 / var(--tw-text-opacity)) !important;
@@ -4161,11 +4292,26 @@
   color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
 }
 
+.text-black{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
 .text-blue-500{
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.text-danger-200{
+  --tw-text-opacity: 1;
+  color: rgb(255 153 167 / var(--tw-text-opacity));
+}
+
+.text-danger-300{
+  --tw-text-opacity: 1;
+  color: rgb(255 102 122 / var(--tw-text-opacity));
+}
+
 .text-danger-500{
   --tw-text-opacity: 1;
   color: rgb(255 0 34 / var(--tw-text-opacity));
@@ -4201,11 +4347,21 @@
   color: rgb(108 104 141 / var(--tw-text-opacity));
 }
 
+.text-general-50{
+  --tw-text-opacity: 1;
+  color: rgb(235 234 240 / var(--tw-text-opacity));
+}
+
 .text-general-500{
   --tw-text-opacity: 1;
   color: rgb(78 75 102 / var(--tw-text-opacity));
 }
 
+.text-general-600{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
 .text-general-800{
   --tw-text-opacity: 1;
   color: rgb(32 30 41 / var(--tw-text-opacity));
@@ -4216,6 +4372,16 @@
   color: rgb(16 15 21 / var(--tw-text-opacity));
 }
 
+.text-grayscale-50{
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.text-grayscale-500{
+  --tw-text-opacity: 1;
+  color: rgb(189 190 191 / var(--tw-text-opacity));
+}
+
 .text-grayscale-600{
   --tw-text-opacity: 1;
   color: rgb(151 153 155 / var(--tw-text-opacity));
@@ -4260,6 +4426,11 @@
   color: rgb(209 250 229 / var(--tw-text-opacity));
 }
 
+.text-primary-300{
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
 .text-primary-400{
   --tw-text-opacity: 1;
   color: rgb(52 211 153 / var(--tw-text-opacity));
@@ -4295,11 +4466,21 @@
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 
+.text-success-300{
+  --tw-text-opacity: 1;
+  color: rgb(46 255 154 / var(--tw-text-opacity));
+}
+
 .text-success-500{
   --tw-text-opacity: 1;
   color: rgb(0 164 85 / var(--tw-text-opacity));
 }
 
+.text-success-600{
+  --tw-text-opacity: 1;
+  color: rgb(0 133 69 / var(--tw-text-opacity));
+}
+
 .text-success-700{
   --tw-text-opacity: 1;
   color: rgb(0 97 50 / var(--tw-text-opacity));
@@ -4314,6 +4495,11 @@
   color: transparent;
 }
 
+.text-warning-300{
+  --tw-text-opacity: 1;
+  color: rgb(255 222 102 / var(--tw-text-opacity));
+}
+
 .text-warning-500{
   --tw-text-opacity: 1;
   color: rgb(255 199 0 / var(--tw-text-opacity));
@@ -4324,6 +4510,11 @@
   color: rgb(204 160 0 / var(--tw-text-opacity));
 }
 
+.text-warning-800{
+  --tw-text-opacity: 1;
+  color: rgb(102 80 0 / var(--tw-text-opacity));
+}
+
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -4341,6 +4532,10 @@
   text-decoration-line: none;
 }
 
+.caret-primary-300{
+  caret-color: #6ee7b7;
+}
+
 .caret-primary-500{
   caret-color: #10b981;
 }
@@ -4514,11 +4709,21 @@
   --tw-ring-inset: inset;
 }
 
+.\!ring-danger-300{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity)) !important;
+}
+
 .\!ring-danger-500{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity)) !important;
 }
 
+.\!ring-danger-600{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity)) !important;
+}
+
 .\!ring-general-200{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity)) !important;
@@ -4529,6 +4734,16 @@
   --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity)) !important;
 }
 
+.\!ring-grayscale-700{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(113 115 116 / var(--tw-ring-opacity)) !important;
+}
+
+.\!ring-primary-300{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)) !important;
+}
+
 .\!ring-primary-400{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)) !important;
@@ -4562,11 +4777,26 @@
   --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
 }
 
+.ring-danger-200{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 153 167 / var(--tw-ring-opacity));
+}
+
+.ring-danger-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity));
+}
+
 .ring-danger-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
 }
 
+.ring-danger-600{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity));
+}
+
 .ring-general-100{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(218 217 227 / var(--tw-ring-opacity));
@@ -4587,11 +4817,21 @@
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
 }
 
+.ring-general-50{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(235 234 240 / var(--tw-ring-opacity));
+}
+
 .ring-general-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(78 75 102 / var(--tw-ring-opacity));
 }
 
+.ring-gray-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
 .ring-gray-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
@@ -4602,6 +4842,16 @@
   --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
 }
 
+.ring-grayscale-100{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(242 242 242 / var(--tw-ring-opacity));
+}
+
+.ring-grayscale-600{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
 .ring-grayscale-900{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 38 39 / var(--tw-ring-opacity));
@@ -4637,6 +4887,11 @@
   --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
 }
 
+.ring-primary-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
 .ring-primary-400{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
@@ -4661,6 +4916,11 @@
   --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
+.ring-primary-800{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity));
+}
+
 .ring-purple-400\/50{
   --tw-ring-color: rgb(192 132 252 / 0.5);
 }
@@ -4685,6 +4945,11 @@
   --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
 }
 
+.ring-success-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 255 154 / var(--tw-ring-opacity));
+}
+
 .ring-success-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 164 85 / var(--tw-ring-opacity));
@@ -4694,6 +4959,11 @@
   --tw-ring-color: transparent;
 }
 
+.ring-warning-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 222 102 / var(--tw-ring-opacity));
+}
+
 .ring-warning-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 199 0 / var(--tw-ring-opacity));
@@ -6036,6 +6306,11 @@ div{
   color: rgb(52 211 153 / var(--tw-text-opacity));
 }
 
+.focus-visible\:text-primary-500:focus-visible{
+  --tw-text-opacity: 1;
+  color: rgb(16 185 129 / var(--tw-text-opacity));
+}
+
 .focus-visible\:shadow-none:focus-visible{
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -6073,6 +6348,16 @@ div{
   --tw-ring-inset: inset;
 }
 
+.focus-visible\:ring-primary-300:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.focus-visible\:ring-primary-400:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
 .focus-visible\:ring-primary-400\/50:focus-visible{
   --tw-ring-color: rgb(52 211 153 / 0.5);
 }
@@ -6159,6 +6444,11 @@ div{
   background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
 }
 
+.group:hover .group-hover\:\!bg-grayscale-800{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
 .group:hover .group-hover\:\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(236 253 245 / var(--tw-bg-opacity)) !important;
@@ -6209,6 +6499,11 @@ div{
   --tw-ring-inset: inset;
 }
 
+.peer:focus-visible ~ .peer-focus-visible\:ring-primary-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-400\/\[8\%\]{
   --tw-ring-color: rgb(52 211 153 / 8%);
 }
@@ -6254,6 +6549,11 @@ div{
   color: rgb(144 140 171 / var(--tw-text-opacity));
 }
 
+.peer:disabled ~ .peer-disabled\:text-grayscale-700{
+  --tw-text-opacity: 1;
+  color: rgb(113 115 116 / var(--tw-text-opacity));
+}
+
 .has-\[\.mask-active\]\:bg-transparent:has(.mask-active){
   background-color: transparent;
 }
@@ -6264,69 +6564,975 @@ div{
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
-.dark\:bg-white:is(.dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.dark\:my-\[150px\]:is(.dark *){
+  margin-top: 150px;
+  margin-bottom: 150px;
 }
 
-.dark\:text-general-800:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
+.dark\:w-\[200px\]:is(.dark *){
+  width: 200px;
 }
 
-.dark\:ring-danger-500:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
+.dark\:\!border-general-500:is(.dark *){
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity)) !important;
 }
 
-.dark\:ring-general-200:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+.dark\:border-danger-600:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(204 0 27 / var(--tw-border-opacity));
 }
 
-.dark\:hover\:ring-primary-400:hover:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+.dark\:border-general-300:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
 }
 
-.dark\:focus\:ring-primary-400:focus:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+.dark\:border-general-400:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(108 104 141 / var(--tw-border-opacity));
 }
 
-@media (min-width: 576px){
-  .min-\[576px\]\:pr-32{
-    padding-right: 8rem;
-  }
+.dark\:border-general-500:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity));
 }
 
-@media (min-width: 640px){
-  .sm\:absolute{
-    position: absolute;
-  }
+.dark\:border-grayscale-600:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(151 153 155 / var(--tw-border-opacity));
+}
 
-  .sm\:relative{
-    position: relative;
-  }
+.dark\:border-primary-300:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
 
-  .sm\:left-auto{
-    left: auto;
-  }
+.dark\:border-primary-600:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(5 150 105 / var(--tw-border-opacity));
+}
 
-  .sm\:left-full{
-    left: 100%;
-  }
+.dark\:border-success-600:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(0 133 69 / var(--tw-border-opacity));
+}
 
-  .sm\:top-0{
-    top: 0px;
-  }
+.dark\:border-transparent:is(.dark *){
+  border-color: transparent;
+}
 
-  .sm\:top-auto{
-    top: auto;
-  }
+.dark\:border-white:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
 
-  .sm\:my-0{
-    margin-top: 0px;
+.dark\:\!bg-danger-200:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-grayscale-700:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-primary-100:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-primary-300:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-success-300:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(46 255 154 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-warning-200:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 233 153 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:bg-danger-200:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-danger-300\/90:is(.dark *){
+  background-color: rgb(255 102 122 / 0.9);
+}
+
+.dark\:bg-danger-50:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 229 233 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-100:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-400:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-50:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-500:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(78 75 102 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-600:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 60 82 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-700:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 45 62 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-800:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(32 30 41 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-gray-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 217 217 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-700:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-800:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-900:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-950\/80:is(.dark *){
+  background-color: rgb(18 18 18 / 0.8);
+}
+
+.dark\:bg-grayscale-950\/90:is(.dark *){
+  background-color: rgb(18 18 18 / 0.9);
+}
+
+.dark\:bg-green-600\/50:is(.dark *){
+  background-color: rgb(22 163 74 / 0.5);
+}
+
+.dark\:bg-orange-600\/50:is(.dark *){
+  background-color: rgb(234 88 12 / 0.5);
+}
+
+.dark\:bg-primary-100:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-300\/90:is(.dark *){
+  background-color: rgb(110 231 183 / 0.9);
+}
+
+.dark\:bg-primary-400:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-50:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-900:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-red-600\/50:is(.dark *){
+  background-color: rgb(220 38 38 / 0.5);
+}
+
+.dark\:bg-success-200:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 255 188 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-success-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 255 154 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-success-300\/90:is(.dark *){
+  background-color: rgb(46 255 154 / 0.9);
+}
+
+.dark\:bg-success-50:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 255 238 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-transparent:is(.dark *){
+  background-color: transparent;
+}
+
+.dark\:bg-warning-300:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-warning-400:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 211 51 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-white:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.dark\:\!text-danger-600:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(204 0 27 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-100:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(218 217 227 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-50:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(235 234 240 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-500:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(78 75 102 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-grayscale-500:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(189 190 191 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-grayscale-700:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(113 115 116 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-primary-300:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(110 231 183 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:text-black:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-200:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 153 167 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-300:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 102 122 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-500:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 0 34 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-600:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(204 0 27 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-700:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(153 0 20 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(102 0 14 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-100:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-200:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(181 179 199 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-300:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(108 104 141 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-50:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(235 234 240 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-500:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(78 75 102 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-600:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-900:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(16 15 21 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-50:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-500:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(189 190 191 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-600:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(151 153 155 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-700:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(113 115 116 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(75 77 78 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-900:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(38 38 39 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-300:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-400:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-50:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(236 253 245 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-600:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(5 150 105 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(6 95 70 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-300:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(46 255 154 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-600:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 133 69 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 66 34 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-900:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 31 16 / var(--tw-text-opacity));
+}
+
+.dark\:text-warning-300:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 222 102 / var(--tw-text-opacity));
+}
+
+.dark\:text-warning-800:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(102 80 0 / var(--tw-text-opacity));
+}
+
+.dark\:text-white:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark\:caret-primary-300:is(.dark *){
+  caret-color: #6ee7b7;
+}
+
+.dark\:\!ring-danger-300:is(.dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\!ring-danger-600:is(.dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\!ring-grayscale-700:is(.dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(113 115 116 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:ring-danger-200:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 153 167 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-danger-500:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-danger-600:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-100:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(218 217 227 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-200:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-400:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-50:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(235 234 240 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-500:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(78 75 102 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-gray-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-grayscale-600:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-primary-200\/\[12\%\]:is(.dark *){
+  --tw-ring-color: rgb(167 243 208 / 12%);
+}
+
+.dark\:ring-primary-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-success-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 255 154 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-warning-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 222 102 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-white:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
+}
+
+.dark\:placeholder\:text-general-600:is(.dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:placeholder\:text-general-600:is(.dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:placeholder\:text-grayscale-600:is(.dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(151 153 155 / var(--tw-text-opacity));
+}
+
+.dark\:placeholder\:text-grayscale-600:is(.dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(151 153 155 / var(--tw-text-opacity));
+}
+
+.dark\:before\:\!bg-grayscale-900:is(.dark *)::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:before\:bg-general-500:is(.dark *)::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(78 75 102 / var(--tw-bg-opacity));
+}
+
+.dark\:before\:bg-grayscale-900:is(.dark *)::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity));
+}
+
+.dark\:focus-within\:ring-primary-300:focus-within:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:border-primary-300:hover:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
+.dark\:hover\:\!bg-grayscale-50\/90:hover:is(.dark *){
+  background-color: rgb(247 247 247 / 0.9) !important;
+}
+
+.dark\:hover\:\!bg-grayscale-800:hover:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:hover\:\!bg-primary-300\/90:hover:is(.dark *){
+  background-color: rgb(110 231 183 / 0.9) !important;
+}
+
+.dark\:hover\:\!bg-warning-300:hover:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:hover\:\!bg-warning-300\/90:hover:is(.dark *){
+  background-color: rgb(255 222 102 / 0.9) !important;
+}
+
+.dark\:hover\:bg-danger-200:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-danger-300\/\[8\%\]:hover:is(.dark *){
+  background-color: rgb(255 102 122 / 8%);
+}
+
+.dark\:hover\:bg-danger-900\/40:hover:is(.dark *){
+  background-color: rgb(51 0 7 / 0.4);
+}
+
+.dark\:hover\:bg-general-500\/90:hover:is(.dark *){
+  background-color: rgb(78 75 102 / 0.9);
+}
+
+.dark\:hover\:bg-general-900:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-gray-300:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-50\/\[8\%\]:hover:is(.dark *){
+  background-color: rgb(247 247 247 / 8%);
+}
+
+.dark\:hover\:bg-grayscale-700:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-800:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-800\/30:hover:is(.dark *){
+  background-color: rgb(75 77 78 / 0.3);
+}
+
+.dark\:hover\:bg-grayscale-800\/80:hover:is(.dark *){
+  background-color: rgb(75 77 78 / 0.8);
+}
+
+.dark\:hover\:bg-grayscale-900:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-100:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-200:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-300:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-300\/20:hover:is(.dark *){
+  background-color: rgb(110 231 183 / 0.2);
+}
+
+.dark\:hover\:bg-primary-300\/90:hover:is(.dark *){
+  background-color: rgb(110 231 183 / 0.9);
+}
+
+.dark\:hover\:bg-primary-300\/\[8\%\]:hover:is(.dark *){
+  background-color: rgb(110 231 183 / 8%);
+}
+
+.dark\:hover\:bg-primary-400\/90:hover:is(.dark *){
+  background-color: rgb(52 211 153 / 0.9);
+}
+
+.dark\:hover\:bg-primary-900\/40:hover:is(.dark *){
+  background-color: rgb(6 78 59 / 0.4);
+}
+
+.dark\:hover\:bg-success-200:hover:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 255 188 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-success-300\/\[8\%\]:hover:is(.dark *){
+  background-color: rgb(46 255 154 / 8%);
+}
+
+.dark\:hover\:bg-success-900\/40:hover:is(.dark *){
+  background-color: rgb(0 31 16 / 0.4);
+}
+
+.dark\:hover\:bg-warning-300\/\[8\%\]:hover:is(.dark *){
+  background-color: rgb(255 222 102 / 8%);
+}
+
+.dark\:hover\:bg-warning-900\/40:hover:is(.dark *){
+  background-color: rgb(51 40 0 / 0.4);
+}
+
+.dark\:hover\:bg-white\/10:hover:is(.dark *){
+  background-color: rgb(255 255 255 / 0.1);
+}
+
+.hover\:dark\:bg-primary-400:is(.dark *):hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:text-general-100:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-general-200:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(181 179 199 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-400:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-600:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(5 150 105 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-800:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(6 95 70 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-white:hover:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:ring-gray-300:hover:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-grayscale-600:hover:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-primary-300:hover:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-primary-400:hover:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:bg-grayscale-800\/30:focus:is(.dark *){
+  background-color: rgb(75 77 78 / 0.3);
+}
+
+.dark\:focus\:outline-grayscale-600:focus:is(.dark *){
+  outline-color: #97999b;
+}
+
+.dark\:focus\:ring-grayscale-100:focus:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(242 242 242 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-300:focus:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-400:focus:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-400\/50:focus:is(.dark *){
+  --tw-ring-color: rgb(52 211 153 / 0.5);
+}
+
+.dark\:focus\:ring-primary-800:focus:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:placeholder\:text-general-600:focus:is(.dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:focus\:placeholder\:text-general-600:focus:is(.dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:border-primary-300:focus-visible:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
+.dark\:focus-visible\:text-general-100:focus-visible:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:text-primary-500:focus-visible:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(16 185 129 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:ring-primary-300:focus-visible:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.dark\:focus-visible\:ring-primary-400:focus-visible:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
+.dark\:active\:\!bg-grayscale-50\/90:active:is(.dark *){
+  background-color: rgb(247 247 247 / 0.9) !important;
+}
+
+.dark\:active\:\!bg-warning-300\/90:active:is(.dark *){
+  background-color: rgb(255 222 102 / 0.9) !important;
+}
+
+.dark\:active\:bg-danger-300\/90:active:is(.dark *){
+  background-color: rgb(255 102 122 / 0.9);
+}
+
+.dark\:active\:bg-danger-300\/\[12\%\]:active:is(.dark *){
+  background-color: rgb(255 102 122 / 12%);
+}
+
+.dark\:active\:bg-grayscale-50\/\[12\%\]:active:is(.dark *){
+  background-color: rgb(247 247 247 / 12%);
+}
+
+.dark\:active\:bg-primary-300\/90:active:is(.dark *){
+  background-color: rgb(110 231 183 / 0.9);
+}
+
+.dark\:active\:bg-primary-300\/\[12\%\]:active:is(.dark *){
+  background-color: rgb(110 231 183 / 12%);
+}
+
+.dark\:active\:bg-success-300\/90:active:is(.dark *){
+  background-color: rgb(46 255 154 / 0.9);
+}
+
+.dark\:active\:bg-success-300\/\[12\%\]:active:is(.dark *){
+  background-color: rgb(46 255 154 / 12%);
+}
+
+.dark\:active\:bg-warning-300\/\[12\%\]:active:is(.dark *){
+  background-color: rgb(255 222 102 / 12%);
+}
+
+.group:hover .dark\:group-hover\:\!bg-grayscale-800:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .dark\:group-hover\:\!bg-warning-300:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
+}
+
+.peer:focus-visible ~ .dark\:peer-focus-visible\:ring-primary-200\/\[8\%\]:is(.dark *){
+  --tw-ring-color: rgb(167 243 208 / 8%);
+}
+
+.peer:focus-visible ~ .dark\:peer-focus-visible\:ring-primary-300:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.peer:active ~ .dark\:peer-active\:ring-primary-200\/\[12\%\]:is(.dark *){
+  --tw-ring-color: rgb(167 243 208 / 12%);
+}
+
+.peer:disabled ~ .dark\:peer-disabled\:text-grayscale-700:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(113 115 116 / var(--tw-text-opacity));
+}
+
+@media (min-width: 576px){
+  .min-\[576px\]\:pr-32{
+    padding-right: 8rem;
+  }
+}
+
+@media (min-width: 640px){
+  .sm\:absolute{
+    position: absolute;
+  }
+
+  .sm\:relative{
+    position: relative;
+  }
+
+  .sm\:left-auto{
+    left: auto;
+  }
+
+  .sm\:left-full{
+    left: 100%;
+  }
+
+  .sm\:top-0{
+    top: 0px;
+  }
+
+  .sm\:top-auto{
+    top: auto;
+  }
+
+  .sm\:my-0{
+    margin-top: 0px;
     margin-bottom: 0px;
   }
 
@@ -6501,6 +7707,16 @@ div{
   --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
+.dark\:\[\&\:has\(\:focus\)\]\:\!ring-primary-300:has(:focus):is(.dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\[\&\:has\(\:focus\)\]\:ring-primary-300:has(:focus):is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-400:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)) !important;
@@ -6516,6 +7732,11 @@ div{
   --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity)) !important;
 }
 
+.dark\:\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-300:has(:focus) .inputgroupaddon:is(.dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)) !important;
+}
+
 .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
   text-align: center;
 }
@@ -6571,11 +7792,26 @@ div{
   color: rgb(181 179 199 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&\>i\]\:text-general-400>i:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(108 104 141 / var(--tw-text-opacity));
+}
+
+.\[\&\>td\>div\>span\]\:border-primary-200>td>div>span{
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
+}
+
 .\[\&\>td\]\:border-primary-200>td{
   --tw-border-opacity: 1;
   border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
 
+.dark\:\[\&\>td\]\:border-primary-300>td:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
 .\[\&\[aria-selected\=\"true\"\]\]\:rounded-\[20px\][aria-selected="true"]{
   border-radius: 20px;
 }
@@ -6623,6 +7859,21 @@ div{
   color: rgb(16 185 129 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_\*\]\:text-primary-300 *:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
+.dark\:\[\&_\*\]\:hover\:text-general-800:hover *:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:\[\&_\*\]\:hover\:text-primary-300:hover *:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
 .\[\&_\.icon\]\:\!h-5 .icon{
   height: 1.25rem !important;
 }
@@ -6668,6 +7919,16 @@ div{
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
 }
 
+.dark\:\[\&_\.inputgroupaddon\]\:ring-danger-300 .inputgroupaddon:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity));
+}
+
+.dark\:\[\&_\.inputgroupaddon\]\:ring-grayscale-600 .inputgroupaddon:is(.dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
 .\[\&_\[data-p-other-month\=\"true\"\]\]\:invisible [data-p-other-month="true"]{
   visibility: hidden;
 }
@@ -6682,6 +7943,21 @@ div{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
 }
 
+.dark\:\[\&_\[data-pc-section\=box\]\]\:\!border-general-500 [data-pc-section=box]:is(.dark *){
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity)) !important;
+}
+
+.dark\:\[\&_\[data-pc-section\=box\]\]\:\!bg-grayscale-800 [data-pc-section=box]:is(.dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\[\&_\[data-wv-section\=\"multi-row\"\]\]\:border-primary-300 [data-wv-section="multi-row"]:is(.dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
 .\[\&_\[data-wv-section\=box\]\]\:\!border-white [data-wv-section=box]{
   --tw-border-opacity: 1 !important;
   border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
@@ -6691,6 +7967,11 @@ div{
   background-color: transparent !important;
 }
 
+.dark\:\[\&_button\>i\]\:\!text-primary-800 button>i:is(.dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(6 95 70 / var(--tw-text-opacity)) !important;
+}
+
 .\[\&_i\]\:h-4 i{
   height: 1rem;
 }
@@ -6712,6 +7993,19 @@ div{
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.\[\&_i\]\:dark\:bg-transparent:is(.dark *) i{
+  background-color: transparent;
+}
+
+.\[\&_i\]\:dark\:text-grayscale-900:is(.dark *) i{
+  --tw-text-opacity: 1;
+  color: rgb(38 38 39 / var(--tw-text-opacity));
+}
+
+.\[\&_i\]\:dark\:text-transparent:is(.dark *) i{
+  color: transparent;
+}
+
 .\[\&_label\]\:\!cursor-grab label{
   cursor: grab !important;
 }
@@ -6742,6 +8036,11 @@ div{
   color: rgb(38 38 39 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_td\]\:text-white td:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .\[\&_th\]\:text-xs th{
   font-size: 0.75rem;
   line-height: 1rem;
@@ -6756,6 +8055,11 @@ div{
   color: rgb(38 38 39 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_th\]\:text-white th:is(.dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .\[\&_tr\:last-of-type\>td\:first-child\]\:\!rounded-bl-lg tr:last-of-type>td:first-child{
   border-bottom-left-radius: 0.5rem !important;
 }