@fewangsit/wangsvue-presets 1.0.108-alpha.0 → 1.0.108

package/globalsettings/style.css

@@ -2949,6 +2949,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));
@@ -2959,6 +2969,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));
@@ -2974,6 +2989,11 @@
   border-color: rgb(181 179 199 / var(--tw-border-opacity));
 }
 
+.border-primary-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
+}
+
 .border-primary-400{
   --tw-border-opacity: 1;
   border-color: rgb(108 104 141 / var(--tw-border-opacity));
@@ -3043,11 +3063,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(218 217 227 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-300{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-300\/90{
+  background-color: rgb(144 140 171 / 0.9) !important;
+}
+
 .\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(235 234 240 / var(--tw-bg-opacity)) !important;
@@ -3132,6 +3171,10 @@
   background-color: rgb(255 0 34 / 0.9);
 }
 
+.bg-danger-900\/40{
+  background-color: rgb(51 0 7 / 0.4);
+}
+
 .bg-fixed-primary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(204 224 255 / var(--tw-bg-opacity));
@@ -3170,6 +3213,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));
@@ -3180,6 +3228,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));
@@ -3210,11 +3277,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);
 }
@@ -3232,6 +3317,10 @@
   background-color: rgb(34 197 94 / 0.5);
 }
 
+.bg-green-600\/50{
+  background-color: rgb(22 163 74 / 0.5);
+}
+
 .bg-inherit{
   background-color: inherit;
 }
@@ -3249,6 +3338,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(218 217 227 / var(--tw-bg-opacity));
@@ -3276,6 +3369,10 @@
   background-color: rgb(144 140 171 / 0.2);
 }
 
+.bg-primary-300\/90{
+  background-color: rgb(144 140 171 / 0.9);
+}
+
 .bg-primary-400{
   --tw-bg-opacity: 1;
   background-color: rgb(108 104 141 / var(--tw-bg-opacity));
@@ -3325,6 +3422,10 @@
   background-color: rgb(7 6 9 / 0.2);
 }
 
+.bg-primary-900\/40{
+  background-color: rgb(3 2 4 / 0.4);
+}
+
 .bg-purple-300\/20{
   background-color: rgb(216 180 254 / 0.2);
 }
@@ -3347,11 +3448,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);
 }
@@ -3366,6 +3476,10 @@
   background-color: rgb(0 164 85 / var(--tw-bg-opacity));
 }
 
+.bg-success-900\/40{
+  background-color: rgb(0 31 16 / 0.4);
+}
+
 .bg-supply-primary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(209 250 229 / var(--tw-bg-opacity));
@@ -3393,11 +3507,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));
@@ -4083,6 +4206,11 @@
   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;
@@ -4093,6 +4221,11 @@
   color: rgb(0 99 247 / 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;
@@ -4108,6 +4241,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;
@@ -4118,6 +4256,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;
@@ -4153,11 +4296,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));
@@ -4198,11 +4356,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));
@@ -4213,6 +4381,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));
@@ -4252,6 +4430,11 @@
   color: rgb(218 217 227 / var(--tw-text-opacity));
 }
 
+.text-primary-300{
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
 .text-primary-400{
   --tw-text-opacity: 1;
   color: rgb(108 104 141 / var(--tw-text-opacity));
@@ -4287,11 +4470,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));
@@ -4311,6 +4504,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));
@@ -4321,6 +4519,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));
@@ -4338,6 +4541,10 @@
   text-decoration-line: none;
 }
 
+.caret-primary-300{
+  caret-color: #908cab;
+}
+
 .caret-primary-500{
   caret-color: #201e29;
 }
@@ -4511,11 +4718,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;
@@ -4526,6 +4743,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(144 140 171 / var(--tw-ring-opacity)) !important;
+}
+
 .\!ring-primary-400{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
@@ -4559,11 +4786,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-fixed-primary-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
@@ -4589,11 +4831,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));
@@ -4604,6 +4856,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));
@@ -4639,6 +4901,11 @@
   --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
 }
 
+.ring-primary-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
 .ring-primary-400{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
@@ -4663,6 +4930,11 @@
   --tw-ring-color: rgb(7 6 9 / var(--tw-ring-opacity));
 }
 
+.ring-primary-800{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(5 4 7 / var(--tw-ring-opacity));
+}
+
 .ring-purple-400\/50{
   --tw-ring-color: rgb(192 132 252 / 0.5);
 }
@@ -4687,6 +4959,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));
@@ -4701,6 +4978,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));
@@ -6066,6 +6348,11 @@ div{
   color: rgb(108 104 141 / var(--tw-text-opacity));
 }
 
+.focus-visible\:text-primary-500:focus-visible{
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
 .focus-visible\:shadow-none:focus-visible{
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -6103,6 +6390,16 @@ div{
   --tw-ring-inset: inset;
 }
 
+.focus-visible\:ring-primary-300:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.focus-visible\:ring-primary-400:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
 .focus-visible\:ring-primary-400\/50:focus-visible{
   --tw-ring-color: rgb(108 104 141 / 0.5);
 }
@@ -6189,6 +6486,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(235 234 240 / var(--tw-bg-opacity)) !important;
@@ -6244,6 +6546,11 @@ div{
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
+.peer:focus-visible ~ .peer-focus-visible\:ring-primary-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-400\/\[8\%\]{
   --tw-ring-color: rgb(108 104 141 / 8%);
 }
@@ -6289,6 +6596,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;
 }
@@ -6458,76 +6770,972 @@ div{
   }
 }
 
-.dark\:bg-white:where(.dark, .dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.dark\:my-\[150px\]:where(.dark, .dark *){
+  margin-top: 150px;
+  margin-bottom: 150px;
 }
 
-.dark\:text-general-800:where(.dark, .dark *){
-  --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
+.dark\:w-\[200px\]:where(.dark, .dark *){
+  width: 200px;
 }
 
-.dark\:ring-danger-500:where(.dark, .dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
+.dark\:\!border-general-500:where(.dark, .dark *){
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity)) !important;
 }
 
-.dark\:ring-general-200:where(.dark, .dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+.dark\:border-danger-600:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(204 0 27 / var(--tw-border-opacity));
 }
 
-.dark\:hover\:ring-primary-400:hover:where(.dark, .dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+.dark\:border-general-300:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
 }
 
-.dark\:focus\:ring-primary-400:focus:where(.dark, .dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+.dark\:border-general-400:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(108 104 141 / var(--tw-border-opacity));
 }
 
-.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
-  display: none;
+.dark\:border-general-500:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(78 75 102 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:z-\[12\]:has(:focus){
-  z-index: 12;
+.dark\:border-grayscale-600:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(151 153 155 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:bg-none:has(:focus){
-  background-image: none;
+.dark\:border-primary-300:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:ring-1:has(:focus){
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+.dark\:border-primary-600:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(16 15 21 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:\!ring-primary-400:has(:focus){
-  --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
+.dark\:border-success-600:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(0 133 69 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:\!ring-primary-500:has(:focus){
-  --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity)) !important;
+.dark\:border-transparent:where(.dark, .dark *){
+  border-color: transparent;
 }
 
-.\[\&\:has\(\:focus\)\]\:\!ring-primary-700:has(:focus){
-  --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(7 6 9 / var(--tw-ring-opacity)) !important;
+.dark\:border-white:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+.dark\:\!bg-danger-200:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity)) !important;
 }
 
-.\[\&\:has\(\:focus\)\]\:ring-primary-500:has(:focus){
-  --tw-ring-opacity: 1;
+.dark\:\!bg-grayscale-700:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-primary-100:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-primary-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-success-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(46 255 154 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:\!bg-warning-200:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 233 153 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:bg-danger-200:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-danger-300\/90:where(.dark, .dark *){
+  background-color: rgb(255 102 122 / 0.9);
+}
+
+.dark\:bg-danger-50:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 229 233 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-100:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-400:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-50:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-500:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(78 75 102 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-600:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 60 82 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-700:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 45 62 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-general-800:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(32 30 41 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-gray-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 217 217 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-700:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-800:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-900:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-grayscale-950\/80:where(.dark, .dark *){
+  background-color: rgb(18 18 18 / 0.8);
+}
+
+.dark\:bg-grayscale-950\/90:where(.dark, .dark *){
+  background-color: rgb(18 18 18 / 0.9);
+}
+
+.dark\:bg-green-600\/50:where(.dark, .dark *){
+  background-color: rgb(22 163 74 / 0.5);
+}
+
+.dark\:bg-orange-600\/50:where(.dark, .dark *){
+  background-color: rgb(234 88 12 / 0.5);
+}
+
+.dark\:bg-primary-100:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-300\/90:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 0.9);
+}
+
+.dark\:bg-primary-400:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-50:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-primary-900:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(3 2 4 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-red-600\/50:where(.dark, .dark *){
+  background-color: rgb(220 38 38 / 0.5);
+}
+
+.dark\:bg-success-200:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 255 188 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-success-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 255 154 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-success-300\/90:where(.dark, .dark *){
+  background-color: rgb(46 255 154 / 0.9);
+}
+
+.dark\:bg-success-50:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 255 238 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-transparent:where(.dark, .dark *){
+  background-color: transparent;
+}
+
+.dark\:bg-warning-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-warning-400:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 211 51 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-white:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.dark\:\!text-danger-600:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(204 0 27 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-100:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(218 217 227 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-50:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(235 234 240 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-general-500:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(78 75 102 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-grayscale-500:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(189 190 191 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-grayscale-700:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(113 115 116 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:\!text-primary-300:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(144 140 171 / var(--tw-text-opacity)) !important;
+}
+
+.dark\:text-black:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-200:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 153 167 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-300:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 102 122 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-500:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 0 34 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-600:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(204 0 27 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-700:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(153 0 20 / var(--tw-text-opacity));
+}
+
+.dark\:text-danger-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(102 0 14 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-100:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-200:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(181 179 199 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-300:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-400:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(108 104 141 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-50:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(235 234 240 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-500:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(78 75 102 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-600:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:text-general-900:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(16 15 21 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-50:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-500:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(189 190 191 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-600:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(151 153 155 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-700:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(113 115 116 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(75 77 78 / var(--tw-text-opacity));
+}
+
+.dark\:text-grayscale-900:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(38 38 39 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-300:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-400:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(108 104 141 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-50:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(235 234 240 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-600:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(16 15 21 / var(--tw-text-opacity));
+}
+
+.dark\:text-primary-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(5 4 7 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-300:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(46 255 154 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-600:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 133 69 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 66 34 / var(--tw-text-opacity));
+}
+
+.dark\:text-success-900:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(0 31 16 / var(--tw-text-opacity));
+}
+
+.dark\:text-warning-300:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 222 102 / var(--tw-text-opacity));
+}
+
+.dark\:text-warning-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(102 80 0 / var(--tw-text-opacity));
+}
+
+.dark\:text-white:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark\:caret-primary-300:where(.dark, .dark *){
+  caret-color: #908cab;
+}
+
+.dark\:\!ring-danger-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\!ring-danger-600:where(.dark, .dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\!ring-grayscale-700:where(.dark, .dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(113 115 116 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:ring-danger-200:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 153 167 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-danger-500:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-danger-600:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 0 27 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-100:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(218 217 227 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-200:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-400:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-50:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(235 234 240 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-500:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(78 75 102 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-gray-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-grayscale-600:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-primary-200\/\[12\%\]:where(.dark, .dark *){
+  --tw-ring-color: rgb(181 179 199 / 12%);
+}
+
+.dark\:ring-primary-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-success-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 255 154 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-warning-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 222 102 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-white:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
+}
+
+.dark\:placeholder\:text-general-600:where(.dark, .dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:placeholder\:text-general-600:where(.dark, .dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:before\:\!bg-grayscale-900:where(.dark, .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:where(.dark, .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:where(.dark, .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:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:border-primary-300:hover:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
+}
+
+.dark\:hover\:\!bg-grayscale-50\/90:hover:where(.dark, .dark *){
+  background-color: rgb(247 247 247 / 0.9) !important;
+}
+
+.dark\:hover\:\!bg-grayscale-800:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:hover\:\!bg-primary-300\/90:hover:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 0.9) !important;
+}
+
+.dark\:hover\:\!bg-warning-300:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
+}
+
+.dark\:hover\:\!bg-warning-300\/90:hover:where(.dark, .dark *){
+  background-color: rgb(255 222 102 / 0.9) !important;
+}
+
+.dark\:hover\:bg-danger-200:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-danger-300\/\[8\%\]:hover:where(.dark, .dark *){
+  background-color: rgb(255 102 122 / 8%);
+}
+
+.dark\:hover\:bg-danger-900\/40:hover:where(.dark, .dark *){
+  background-color: rgb(51 0 7 / 0.4);
+}
+
+.dark\:hover\:bg-general-500\/90:hover:where(.dark, .dark *){
+  background-color: rgb(78 75 102 / 0.9);
+}
+
+.dark\:hover\:bg-general-900:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-gray-300:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-50\/\[8\%\]:hover:where(.dark, .dark *){
+  background-color: rgb(247 247 247 / 8%);
+}
+
+.dark\:hover\:bg-grayscale-700:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 115 116 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-800:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-grayscale-800\/30:hover:where(.dark, .dark *){
+  background-color: rgb(75 77 78 / 0.3);
+}
+
+.dark\:hover\:bg-grayscale-800\/80:hover:where(.dark, .dark *){
+  background-color: rgb(75 77 78 / 0.8);
+}
+
+.dark\:hover\:bg-grayscale-900:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 39 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-100:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-200:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(181 179 199 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-300:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-primary-300\/20:hover:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 0.2);
+}
+
+.dark\:hover\:bg-primary-300\/90:hover:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 0.9);
+}
+
+.dark\:hover\:bg-primary-300\/\[8\%\]:hover:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 8%);
+}
+
+.dark\:hover\:bg-primary-400\/90:hover:where(.dark, .dark *){
+  background-color: rgb(108 104 141 / 0.9);
+}
+
+.dark\:hover\:bg-primary-900\/40:hover:where(.dark, .dark *){
+  background-color: rgb(3 2 4 / 0.4);
+}
+
+.dark\:hover\:bg-success-200:hover:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 255 188 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:bg-success-300\/\[8\%\]:hover:where(.dark, .dark *){
+  background-color: rgb(46 255 154 / 8%);
+}
+
+.dark\:hover\:bg-success-900\/40:hover:where(.dark, .dark *){
+  background-color: rgb(0 31 16 / 0.4);
+}
+
+.dark\:hover\:bg-warning-300\/\[8\%\]:hover:where(.dark, .dark *){
+  background-color: rgb(255 222 102 / 8%);
+}
+
+.dark\:hover\:bg-warning-900\/40:hover:where(.dark, .dark *){
+  background-color: rgb(51 40 0 / 0.4);
+}
+
+.dark\:hover\:bg-white\/10:hover:where(.dark, .dark *){
+  background-color: rgb(255 255 255 / 0.1);
+}
+
+.hover\:dark\:bg-primary-400:where(.dark, .dark *):hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+}
+
+.dark\:hover\:text-general-100:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-general-200:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(181 179 199 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-400:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(108 104 141 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-600:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(16 15 21 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-primary-800:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(5 4 7 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:text-white:hover:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark\:hover\:ring-gray-300:hover:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-grayscale-600:hover:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(151 153 155 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-primary-300:hover:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-primary-400:hover:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:bg-grayscale-800\/30:focus:where(.dark, .dark *){
+  background-color: rgb(75 77 78 / 0.3);
+}
+
+.dark\:focus\:outline-grayscale-600:focus:where(.dark, .dark *){
+  outline-color: #97999b;
+}
+
+.dark\:focus\:ring-grayscale-100:focus:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(242 242 242 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-300:focus:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-400:focus:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-400\/50:focus:where(.dark, .dark *){
+  --tw-ring-color: rgb(108 104 141 / 0.5);
+}
+
+.dark\:focus\:ring-primary-800:focus:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(5 4 7 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:placeholder\:text-general-600:focus:where(.dark, .dark *)::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:focus\:placeholder\:text-general-600:focus:where(.dark, .dark *)::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(63 60 82 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:border-primary-300:focus-visible:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
+}
+
+.dark\:focus-visible\:text-general-100:focus-visible:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(218 217 227 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:text-primary-500:focus-visible:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:focus-visible\:ring-primary-300:focus-visible:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.dark\:focus-visible\:ring-primary-400:focus-visible:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.dark\:active\:\!bg-grayscale-50\/90:active:where(.dark, .dark *){
+  background-color: rgb(247 247 247 / 0.9) !important;
+}
+
+.dark\:active\:\!bg-warning-300\/90:active:where(.dark, .dark *){
+  background-color: rgb(255 222 102 / 0.9) !important;
+}
+
+.dark\:active\:bg-danger-300\/90:active:where(.dark, .dark *){
+  background-color: rgb(255 102 122 / 0.9);
+}
+
+.dark\:active\:bg-danger-300\/\[12\%\]:active:where(.dark, .dark *){
+  background-color: rgb(255 102 122 / 12%);
+}
+
+.dark\:active\:bg-grayscale-50\/\[12\%\]:active:where(.dark, .dark *){
+  background-color: rgb(247 247 247 / 12%);
+}
+
+.dark\:active\:bg-primary-300\/90:active:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 0.9);
+}
+
+.dark\:active\:bg-primary-300\/\[12\%\]:active:where(.dark, .dark *){
+  background-color: rgb(144 140 171 / 12%);
+}
+
+.dark\:active\:bg-success-300\/90:active:where(.dark, .dark *){
+  background-color: rgb(46 255 154 / 0.9);
+}
+
+.dark\:active\:bg-success-300\/\[12\%\]:active:where(.dark, .dark *){
+  background-color: rgb(46 255 154 / 12%);
+}
+
+.dark\:active\:bg-warning-300\/\[12\%\]:active:where(.dark, .dark *){
+  background-color: rgb(255 222 102 / 12%);
+}
+
+.group:hover .dark\:group-hover\:\!bg-grayscale-800:where(.dark, .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:where(.dark, .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\%\]:where(.dark, .dark *){
+  --tw-ring-color: rgb(181 179 199 / 8%);
+}
+
+.peer:focus-visible ~ .dark\:peer-focus-visible\:ring-primary-300:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
+.peer:active ~ .dark\:peer-active\:ring-primary-200\/\[12\%\]:where(.dark, .dark *){
+  --tw-ring-color: rgb(181 179 199 / 12%);
+}
+
+.peer:disabled ~ .dark\:peer-disabled\:text-grayscale-700:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(113 115 116 / var(--tw-text-opacity));
+}
+
+.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
+  display: none;
+}
+
+.\[\&\:has\(\:focus\)\]\:z-\[12\]:has(:focus){
+  z-index: 12;
+}
+
+.\[\&\:has\(\:focus\)\]\:bg-none:has(:focus){
+  background-image: none;
+}
+
+.\[\&\:has\(\:focus\)\]\:ring-1:has(:focus){
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.\[\&\:has\(\:focus\)\]\:\!ring-primary-400:has(:focus){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
+}
+
+.\[\&\:has\(\:focus\)\]\:\!ring-primary-500:has(:focus){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity)) !important;
+}
+
+.\[\&\:has\(\:focus\)\]\:\!ring-primary-700:has(:focus){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(7 6 9 / var(--tw-ring-opacity)) !important;
+}
+
+.\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+}
+
+.\[\&\:has\(\:focus\)\]\:ring-primary-500:has(:focus){
+  --tw-ring-opacity: 1;
   --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
 }
 
@@ -6536,6 +7744,16 @@ div{
   --tw-ring-color: rgb(7 6 9 / var(--tw-ring-opacity));
 }
 
+.dark\:\[\&\:has\(\:focus\)\]\:\!ring-primary-300:has(:focus):where(.dark, .dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity)) !important;
+}
+
+.dark\:\[\&\:has\(\:focus\)\]\:ring-primary-300:has(:focus):where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity));
+}
+
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-400:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
@@ -6551,6 +7769,11 @@ div{
   --tw-ring-color: rgb(7 6 9 / var(--tw-ring-opacity)) !important;
 }
 
+.dark\:\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-300:has(:focus) .inputgroupaddon:where(.dark, .dark *){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(144 140 171 / var(--tw-ring-opacity)) !important;
+}
+
 .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
   text-align: center;
 }
@@ -6606,11 +7829,26 @@ div{
   color: rgb(181 179 199 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&\>i\]\:text-general-400>i:where(.dark, .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(181 179 199 / var(--tw-border-opacity));
+}
+
 .\[\&\>td\]\:border-primary-200>td{
   --tw-border-opacity: 1;
   border-color: rgb(181 179 199 / var(--tw-border-opacity));
 }
 
+.dark\:\[\&\>td\]\:border-primary-300>td:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / var(--tw-border-opacity));
+}
+
 .\[\&\[aria-selected\=\"true\"\]\]\:rounded-\[20px\][aria-selected="true"]{
   border-radius: 20px;
 }
@@ -6663,6 +7901,21 @@ div{
   color: rgb(32 30 41 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_\*\]\:text-primary-300 *:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
+.dark\:\[\&_\*\]\:hover\:text-general-800:hover *:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:\[\&_\*\]\:hover\:text-primary-300:hover *:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
+}
+
 .\[\&_\.icon\]\:\!h-5 .icon{
   height: 1.25rem !important;
 }
@@ -6708,6 +7961,16 @@ div{
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
 }
 
+.dark\:\[\&_\.inputgroupaddon\]\:ring-danger-300 .inputgroupaddon:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 102 122 / var(--tw-ring-opacity));
+}
+
+.dark\:\[\&_\.inputgroupaddon\]\:ring-grayscale-600 .inputgroupaddon:where(.dark, .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;
 }
@@ -6722,6 +7985,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]:where(.dark, .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]:where(.dark, .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"]:where(.dark, .dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(144 140 171 / 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;
@@ -6731,6 +8009,11 @@ div{
   background-color: transparent !important;
 }
 
+.dark\:\[\&_button\>i\]\:\!text-primary-800 button>i:where(.dark, .dark *){
+  --tw-text-opacity: 1 !important;
+  color: rgb(5 4 7 / var(--tw-text-opacity)) !important;
+}
+
 .\[\&_i\]\:h-4 i{
   height: 1rem;
 }
@@ -6752,6 +8035,19 @@ div{
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.\[\&_i\]\:dark\:bg-transparent:where(.dark, .dark *) i{
+  background-color: transparent;
+}
+
+.\[\&_i\]\:dark\:text-grayscale-900:where(.dark, .dark *) i{
+  --tw-text-opacity: 1;
+  color: rgb(38 38 39 / var(--tw-text-opacity));
+}
+
+.\[\&_i\]\:dark\:text-transparent:where(.dark, .dark *) i{
+  color: transparent;
+}
+
 .\[\&_label\]\:\!cursor-grab label{
   cursor: grab !important;
 }
@@ -6782,6 +8078,11 @@ div{
   color: rgb(38 38 39 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_td\]\:text-white td:where(.dark, .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;
@@ -6796,6 +8097,11 @@ div{
   color: rgb(38 38 39 / var(--tw-text-opacity));
 }
 
+.dark\:\[\&_th\]\:text-white th:where(.dark, .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;
 }