@crowdstrike/tailwind-toucan-base 4.3.0 → 5.0.0

package/index.css

@@ -612,6 +612,19 @@ video {
   --disc-operations: #db62f9;
   --dns-requests: #8556fe;
   --focus: #6688ff;
+  --chart-1: #15dedf;
+  --chart-2: #a062ff;
+  --chart-3: #ffee87;
+  --chart-4: #d10d94;
+  --chart-5: #f893c8;
+  --chart-6: #4fa3cf;
+  --chart-7: #bba5fa;
+  --chart-8: #ed685d;
+  --chart-9: #fdc083;
+  --chart-10: #d6800e;
+  --chart-disabled: #515c6f;
+  --chart-neutral-1: #e4e8f1;
+  --chart-neutral-2: #9aa7c1;
   --graph-1: #4cd7f5;
   --graph-10: #b7b7b7;
   --graph-11: #efefef;
@@ -659,7 +672,6 @@ video {
   --surface-lg: #343337;
   --surface-md: #2d2c31;
   --surface-xl: #38373c;
-  --surface-dash-widget: #000000;
   --text-and-icons: #fafafa;
   --titles-and-attributes: #e2e2e4;
 }
@@ -682,6 +694,19 @@ video {
   --disc-operations: #b308dd;
   --dns-requests: #4902fd;
   --focus: #039eba;
+  --chart-1: #00a3a4;
+  --chart-2: #6f30cc;
+  --chart-3: #d6800e;
+  --chart-4: #c80085;
+  --chart-5: #f75298;
+  --chart-6: #13788a;
+  --chart-7: #a074ff;
+  --chart-8: #ac1e37;
+  --chart-9: #ff4f5a;
+  --chart-10: #a3611a;
+  --chart-disabled: #adb8cc;
+  --chart-neutral-1: #3e4b65;
+  --chart-neutral-2: #67748e;
   --graph-1: #0f99a1;
   --graph-10: #7478a1;
   --graph-11: #3b364a;
@@ -729,7 +754,6 @@ video {
   --surface-lg: #ffffff;
   --surface-md: #ffffff;
   --surface-xl: #ffffff;
-  --surface-dash-widget: #ffffff;
   --text-and-icons: #202020;
   --titles-and-attributes: #3d3d3d;
 }
@@ -20249,6 +20273,58 @@ video {
   border-color: var(--focus);
 }
 
+.divide-chart-1 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-1);
+}
+
+.divide-chart-2 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-2);
+}
+
+.divide-chart-3 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-3);
+}
+
+.divide-chart-4 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-4);
+}
+
+.divide-chart-5 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-5);
+}
+
+.divide-chart-6 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-6);
+}
+
+.divide-chart-7 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-7);
+}
+
+.divide-chart-8 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-8);
+}
+
+.divide-chart-9 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-9);
+}
+
+.divide-chart-10 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-10);
+}
+
+.divide-chart-disabled > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-disabled);
+}
+
+.divide-chart-neutral-1 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-neutral-1);
+}
+
+.divide-chart-neutral-2 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--chart-neutral-2);
+}
+
 .divide-graph-1 > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--graph-1);
 }
@@ -20437,10 +20513,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.divide-surface-dash-widget > :not([hidden]) ~ :not([hidden]) {
-  border-color: var(--surface-dash-widget);
-}
-
 .divide-text-and-icons > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--text-and-icons);
 }
@@ -22644,6 +22716,58 @@ video {
   border-color: var(--focus);
 }
 
+.border-chart-1 {
+  border-color: var(--chart-1);
+}
+
+.border-chart-2 {
+  border-color: var(--chart-2);
+}
+
+.border-chart-3 {
+  border-color: var(--chart-3);
+}
+
+.border-chart-4 {
+  border-color: var(--chart-4);
+}
+
+.border-chart-5 {
+  border-color: var(--chart-5);
+}
+
+.border-chart-6 {
+  border-color: var(--chart-6);
+}
+
+.border-chart-7 {
+  border-color: var(--chart-7);
+}
+
+.border-chart-8 {
+  border-color: var(--chart-8);
+}
+
+.border-chart-9 {
+  border-color: var(--chart-9);
+}
+
+.border-chart-10 {
+  border-color: var(--chart-10);
+}
+
+.border-chart-disabled {
+  border-color: var(--chart-disabled);
+}
+
+.border-chart-neutral-1 {
+  border-color: var(--chart-neutral-1);
+}
+
+.border-chart-neutral-2 {
+  border-color: var(--chart-neutral-2);
+}
+
 .border-graph-1 {
   border-color: var(--graph-1);
 }
@@ -22832,10 +22956,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.border-surface-dash-widget {
-  border-color: var(--surface-dash-widget);
-}
-
 .border-text-and-icons {
   border-color: var(--text-and-icons);
 }
@@ -22924,6 +23044,58 @@ video {
   border-color: var(--focus);
 }
 
+.hover\:border-chart-1:hover {
+  border-color: var(--chart-1);
+}
+
+.hover\:border-chart-2:hover {
+  border-color: var(--chart-2);
+}
+
+.hover\:border-chart-3:hover {
+  border-color: var(--chart-3);
+}
+
+.hover\:border-chart-4:hover {
+  border-color: var(--chart-4);
+}
+
+.hover\:border-chart-5:hover {
+  border-color: var(--chart-5);
+}
+
+.hover\:border-chart-6:hover {
+  border-color: var(--chart-6);
+}
+
+.hover\:border-chart-7:hover {
+  border-color: var(--chart-7);
+}
+
+.hover\:border-chart-8:hover {
+  border-color: var(--chart-8);
+}
+
+.hover\:border-chart-9:hover {
+  border-color: var(--chart-9);
+}
+
+.hover\:border-chart-10:hover {
+  border-color: var(--chart-10);
+}
+
+.hover\:border-chart-disabled:hover {
+  border-color: var(--chart-disabled);
+}
+
+.hover\:border-chart-neutral-1:hover {
+  border-color: var(--chart-neutral-1);
+}
+
+.hover\:border-chart-neutral-2:hover {
+  border-color: var(--chart-neutral-2);
+}
+
 .hover\:border-graph-1:hover {
   border-color: var(--graph-1);
 }
@@ -23112,10 +23284,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.hover\:border-surface-dash-widget:hover {
-  border-color: var(--surface-dash-widget);
-}
-
 .hover\:border-text-and-icons:hover {
   border-color: var(--text-and-icons);
 }
@@ -23204,6 +23372,58 @@ video {
   border-color: var(--focus);
 }
 
+.active\:border-chart-1:active {
+  border-color: var(--chart-1);
+}
+
+.active\:border-chart-2:active {
+  border-color: var(--chart-2);
+}
+
+.active\:border-chart-3:active {
+  border-color: var(--chart-3);
+}
+
+.active\:border-chart-4:active {
+  border-color: var(--chart-4);
+}
+
+.active\:border-chart-5:active {
+  border-color: var(--chart-5);
+}
+
+.active\:border-chart-6:active {
+  border-color: var(--chart-6);
+}
+
+.active\:border-chart-7:active {
+  border-color: var(--chart-7);
+}
+
+.active\:border-chart-8:active {
+  border-color: var(--chart-8);
+}
+
+.active\:border-chart-9:active {
+  border-color: var(--chart-9);
+}
+
+.active\:border-chart-10:active {
+  border-color: var(--chart-10);
+}
+
+.active\:border-chart-disabled:active {
+  border-color: var(--chart-disabled);
+}
+
+.active\:border-chart-neutral-1:active {
+  border-color: var(--chart-neutral-1);
+}
+
+.active\:border-chart-neutral-2:active {
+  border-color: var(--chart-neutral-2);
+}
+
 .active\:border-graph-1:active {
   border-color: var(--graph-1);
 }
@@ -23392,10 +23612,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.active\:border-surface-dash-widget:active {
-  border-color: var(--surface-dash-widget);
-}
-
 .active\:border-text-and-icons:active {
   border-color: var(--text-and-icons);
 }
@@ -23664,6 +23880,58 @@ video {
   background-color: var(--focus);
 }
 
+.bg-chart-1 {
+  background-color: var(--chart-1);
+}
+
+.bg-chart-2 {
+  background-color: var(--chart-2);
+}
+
+.bg-chart-3 {
+  background-color: var(--chart-3);
+}
+
+.bg-chart-4 {
+  background-color: var(--chart-4);
+}
+
+.bg-chart-5 {
+  background-color: var(--chart-5);
+}
+
+.bg-chart-6 {
+  background-color: var(--chart-6);
+}
+
+.bg-chart-7 {
+  background-color: var(--chart-7);
+}
+
+.bg-chart-8 {
+  background-color: var(--chart-8);
+}
+
+.bg-chart-9 {
+  background-color: var(--chart-9);
+}
+
+.bg-chart-10 {
+  background-color: var(--chart-10);
+}
+
+.bg-chart-disabled {
+  background-color: var(--chart-disabled);
+}
+
+.bg-chart-neutral-1 {
+  background-color: var(--chart-neutral-1);
+}
+
+.bg-chart-neutral-2 {
+  background-color: var(--chart-neutral-2);
+}
+
 .bg-graph-1 {
   background-color: var(--graph-1);
 }
@@ -23852,10 +24120,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -23944,6 +24208,58 @@ video {
   background-color: var(--focus);
 }
 
+.even\:bg-chart-1:nth-child(even) {
+  background-color: var(--chart-1);
+}
+
+.even\:bg-chart-2:nth-child(even) {
+  background-color: var(--chart-2);
+}
+
+.even\:bg-chart-3:nth-child(even) {
+  background-color: var(--chart-3);
+}
+
+.even\:bg-chart-4:nth-child(even) {
+  background-color: var(--chart-4);
+}
+
+.even\:bg-chart-5:nth-child(even) {
+  background-color: var(--chart-5);
+}
+
+.even\:bg-chart-6:nth-child(even) {
+  background-color: var(--chart-6);
+}
+
+.even\:bg-chart-7:nth-child(even) {
+  background-color: var(--chart-7);
+}
+
+.even\:bg-chart-8:nth-child(even) {
+  background-color: var(--chart-8);
+}
+
+.even\:bg-chart-9:nth-child(even) {
+  background-color: var(--chart-9);
+}
+
+.even\:bg-chart-10:nth-child(even) {
+  background-color: var(--chart-10);
+}
+
+.even\:bg-chart-disabled:nth-child(even) {
+  background-color: var(--chart-disabled);
+}
+
+.even\:bg-chart-neutral-1:nth-child(even) {
+  background-color: var(--chart-neutral-1);
+}
+
+.even\:bg-chart-neutral-2:nth-child(even) {
+  background-color: var(--chart-neutral-2);
+}
+
 .even\:bg-graph-1:nth-child(even) {
   background-color: var(--graph-1);
 }
@@ -24132,10 +24448,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.even\:bg-surface-dash-widget:nth-child(even) {
-  background-color: var(--surface-dash-widget);
-}
-
 .even\:bg-text-and-icons:nth-child(even) {
   background-color: var(--text-and-icons);
 }
@@ -24224,6 +24536,58 @@ video {
   background-color: var(--focus);
 }
 
+.group:hover .group-hover\:bg-chart-1 {
+  background-color: var(--chart-1);
+}
+
+.group:hover .group-hover\:bg-chart-2 {
+  background-color: var(--chart-2);
+}
+
+.group:hover .group-hover\:bg-chart-3 {
+  background-color: var(--chart-3);
+}
+
+.group:hover .group-hover\:bg-chart-4 {
+  background-color: var(--chart-4);
+}
+
+.group:hover .group-hover\:bg-chart-5 {
+  background-color: var(--chart-5);
+}
+
+.group:hover .group-hover\:bg-chart-6 {
+  background-color: var(--chart-6);
+}
+
+.group:hover .group-hover\:bg-chart-7 {
+  background-color: var(--chart-7);
+}
+
+.group:hover .group-hover\:bg-chart-8 {
+  background-color: var(--chart-8);
+}
+
+.group:hover .group-hover\:bg-chart-9 {
+  background-color: var(--chart-9);
+}
+
+.group:hover .group-hover\:bg-chart-10 {
+  background-color: var(--chart-10);
+}
+
+.group:hover .group-hover\:bg-chart-disabled {
+  background-color: var(--chart-disabled);
+}
+
+.group:hover .group-hover\:bg-chart-neutral-1 {
+  background-color: var(--chart-neutral-1);
+}
+
+.group:hover .group-hover\:bg-chart-neutral-2 {
+  background-color: var(--chart-neutral-2);
+}
+
 .group:hover .group-hover\:bg-graph-1 {
   background-color: var(--graph-1);
 }
@@ -24412,10 +24776,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.group:hover .group-hover\:bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\:bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -24504,6 +24864,58 @@ video {
   background-color: var(--focus);
 }
 
+.hover\:bg-chart-1:hover {
+  background-color: var(--chart-1);
+}
+
+.hover\:bg-chart-2:hover {
+  background-color: var(--chart-2);
+}
+
+.hover\:bg-chart-3:hover {
+  background-color: var(--chart-3);
+}
+
+.hover\:bg-chart-4:hover {
+  background-color: var(--chart-4);
+}
+
+.hover\:bg-chart-5:hover {
+  background-color: var(--chart-5);
+}
+
+.hover\:bg-chart-6:hover {
+  background-color: var(--chart-6);
+}
+
+.hover\:bg-chart-7:hover {
+  background-color: var(--chart-7);
+}
+
+.hover\:bg-chart-8:hover {
+  background-color: var(--chart-8);
+}
+
+.hover\:bg-chart-9:hover {
+  background-color: var(--chart-9);
+}
+
+.hover\:bg-chart-10:hover {
+  background-color: var(--chart-10);
+}
+
+.hover\:bg-chart-disabled:hover {
+  background-color: var(--chart-disabled);
+}
+
+.hover\:bg-chart-neutral-1:hover {
+  background-color: var(--chart-neutral-1);
+}
+
+.hover\:bg-chart-neutral-2:hover {
+  background-color: var(--chart-neutral-2);
+}
+
 .hover\:bg-graph-1:hover {
   background-color: var(--graph-1);
 }
@@ -24692,10 +25104,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.hover\:bg-surface-dash-widget:hover {
-  background-color: var(--surface-dash-widget);
-}
-
 .hover\:bg-text-and-icons:hover {
   background-color: var(--text-and-icons);
 }
@@ -24784,6 +25192,58 @@ video {
   background-color: var(--focus);
 }
 
+.focus\:bg-chart-1:focus {
+  background-color: var(--chart-1);
+}
+
+.focus\:bg-chart-2:focus {
+  background-color: var(--chart-2);
+}
+
+.focus\:bg-chart-3:focus {
+  background-color: var(--chart-3);
+}
+
+.focus\:bg-chart-4:focus {
+  background-color: var(--chart-4);
+}
+
+.focus\:bg-chart-5:focus {
+  background-color: var(--chart-5);
+}
+
+.focus\:bg-chart-6:focus {
+  background-color: var(--chart-6);
+}
+
+.focus\:bg-chart-7:focus {
+  background-color: var(--chart-7);
+}
+
+.focus\:bg-chart-8:focus {
+  background-color: var(--chart-8);
+}
+
+.focus\:bg-chart-9:focus {
+  background-color: var(--chart-9);
+}
+
+.focus\:bg-chart-10:focus {
+  background-color: var(--chart-10);
+}
+
+.focus\:bg-chart-disabled:focus {
+  background-color: var(--chart-disabled);
+}
+
+.focus\:bg-chart-neutral-1:focus {
+  background-color: var(--chart-neutral-1);
+}
+
+.focus\:bg-chart-neutral-2:focus {
+  background-color: var(--chart-neutral-2);
+}
+
 .focus\:bg-graph-1:focus {
   background-color: var(--graph-1);
 }
@@ -24972,10 +25432,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus\:bg-surface-dash-widget:focus {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus\:bg-text-and-icons:focus {
   background-color: var(--text-and-icons);
 }
@@ -25064,6 +25520,58 @@ video {
   background-color: var(--focus);
 }
 
+.focus-within\:bg-chart-1:focus-within {
+  background-color: var(--chart-1);
+}
+
+.focus-within\:bg-chart-2:focus-within {
+  background-color: var(--chart-2);
+}
+
+.focus-within\:bg-chart-3:focus-within {
+  background-color: var(--chart-3);
+}
+
+.focus-within\:bg-chart-4:focus-within {
+  background-color: var(--chart-4);
+}
+
+.focus-within\:bg-chart-5:focus-within {
+  background-color: var(--chart-5);
+}
+
+.focus-within\:bg-chart-6:focus-within {
+  background-color: var(--chart-6);
+}
+
+.focus-within\:bg-chart-7:focus-within {
+  background-color: var(--chart-7);
+}
+
+.focus-within\:bg-chart-8:focus-within {
+  background-color: var(--chart-8);
+}
+
+.focus-within\:bg-chart-9:focus-within {
+  background-color: var(--chart-9);
+}
+
+.focus-within\:bg-chart-10:focus-within {
+  background-color: var(--chart-10);
+}
+
+.focus-within\:bg-chart-disabled:focus-within {
+  background-color: var(--chart-disabled);
+}
+
+.focus-within\:bg-chart-neutral-1:focus-within {
+  background-color: var(--chart-neutral-1);
+}
+
+.focus-within\:bg-chart-neutral-2:focus-within {
+  background-color: var(--chart-neutral-2);
+}
+
 .focus-within\:bg-graph-1:focus-within {
   background-color: var(--graph-1);
 }
@@ -25252,10 +25760,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-within\:bg-surface-dash-widget:focus-within {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-within\:bg-text-and-icons:focus-within {
   background-color: var(--text-and-icons);
 }
@@ -25344,6 +25848,58 @@ video {
   background-color: var(--focus);
 }
 
+.focus-visible\:bg-chart-1:focus-visible {
+  background-color: var(--chart-1);
+}
+
+.focus-visible\:bg-chart-2:focus-visible {
+  background-color: var(--chart-2);
+}
+
+.focus-visible\:bg-chart-3:focus-visible {
+  background-color: var(--chart-3);
+}
+
+.focus-visible\:bg-chart-4:focus-visible {
+  background-color: var(--chart-4);
+}
+
+.focus-visible\:bg-chart-5:focus-visible {
+  background-color: var(--chart-5);
+}
+
+.focus-visible\:bg-chart-6:focus-visible {
+  background-color: var(--chart-6);
+}
+
+.focus-visible\:bg-chart-7:focus-visible {
+  background-color: var(--chart-7);
+}
+
+.focus-visible\:bg-chart-8:focus-visible {
+  background-color: var(--chart-8);
+}
+
+.focus-visible\:bg-chart-9:focus-visible {
+  background-color: var(--chart-9);
+}
+
+.focus-visible\:bg-chart-10:focus-visible {
+  background-color: var(--chart-10);
+}
+
+.focus-visible\:bg-chart-disabled:focus-visible {
+  background-color: var(--chart-disabled);
+}
+
+.focus-visible\:bg-chart-neutral-1:focus-visible {
+  background-color: var(--chart-neutral-1);
+}
+
+.focus-visible\:bg-chart-neutral-2:focus-visible {
+  background-color: var(--chart-neutral-2);
+}
+
 .focus-visible\:bg-graph-1:focus-visible {
   background-color: var(--graph-1);
 }
@@ -25532,10 +26088,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-visible\:bg-surface-dash-widget:focus-visible {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-visible\:bg-text-and-icons:focus-visible {
   background-color: var(--text-and-icons);
 }
@@ -25624,6 +26176,58 @@ video {
   background-color: var(--focus);
 }
 
+.active\:bg-chart-1:active {
+  background-color: var(--chart-1);
+}
+
+.active\:bg-chart-2:active {
+  background-color: var(--chart-2);
+}
+
+.active\:bg-chart-3:active {
+  background-color: var(--chart-3);
+}
+
+.active\:bg-chart-4:active {
+  background-color: var(--chart-4);
+}
+
+.active\:bg-chart-5:active {
+  background-color: var(--chart-5);
+}
+
+.active\:bg-chart-6:active {
+  background-color: var(--chart-6);
+}
+
+.active\:bg-chart-7:active {
+  background-color: var(--chart-7);
+}
+
+.active\:bg-chart-8:active {
+  background-color: var(--chart-8);
+}
+
+.active\:bg-chart-9:active {
+  background-color: var(--chart-9);
+}
+
+.active\:bg-chart-10:active {
+  background-color: var(--chart-10);
+}
+
+.active\:bg-chart-disabled:active {
+  background-color: var(--chart-disabled);
+}
+
+.active\:bg-chart-neutral-1:active {
+  background-color: var(--chart-neutral-1);
+}
+
+.active\:bg-chart-neutral-2:active {
+  background-color: var(--chart-neutral-2);
+}
+
 .active\:bg-graph-1:active {
   background-color: var(--graph-1);
 }
@@ -25812,10 +26416,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.active\:bg-surface-dash-widget:active {
-  background-color: var(--surface-dash-widget);
-}
-
 .active\:bg-text-and-icons:active {
   background-color: var(--text-and-icons);
 }
@@ -25904,6 +26504,58 @@ video {
   background-color: var(--focus);
 }
 
+.disabled\:bg-chart-1:disabled {
+  background-color: var(--chart-1);
+}
+
+.disabled\:bg-chart-2:disabled {
+  background-color: var(--chart-2);
+}
+
+.disabled\:bg-chart-3:disabled {
+  background-color: var(--chart-3);
+}
+
+.disabled\:bg-chart-4:disabled {
+  background-color: var(--chart-4);
+}
+
+.disabled\:bg-chart-5:disabled {
+  background-color: var(--chart-5);
+}
+
+.disabled\:bg-chart-6:disabled {
+  background-color: var(--chart-6);
+}
+
+.disabled\:bg-chart-7:disabled {
+  background-color: var(--chart-7);
+}
+
+.disabled\:bg-chart-8:disabled {
+  background-color: var(--chart-8);
+}
+
+.disabled\:bg-chart-9:disabled {
+  background-color: var(--chart-9);
+}
+
+.disabled\:bg-chart-10:disabled {
+  background-color: var(--chart-10);
+}
+
+.disabled\:bg-chart-disabled:disabled {
+  background-color: var(--chart-disabled);
+}
+
+.disabled\:bg-chart-neutral-1:disabled {
+  background-color: var(--chart-neutral-1);
+}
+
+.disabled\:bg-chart-neutral-2:disabled {
+  background-color: var(--chart-neutral-2);
+}
+
 .disabled\:bg-graph-1:disabled {
   background-color: var(--graph-1);
 }
@@ -26092,10 +26744,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.disabled\:bg-surface-dash-widget:disabled {
-  background-color: var(--surface-dash-widget);
-}
-
 .disabled\:bg-text-and-icons:disabled {
   background-color: var(--text-and-icons);
 }
@@ -26420,6 +27068,71 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-chart-1 {
+  --tw-gradient-from: var(--chart-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-2 {
+  --tw-gradient-from: var(--chart-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-3 {
+  --tw-gradient-from: var(--chart-3);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-4 {
+  --tw-gradient-from: var(--chart-4);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-5 {
+  --tw-gradient-from: var(--chart-5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-6 {
+  --tw-gradient-from: var(--chart-6);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-7 {
+  --tw-gradient-from: var(--chart-7);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-8 {
+  --tw-gradient-from: var(--chart-8);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-9 {
+  --tw-gradient-from: var(--chart-9);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-10 {
+  --tw-gradient-from: var(--chart-10);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-disabled {
+  --tw-gradient-from: var(--chart-disabled);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-neutral-1 {
+  --tw-gradient-from: var(--chart-neutral-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-chart-neutral-2 {
+  --tw-gradient-from: var(--chart-neutral-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .from-graph-1 {
   --tw-gradient-from: var(--graph-1);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26655,11 +27368,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.from-surface-dash-widget {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .from-text-and-icons {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26770,6 +27478,71 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-chart-1:hover {
+  --tw-gradient-from: var(--chart-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-2:hover {
+  --tw-gradient-from: var(--chart-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-3:hover {
+  --tw-gradient-from: var(--chart-3);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-4:hover {
+  --tw-gradient-from: var(--chart-4);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-5:hover {
+  --tw-gradient-from: var(--chart-5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-6:hover {
+  --tw-gradient-from: var(--chart-6);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-7:hover {
+  --tw-gradient-from: var(--chart-7);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-8:hover {
+  --tw-gradient-from: var(--chart-8);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-9:hover {
+  --tw-gradient-from: var(--chart-9);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-10:hover {
+  --tw-gradient-from: var(--chart-10);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-disabled:hover {
+  --tw-gradient-from: var(--chart-disabled);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-neutral-1:hover {
+  --tw-gradient-from: var(--chart-neutral-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-chart-neutral-2:hover {
+  --tw-gradient-from: var(--chart-neutral-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:from-graph-1:hover {
   --tw-gradient-from: var(--graph-1);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27005,11 +27778,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\:from-surface-dash-widget:hover {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\:from-text-and-icons:hover {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27120,6 +27888,71 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-chart-1:focus {
+  --tw-gradient-from: var(--chart-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-2:focus {
+  --tw-gradient-from: var(--chart-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-3:focus {
+  --tw-gradient-from: var(--chart-3);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-4:focus {
+  --tw-gradient-from: var(--chart-4);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-5:focus {
+  --tw-gradient-from: var(--chart-5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-6:focus {
+  --tw-gradient-from: var(--chart-6);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-7:focus {
+  --tw-gradient-from: var(--chart-7);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-8:focus {
+  --tw-gradient-from: var(--chart-8);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-9:focus {
+  --tw-gradient-from: var(--chart-9);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-10:focus {
+  --tw-gradient-from: var(--chart-10);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-disabled:focus {
+  --tw-gradient-from: var(--chart-disabled);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-neutral-1:focus {
+  --tw-gradient-from: var(--chart-neutral-1);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-chart-neutral-2:focus {
+  --tw-gradient-from: var(--chart-neutral-2);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:from-graph-1:focus {
   --tw-gradient-from: var(--graph-1);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27355,11 +28188,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\:from-surface-dash-widget:focus {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\:from-text-and-icons:focus {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27450,6 +28278,58 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--focus), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-chart-1 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-2 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-3 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-3), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-4 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-4), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-5 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-6 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-6), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-7 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-7), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-8 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-8), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-9 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-9), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-10 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-10), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-disabled {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-disabled), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-neutral-1 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-chart-neutral-2 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .via-graph-1 {
   --tw-gradient-stops: var(--tw-gradient-from), var(--graph-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27638,10 +28518,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.via-surface-dash-widget {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .via-text-and-icons {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27730,6 +28606,58 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--focus), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-chart-1:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-2:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-3:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-3), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-4:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-4), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-5:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-6:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-6), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-7:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-7), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-8:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-8), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-9:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-9), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-10:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-10), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-disabled:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-disabled), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-neutral-1:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-chart-neutral-2:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:via-graph-1:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--graph-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27918,10 +28846,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\:via-surface-dash-widget:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\:via-text-and-icons:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -28010,6 +28934,58 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--focus), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-chart-1:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-2:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-3:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-3), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-4:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-4), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-5:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-6:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-6), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-7:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-7), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-8:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-8), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-9:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-9), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-10:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-10), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-disabled:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-disabled), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-neutral-1:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-chart-neutral-2:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--chart-neutral-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:via-graph-1:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--graph-1), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -28198,10 +29174,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\:via-surface-dash-widget:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\:via-text-and-icons:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -28290,6 +29262,58 @@ video {
   --tw-gradient-to: var(--focus);
 }
 
+.to-chart-1 {
+  --tw-gradient-to: var(--chart-1);
+}
+
+.to-chart-2 {
+  --tw-gradient-to: var(--chart-2);
+}
+
+.to-chart-3 {
+  --tw-gradient-to: var(--chart-3);
+}
+
+.to-chart-4 {
+  --tw-gradient-to: var(--chart-4);
+}
+
+.to-chart-5 {
+  --tw-gradient-to: var(--chart-5);
+}
+
+.to-chart-6 {
+  --tw-gradient-to: var(--chart-6);
+}
+
+.to-chart-7 {
+  --tw-gradient-to: var(--chart-7);
+}
+
+.to-chart-8 {
+  --tw-gradient-to: var(--chart-8);
+}
+
+.to-chart-9 {
+  --tw-gradient-to: var(--chart-9);
+}
+
+.to-chart-10 {
+  --tw-gradient-to: var(--chart-10);
+}
+
+.to-chart-disabled {
+  --tw-gradient-to: var(--chart-disabled);
+}
+
+.to-chart-neutral-1 {
+  --tw-gradient-to: var(--chart-neutral-1);
+}
+
+.to-chart-neutral-2 {
+  --tw-gradient-to: var(--chart-neutral-2);
+}
+
 .to-graph-1 {
   --tw-gradient-to: var(--graph-1);
 }
@@ -28478,10 +29502,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.to-surface-dash-widget {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .to-text-and-icons {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -28570,6 +29590,58 @@ video {
   --tw-gradient-to: var(--focus);
 }
 
+.hover\:to-chart-1:hover {
+  --tw-gradient-to: var(--chart-1);
+}
+
+.hover\:to-chart-2:hover {
+  --tw-gradient-to: var(--chart-2);
+}
+
+.hover\:to-chart-3:hover {
+  --tw-gradient-to: var(--chart-3);
+}
+
+.hover\:to-chart-4:hover {
+  --tw-gradient-to: var(--chart-4);
+}
+
+.hover\:to-chart-5:hover {
+  --tw-gradient-to: var(--chart-5);
+}
+
+.hover\:to-chart-6:hover {
+  --tw-gradient-to: var(--chart-6);
+}
+
+.hover\:to-chart-7:hover {
+  --tw-gradient-to: var(--chart-7);
+}
+
+.hover\:to-chart-8:hover {
+  --tw-gradient-to: var(--chart-8);
+}
+
+.hover\:to-chart-9:hover {
+  --tw-gradient-to: var(--chart-9);
+}
+
+.hover\:to-chart-10:hover {
+  --tw-gradient-to: var(--chart-10);
+}
+
+.hover\:to-chart-disabled:hover {
+  --tw-gradient-to: var(--chart-disabled);
+}
+
+.hover\:to-chart-neutral-1:hover {
+  --tw-gradient-to: var(--chart-neutral-1);
+}
+
+.hover\:to-chart-neutral-2:hover {
+  --tw-gradient-to: var(--chart-neutral-2);
+}
+
 .hover\:to-graph-1:hover {
   --tw-gradient-to: var(--graph-1);
 }
@@ -28758,10 +29830,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.hover\:to-surface-dash-widget:hover {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .hover\:to-text-and-icons:hover {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -28850,6 +29918,58 @@ video {
   --tw-gradient-to: var(--focus);
 }
 
+.focus\:to-chart-1:focus {
+  --tw-gradient-to: var(--chart-1);
+}
+
+.focus\:to-chart-2:focus {
+  --tw-gradient-to: var(--chart-2);
+}
+
+.focus\:to-chart-3:focus {
+  --tw-gradient-to: var(--chart-3);
+}
+
+.focus\:to-chart-4:focus {
+  --tw-gradient-to: var(--chart-4);
+}
+
+.focus\:to-chart-5:focus {
+  --tw-gradient-to: var(--chart-5);
+}
+
+.focus\:to-chart-6:focus {
+  --tw-gradient-to: var(--chart-6);
+}
+
+.focus\:to-chart-7:focus {
+  --tw-gradient-to: var(--chart-7);
+}
+
+.focus\:to-chart-8:focus {
+  --tw-gradient-to: var(--chart-8);
+}
+
+.focus\:to-chart-9:focus {
+  --tw-gradient-to: var(--chart-9);
+}
+
+.focus\:to-chart-10:focus {
+  --tw-gradient-to: var(--chart-10);
+}
+
+.focus\:to-chart-disabled:focus {
+  --tw-gradient-to: var(--chart-disabled);
+}
+
+.focus\:to-chart-neutral-1:focus {
+  --tw-gradient-to: var(--chart-neutral-1);
+}
+
+.focus\:to-chart-neutral-2:focus {
+  --tw-gradient-to: var(--chart-neutral-2);
+}
+
 .focus\:to-graph-1:focus {
   --tw-gradient-to: var(--graph-1);
 }
@@ -29038,10 +30158,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.focus\:to-surface-dash-widget:focus {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .focus\:to-text-and-icons:focus {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -30841,6 +31957,58 @@ video {
   color: var(--focus);
 }
 
+.text-chart-1 {
+  color: var(--chart-1);
+}
+
+.text-chart-2 {
+  color: var(--chart-2);
+}
+
+.text-chart-3 {
+  color: var(--chart-3);
+}
+
+.text-chart-4 {
+  color: var(--chart-4);
+}
+
+.text-chart-5 {
+  color: var(--chart-5);
+}
+
+.text-chart-6 {
+  color: var(--chart-6);
+}
+
+.text-chart-7 {
+  color: var(--chart-7);
+}
+
+.text-chart-8 {
+  color: var(--chart-8);
+}
+
+.text-chart-9 {
+  color: var(--chart-9);
+}
+
+.text-chart-10 {
+  color: var(--chart-10);
+}
+
+.text-chart-disabled {
+  color: var(--chart-disabled);
+}
+
+.text-chart-neutral-1 {
+  color: var(--chart-neutral-1);
+}
+
+.text-chart-neutral-2 {
+  color: var(--chart-neutral-2);
+}
+
 .text-graph-1 {
   color: var(--graph-1);
 }
@@ -31029,10 +32197,6 @@ video {
   color: var(--surface-xl);
 }
 
-.text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -31121,6 +32285,58 @@ video {
   color: var(--focus);
 }
 
+.hover\:text-chart-1:hover {
+  color: var(--chart-1);
+}
+
+.hover\:text-chart-2:hover {
+  color: var(--chart-2);
+}
+
+.hover\:text-chart-3:hover {
+  color: var(--chart-3);
+}
+
+.hover\:text-chart-4:hover {
+  color: var(--chart-4);
+}
+
+.hover\:text-chart-5:hover {
+  color: var(--chart-5);
+}
+
+.hover\:text-chart-6:hover {
+  color: var(--chart-6);
+}
+
+.hover\:text-chart-7:hover {
+  color: var(--chart-7);
+}
+
+.hover\:text-chart-8:hover {
+  color: var(--chart-8);
+}
+
+.hover\:text-chart-9:hover {
+  color: var(--chart-9);
+}
+
+.hover\:text-chart-10:hover {
+  color: var(--chart-10);
+}
+
+.hover\:text-chart-disabled:hover {
+  color: var(--chart-disabled);
+}
+
+.hover\:text-chart-neutral-1:hover {
+  color: var(--chart-neutral-1);
+}
+
+.hover\:text-chart-neutral-2:hover {
+  color: var(--chart-neutral-2);
+}
+
 .hover\:text-graph-1:hover {
   color: var(--graph-1);
 }
@@ -31309,10 +32525,6 @@ video {
   color: var(--surface-xl);
 }
 
-.hover\:text-surface-dash-widget:hover {
-  color: var(--surface-dash-widget);
-}
-
 .hover\:text-text-and-icons:hover {
   color: var(--text-and-icons);
 }
@@ -31401,6 +32613,58 @@ video {
   color: var(--focus);
 }
 
+.focus\:text-chart-1:focus {
+  color: var(--chart-1);
+}
+
+.focus\:text-chart-2:focus {
+  color: var(--chart-2);
+}
+
+.focus\:text-chart-3:focus {
+  color: var(--chart-3);
+}
+
+.focus\:text-chart-4:focus {
+  color: var(--chart-4);
+}
+
+.focus\:text-chart-5:focus {
+  color: var(--chart-5);
+}
+
+.focus\:text-chart-6:focus {
+  color: var(--chart-6);
+}
+
+.focus\:text-chart-7:focus {
+  color: var(--chart-7);
+}
+
+.focus\:text-chart-8:focus {
+  color: var(--chart-8);
+}
+
+.focus\:text-chart-9:focus {
+  color: var(--chart-9);
+}
+
+.focus\:text-chart-10:focus {
+  color: var(--chart-10);
+}
+
+.focus\:text-chart-disabled:focus {
+  color: var(--chart-disabled);
+}
+
+.focus\:text-chart-neutral-1:focus {
+  color: var(--chart-neutral-1);
+}
+
+.focus\:text-chart-neutral-2:focus {
+  color: var(--chart-neutral-2);
+}
+
 .focus\:text-graph-1:focus {
   color: var(--graph-1);
 }
@@ -31589,10 +32853,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\:text-surface-dash-widget:focus {
-  color: var(--surface-dash-widget);
-}
-
 .focus\:text-text-and-icons:focus {
   color: var(--text-and-icons);
 }
@@ -31681,6 +32941,58 @@ video {
   color: var(--focus);
 }
 
+.focus-visible\:text-chart-1:focus-visible {
+  color: var(--chart-1);
+}
+
+.focus-visible\:text-chart-2:focus-visible {
+  color: var(--chart-2);
+}
+
+.focus-visible\:text-chart-3:focus-visible {
+  color: var(--chart-3);
+}
+
+.focus-visible\:text-chart-4:focus-visible {
+  color: var(--chart-4);
+}
+
+.focus-visible\:text-chart-5:focus-visible {
+  color: var(--chart-5);
+}
+
+.focus-visible\:text-chart-6:focus-visible {
+  color: var(--chart-6);
+}
+
+.focus-visible\:text-chart-7:focus-visible {
+  color: var(--chart-7);
+}
+
+.focus-visible\:text-chart-8:focus-visible {
+  color: var(--chart-8);
+}
+
+.focus-visible\:text-chart-9:focus-visible {
+  color: var(--chart-9);
+}
+
+.focus-visible\:text-chart-10:focus-visible {
+  color: var(--chart-10);
+}
+
+.focus-visible\:text-chart-disabled:focus-visible {
+  color: var(--chart-disabled);
+}
+
+.focus-visible\:text-chart-neutral-1:focus-visible {
+  color: var(--chart-neutral-1);
+}
+
+.focus-visible\:text-chart-neutral-2:focus-visible {
+  color: var(--chart-neutral-2);
+}
+
 .focus-visible\:text-graph-1:focus-visible {
   color: var(--graph-1);
 }
@@ -31869,10 +33181,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus-visible\:text-surface-dash-widget:focus-visible {
-  color: var(--surface-dash-widget);
-}
-
 .focus-visible\:text-text-and-icons:focus-visible {
   color: var(--text-and-icons);
 }
@@ -31961,6 +33269,58 @@ video {
   color: var(--focus);
 }
 
+.group:hover .group-hover\:text-chart-1 {
+  color: var(--chart-1);
+}
+
+.group:hover .group-hover\:text-chart-2 {
+  color: var(--chart-2);
+}
+
+.group:hover .group-hover\:text-chart-3 {
+  color: var(--chart-3);
+}
+
+.group:hover .group-hover\:text-chart-4 {
+  color: var(--chart-4);
+}
+
+.group:hover .group-hover\:text-chart-5 {
+  color: var(--chart-5);
+}
+
+.group:hover .group-hover\:text-chart-6 {
+  color: var(--chart-6);
+}
+
+.group:hover .group-hover\:text-chart-7 {
+  color: var(--chart-7);
+}
+
+.group:hover .group-hover\:text-chart-8 {
+  color: var(--chart-8);
+}
+
+.group:hover .group-hover\:text-chart-9 {
+  color: var(--chart-9);
+}
+
+.group:hover .group-hover\:text-chart-10 {
+  color: var(--chart-10);
+}
+
+.group:hover .group-hover\:text-chart-disabled {
+  color: var(--chart-disabled);
+}
+
+.group:hover .group-hover\:text-chart-neutral-1 {
+  color: var(--chart-neutral-1);
+}
+
+.group:hover .group-hover\:text-chart-neutral-2 {
+  color: var(--chart-neutral-2);
+}
+
 .group:hover .group-hover\:text-graph-1 {
   color: var(--graph-1);
 }
@@ -32149,10 +33509,6 @@ video {
   color: var(--surface-xl);
 }
 
-.group:hover .group-hover\:text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\:text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -32241,6 +33597,58 @@ video {
   color: var(--focus);
 }
 
+.active\:text-chart-1:active {
+  color: var(--chart-1);
+}
+
+.active\:text-chart-2:active {
+  color: var(--chart-2);
+}
+
+.active\:text-chart-3:active {
+  color: var(--chart-3);
+}
+
+.active\:text-chart-4:active {
+  color: var(--chart-4);
+}
+
+.active\:text-chart-5:active {
+  color: var(--chart-5);
+}
+
+.active\:text-chart-6:active {
+  color: var(--chart-6);
+}
+
+.active\:text-chart-7:active {
+  color: var(--chart-7);
+}
+
+.active\:text-chart-8:active {
+  color: var(--chart-8);
+}
+
+.active\:text-chart-9:active {
+  color: var(--chart-9);
+}
+
+.active\:text-chart-10:active {
+  color: var(--chart-10);
+}
+
+.active\:text-chart-disabled:active {
+  color: var(--chart-disabled);
+}
+
+.active\:text-chart-neutral-1:active {
+  color: var(--chart-neutral-1);
+}
+
+.active\:text-chart-neutral-2:active {
+  color: var(--chart-neutral-2);
+}
+
 .active\:text-graph-1:active {
   color: var(--graph-1);
 }
@@ -32429,10 +33837,6 @@ video {
   color: var(--surface-xl);
 }
 
-.active\:text-surface-dash-widget:active {
-  color: var(--surface-dash-widget);
-}
-
 .active\:text-text-and-icons:active {
   color: var(--text-and-icons);
 }
@@ -32521,6 +33925,58 @@ video {
   color: var(--focus);
 }
 
+.disabled\:text-chart-1:disabled {
+  color: var(--chart-1);
+}
+
+.disabled\:text-chart-2:disabled {
+  color: var(--chart-2);
+}
+
+.disabled\:text-chart-3:disabled {
+  color: var(--chart-3);
+}
+
+.disabled\:text-chart-4:disabled {
+  color: var(--chart-4);
+}
+
+.disabled\:text-chart-5:disabled {
+  color: var(--chart-5);
+}
+
+.disabled\:text-chart-6:disabled {
+  color: var(--chart-6);
+}
+
+.disabled\:text-chart-7:disabled {
+  color: var(--chart-7);
+}
+
+.disabled\:text-chart-8:disabled {
+  color: var(--chart-8);
+}
+
+.disabled\:text-chart-9:disabled {
+  color: var(--chart-9);
+}
+
+.disabled\:text-chart-10:disabled {
+  color: var(--chart-10);
+}
+
+.disabled\:text-chart-disabled:disabled {
+  color: var(--chart-disabled);
+}
+
+.disabled\:text-chart-neutral-1:disabled {
+  color: var(--chart-neutral-1);
+}
+
+.disabled\:text-chart-neutral-2:disabled {
+  color: var(--chart-neutral-2);
+}
+
 .disabled\:text-graph-1:disabled {
   color: var(--graph-1);
 }
@@ -32709,10 +34165,6 @@ video {
   color: var(--surface-xl);
 }
 
-.disabled\:text-surface-dash-widget:disabled {
-  color: var(--surface-dash-widget);
-}
-
 .disabled\:text-text-and-icons:disabled {
   color: var(--text-and-icons);
 }
@@ -33107,6 +34559,110 @@ video {
   color: var(--focus);
 }
 
+.placeholder-chart-1::-moz-placeholder {
+  color: var(--chart-1);
+}
+
+.placeholder-chart-1::placeholder {
+  color: var(--chart-1);
+}
+
+.placeholder-chart-2::-moz-placeholder {
+  color: var(--chart-2);
+}
+
+.placeholder-chart-2::placeholder {
+  color: var(--chart-2);
+}
+
+.placeholder-chart-3::-moz-placeholder {
+  color: var(--chart-3);
+}
+
+.placeholder-chart-3::placeholder {
+  color: var(--chart-3);
+}
+
+.placeholder-chart-4::-moz-placeholder {
+  color: var(--chart-4);
+}
+
+.placeholder-chart-4::placeholder {
+  color: var(--chart-4);
+}
+
+.placeholder-chart-5::-moz-placeholder {
+  color: var(--chart-5);
+}
+
+.placeholder-chart-5::placeholder {
+  color: var(--chart-5);
+}
+
+.placeholder-chart-6::-moz-placeholder {
+  color: var(--chart-6);
+}
+
+.placeholder-chart-6::placeholder {
+  color: var(--chart-6);
+}
+
+.placeholder-chart-7::-moz-placeholder {
+  color: var(--chart-7);
+}
+
+.placeholder-chart-7::placeholder {
+  color: var(--chart-7);
+}
+
+.placeholder-chart-8::-moz-placeholder {
+  color: var(--chart-8);
+}
+
+.placeholder-chart-8::placeholder {
+  color: var(--chart-8);
+}
+
+.placeholder-chart-9::-moz-placeholder {
+  color: var(--chart-9);
+}
+
+.placeholder-chart-9::placeholder {
+  color: var(--chart-9);
+}
+
+.placeholder-chart-10::-moz-placeholder {
+  color: var(--chart-10);
+}
+
+.placeholder-chart-10::placeholder {
+  color: var(--chart-10);
+}
+
+.placeholder-chart-disabled::-moz-placeholder {
+  color: var(--chart-disabled);
+}
+
+.placeholder-chart-disabled::placeholder {
+  color: var(--chart-disabled);
+}
+
+.placeholder-chart-neutral-1::-moz-placeholder {
+  color: var(--chart-neutral-1);
+}
+
+.placeholder-chart-neutral-1::placeholder {
+  color: var(--chart-neutral-1);
+}
+
+.placeholder-chart-neutral-2::-moz-placeholder {
+  color: var(--chart-neutral-2);
+}
+
+.placeholder-chart-neutral-2::placeholder {
+  color: var(--chart-neutral-2);
+}
+
 .placeholder-graph-1::-moz-placeholder {
   color: var(--graph-1);
 }
@@ -33483,14 +35039,6 @@ video {
   color: var(--surface-xl);
 }
 
-.placeholder-surface-dash-widget::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.placeholder-surface-dash-widget::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .placeholder-text-and-icons::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -33667,6 +35215,110 @@ video {
   color: var(--focus);
 }
 
+.focus\:placeholder-chart-1:focus::-moz-placeholder {
+  color: var(--chart-1);
+}
+
+.focus\:placeholder-chart-1:focus::placeholder {
+  color: var(--chart-1);
+}
+
+.focus\:placeholder-chart-2:focus::-moz-placeholder {
+  color: var(--chart-2);
+}
+
+.focus\:placeholder-chart-2:focus::placeholder {
+  color: var(--chart-2);
+}
+
+.focus\:placeholder-chart-3:focus::-moz-placeholder {
+  color: var(--chart-3);
+}
+
+.focus\:placeholder-chart-3:focus::placeholder {
+  color: var(--chart-3);
+}
+
+.focus\:placeholder-chart-4:focus::-moz-placeholder {
+  color: var(--chart-4);
+}
+
+.focus\:placeholder-chart-4:focus::placeholder {
+  color: var(--chart-4);
+}
+
+.focus\:placeholder-chart-5:focus::-moz-placeholder {
+  color: var(--chart-5);
+}
+
+.focus\:placeholder-chart-5:focus::placeholder {
+  color: var(--chart-5);
+}
+
+.focus\:placeholder-chart-6:focus::-moz-placeholder {
+  color: var(--chart-6);
+}
+
+.focus\:placeholder-chart-6:focus::placeholder {
+  color: var(--chart-6);
+}
+
+.focus\:placeholder-chart-7:focus::-moz-placeholder {
+  color: var(--chart-7);
+}
+
+.focus\:placeholder-chart-7:focus::placeholder {
+  color: var(--chart-7);
+}
+
+.focus\:placeholder-chart-8:focus::-moz-placeholder {
+  color: var(--chart-8);
+}
+
+.focus\:placeholder-chart-8:focus::placeholder {
+  color: var(--chart-8);
+}
+
+.focus\:placeholder-chart-9:focus::-moz-placeholder {
+  color: var(--chart-9);
+}
+
+.focus\:placeholder-chart-9:focus::placeholder {
+  color: var(--chart-9);
+}
+
+.focus\:placeholder-chart-10:focus::-moz-placeholder {
+  color: var(--chart-10);
+}
+
+.focus\:placeholder-chart-10:focus::placeholder {
+  color: var(--chart-10);
+}
+
+.focus\:placeholder-chart-disabled:focus::-moz-placeholder {
+  color: var(--chart-disabled);
+}
+
+.focus\:placeholder-chart-disabled:focus::placeholder {
+  color: var(--chart-disabled);
+}
+
+.focus\:placeholder-chart-neutral-1:focus::-moz-placeholder {
+  color: var(--chart-neutral-1);
+}
+
+.focus\:placeholder-chart-neutral-1:focus::placeholder {
+  color: var(--chart-neutral-1);
+}
+
+.focus\:placeholder-chart-neutral-2:focus::-moz-placeholder {
+  color: var(--chart-neutral-2);
+}
+
+.focus\:placeholder-chart-neutral-2:focus::placeholder {
+  color: var(--chart-neutral-2);
+}
+
 .focus\:placeholder-graph-1:focus::-moz-placeholder {
   color: var(--graph-1);
 }
@@ -34043,14 +35695,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\:placeholder-surface-dash-widget:focus::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.focus\:placeholder-surface-dash-widget:focus::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .focus\:placeholder-text-and-icons:focus::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -34387,6 +36031,58 @@ video {
   caret-color: var(--focus);
 }
 
+.caret-chart-1 {
+  caret-color: var(--chart-1);
+}
+
+.caret-chart-2 {
+  caret-color: var(--chart-2);
+}
+
+.caret-chart-3 {
+  caret-color: var(--chart-3);
+}
+
+.caret-chart-4 {
+  caret-color: var(--chart-4);
+}
+
+.caret-chart-5 {
+  caret-color: var(--chart-5);
+}
+
+.caret-chart-6 {
+  caret-color: var(--chart-6);
+}
+
+.caret-chart-7 {
+  caret-color: var(--chart-7);
+}
+
+.caret-chart-8 {
+  caret-color: var(--chart-8);
+}
+
+.caret-chart-9 {
+  caret-color: var(--chart-9);
+}
+
+.caret-chart-10 {
+  caret-color: var(--chart-10);
+}
+
+.caret-chart-disabled {
+  caret-color: var(--chart-disabled);
+}
+
+.caret-chart-neutral-1 {
+  caret-color: var(--chart-neutral-1);
+}
+
+.caret-chart-neutral-2 {
+  caret-color: var(--chart-neutral-2);
+}
+
 .caret-graph-1 {
   caret-color: var(--graph-1);
 }
@@ -34575,10 +36271,6 @@ video {
   caret-color: var(--surface-xl);
 }
 
-.caret-surface-dash-widget {
-  caret-color: var(--surface-dash-widget);
-}
-
 .caret-text-and-icons {
   caret-color: var(--text-and-icons);
 }
@@ -35858,6 +37550,58 @@ video {
   --tw-ring-color: var(--focus);
 }
 
+.ring-chart-1 {
+  --tw-ring-color: var(--chart-1);
+}
+
+.ring-chart-2 {
+  --tw-ring-color: var(--chart-2);
+}
+
+.ring-chart-3 {
+  --tw-ring-color: var(--chart-3);
+}
+
+.ring-chart-4 {
+  --tw-ring-color: var(--chart-4);
+}
+
+.ring-chart-5 {
+  --tw-ring-color: var(--chart-5);
+}
+
+.ring-chart-6 {
+  --tw-ring-color: var(--chart-6);
+}
+
+.ring-chart-7 {
+  --tw-ring-color: var(--chart-7);
+}
+
+.ring-chart-8 {
+  --tw-ring-color: var(--chart-8);
+}
+
+.ring-chart-9 {
+  --tw-ring-color: var(--chart-9);
+}
+
+.ring-chart-10 {
+  --tw-ring-color: var(--chart-10);
+}
+
+.ring-chart-disabled {
+  --tw-ring-color: var(--chart-disabled);
+}
+
+.ring-chart-neutral-1 {
+  --tw-ring-color: var(--chart-neutral-1);
+}
+
+.ring-chart-neutral-2 {
+  --tw-ring-color: var(--chart-neutral-2);
+}
+
 .ring-graph-1 {
   --tw-ring-color: var(--graph-1);
 }
@@ -36046,10 +37790,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.ring-surface-dash-widget {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .ring-text-and-icons {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -36138,6 +37878,58 @@ video {
   --tw-ring-color: var(--focus);
 }
 
+.focus-within\:ring-chart-1:focus-within {
+  --tw-ring-color: var(--chart-1);
+}
+
+.focus-within\:ring-chart-2:focus-within {
+  --tw-ring-color: var(--chart-2);
+}
+
+.focus-within\:ring-chart-3:focus-within {
+  --tw-ring-color: var(--chart-3);
+}
+
+.focus-within\:ring-chart-4:focus-within {
+  --tw-ring-color: var(--chart-4);
+}
+
+.focus-within\:ring-chart-5:focus-within {
+  --tw-ring-color: var(--chart-5);
+}
+
+.focus-within\:ring-chart-6:focus-within {
+  --tw-ring-color: var(--chart-6);
+}
+
+.focus-within\:ring-chart-7:focus-within {
+  --tw-ring-color: var(--chart-7);
+}
+
+.focus-within\:ring-chart-8:focus-within {
+  --tw-ring-color: var(--chart-8);
+}
+
+.focus-within\:ring-chart-9:focus-within {
+  --tw-ring-color: var(--chart-9);
+}
+
+.focus-within\:ring-chart-10:focus-within {
+  --tw-ring-color: var(--chart-10);
+}
+
+.focus-within\:ring-chart-disabled:focus-within {
+  --tw-ring-color: var(--chart-disabled);
+}
+
+.focus-within\:ring-chart-neutral-1:focus-within {
+  --tw-ring-color: var(--chart-neutral-1);
+}
+
+.focus-within\:ring-chart-neutral-2:focus-within {
+  --tw-ring-color: var(--chart-neutral-2);
+}
+
 .focus-within\:ring-graph-1:focus-within {
   --tw-ring-color: var(--graph-1);
 }
@@ -36326,10 +38118,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus-within\:ring-surface-dash-widget:focus-within {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus-within\:ring-text-and-icons:focus-within {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -36418,6 +38206,58 @@ video {
   --tw-ring-color: var(--focus);
 }
 
+.focus\:ring-chart-1:focus {
+  --tw-ring-color: var(--chart-1);
+}
+
+.focus\:ring-chart-2:focus {
+  --tw-ring-color: var(--chart-2);
+}
+
+.focus\:ring-chart-3:focus {
+  --tw-ring-color: var(--chart-3);
+}
+
+.focus\:ring-chart-4:focus {
+  --tw-ring-color: var(--chart-4);
+}
+
+.focus\:ring-chart-5:focus {
+  --tw-ring-color: var(--chart-5);
+}
+
+.focus\:ring-chart-6:focus {
+  --tw-ring-color: var(--chart-6);
+}
+
+.focus\:ring-chart-7:focus {
+  --tw-ring-color: var(--chart-7);
+}
+
+.focus\:ring-chart-8:focus {
+  --tw-ring-color: var(--chart-8);
+}
+
+.focus\:ring-chart-9:focus {
+  --tw-ring-color: var(--chart-9);
+}
+
+.focus\:ring-chart-10:focus {
+  --tw-ring-color: var(--chart-10);
+}
+
+.focus\:ring-chart-disabled:focus {
+  --tw-ring-color: var(--chart-disabled);
+}
+
+.focus\:ring-chart-neutral-1:focus {
+  --tw-ring-color: var(--chart-neutral-1);
+}
+
+.focus\:ring-chart-neutral-2:focus {
+  --tw-ring-color: var(--chart-neutral-2);
+}
+
 .focus\:ring-graph-1:focus {
   --tw-ring-color: var(--graph-1);
 }
@@ -36606,10 +38446,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus\:ring-surface-dash-widget:focus {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus\:ring-text-and-icons:focus {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -36938,6 +38774,58 @@ video {
   --tw-ring-offset-color: var(--focus);
 }
 
+.ring-offset-chart-1 {
+  --tw-ring-offset-color: var(--chart-1);
+}
+
+.ring-offset-chart-2 {
+  --tw-ring-offset-color: var(--chart-2);
+}
+
+.ring-offset-chart-3 {
+  --tw-ring-offset-color: var(--chart-3);
+}
+
+.ring-offset-chart-4 {
+  --tw-ring-offset-color: var(--chart-4);
+}
+
+.ring-offset-chart-5 {
+  --tw-ring-offset-color: var(--chart-5);
+}
+
+.ring-offset-chart-6 {
+  --tw-ring-offset-color: var(--chart-6);
+}
+
+.ring-offset-chart-7 {
+  --tw-ring-offset-color: var(--chart-7);
+}
+
+.ring-offset-chart-8 {
+  --tw-ring-offset-color: var(--chart-8);
+}
+
+.ring-offset-chart-9 {
+  --tw-ring-offset-color: var(--chart-9);
+}
+
+.ring-offset-chart-10 {
+  --tw-ring-offset-color: var(--chart-10);
+}
+
+.ring-offset-chart-disabled {
+  --tw-ring-offset-color: var(--chart-disabled);
+}
+
+.ring-offset-chart-neutral-1 {
+  --tw-ring-offset-color: var(--chart-neutral-1);
+}
+
+.ring-offset-chart-neutral-2 {
+  --tw-ring-offset-color: var(--chart-neutral-2);
+}
+
 .ring-offset-graph-1 {
   --tw-ring-offset-color: var(--graph-1);
 }
@@ -37126,10 +39014,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.ring-offset-surface-dash-widget {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .ring-offset-text-and-icons {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -37218,6 +39102,58 @@ video {
   --tw-ring-offset-color: var(--focus);
 }
 
+.focus-within\:ring-offset-chart-1:focus-within {
+  --tw-ring-offset-color: var(--chart-1);
+}
+
+.focus-within\:ring-offset-chart-2:focus-within {
+  --tw-ring-offset-color: var(--chart-2);
+}
+
+.focus-within\:ring-offset-chart-3:focus-within {
+  --tw-ring-offset-color: var(--chart-3);
+}
+
+.focus-within\:ring-offset-chart-4:focus-within {
+  --tw-ring-offset-color: var(--chart-4);
+}
+
+.focus-within\:ring-offset-chart-5:focus-within {
+  --tw-ring-offset-color: var(--chart-5);
+}
+
+.focus-within\:ring-offset-chart-6:focus-within {
+  --tw-ring-offset-color: var(--chart-6);
+}
+
+.focus-within\:ring-offset-chart-7:focus-within {
+  --tw-ring-offset-color: var(--chart-7);
+}
+
+.focus-within\:ring-offset-chart-8:focus-within {
+  --tw-ring-offset-color: var(--chart-8);
+}
+
+.focus-within\:ring-offset-chart-9:focus-within {
+  --tw-ring-offset-color: var(--chart-9);
+}
+
+.focus-within\:ring-offset-chart-10:focus-within {
+  --tw-ring-offset-color: var(--chart-10);
+}
+
+.focus-within\:ring-offset-chart-disabled:focus-within {
+  --tw-ring-offset-color: var(--chart-disabled);
+}
+
+.focus-within\:ring-offset-chart-neutral-1:focus-within {
+  --tw-ring-offset-color: var(--chart-neutral-1);
+}
+
+.focus-within\:ring-offset-chart-neutral-2:focus-within {
+  --tw-ring-offset-color: var(--chart-neutral-2);
+}
+
 .focus-within\:ring-offset-graph-1:focus-within {
   --tw-ring-offset-color: var(--graph-1);
 }
@@ -37406,10 +39342,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus-within\:ring-offset-surface-dash-widget:focus-within {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus-within\:ring-offset-text-and-icons:focus-within {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -37498,6 +39430,58 @@ video {
   --tw-ring-offset-color: var(--focus);
 }
 
+.focus\:ring-offset-chart-1:focus {
+  --tw-ring-offset-color: var(--chart-1);
+}
+
+.focus\:ring-offset-chart-2:focus {
+  --tw-ring-offset-color: var(--chart-2);
+}
+
+.focus\:ring-offset-chart-3:focus {
+  --tw-ring-offset-color: var(--chart-3);
+}
+
+.focus\:ring-offset-chart-4:focus {
+  --tw-ring-offset-color: var(--chart-4);
+}
+
+.focus\:ring-offset-chart-5:focus {
+  --tw-ring-offset-color: var(--chart-5);
+}
+
+.focus\:ring-offset-chart-6:focus {
+  --tw-ring-offset-color: var(--chart-6);
+}
+
+.focus\:ring-offset-chart-7:focus {
+  --tw-ring-offset-color: var(--chart-7);
+}
+
+.focus\:ring-offset-chart-8:focus {
+  --tw-ring-offset-color: var(--chart-8);
+}
+
+.focus\:ring-offset-chart-9:focus {
+  --tw-ring-offset-color: var(--chart-9);
+}
+
+.focus\:ring-offset-chart-10:focus {
+  --tw-ring-offset-color: var(--chart-10);
+}
+
+.focus\:ring-offset-chart-disabled:focus {
+  --tw-ring-offset-color: var(--chart-disabled);
+}
+
+.focus\:ring-offset-chart-neutral-1:focus {
+  --tw-ring-offset-color: var(--chart-neutral-1);
+}
+
+.focus\:ring-offset-chart-neutral-2:focus {
+  --tw-ring-offset-color: var(--chart-neutral-2);
+}
+
 .focus\:ring-offset-graph-1:focus {
   --tw-ring-offset-color: var(--graph-1);
 }
@@ -37686,10 +39670,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus\:ring-offset-surface-dash-widget:focus {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus\:ring-offset-text-and-icons:focus {
   --tw-ring-offset-color: var(--text-and-icons);
 }