elseware-ui 2.34.1 → 2.36.0

package/dist/index.css

@@ -372,6 +372,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -408,6 +411,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -417,6 +423,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -426,6 +435,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -435,6 +447,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -465,6 +480,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -505,6 +523,9 @@ video {
 .mb-5 {
   margin-bottom: 1.25rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-2 {
   margin-left: .5rem;
 }
@@ -523,6 +544,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -574,6 +598,9 @@ video {
 .h-1 {
   height: .25rem;
 }
+.h-1\.5 {
+  height: .375rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -622,9 +649,15 @@ video {
 .h-7 {
   height: 1.75rem;
 }
+.h-72 {
+  height: 18rem;
+}
 .h-8 {
   height: 2rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[130px\] {
   height: 130px;
 }
@@ -692,6 +725,9 @@ video {
 .min-h-4 {
   min-height: 1rem;
 }
+.min-h-56 {
+  min-height: 14rem;
+}
 .min-h-6 {
   min-height: 1.5rem;
 }
@@ -710,6 +746,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -719,12 +758,27 @@ video {
 .min-h-screen {
   min-height: 100vh;
 }
+.w-0\.5 {
+  width: .125rem;
+}
+.w-1 {
+  width: .25rem;
+}
+.w-1\.5 {
+  width: .375rem;
+}
 .w-10 {
   width: 2.5rem;
 }
+.w-10\/12 {
+  width: 83.333333%;
+}
 .w-11 {
   width: 2.75rem;
 }
+.w-11\/12 {
+  width: 91.666667%;
+}
 .w-12 {
   width: 3rem;
 }
@@ -749,6 +803,9 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-44 {
+  width: 11rem;
+}
 .w-48 {
   width: 12rem;
 }
@@ -824,9 +881,15 @@ video {
 .w-\[60px\] {
   width: 60px;
 }
+.w-\[640px\] {
+  width: 640px;
+}
 .w-\[700px\] {
   width: 700px;
 }
+.w-\[760px\] {
+  width: 760px;
+}
 .w-\[7px\] {
   width: 7px;
 }
@@ -836,6 +899,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -859,6 +925,9 @@ video {
 .min-w-3 {
   min-width: .75rem;
 }
+.min-w-36 {
+  min-width: 9rem;
+}
 .min-w-4 {
   min-width: 1rem;
 }
@@ -1034,11 +1103,18 @@ video {
   --tw-scale-x:1.05;
   --tw-scale-y:1.05;
 }
+.scale-125 {
+  --tw-scale-x:1.25;
+  --tw-scale-y:1.25;
+}
+.scale-125,
+.scale-95 {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-95 {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
 }
-.scale-95,
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1143,6 +1219,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0\.5 {
+  gap: .125rem;
+}
 .gap-1 {
   gap: .25rem;
 }
@@ -1255,6 +1334,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -1362,6 +1450,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(220 53 69/var(--tw-border-opacity,1));
 }
+.border-eui-danger-500\/20 {
+  border-color: rgba(220, 53, 69, .2);
+}
 .border-eui-danger-500\/30 {
   border-color: rgba(220, 53, 69, .3);
 }
@@ -1401,6 +1492,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(13 202 240/var(--tw-border-opacity,1));
 }
+.border-eui-info-500\/20 {
+  border-color: rgba(13, 202, 240, .2);
+}
 .border-eui-info-500\/30 {
   border-color: rgba(13, 202, 240, .3);
 }
@@ -1408,6 +1502,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(248 249 250/var(--tw-border-opacity,1));
 }
+.border-eui-light-500\/20 {
+  border-color: rgba(248, 249, 250, .2);
+}
 .border-eui-light-500\/30 {
   border-color: rgba(248, 249, 250, .3);
 }
@@ -1422,6 +1519,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(0 4 15/var(--tw-border-opacity,1));
 }
+.border-eui-primary-500\/20 {
+  border-color: rgba(0, 4, 15, .2);
+}
 .border-eui-primary-500\/30 {
   border-color: rgba(0, 4, 15, .3);
 }
@@ -1436,6 +1536,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(76 217 0/var(--tw-border-opacity,1));
 }
+.border-eui-secondary-500\/20 {
+  border-color: rgba(76, 217, 0, .2);
+}
 .border-eui-secondary-500\/30 {
   border-color: rgba(76, 217, 0, .3);
 }
@@ -1450,6 +1553,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(25 135 84/var(--tw-border-opacity,1));
 }
+.border-eui-success-500\/20 {
+  border-color: rgba(25, 135, 84, .2);
+}
 .border-eui-success-500\/30 {
   border-color: rgba(25, 135, 84, .3);
 }
@@ -1464,6 +1570,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(255 193 7/var(--tw-border-opacity,1));
 }
+.border-eui-warning-500\/20 {
+  border-color: rgba(255, 193, 7, .2);
+}
 .border-eui-warning-500\/30 {
   border-color: rgba(255, 193, 7, .3);
 }
@@ -1642,10 +1751,17 @@ video {
 .bg-blue-600\/40 {
   background-color: rgba(37, 99, 235, .4);
 }
+.bg-current {
+  background-color: currentColor;
+}
 .bg-cyan-500 {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -1668,6 +1784,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -1714,6 +1834,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -1735,6 +1859,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -1829,12 +1957,18 @@ video {
 .bg-white\/10 {
   background-color: hsla(0, 0%, 100%, .1);
 }
+.bg-white\/20 {
+  background-color: hsla(0, 0%, 100%, .2);
+}
 .bg-white\/40 {
   background-color: hsla(0, 0%, 100%, .4);
 }
 .bg-white\/5 {
   background-color: hsla(0, 0%, 100%, .05);
 }
+.bg-white\/70 {
+  background-color: hsla(0, 0%, 100%, .7);
+}
 .bg-white\/\[0\.03\] {
   background-color: hsla(0, 0%, 100%, .03);
 }
@@ -2294,6 +2428,10 @@ video {
   padding-bottom: 1.25rem;
   padding-top: 1.25rem;
 }
+.py-6 {
+  padding-bottom: 1.5rem;
+  padding-top: 1.5rem;
+}
 .py-\[1px\] {
   padding-bottom: 1px;
   padding-top: 1px;
@@ -2476,6 +2614,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -2539,6 +2680,9 @@ video {
 .tracking-wide {
   letter-spacing: .025em;
 }
+.tracking-widest {
+  letter-spacing: .1em;
+}
 .text-black {
   --tw-text-opacity:1;
   color: rgb(0 0 0/var(--tw-text-opacity,1));
@@ -2587,6 +2731,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -2623,6 +2775,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
+.text-eui-light-500 {
+  --tw-text-opacity:1;
+  color: rgb(248 249 250/var(--tw-text-opacity,1));
+}
 .text-eui-light-800 {
   --tw-text-opacity:1;
   color: rgb(98 98 99/var(--tw-text-opacity,1));
@@ -2663,14 +2827,30 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
 }
+.text-eui-warning-500 {
+  --tw-text-opacity:1;
+  color: rgb(255 193 7/var(--tw-text-opacity,1));
+}
 .text-eui-warning-600 {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -2711,6 +2891,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -2973,14 +3157,21 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.ring-1 {
+.ring {
   --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);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+}
+.ring,
+.ring-1 {
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.ring-1 {
+  --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);
+}
 .ring-inset {
   --tw-ring-inset:inset;
 }
@@ -3609,9 +3800,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -3675,6 +3877,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -3690,6 +3895,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -3713,10 +3921,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -3766,6 +3980,15 @@ video {
 .dark\:border-white\/5:is(.dark *) {
   border-color: hsla(0, 0%, 100%, .05);
 }
+.dark\:bg-black\/60:is(.dark *) {
+  background-color: rgba(0, 0, 0, .6);
+}
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -3778,9 +4001,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -3869,6 +4110,13 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
 .dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -3881,6 +4129,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -3897,6 +4152,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-primary-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(76 86 115/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-secondary-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(100 226 69/var(--tw-text-opacity,1));
@@ -3905,10 +4164,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -4079,7 +4352,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .md\:flex-row {
     flex-direction: row;
   }
@@ -4563,6 +4847,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -4599,6 +4886,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -4608,6 +4898,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -4617,6 +4910,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -4626,6 +4922,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -4656,6 +4955,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -4696,6 +4998,9 @@ video {
 .mb-5 {
   margin-bottom: 1.25rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-2 {
   margin-left: .5rem;
 }
@@ -4714,6 +5019,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -4765,6 +5073,9 @@ video {
 .h-1 {
   height: .25rem;
 }
+.h-1\.5 {
+  height: .375rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -4813,9 +5124,15 @@ video {
 .h-7 {
   height: 1.75rem;
 }
+.h-72 {
+  height: 18rem;
+}
 .h-8 {
   height: 2rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[130px\] {
   height: 130px;
 }
@@ -4883,6 +5200,9 @@ video {
 .min-h-4 {
   min-height: 1rem;
 }
+.min-h-56 {
+  min-height: 14rem;
+}
 .min-h-6 {
   min-height: 1.5rem;
 }
@@ -4901,6 +5221,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -4910,12 +5233,27 @@ video {
 .min-h-screen {
   min-height: 100vh;
 }
+.w-0\.5 {
+  width: .125rem;
+}
+.w-1 {
+  width: .25rem;
+}
+.w-1\.5 {
+  width: .375rem;
+}
 .w-10 {
   width: 2.5rem;
 }
+.w-10\/12 {
+  width: 83.333333%;
+}
 .w-11 {
   width: 2.75rem;
 }
+.w-11\/12 {
+  width: 91.666667%;
+}
 .w-12 {
   width: 3rem;
 }
@@ -4940,6 +5278,9 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-44 {
+  width: 11rem;
+}
 .w-48 {
   width: 12rem;
 }
@@ -5015,9 +5356,15 @@ video {
 .w-\[60px\] {
   width: 60px;
 }
+.w-\[640px\] {
+  width: 640px;
+}
 .w-\[700px\] {
   width: 700px;
 }
+.w-\[760px\] {
+  width: 760px;
+}
 .w-\[7px\] {
   width: 7px;
 }
@@ -5027,6 +5374,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -5050,6 +5400,9 @@ video {
 .min-w-3 {
   min-width: .75rem;
 }
+.min-w-36 {
+  min-width: 9rem;
+}
 .min-w-4 {
   min-width: 1rem;
 }
@@ -5225,11 +5578,18 @@ video {
   --tw-scale-x:1.05;
   --tw-scale-y:1.05;
 }
+.scale-125 {
+  --tw-scale-x:1.25;
+  --tw-scale-y:1.25;
+}
+.scale-125,
+.scale-95 {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-95 {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
 }
-.scale-95,
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -5334,6 +5694,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0\.5 {
+  gap: .125rem;
+}
 .gap-1 {
   gap: .25rem;
 }
@@ -5446,6 +5809,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -5553,6 +5925,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(220 53 69/var(--tw-border-opacity,1));
 }
+.border-eui-danger-500\/20 {
+  border-color: rgba(220, 53, 69, .2);
+}
 .border-eui-danger-500\/30 {
   border-color: rgba(220, 53, 69, .3);
 }
@@ -5592,6 +5967,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(13 202 240/var(--tw-border-opacity,1));
 }
+.border-eui-info-500\/20 {
+  border-color: rgba(13, 202, 240, .2);
+}
 .border-eui-info-500\/30 {
   border-color: rgba(13, 202, 240, .3);
 }
@@ -5599,6 +5977,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(248 249 250/var(--tw-border-opacity,1));
 }
+.border-eui-light-500\/20 {
+  border-color: rgba(248, 249, 250, .2);
+}
 .border-eui-light-500\/30 {
   border-color: rgba(248, 249, 250, .3);
 }
@@ -5613,6 +5994,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(0 4 15/var(--tw-border-opacity,1));
 }
+.border-eui-primary-500\/20 {
+  border-color: rgba(0, 4, 15, .2);
+}
 .border-eui-primary-500\/30 {
   border-color: rgba(0, 4, 15, .3);
 }
@@ -5627,6 +6011,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(76 217 0/var(--tw-border-opacity,1));
 }
+.border-eui-secondary-500\/20 {
+  border-color: rgba(76, 217, 0, .2);
+}
 .border-eui-secondary-500\/30 {
   border-color: rgba(76, 217, 0, .3);
 }
@@ -5641,6 +6028,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(25 135 84/var(--tw-border-opacity,1));
 }
+.border-eui-success-500\/20 {
+  border-color: rgba(25, 135, 84, .2);
+}
 .border-eui-success-500\/30 {
   border-color: rgba(25, 135, 84, .3);
 }
@@ -5655,6 +6045,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(255 193 7/var(--tw-border-opacity,1));
 }
+.border-eui-warning-500\/20 {
+  border-color: rgba(255, 193, 7, .2);
+}
 .border-eui-warning-500\/30 {
   border-color: rgba(255, 193, 7, .3);
 }
@@ -5833,10 +6226,17 @@ video {
 .bg-blue-600\/40 {
   background-color: rgba(37, 99, 235, .4);
 }
+.bg-current {
+  background-color: currentColor;
+}
 .bg-cyan-500 {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -5859,6 +6259,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -5905,6 +6309,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -5926,6 +6334,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -6020,12 +6432,18 @@ video {
 .bg-white\/10 {
   background-color: hsla(0, 0%, 100%, .1);
 }
+.bg-white\/20 {
+  background-color: hsla(0, 0%, 100%, .2);
+}
 .bg-white\/40 {
   background-color: hsla(0, 0%, 100%, .4);
 }
 .bg-white\/5 {
   background-color: hsla(0, 0%, 100%, .05);
 }
+.bg-white\/70 {
+  background-color: hsla(0, 0%, 100%, .7);
+}
 .bg-white\/\[0\.03\] {
   background-color: hsla(0, 0%, 100%, .03);
 }
@@ -6485,6 +6903,10 @@ video {
   padding-bottom: 1.25rem;
   padding-top: 1.25rem;
 }
+.py-6 {
+  padding-bottom: 1.5rem;
+  padding-top: 1.5rem;
+}
 .py-\[1px\] {
   padding-bottom: 1px;
   padding-top: 1px;
@@ -6667,6 +7089,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -6730,6 +7155,9 @@ video {
 .tracking-wide {
   letter-spacing: .025em;
 }
+.tracking-widest {
+  letter-spacing: .1em;
+}
 .text-black {
   --tw-text-opacity:1;
   color: rgb(0 0 0/var(--tw-text-opacity,1));
@@ -6778,6 +7206,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -6814,6 +7250,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
+.text-eui-light-500 {
+  --tw-text-opacity:1;
+  color: rgb(248 249 250/var(--tw-text-opacity,1));
+}
 .text-eui-light-800 {
   --tw-text-opacity:1;
   color: rgb(98 98 99/var(--tw-text-opacity,1));
@@ -6854,14 +7302,30 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
 }
+.text-eui-warning-500 {
+  --tw-text-opacity:1;
+  color: rgb(255 193 7/var(--tw-text-opacity,1));
+}
 .text-eui-warning-600 {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -6902,6 +7366,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -7164,14 +7632,21 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.ring-1 {
+.ring {
   --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);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+}
+.ring,
+.ring-1 {
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.ring-1 {
+  --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);
+}
 .ring-inset {
   --tw-ring-inset:inset;
 }
@@ -7885,9 +8360,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -7951,6 +8437,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -7966,6 +8455,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -7989,10 +8481,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -8042,6 +8540,15 @@ video {
 .dark\:border-white\/5:is(.dark *) {
   border-color: hsla(0, 0%, 100%, .05);
 }
+.dark\:bg-black\/60:is(.dark *) {
+  background-color: rgba(0, 0, 0, .6);
+}
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -8054,9 +8561,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -8145,7 +8670,14 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
-.dark\:text-eui-danger-400:is(.dark *) {
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
+.dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
 }
@@ -8157,6 +8689,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -8173,6 +8712,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-primary-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(76 86 115/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-secondary-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(100 226 69/var(--tw-text-opacity,1));
@@ -8181,10 +8724,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -8355,7 +8912,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .md\:flex-row {
     flex-direction: row;
   }
@@ -8376,82 +8944,82 @@ video {
   }
 }
 
-/* src/components/data-display/graphs-v2/styles/graph.css */
-.eui-graph {
-  --eui-graph-panel-bg:#111217;
-  --eui-graph-panel-border:#2a2d35;
-  --eui-graph-text-primary:#f3f4f6;
-  --eui-graph-text-secondary:#9ca3af;
-  --eui-graph-text-muted:#6b7280;
-  --eui-graph-grid:#2a2d35;
-  --eui-graph-axis:#8b949e;
-  --eui-graph-tooltip-bg:#181b21;
-  --eui-graph-tooltip-border:#2a2d35;
-  --eui-graph-tooltip-shadow:0 16px 40px rgba(0,0,0,.35);
-  color: var(--eui-graph-text-primary);
-}
-.eui-graph-panel {
-  background: var(--eui-graph-panel-bg);
-  border: 1px solid var(--eui-graph-panel-border);
+/* src/components/data-display/charts/styles/chart.css */
+.eui-chart {
+  --eui-chart-panel-bg:#111217;
+  --eui-chart-panel-border:#2a2d35;
+  --eui-chart-text-primary:#f3f4f6;
+  --eui-chart-text-secondary:#9ca3af;
+  --eui-chart-text-muted:#6b7280;
+  --eui-chart-grid:#2a2d35;
+  --eui-chart-axis:#8b949e;
+  --eui-chart-tooltip-bg:#181b21;
+  --eui-chart-tooltip-border:#2a2d35;
+  --eui-chart-tooltip-shadow:0 16px 40px rgba(0,0,0,.35);
+  color: var(--eui-chart-text-primary);
+}
+.eui-chart-panel {
+  background: var(--eui-chart-panel-bg);
+  border: 1px solid var(--eui-chart-panel-border);
   border-radius: .875rem;
 }
-.eui-graph-title {
-  color: var(--eui-graph-text-primary);
+.eui-chart-title {
+  color: var(--eui-chart-text-primary);
 }
-.eui-graph-description {
-  color: var(--eui-graph-text-secondary);
+.eui-chart-description {
+  color: var(--eui-chart-text-secondary);
 }
-.eui-graph-muted {
-  color: var(--eui-graph-text-muted);
+.eui-chart-muted {
+  color: var(--eui-chart-text-muted);
 }
-.eui-graph .recharts-wrapper {
+.eui-chart .recharts-wrapper {
   font-family: inherit;
 }
-.eui-graph .recharts-cartesian-grid-horizontal line,
-.eui-graph .recharts-cartesian-grid-vertical line {
-  stroke: var(--eui-graph-grid);
+.eui-chart .recharts-cartesian-grid-horizontal line,
+.eui-chart .recharts-cartesian-grid-vertical line {
+  stroke: var(--eui-chart-grid);
   stroke-opacity: .65;
 }
-.eui-graph .recharts-cartesian-axis-line,
-.eui-graph .recharts-cartesian-axis-tick-line {
-  stroke: var(--eui-graph-axis);
+.eui-chart .recharts-cartesian-axis-line,
+.eui-chart .recharts-cartesian-axis-tick-line {
+  stroke: var(--eui-chart-axis);
   stroke-opacity: .4;
 }
-.eui-graph .recharts-cartesian-axis-tick-value {
-  fill: var(--eui-graph-text-secondary);
+.eui-chart .recharts-cartesian-axis-tick-value {
+  fill: var(--eui-chart-text-secondary);
   font-size: .75rem;
 }
-.eui-graph .recharts-legend-item-text {
-  color: var(--eui-graph-text-secondary) !important;
+.eui-chart .recharts-legend-item-text {
+  color: var(--eui-chart-text-secondary) !important;
   font-size: .75rem;
 }
-.eui-graph .recharts-tooltip-wrapper {
+.eui-chart .recharts-tooltip-wrapper {
   outline: none;
 }
-.eui-graph .recharts-default-tooltip {
-  background: var(--eui-graph-tooltip-bg) !important;
-  border: 1px solid var(--eui-graph-tooltip-border) !important;
+.eui-chart .recharts-default-tooltip {
+  background: var(--eui-chart-tooltip-bg) !important;
+  border: 1px solid var(--eui-chart-tooltip-border) !important;
   border-radius: .75rem !important;
-  box-shadow: var(--eui-graph-tooltip-shadow);
-  color: var(--eui-graph-text-primary) !important;
+  box-shadow: var(--eui-chart-tooltip-shadow);
+  color: var(--eui-chart-text-primary) !important;
 }
-.eui-graph .recharts-tooltip-label {
-  color: var(--eui-graph-text-primary) !important;
+.eui-chart .recharts-tooltip-label {
+  color: var(--eui-chart-text-primary) !important;
   font-weight: 600;
   margin-bottom: .375rem;
 }
-.eui-graph .recharts-tooltip-item {
-  color: var(--eui-graph-text-secondary) !important;
+.eui-chart .recharts-tooltip-item {
+  color: var(--eui-chart-text-secondary) !important;
   font-size: .75rem;
 }
-.eui-graph .recharts-active-dot {
+.eui-chart .recharts-active-dot {
   filter: drop-shadow(0 0 8px rgba(125, 211, 252, .45));
 }
-.eui-graph .recharts-line-curve {
+.eui-chart .recharts-line-curve {
   filter: drop-shadow(0 0 4px rgba(125, 211, 252, .2));
 }
-.eui-graph-loading {
-  animation: eui-graph-shimmer 1.4s ease infinite;
+.eui-chart-loading {
+  animation: eui-chart-shimmer 1.4s ease infinite;
   background:
     linear-gradient(
       90deg,
@@ -8462,7 +9030,7 @@ video {
   overflow: hidden;
   position: relative;
 }
-@keyframes eui-graph-shimmer {
+@keyframes eui-chart-shimmer {
   0% {
     background-position: 100% 0;
   }
@@ -8471,6 +9039,262 @@ video {
   }
 }
 
+/* src/components/data-display/spinner/Spinner.css */
+.eui-spinner-border {
+  animation: eui-spinner-spin .75s linear infinite;
+  border-color: currentColor transparent currentColor currentColor;
+  border-style: solid;
+}
+.eui-spinner-ring {
+  animation: eui-spinner-spin .8s linear infinite;
+  border-color: currentColor currentColor transparent transparent;
+  border-style: solid;
+}
+.eui-spinner-dual-ring {
+  position: relative;
+}
+.eui-spinner-dual-ring:after,
+.eui-spinner-dual-ring:before {
+  border-color: currentColor transparent;
+  border-radius: 9999px;
+  border-style: solid;
+  border-width: max(2px, calc(var(--eui-spinner-size, 2rem)*.1));
+  box-sizing: border-box;
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+.eui-spinner-dual-ring:before {
+  animation: eui-spinner-spin .8s linear infinite;
+}
+.eui-spinner-dual-ring:after {
+  animation: eui-spinner-spin-reverse .9s linear infinite;
+  inset: 22%;
+  opacity: .45;
+}
+.eui-spinner-dot {
+  animation: eui-spinner-dot-bounce .8s ease-in-out infinite;
+}
+.eui-spinner-dot:nth-child(2) {
+  animation-delay: .12s;
+}
+.eui-spinner-dot:nth-child(3) {
+  animation-delay: .24s;
+}
+.eui-spinner-bar {
+  animation: eui-spinner-bar-scale .9s ease-in-out infinite;
+  transform-origin: center;
+}
+.eui-spinner-bar:first-child {
+  animation-delay: 0s;
+}
+.eui-spinner-bar:nth-child(2) {
+  animation-delay: .1s;
+}
+.eui-spinner-bar:nth-child(3) {
+  animation-delay: .2s;
+}
+.eui-spinner-bar:nth-child(4) {
+  animation-delay: .3s;
+}
+.eui-spinner-bar:nth-child(5) {
+  animation-delay: .4s;
+}
+.eui-spinner-pulse {
+  animation: eui-spinner-pulse 1s ease-in-out infinite;
+  background-color: currentColor;
+  border-radius: 9999px;
+}
+.eui-spinner-orbit {
+  animation: eui-spinner-spin 1s linear infinite;
+  border: 1px solid;
+  border-radius: 9999px;
+  opacity: .9;
+  position: relative;
+}
+.eui-spinner-orbit:before {
+  background-color: currentColor;
+  border-radius: 9999px;
+  content: "";
+  height: 25%;
+  left: 50%;
+  position: absolute;
+  top: -12.5%;
+  transform: translateX(-50%);
+  width: 25%;
+}
+.eui-spinner-ripple {
+  position: relative;
+}
+.eui-spinner-ripple:after,
+.eui-spinner-ripple:before {
+  animation: eui-spinner-ripple 1.15s cubic-bezier(0, .2, .8, 1) infinite;
+  border: 2px solid;
+  border-radius: 9999px;
+  box-sizing: border-box;
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+.eui-spinner-ripple:after {
+  animation-delay: -.55s;
+}
+.eui-spinner-grid-dot {
+  animation: eui-spinner-grid-fade 1.1s ease-in-out infinite;
+  background-color: currentColor;
+  border-radius: 9999px;
+}
+.eui-spinner-grid-dot:first-child {
+  animation-delay: 0s;
+}
+.eui-spinner-grid-dot:nth-child(2) {
+  animation-delay: .1s;
+}
+.eui-spinner-grid-dot:nth-child(3) {
+  animation-delay: .2s;
+}
+.eui-spinner-grid-dot:nth-child(4) {
+  animation-delay: .1s;
+}
+.eui-spinner-grid-dot:nth-child(5) {
+  animation-delay: .2s;
+}
+.eui-spinner-grid-dot:nth-child(6) {
+  animation-delay: .3s;
+}
+.eui-spinner-grid-dot:nth-child(7) {
+  animation-delay: .2s;
+}
+.eui-spinner-grid-dot:nth-child(8) {
+  animation-delay: .3s;
+}
+.eui-spinner-grid-dot:nth-child(9) {
+  animation-delay: .4s;
+}
+.eui-spinner-wave-item {
+  animation: eui-spinner-wave 1s ease-in-out infinite;
+  background-color: currentColor;
+  border-radius: 9999px;
+}
+.eui-spinner-wave-item:first-child {
+  animation-delay: 0s;
+}
+.eui-spinner-wave-item:nth-child(2) {
+  animation-delay: .1s;
+}
+.eui-spinner-wave-item:nth-child(3) {
+  animation-delay: .2s;
+}
+.eui-spinner-wave-item:nth-child(4) {
+  animation-delay: .3s;
+}
+.eui-spinner-wave-item:nth-child(5) {
+  animation-delay: .4s;
+}
+@keyframes eui-spinner-spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes eui-spinner-spin-reverse {
+  to {
+    transform: rotate(-1turn);
+  }
+}
+@keyframes eui-spinner-dot-bounce {
+  0%, 80%, to {
+    opacity: .45;
+    transform: scale(.75);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes eui-spinner-bar-scale {
+  0%, to {
+    opacity: .45;
+    transform: scaleY(.45);
+  }
+  50% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+@keyframes eui-spinner-pulse {
+  0% {
+    opacity: .5;
+    transform: scale(.85);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: .5;
+    transform: scale(.85);
+  }
+}
+@keyframes eui-spinner-ripple {
+  0% {
+    opacity: 1;
+    transform: scale(.15);
+  }
+  to {
+    opacity: 0;
+    transform: scale(1);
+  }
+}
+@keyframes eui-spinner-grid-fade {
+  0%, 70%, to {
+    opacity: .35;
+    transform: scale(.8);
+  }
+  35% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes eui-spinner-wave {
+  0%, to {
+    opacity: .45;
+    transform: scaleY(.35);
+  }
+  50% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+
+/* src/components/feedback/toast/toast.css */
+@keyframes eui-toast-enter {
+  0% {
+    opacity: 0;
+    transform: translateY(8px) scale(.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+@keyframes eui-toast-progress {
+  0% {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+.eui-toast__item {
+  animation: eui-toast-enter .18s ease-out both;
+}
+.eui-toast__progress {
+  animation-fill-mode: forwards;
+  animation-name: eui-toast-progress;
+  animation-timing-function: linear;
+  transform-origin: left;
+}
+
 /* src/styles/components/markdown/index.css */
 *,
 :after,
@@ -8845,6 +9669,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -8881,6 +9708,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -8890,6 +9720,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -8899,6 +9732,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -8908,6 +9744,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -8938,6 +9777,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -8978,6 +9820,9 @@ video {
 .mb-5 {
   margin-bottom: 1.25rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-2 {
   margin-left: .5rem;
 }
@@ -8996,6 +9841,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -9047,6 +9895,9 @@ video {
 .h-1 {
   height: .25rem;
 }
+.h-1\.5 {
+  height: .375rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -9095,9 +9946,15 @@ video {
 .h-7 {
   height: 1.75rem;
 }
+.h-72 {
+  height: 18rem;
+}
 .h-8 {
   height: 2rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[130px\] {
   height: 130px;
 }
@@ -9165,6 +10022,9 @@ video {
 .min-h-4 {
   min-height: 1rem;
 }
+.min-h-56 {
+  min-height: 14rem;
+}
 .min-h-6 {
   min-height: 1.5rem;
 }
@@ -9183,6 +10043,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -9192,12 +10055,27 @@ video {
 .min-h-screen {
   min-height: 100vh;
 }
+.w-0\.5 {
+  width: .125rem;
+}
+.w-1 {
+  width: .25rem;
+}
+.w-1\.5 {
+  width: .375rem;
+}
 .w-10 {
   width: 2.5rem;
 }
+.w-10\/12 {
+  width: 83.333333%;
+}
 .w-11 {
   width: 2.75rem;
 }
+.w-11\/12 {
+  width: 91.666667%;
+}
 .w-12 {
   width: 3rem;
 }
@@ -9222,6 +10100,9 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-44 {
+  width: 11rem;
+}
 .w-48 {
   width: 12rem;
 }
@@ -9297,9 +10178,15 @@ video {
 .w-\[60px\] {
   width: 60px;
 }
+.w-\[640px\] {
+  width: 640px;
+}
 .w-\[700px\] {
   width: 700px;
 }
+.w-\[760px\] {
+  width: 760px;
+}
 .w-\[7px\] {
   width: 7px;
 }
@@ -9309,6 +10196,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -9332,6 +10222,9 @@ video {
 .min-w-3 {
   min-width: .75rem;
 }
+.min-w-36 {
+  min-width: 9rem;
+}
 .min-w-4 {
   min-width: 1rem;
 }
@@ -9507,11 +10400,18 @@ video {
   --tw-scale-x:1.05;
   --tw-scale-y:1.05;
 }
+.scale-125 {
+  --tw-scale-x:1.25;
+  --tw-scale-y:1.25;
+}
+.scale-125,
+.scale-95 {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-95 {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
 }
-.scale-95,
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -9616,6 +10516,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0\.5 {
+  gap: .125rem;
+}
 .gap-1 {
   gap: .25rem;
 }
@@ -9728,6 +10631,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -9835,6 +10747,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(220 53 69/var(--tw-border-opacity,1));
 }
+.border-eui-danger-500\/20 {
+  border-color: rgba(220, 53, 69, .2);
+}
 .border-eui-danger-500\/30 {
   border-color: rgba(220, 53, 69, .3);
 }
@@ -9874,6 +10789,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(13 202 240/var(--tw-border-opacity,1));
 }
+.border-eui-info-500\/20 {
+  border-color: rgba(13, 202, 240, .2);
+}
 .border-eui-info-500\/30 {
   border-color: rgba(13, 202, 240, .3);
 }
@@ -9881,6 +10799,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(248 249 250/var(--tw-border-opacity,1));
 }
+.border-eui-light-500\/20 {
+  border-color: rgba(248, 249, 250, .2);
+}
 .border-eui-light-500\/30 {
   border-color: rgba(248, 249, 250, .3);
 }
@@ -9895,6 +10816,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(0 4 15/var(--tw-border-opacity,1));
 }
+.border-eui-primary-500\/20 {
+  border-color: rgba(0, 4, 15, .2);
+}
 .border-eui-primary-500\/30 {
   border-color: rgba(0, 4, 15, .3);
 }
@@ -9909,6 +10833,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(76 217 0/var(--tw-border-opacity,1));
 }
+.border-eui-secondary-500\/20 {
+  border-color: rgba(76, 217, 0, .2);
+}
 .border-eui-secondary-500\/30 {
   border-color: rgba(76, 217, 0, .3);
 }
@@ -9923,6 +10850,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(25 135 84/var(--tw-border-opacity,1));
 }
+.border-eui-success-500\/20 {
+  border-color: rgba(25, 135, 84, .2);
+}
 .border-eui-success-500\/30 {
   border-color: rgba(25, 135, 84, .3);
 }
@@ -9937,6 +10867,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(255 193 7/var(--tw-border-opacity,1));
 }
+.border-eui-warning-500\/20 {
+  border-color: rgba(255, 193, 7, .2);
+}
 .border-eui-warning-500\/30 {
   border-color: rgba(255, 193, 7, .3);
 }
@@ -10115,10 +11048,17 @@ video {
 .bg-blue-600\/40 {
   background-color: rgba(37, 99, 235, .4);
 }
+.bg-current {
+  background-color: currentColor;
+}
 .bg-cyan-500 {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -10141,6 +11081,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -10187,6 +11131,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -10208,6 +11156,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -10302,12 +11254,18 @@ video {
 .bg-white\/10 {
   background-color: hsla(0, 0%, 100%, .1);
 }
+.bg-white\/20 {
+  background-color: hsla(0, 0%, 100%, .2);
+}
 .bg-white\/40 {
   background-color: hsla(0, 0%, 100%, .4);
 }
 .bg-white\/5 {
   background-color: hsla(0, 0%, 100%, .05);
 }
+.bg-white\/70 {
+  background-color: hsla(0, 0%, 100%, .7);
+}
 .bg-white\/\[0\.03\] {
   background-color: hsla(0, 0%, 100%, .03);
 }
@@ -10767,6 +11725,10 @@ video {
   padding-bottom: 1.25rem;
   padding-top: 1.25rem;
 }
+.py-6 {
+  padding-bottom: 1.5rem;
+  padding-top: 1.5rem;
+}
 .py-\[1px\] {
   padding-bottom: 1px;
   padding-top: 1px;
@@ -10949,6 +11911,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -11012,6 +11977,9 @@ video {
 .tracking-wide {
   letter-spacing: .025em;
 }
+.tracking-widest {
+  letter-spacing: .1em;
+}
 .text-black {
   --tw-text-opacity:1;
   color: rgb(0 0 0/var(--tw-text-opacity,1));
@@ -11060,6 +12028,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -11096,6 +12072,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
+.text-eui-light-500 {
+  --tw-text-opacity:1;
+  color: rgb(248 249 250/var(--tw-text-opacity,1));
+}
 .text-eui-light-800 {
   --tw-text-opacity:1;
   color: rgb(98 98 99/var(--tw-text-opacity,1));
@@ -11136,14 +12124,30 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
 }
+.text-eui-warning-500 {
+  --tw-text-opacity:1;
+  color: rgb(255 193 7/var(--tw-text-opacity,1));
+}
 .text-eui-warning-600 {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -11184,6 +12188,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -11446,14 +12454,21 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.ring-1 {
+.ring {
   --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);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+}
+.ring,
+.ring-1 {
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.ring-1 {
+  --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);
+}
 .ring-inset {
   --tw-ring-inset:inset;
 }
@@ -12196,9 +13211,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -12262,6 +13288,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -12277,6 +13306,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -12300,10 +13332,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -12353,6 +13391,15 @@ video {
 .dark\:border-white\/5:is(.dark *) {
   border-color: hsla(0, 0%, 100%, .05);
 }
+.dark\:bg-black\/60:is(.dark *) {
+  background-color: rgba(0, 0, 0, .6);
+}
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -12365,9 +13412,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -12456,6 +13521,13 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
 .dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -12468,6 +13540,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -12484,6 +13563,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-primary-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(76 86 115/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-secondary-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(100 226 69/var(--tw-text-opacity,1));
@@ -12492,10 +13575,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -12666,7 +13763,18 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .md\:flex-row {
     flex-direction: row;
   }