@carbon/charts 0.53.2 → 0.54.0

package/styles.css

@@ -15,6 +15,9 @@
 .bx--cc--chart-wrapper .stroke-1-1-1 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-1-1-1 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-1-2-1 {
   fill: #002d9c;
 }
@@ -32,6 +35,9 @@
 .bx--cc--chart-wrapper .stroke-1-2-1 {
   stroke: #002d9c;
 }
+.bx--cc--chart-wrapper .stop-color-1-2-1 {
+  stop-color: #002d9c;
+}
 .bx--cc--chart-wrapper .fill-1-3-1 {
   fill: #1192e8;
 }
@@ -49,6 +55,9 @@
 .bx--cc--chart-wrapper .stroke-1-3-1 {
   stroke: #1192e8;
 }
+.bx--cc--chart-wrapper .stop-color-1-3-1 {
+  stop-color: #1192e8;
+}
 .bx--cc--chart-wrapper .fill-1-4-1 {
   fill: #007d79;
 }
@@ -66,6 +75,9 @@
 .bx--cc--chart-wrapper .stroke-1-4-1 {
   stroke: #007d79;
 }
+.bx--cc--chart-wrapper .stop-color-1-4-1 {
+  stop-color: #007d79;
+}
 .bx--cc--chart-wrapper .fill-2-1-1 {
   fill: #6929c4;
 }
@@ -83,6 +95,9 @@
 .bx--cc--chart-wrapper .stroke-2-1-1 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-2-1-1 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-2-1-2 {
   fill: #009d9a;
 }
@@ -100,6 +115,9 @@
 .bx--cc--chart-wrapper .stroke-2-1-2 {
   stroke: #009d9a;
 }
+.bx--cc--chart-wrapper .stop-color-2-1-2 {
+  stop-color: #009d9a;
+}
 .bx--cc--chart-wrapper .fill-2-2-1 {
   fill: #8a3ffc;
 }
@@ -117,6 +135,9 @@
 .bx--cc--chart-wrapper .stroke-2-2-1 {
   stroke: #8a3ffc;
 }
+.bx--cc--chart-wrapper .stop-color-2-2-1 {
+  stop-color: #8a3ffc;
+}
 .bx--cc--chart-wrapper .fill-2-2-2 {
   fill: #520408;
 }
@@ -134,6 +155,9 @@
 .bx--cc--chart-wrapper .stroke-2-2-2 {
   stroke: #520408;
 }
+.bx--cc--chart-wrapper .stop-color-2-2-2 {
+  stop-color: #520408;
+}
 .bx--cc--chart-wrapper .fill-2-3-1 {
   fill: #9f1853;
 }
@@ -151,6 +175,9 @@
 .bx--cc--chart-wrapper .stroke-2-3-1 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-2-3-1 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-2-3-2 {
   fill: #520408;
 }
@@ -168,6 +195,9 @@
 .bx--cc--chart-wrapper .stroke-2-3-2 {
   stroke: #520408;
 }
+.bx--cc--chart-wrapper .stop-color-2-3-2 {
+  stop-color: #520408;
+}
 .bx--cc--chart-wrapper .fill-2-4-1 {
   fill: #1192e8;
 }
@@ -185,6 +215,9 @@
 .bx--cc--chart-wrapper .stroke-2-4-1 {
   stroke: #1192e8;
 }
+.bx--cc--chart-wrapper .stop-color-2-4-1 {
+  stop-color: #1192e8;
+}
 .bx--cc--chart-wrapper .fill-2-4-2 {
   fill: #005d5d;
 }
@@ -202,6 +235,9 @@
 .bx--cc--chart-wrapper .stroke-2-4-2 {
   stroke: #005d5d;
 }
+.bx--cc--chart-wrapper .stop-color-2-4-2 {
+  stop-color: #005d5d;
+}
 .bx--cc--chart-wrapper .fill-2-5-1 {
   fill: #009d9a;
 }
@@ -219,6 +255,9 @@
 .bx--cc--chart-wrapper .stroke-2-5-1 {
   stroke: #009d9a;
 }
+.bx--cc--chart-wrapper .stop-color-2-5-1 {
+  stop-color: #009d9a;
+}
 .bx--cc--chart-wrapper .fill-2-5-2 {
   fill: #002d9c;
 }
@@ -236,6 +275,9 @@
 .bx--cc--chart-wrapper .stroke-2-5-2 {
   stroke: #002d9c;
 }
+.bx--cc--chart-wrapper .stop-color-2-5-2 {
+  stop-color: #002d9c;
+}
 .bx--cc--chart-wrapper .fill-3-1-1 {
   fill: #ee5396;
 }
@@ -253,6 +295,9 @@
 .bx--cc--chart-wrapper .stroke-3-1-1 {
   stroke: #ee5396;
 }
+.bx--cc--chart-wrapper .stop-color-3-1-1 {
+  stop-color: #ee5396;
+}
 .bx--cc--chart-wrapper .fill-3-1-2 {
   fill: #1192e8;
 }
@@ -270,6 +315,9 @@
 .bx--cc--chart-wrapper .stroke-3-1-2 {
   stroke: #1192e8;
 }
+.bx--cc--chart-wrapper .stop-color-3-1-2 {
+  stop-color: #1192e8;
+}
 .bx--cc--chart-wrapper .fill-3-1-3 {
   fill: #6929c4;
 }
@@ -287,6 +335,9 @@
 .bx--cc--chart-wrapper .stroke-3-1-3 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-3-1-3 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-3-2-1 {
   fill: #9f1853;
 }
@@ -304,6 +355,9 @@
 .bx--cc--chart-wrapper .stroke-3-2-1 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-3-2-1 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-3-2-2 {
   fill: #fa4d56;
 }
@@ -321,6 +375,9 @@
 .bx--cc--chart-wrapper .stroke-3-2-2 {
   stroke: #fa4d56;
 }
+.bx--cc--chart-wrapper .stop-color-3-2-2 {
+  stop-color: #fa4d56;
+}
 .bx--cc--chart-wrapper .fill-3-2-3 {
   fill: #520408;
 }
@@ -338,6 +395,9 @@
 .bx--cc--chart-wrapper .stroke-3-2-3 {
   stroke: #520408;
 }
+.bx--cc--chart-wrapper .stop-color-3-2-3 {
+  stop-color: #520408;
+}
 .bx--cc--chart-wrapper .fill-3-3-1 {
   fill: #a56eff;
 }
@@ -355,6 +415,9 @@
 .bx--cc--chart-wrapper .stroke-3-3-1 {
   stroke: #a56eff;
 }
+.bx--cc--chart-wrapper .stop-color-3-3-1 {
+  stop-color: #a56eff;
+}
 .bx--cc--chart-wrapper .fill-3-3-2 {
   fill: #005d5d;
 }
@@ -372,6 +435,9 @@
 .bx--cc--chart-wrapper .stroke-3-3-2 {
   stroke: #005d5d;
 }
+.bx--cc--chart-wrapper .stop-color-3-3-2 {
+  stop-color: #005d5d;
+}
 .bx--cc--chart-wrapper .fill-3-3-3 {
   fill: #002d9c;
 }
@@ -389,6 +455,9 @@
 .bx--cc--chart-wrapper .stroke-3-3-3 {
   stroke: #002d9c;
 }
+.bx--cc--chart-wrapper .stop-color-3-3-3 {
+  stop-color: #002d9c;
+}
 .bx--cc--chart-wrapper .fill-3-4-1 {
   fill: #a56eff;
 }
@@ -406,6 +475,9 @@
 .bx--cc--chart-wrapper .stroke-3-4-1 {
   stroke: #a56eff;
 }
+.bx--cc--chart-wrapper .stop-color-3-4-1 {
+  stop-color: #a56eff;
+}
 .bx--cc--chart-wrapper .fill-3-4-2 {
   fill: #005d5d;
 }
@@ -423,6 +495,9 @@
 .bx--cc--chart-wrapper .stroke-3-4-2 {
   stroke: #005d5d;
 }
+.bx--cc--chart-wrapper .stop-color-3-4-2 {
+  stop-color: #005d5d;
+}
 .bx--cc--chart-wrapper .fill-3-4-3 {
   fill: #9f1853;
 }
@@ -440,6 +515,9 @@
 .bx--cc--chart-wrapper .stroke-3-4-3 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-3-4-3 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-3-5-1 {
   fill: #012749;
 }
@@ -457,6 +535,9 @@
 .bx--cc--chart-wrapper .stroke-3-5-1 {
   stroke: #012749;
 }
+.bx--cc--chart-wrapper .stop-color-3-5-1 {
+  stop-color: #012749;
+}
 .bx--cc--chart-wrapper .fill-3-5-2 {
   fill: #6929c4;
 }
@@ -474,6 +555,9 @@
 .bx--cc--chart-wrapper .stroke-3-5-2 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-3-5-2 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-3-5-3 {
   fill: #009d9a;
 }
@@ -491,6 +575,9 @@
 .bx--cc--chart-wrapper .stroke-3-5-3 {
   stroke: #009d9a;
 }
+.bx--cc--chart-wrapper .stop-color-3-5-3 {
+  stop-color: #009d9a;
+}
 .bx--cc--chart-wrapper .fill-4-1-1 {
   fill: #6929c4;
 }
@@ -508,6 +595,9 @@
 .bx--cc--chart-wrapper .stroke-4-1-1 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-4-1-1 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-4-1-2 {
   fill: #012749;
 }
@@ -525,6 +615,9 @@
 .bx--cc--chart-wrapper .stroke-4-1-2 {
   stroke: #012749;
 }
+.bx--cc--chart-wrapper .stop-color-4-1-2 {
+  stop-color: #012749;
+}
 .bx--cc--chart-wrapper .fill-4-1-3 {
   fill: #009d9a;
 }
@@ -542,6 +635,9 @@
 .bx--cc--chart-wrapper .stroke-4-1-3 {
   stroke: #009d9a;
 }
+.bx--cc--chart-wrapper .stop-color-4-1-3 {
+  stop-color: #009d9a;
+}
 .bx--cc--chart-wrapper .fill-4-1-4 {
   fill: #ee5396;
 }
@@ -559,6 +655,9 @@
 .bx--cc--chart-wrapper .stroke-4-1-4 {
   stroke: #ee5396;
 }
+.bx--cc--chart-wrapper .stop-color-4-1-4 {
+  stop-color: #ee5396;
+}
 .bx--cc--chart-wrapper .fill-4-2-1 {
   fill: #9f1853;
 }
@@ -576,6 +675,9 @@
 .bx--cc--chart-wrapper .stroke-4-2-1 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-4-2-1 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-4-2-2 {
   fill: #fa4d56;
 }
@@ -593,6 +695,9 @@
 .bx--cc--chart-wrapper .stroke-4-2-2 {
   stroke: #fa4d56;
 }
+.bx--cc--chart-wrapper .stop-color-4-2-2 {
+  stop-color: #fa4d56;
+}
 .bx--cc--chart-wrapper .fill-4-2-3 {
   fill: #520408;
 }
@@ -610,6 +715,9 @@
 .bx--cc--chart-wrapper .stroke-4-2-3 {
   stroke: #520408;
 }
+.bx--cc--chart-wrapper .stop-color-4-2-3 {
+  stop-color: #520408;
+}
 .bx--cc--chart-wrapper .fill-4-2-4 {
   fill: #a56eff;
 }
@@ -627,6 +735,9 @@
 .bx--cc--chart-wrapper .stroke-4-2-4 {
   stroke: #a56eff;
 }
+.bx--cc--chart-wrapper .stop-color-4-2-4 {
+  stop-color: #a56eff;
+}
 .bx--cc--chart-wrapper .fill-4-3-1 {
   fill: #009d9a;
 }
@@ -644,6 +755,9 @@
 .bx--cc--chart-wrapper .stroke-4-3-1 {
   stroke: #009d9a;
 }
+.bx--cc--chart-wrapper .stop-color-4-3-1 {
+  stop-color: #009d9a;
+}
 .bx--cc--chart-wrapper .fill-4-3-2 {
   fill: #002d9c;
 }
@@ -661,6 +775,9 @@
 .bx--cc--chart-wrapper .stroke-4-3-2 {
   stroke: #002d9c;
 }
+.bx--cc--chart-wrapper .stop-color-4-3-2 {
+  stop-color: #002d9c;
+}
 .bx--cc--chart-wrapper .fill-4-3-3 {
   fill: #a56eff;
 }
@@ -678,6 +795,9 @@
 .bx--cc--chart-wrapper .stroke-4-3-3 {
   stroke: #a56eff;
 }
+.bx--cc--chart-wrapper .stop-color-4-3-3 {
+  stop-color: #a56eff;
+}
 .bx--cc--chart-wrapper .fill-4-3-4 {
   fill: #9f1853;
 }
@@ -695,6 +815,9 @@
 .bx--cc--chart-wrapper .stroke-4-3-4 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-4-3-4 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-5-1-1 {
   fill: #6929c4;
 }
@@ -712,6 +835,9 @@
 .bx--cc--chart-wrapper .stroke-5-1-1 {
   stroke: #6929c4;
 }
+.bx--cc--chart-wrapper .stop-color-5-1-1 {
+  stop-color: #6929c4;
+}
 .bx--cc--chart-wrapper .fill-5-1-2 {
   fill: #1192e8;
 }
@@ -729,6 +855,9 @@
 .bx--cc--chart-wrapper .stroke-5-1-2 {
   stroke: #1192e8;
 }
+.bx--cc--chart-wrapper .stop-color-5-1-2 {
+  stop-color: #1192e8;
+}
 .bx--cc--chart-wrapper .fill-5-1-3 {
   fill: #005d5d;
 }
@@ -746,6 +875,9 @@
 .bx--cc--chart-wrapper .stroke-5-1-3 {
   stroke: #005d5d;
 }
+.bx--cc--chart-wrapper .stop-color-5-1-3 {
+  stop-color: #005d5d;
+}
 .bx--cc--chart-wrapper .fill-5-1-4 {
   fill: #9f1853;
 }
@@ -763,6 +895,9 @@
 .bx--cc--chart-wrapper .stroke-5-1-4 {
   stroke: #9f1853;
 }
+.bx--cc--chart-wrapper .stop-color-5-1-4 {
+  stop-color: #9f1853;
+}
 .bx--cc--chart-wrapper .fill-5-1-5 {
   fill: #520408;
 }
@@ -780,6 +915,9 @@
 .bx--cc--chart-wrapper .stroke-5-1-5 {
   stroke: #520408;
 }
+.bx--cc--chart-wrapper .stop-color-5-1-5 {
+  stop-color: #520408;
+}
 .bx--cc--chart-wrapper .fill-5-2-1 {
   fill: #002d9c;
 }
@@ -790,318 +928,1935 @@
 .bx--cc--chart-wrapper .background-5-2-1 {
   background-color: #002d9c;
 }
-.bx--cc--chart-wrapper .background-5-2-1.hovered {
-  background-color: #002378;
+.bx--cc--chart-wrapper .background-5-2-1.hovered {
+  background-color: #002378;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-5-2-1 {
+  stroke: #002d9c;
+}
+.bx--cc--chart-wrapper .stop-color-5-2-1 {
+  stop-color: #002d9c;
+}
+.bx--cc--chart-wrapper .fill-5-2-2 {
+  fill: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-5-2-2.hovered {
+  fill: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-5-2-2 {
+  background-color: #009d9a;
+}
+.bx--cc--chart-wrapper .background-5-2-2.hovered {
+  background-color: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-5-2-2 {
+  stroke: #009d9a;
+}
+.bx--cc--chart-wrapper .stop-color-5-2-2 {
+  stop-color: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-5-2-3 {
+  fill: #9f1853;
+}
+.bx--cc--chart-wrapper .fill-5-2-3.hovered {
+  fill: #801343;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-5-2-3 {
+  background-color: #9f1853;
+}
+.bx--cc--chart-wrapper .background-5-2-3.hovered {
+  background-color: #801343;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-5-2-3 {
+  stroke: #9f1853;
+}
+.bx--cc--chart-wrapper .stop-color-5-2-3 {
+  stop-color: #9f1853;
+}
+.bx--cc--chart-wrapper .fill-5-2-4 {
+  fill: #520408;
+}
+.bx--cc--chart-wrapper .fill-5-2-4.hovered {
+  fill: #300205;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-5-2-4 {
+  background-color: #520408;
+}
+.bx--cc--chart-wrapper .background-5-2-4.hovered {
+  background-color: #300205;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-5-2-4 {
+  stroke: #520408;
+}
+.bx--cc--chart-wrapper .stop-color-5-2-4 {
+  stop-color: #520408;
+}
+.bx--cc--chart-wrapper .fill-5-2-5 {
+  fill: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-5-2-5.hovered {
+  fill: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-5-2-5 {
+  background-color: #a56eff;
+}
+.bx--cc--chart-wrapper .background-5-2-5.hovered {
+  background-color: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-5-2-5 {
+  stroke: #a56eff;
+}
+.bx--cc--chart-wrapper .stop-color-5-2-5 {
+  stop-color: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-14-1-1 {
+  fill: #6929c4;
+}
+.bx--cc--chart-wrapper .fill-14-1-1.hovered {
+  fill: #5923a6;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-1 {
+  background-color: #6929c4;
+}
+.bx--cc--chart-wrapper .background-14-1-1.hovered {
+  background-color: #5923a6;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-1 {
+  stroke: #6929c4;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-1 {
+  stop-color: #6929c4;
+}
+.bx--cc--chart-wrapper .fill-14-1-2 {
+  fill: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-14-1-2.hovered {
+  fill: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-2 {
+  background-color: #1192e8;
+}
+.bx--cc--chart-wrapper .background-14-1-2.hovered {
+  background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-2 {
+  stroke: #1192e8;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-2 {
+  stop-color: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-14-1-3 {
+  fill: #005d5d;
+}
+.bx--cc--chart-wrapper .fill-14-1-3.hovered {
+  fill: #003939;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-3 {
+  background-color: #005d5d;
+}
+.bx--cc--chart-wrapper .background-14-1-3.hovered {
+  background-color: #003939;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-3 {
+  stroke: #005d5d;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-3 {
+  stop-color: #005d5d;
+}
+.bx--cc--chart-wrapper .fill-14-1-4 {
+  fill: #9f1853;
+}
+.bx--cc--chart-wrapper .fill-14-1-4.hovered {
+  fill: #801343;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-4 {
+  background-color: #9f1853;
+}
+.bx--cc--chart-wrapper .background-14-1-4.hovered {
+  background-color: #801343;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-4 {
+  stroke: #9f1853;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-4 {
+  stop-color: #9f1853;
+}
+.bx--cc--chart-wrapper .fill-14-1-5 {
+  fill: #fa4d56;
+}
+.bx--cc--chart-wrapper .fill-14-1-5.hovered {
+  fill: #f92a35;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-5 {
+  background-color: #fa4d56;
+}
+.bx--cc--chart-wrapper .background-14-1-5.hovered {
+  background-color: #f92a35;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-5 {
+  stroke: #fa4d56;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-5 {
+  stop-color: #fa4d56;
+}
+.bx--cc--chart-wrapper .fill-14-1-6 {
+  fill: #520408;
+}
+.bx--cc--chart-wrapper .fill-14-1-6.hovered {
+  fill: #300205;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-6 {
+  background-color: #520408;
+}
+.bx--cc--chart-wrapper .background-14-1-6.hovered {
+  background-color: #300205;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-6 {
+  stroke: #520408;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-6 {
+  stop-color: #520408;
+}
+.bx--cc--chart-wrapper .fill-14-1-7 {
+  fill: #198038;
+}
+.bx--cc--chart-wrapper .fill-14-1-7.hovered {
+  fill: #13622b;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-7 {
+  background-color: #198038;
+}
+.bx--cc--chart-wrapper .background-14-1-7.hovered {
+  background-color: #13622b;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-7 {
+  stroke: #198038;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-7 {
+  stop-color: #198038;
+}
+.bx--cc--chart-wrapper .fill-14-1-8 {
+  fill: #002d9c;
+}
+.bx--cc--chart-wrapper .fill-14-1-8.hovered {
+  fill: #002378;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-8 {
+  background-color: #002d9c;
+}
+.bx--cc--chart-wrapper .background-14-1-8.hovered {
+  background-color: #002378;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-8 {
+  stroke: #002d9c;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-8 {
+  stop-color: #002d9c;
+}
+.bx--cc--chart-wrapper .fill-14-1-9 {
+  fill: #ee5396;
+}
+.bx--cc--chart-wrapper .fill-14-1-9.hovered {
+  fill: #eb3382;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-9 {
+  background-color: #ee5396;
+}
+.bx--cc--chart-wrapper .background-14-1-9.hovered {
+  background-color: #eb3382;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-9 {
+  stroke: #ee5396;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-9 {
+  stop-color: #ee5396;
+}
+.bx--cc--chart-wrapper .fill-14-1-10 {
+  fill: #b28600;
+}
+.bx--cc--chart-wrapper .fill-14-1-10.hovered {
+  fill: #8e6b00;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-10 {
+  background-color: #b28600;
+}
+.bx--cc--chart-wrapper .background-14-1-10.hovered {
+  background-color: #8e6b00;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-10 {
+  stroke: #b28600;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-10 {
+  stop-color: #b28600;
+}
+.bx--cc--chart-wrapper .fill-14-1-11 {
+  fill: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-14-1-11.hovered {
+  fill: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-11 {
+  background-color: #009d9a;
+}
+.bx--cc--chart-wrapper .background-14-1-11.hovered {
+  background-color: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-11 {
+  stroke: #009d9a;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-11 {
+  stop-color: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-14-1-12 {
+  fill: #012749;
+}
+.bx--cc--chart-wrapper .fill-14-1-12.hovered {
+  fill: #011426;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-12 {
+  background-color: #012749;
+}
+.bx--cc--chart-wrapper .background-14-1-12.hovered {
+  background-color: #011426;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-12 {
+  stroke: #012749;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-12 {
+  stop-color: #012749;
+}
+.bx--cc--chart-wrapper .fill-14-1-13 {
+  fill: #8a3800;
+}
+.bx--cc--chart-wrapper .fill-14-1-13.hovered {
+  fill: #662a00;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-13 {
+  background-color: #8a3800;
+}
+.bx--cc--chart-wrapper .background-14-1-13.hovered {
+  background-color: #662a00;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-13 {
+  stroke: #8a3800;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-13 {
+  stop-color: #8a3800;
+}
+.bx--cc--chart-wrapper .fill-14-1-14 {
+  fill: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-14-1-14.hovered {
+  fill: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-14-1-14 {
+  background-color: #a56eff;
+}
+.bx--cc--chart-wrapper .background-14-1-14.hovered {
+  background-color: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-14-1-14 {
+  stroke: #a56eff;
+}
+.bx--cc--chart-wrapper .stop-color-14-1-14 {
+  stop-color: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-1 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-1.hovered {
+  fill: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-1 {
+  background-color: #ffffff;
+}
+.bx--cc--chart-wrapper .background-mono-1-1.hovered {
+  background-color: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-1 {
+  stroke: #ffffff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-1 {
+  stop-color: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-2 {
+  fill: #f6f2ff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-2.hovered {
+  fill: #ddceff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-2 {
+  background-color: #f6f2ff;
+}
+.bx--cc--chart-wrapper .background-mono-1-2.hovered {
+  background-color: #ddceff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-2 {
+  stroke: #f6f2ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-2 {
+  stop-color: #f6f2ff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-3 {
+  fill: #e8daff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-3.hovered {
+  fill: #d2b6ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-3 {
+  background-color: #e8daff;
+}
+.bx--cc--chart-wrapper .background-mono-1-3.hovered {
+  background-color: #d2b6ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-3 {
+  stroke: #e8daff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-3 {
+  stop-color: #e8daff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-4 {
+  fill: #d4bbff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-4.hovered {
+  fill: #bd97ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-4 {
+  background-color: #d4bbff;
+}
+.bx--cc--chart-wrapper .background-mono-1-4.hovered {
+  background-color: #bd97ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-4 {
+  stroke: #d4bbff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-4 {
+  stop-color: #d4bbff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-5 {
+  fill: #be95ff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-5.hovered {
+  fill: #a871ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-5 {
+  background-color: #be95ff;
+}
+.bx--cc--chart-wrapper .background-mono-1-5.hovered {
+  background-color: #a871ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-5 {
+  stroke: #be95ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-5 {
+  stop-color: #be95ff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-6 {
+  fill: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-6.hovered {
+  fill: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-6 {
+  background-color: #a56eff;
+}
+.bx--cc--chart-wrapper .background-mono-1-6.hovered {
+  background-color: #8f4aff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-6 {
+  stroke: #a56eff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-6 {
+  stop-color: #a56eff;
+}
+.bx--cc--chart-wrapper .fill-mono-1-7 {
+  fill: #8a3ffc;
+}
+.bx--cc--chart-wrapper .fill-mono-1-7.hovered {
+  fill: #751cfb;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-7 {
+  background-color: #8a3ffc;
+}
+.bx--cc--chart-wrapper .background-mono-1-7.hovered {
+  background-color: #751cfb;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-7 {
+  stroke: #8a3ffc;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-7 {
+  stop-color: #8a3ffc;
+}
+.bx--cc--chart-wrapper .fill-mono-1-8 {
+  fill: #6929c4;
+}
+.bx--cc--chart-wrapper .fill-mono-1-8.hovered {
+  fill: #5923a6;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-8 {
+  background-color: #6929c4;
+}
+.bx--cc--chart-wrapper .background-mono-1-8.hovered {
+  background-color: #5923a6;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-8 {
+  stroke: #6929c4;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-8 {
+  stop-color: #6929c4;
+}
+.bx--cc--chart-wrapper .fill-mono-1-9 {
+  fill: #491d8b;
+}
+.bx--cc--chart-wrapper .fill-mono-1-9.hovered {
+  fill: #39176d;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-9 {
+  background-color: #491d8b;
+}
+.bx--cc--chart-wrapper .background-mono-1-9.hovered {
+  background-color: #39176d;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-9 {
+  stroke: #491d8b;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-9 {
+  stop-color: #491d8b;
+}
+.bx--cc--chart-wrapper .fill-mono-1-10 {
+  fill: #31135e;
+}
+.bx--cc--chart-wrapper .fill-mono-1-10.hovered {
+  fill: #220d40;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-10 {
+  background-color: #31135e;
+}
+.bx--cc--chart-wrapper .background-mono-1-10.hovered {
+  background-color: #220d40;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-10 {
+  stroke: #31135e;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-10 {
+  stop-color: #31135e;
+}
+.bx--cc--chart-wrapper .fill-mono-1-11 {
+  fill: #1c0f30;
+}
+.bx--cc--chart-wrapper .fill-mono-1-11.hovered {
+  fill: #0c0715;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-1-11 {
+  background-color: #1c0f30;
+}
+.bx--cc--chart-wrapper .background-mono-1-11.hovered {
+  background-color: #0c0715;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-1-11 {
+  stroke: #1c0f30;
+}
+.bx--cc--chart-wrapper .stop-color-mono-1-11 {
+  stop-color: #1c0f30;
+}
+.bx--cc--chart-wrapper .fill-mono-2-1 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-1.hovered {
+  fill: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-1 {
+  background-color: #ffffff;
+}
+.bx--cc--chart-wrapper .background-mono-2-1.hovered {
+  background-color: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-1 {
+  stroke: #ffffff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-1 {
+  stop-color: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-2 {
+  fill: #edf5ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-2.hovered {
+  fill: #c9e1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-2 {
+  background-color: #edf5ff;
+}
+.bx--cc--chart-wrapper .background-mono-2-2.hovered {
+  background-color: #c9e1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-2 {
+  stroke: #edf5ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-2 {
+  stop-color: #edf5ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-3 {
+  fill: #d0e2ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-3.hovered {
+  fill: #acccff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-3 {
+  background-color: #d0e2ff;
+}
+.bx--cc--chart-wrapper .background-mono-2-3.hovered {
+  background-color: #acccff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-3 {
+  stroke: #d0e2ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-3 {
+  stop-color: #d0e2ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-4 {
+  fill: #a6c8ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-4.hovered {
+  fill: #82b2ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-4 {
+  background-color: #a6c8ff;
+}
+.bx--cc--chart-wrapper .background-mono-2-4.hovered {
+  background-color: #82b2ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-4 {
+  stroke: #a6c8ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-4 {
+  stop-color: #a6c8ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-5 {
+  fill: #78a9ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-5.hovered {
+  fill: #5492ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-5 {
+  background-color: #78a9ff;
+}
+.bx--cc--chart-wrapper .background-mono-2-5.hovered {
+  background-color: #5492ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-5 {
+  stroke: #78a9ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-5 {
+  stop-color: #78a9ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-6 {
+  fill: #4589ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-6.hovered {
+  fill: #2172ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-6 {
+  background-color: #4589ff;
+}
+.bx--cc--chart-wrapper .background-mono-2-6.hovered {
+  background-color: #2172ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-6 {
+  stroke: #4589ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-6 {
+  stop-color: #4589ff;
+}
+.bx--cc--chart-wrapper .fill-mono-2-7 {
+  fill: #0f62fe;
+}
+.bx--cc--chart-wrapper .fill-mono-2-7.hovered {
+  fill: #0151e8;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-7 {
+  background-color: #0f62fe;
+}
+.bx--cc--chart-wrapper .background-mono-2-7.hovered {
+  background-color: #0151e8;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-7 {
+  stroke: #0f62fe;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-7 {
+  stop-color: #0f62fe;
+}
+.bx--cc--chart-wrapper .fill-mono-2-8 {
+  fill: #0043ce;
+}
+.bx--cc--chart-wrapper .fill-mono-2-8.hovered {
+  fill: #0037aa;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-8 {
+  background-color: #0043ce;
+}
+.bx--cc--chart-wrapper .background-mono-2-8.hovered {
+  background-color: #0037aa;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-8 {
+  stroke: #0043ce;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-8 {
+  stop-color: #0043ce;
+}
+.bx--cc--chart-wrapper .fill-mono-2-9 {
+  fill: #002d9c;
+}
+.bx--cc--chart-wrapper .fill-mono-2-9.hovered {
+  fill: #002378;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-9 {
+  background-color: #002d9c;
+}
+.bx--cc--chart-wrapper .background-mono-2-9.hovered {
+  background-color: #002378;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-9 {
+  stroke: #002d9c;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-9 {
+  stop-color: #002d9c;
+}
+.bx--cc--chart-wrapper .fill-mono-2-10 {
+  fill: #001d6c;
+}
+.bx--cc--chart-wrapper .fill-mono-2-10.hovered {
+  fill: #001348;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-10 {
+  background-color: #001d6c;
+}
+.bx--cc--chart-wrapper .background-mono-2-10.hovered {
+  background-color: #001348;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-10 {
+  stroke: #001d6c;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-10 {
+  stop-color: #001d6c;
+}
+.bx--cc--chart-wrapper .fill-mono-2-11 {
+  fill: #001141;
+}
+.bx--cc--chart-wrapper .fill-mono-2-11.hovered {
+  fill: #00081d;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-2-11 {
+  background-color: #001141;
+}
+.bx--cc--chart-wrapper .background-mono-2-11.hovered {
+  background-color: #00081d;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-2-11 {
+  stroke: #001141;
+}
+.bx--cc--chart-wrapper .stop-color-mono-2-11 {
+  stop-color: #001141;
+}
+.bx--cc--chart-wrapper .fill-mono-3-1 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-1.hovered {
+  fill: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-1 {
+  background-color: #ffffff;
+}
+.bx--cc--chart-wrapper .background-mono-3-1.hovered {
+  background-color: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-1 {
+  stroke: #ffffff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-1 {
+  stop-color: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-2 {
+  fill: #e5f6ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-2.hovered {
+  fill: #c1eaff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-2 {
+  background-color: #e5f6ff;
+}
+.bx--cc--chart-wrapper .background-mono-3-2.hovered {
+  background-color: #c1eaff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-2 {
+  stroke: #e5f6ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-2 {
+  stop-color: #e5f6ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-3 {
+  fill: #bae6ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-3.hovered {
+  fill: #96d9ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-3 {
+  background-color: #bae6ff;
+}
+.bx--cc--chart-wrapper .background-mono-3-3.hovered {
+  background-color: #96d9ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-3 {
+  stroke: #bae6ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-3 {
+  stop-color: #bae6ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-4 {
+  fill: #82cfff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-4.hovered {
+  fill: #5ec1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-4 {
+  background-color: #82cfff;
+}
+.bx--cc--chart-wrapper .background-mono-3-4.hovered {
+  background-color: #5ec1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-4 {
+  stroke: #82cfff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-4 {
+  stop-color: #82cfff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-5 {
+  fill: #33b1ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-5.hovered {
+  fill: #0fa3ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-5 {
+  background-color: #33b1ff;
+}
+.bx--cc--chart-wrapper .background-mono-3-5.hovered {
+  background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-5 {
+  stroke: #33b1ff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-5 {
+  stop-color: #33b1ff;
+}
+.bx--cc--chart-wrapper .fill-mono-3-6 {
+  fill: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-mono-3-6.hovered {
+  fill: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-6 {
+  background-color: #1192e8;
+}
+.bx--cc--chart-wrapper .background-mono-3-6.hovered {
+  background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-6 {
+  stroke: #1192e8;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-6 {
+  stop-color: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-mono-3-7 {
+  fill: #0072c3;
+}
+.bx--cc--chart-wrapper .fill-mono-3-7.hovered {
+  fill: #005d9f;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-7 {
+  background-color: #0072c3;
+}
+.bx--cc--chart-wrapper .background-mono-3-7.hovered {
+  background-color: #005d9f;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-7 {
+  stroke: #0072c3;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-7 {
+  stop-color: #0072c3;
+}
+.bx--cc--chart-wrapper .fill-mono-3-8 {
+  fill: #00539a;
+}
+.bx--cc--chart-wrapper .fill-mono-3-8.hovered {
+  fill: #004076;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-8 {
+  background-color: #00539a;
+}
+.bx--cc--chart-wrapper .background-mono-3-8.hovered {
+  background-color: #004076;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-8 {
+  stroke: #00539a;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-8 {
+  stop-color: #00539a;
+}
+.bx--cc--chart-wrapper .fill-mono-3-9 {
+  fill: #003a6d;
+}
+.bx--cc--chart-wrapper .fill-mono-3-9.hovered {
+  fill: #002749;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-9 {
+  background-color: #003a6d;
+}
+.bx--cc--chart-wrapper .background-mono-3-9.hovered {
+  background-color: #002749;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-9 {
+  stroke: #003a6d;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-9 {
+  stop-color: #003a6d;
+}
+.bx--cc--chart-wrapper .fill-mono-3-10 {
+  fill: #012749;
+}
+.bx--cc--chart-wrapper .fill-mono-3-10.hovered {
+  fill: #011426;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-10 {
+  background-color: #012749;
+}
+.bx--cc--chart-wrapper .background-mono-3-10.hovered {
+  background-color: #011426;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-10 {
+  stroke: #012749;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-10 {
+  stop-color: #012749;
+}
+.bx--cc--chart-wrapper .fill-mono-3-11 {
+  fill: #061727;
+}
+.bx--cc--chart-wrapper .fill-mono-3-11.hovered {
+  fill: #010508;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-3-11 {
+  background-color: #061727;
+}
+.bx--cc--chart-wrapper .background-mono-3-11.hovered {
+  background-color: #010508;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-3-11 {
+  stroke: #061727;
+}
+.bx--cc--chart-wrapper .stop-color-mono-3-11 {
+  stop-color: #061727;
+}
+.bx--cc--chart-wrapper .fill-mono-4-1 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-4-1.hovered {
+  fill: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-1 {
+  background-color: #ffffff;
+}
+.bx--cc--chart-wrapper .background-mono-4-1.hovered {
+  background-color: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-1 {
+  stroke: #ffffff;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-1 {
+  stop-color: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-mono-4-2 {
+  fill: #d9fbfb;
+}
+.bx--cc--chart-wrapper .fill-mono-4-2.hovered {
+  fill: #b9f8f8;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-2 {
+  background-color: #d9fbfb;
+}
+.bx--cc--chart-wrapper .background-mono-4-2.hovered {
+  background-color: #b9f8f8;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-2 {
+  stroke: #d9fbfb;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-2 {
+  stop-color: #d9fbfb;
+}
+.bx--cc--chart-wrapper .fill-mono-4-3 {
+  fill: #9ef0f0;
+}
+.bx--cc--chart-wrapper .fill-mono-4-3.hovered {
+  fill: #7febeb;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-3 {
+  background-color: #9ef0f0;
+}
+.bx--cc--chart-wrapper .background-mono-4-3.hovered {
+  background-color: #7febeb;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-3 {
+  stroke: #9ef0f0;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-3 {
+  stop-color: #9ef0f0;
+}
+.bx--cc--chart-wrapper .fill-mono-4-4 {
+  fill: #3ddbd9;
+}
+.bx--cc--chart-wrapper .fill-mono-4-4.hovered {
+  fill: #26cecc;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-4 {
+  background-color: #3ddbd9;
+}
+.bx--cc--chart-wrapper .background-mono-4-4.hovered {
+  background-color: #26cecc;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-4 {
+  stroke: #3ddbd9;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-4 {
+  stop-color: #3ddbd9;
+}
+.bx--cc--chart-wrapper .fill-mono-4-5 {
+  fill: #08bdba;
+}
+.bx--cc--chart-wrapper .fill-mono-4-5.hovered {
+  fill: #079b98;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-5 {
+  background-color: #08bdba;
+}
+.bx--cc--chart-wrapper .background-mono-4-5.hovered {
+  background-color: #079b98;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-5 {
+  stroke: #08bdba;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-5 {
+  stop-color: #08bdba;
+}
+.bx--cc--chart-wrapper .fill-mono-4-6 {
+  fill: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-mono-4-6.hovered {
+  fill: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-6 {
+  background-color: #009d9a;
+}
+.bx--cc--chart-wrapper .background-mono-4-6.hovered {
+  background-color: #007977;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-6 {
+  stroke: #009d9a;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-6 {
+  stop-color: #009d9a;
+}
+.bx--cc--chart-wrapper .fill-mono-4-7 {
+  fill: #007d79;
+}
+.bx--cc--chart-wrapper .fill-mono-4-7.hovered {
+  fill: #005956;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-7 {
+  background-color: #007d79;
+}
+.bx--cc--chart-wrapper .background-mono-4-7.hovered {
+  background-color: #005956;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-7 {
+  stroke: #007d79;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-7 {
+  stop-color: #007d79;
+}
+.bx--cc--chart-wrapper .fill-mono-4-8 {
+  fill: #005d5d;
+}
+.bx--cc--chart-wrapper .fill-mono-4-8.hovered {
+  fill: #003939;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-8 {
+  background-color: #005d5d;
+}
+.bx--cc--chart-wrapper .background-mono-4-8.hovered {
+  background-color: #003939;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-8 {
+  stroke: #005d5d;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-8 {
+  stop-color: #005d5d;
+}
+.bx--cc--chart-wrapper .fill-mono-4-9 {
+  fill: #004144;
+}
+.bx--cc--chart-wrapper .fill-mono-4-9.hovered {
+  fill: #001f20;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-9 {
+  background-color: #004144;
+}
+.bx--cc--chart-wrapper .background-mono-4-9.hovered {
+  background-color: #001f20;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-9 {
+  stroke: #004144;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-9 {
+  stop-color: #004144;
+}
+.bx--cc--chart-wrapper .fill-mono-4-10 {
+  fill: #022b30;
+}
+.bx--cc--chart-wrapper .fill-mono-4-10.hovered {
+  fill: #010c0e;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-10 {
+  background-color: #022b30;
+}
+.bx--cc--chart-wrapper .background-mono-4-10.hovered {
+  background-color: #010c0e;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-10 {
+  stroke: #022b30;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-10 {
+  stop-color: #022b30;
+}
+.bx--cc--chart-wrapper .fill-mono-4-11 {
+  fill: #081a1c;
+}
+.bx--cc--chart-wrapper .fill-mono-4-11.hovered {
+  fill: black;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-mono-4-11 {
+  background-color: #081a1c;
+}
+.bx--cc--chart-wrapper .background-mono-4-11.hovered {
+  background-color: black;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-mono-4-11 {
+  stroke: #081a1c;
+}
+.bx--cc--chart-wrapper .stop-color-mono-4-11 {
+  stop-color: #081a1c;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-1 {
+  fill: #750e13;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-1.hovered {
+  fill: #550a0e;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-1 {
+  background-color: #750e13;
+}
+.bx--cc--chart-wrapper .background-diverge-1-1.hovered {
+  background-color: #550a0e;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-1 {
+  stroke: #750e13;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-1 {
+  stop-color: #750e13;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-2 {
+  fill: #a2191f;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-2.hovered {
+  fill: #831419;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-2 {
+  background-color: #a2191f;
+}
+.bx--cc--chart-wrapper .background-diverge-1-2.hovered {
+  background-color: #831419;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-2 {
+  stroke: #a2191f;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-2 {
+  stop-color: #a2191f;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-3 {
+  fill: #da1e28;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-3.hovered {
+  fill: #bb1a22;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-3 {
+  background-color: #da1e28;
+}
+.bx--cc--chart-wrapper .background-diverge-1-3.hovered {
+  background-color: #bb1a22;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-3 {
+  stroke: #da1e28;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-3 {
+  stop-color: #da1e28;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-4 {
+  fill: #fa4d56;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-4.hovered {
+  fill: #f92a35;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-4 {
+  background-color: #fa4d56;
+}
+.bx--cc--chart-wrapper .background-diverge-1-4.hovered {
+  background-color: #f92a35;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-4 {
+  stroke: #fa4d56;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-4 {
+  stop-color: #fa4d56;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-5 {
+  fill: #ff8389;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-5.hovered {
+  fill: #ff5f67;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-5 {
+  background-color: #ff8389;
+}
+.bx--cc--chart-wrapper .background-diverge-1-5.hovered {
+  background-color: #ff5f67;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-5 {
+  stroke: #ff8389;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-5 {
+  stop-color: #ff8389;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-6 {
+  fill: #ffb3b8;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-6.hovered {
+  fill: #ff8f97;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-6 {
+  background-color: #ffb3b8;
+}
+.bx--cc--chart-wrapper .background-diverge-1-6.hovered {
+  background-color: #ff8f97;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-6 {
+  stroke: #ffb3b8;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-6 {
+  stop-color: #ffb3b8;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-7 {
+  fill: #ffd7d9;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-7.hovered {
+  fill: #ffb3b7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-7 {
+  background-color: #ffd7d9;
+}
+.bx--cc--chart-wrapper .background-diverge-1-7.hovered {
+  background-color: #ffb3b7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-7 {
+  stroke: #ffd7d9;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-7 {
+  stop-color: #ffd7d9;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-8 {
+  fill: #fff1f1;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-8.hovered {
+  fill: #ffcdcd;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-8 {
+  background-color: #fff1f1;
+}
+.bx--cc--chart-wrapper .background-diverge-1-8.hovered {
+  background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-8 {
+  stroke: #fff1f1;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-8 {
+  stop-color: #fff1f1;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-9 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-9.hovered {
+  fill: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-9 {
+  background-color: #ffffff;
+}
+.bx--cc--chart-wrapper .background-diverge-1-9.hovered {
+  background-color: #ededed;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-9 {
+  stroke: #ffffff;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-9 {
+  stop-color: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-10 {
+  fill: #e5f6ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-10.hovered {
+  fill: #c1eaff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-10 {
+  background-color: #e5f6ff;
+}
+.bx--cc--chart-wrapper .background-diverge-1-10.hovered {
+  background-color: #c1eaff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-10 {
+  stroke: #e5f6ff;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-10 {
+  stop-color: #e5f6ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-11 {
+  fill: #bae6ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-11.hovered {
+  fill: #96d9ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-11 {
+  background-color: #bae6ff;
+}
+.bx--cc--chart-wrapper .background-diverge-1-11.hovered {
+  background-color: #96d9ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-11 {
+  stroke: #bae6ff;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-11 {
+  stop-color: #bae6ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-12 {
+  fill: #82cfff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-12.hovered {
+  fill: #5ec1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-12 {
+  background-color: #82cfff;
+}
+.bx--cc--chart-wrapper .background-diverge-1-12.hovered {
+  background-color: #5ec1ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-12 {
+  stroke: #82cfff;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-12 {
+  stop-color: #82cfff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-13 {
+  fill: #33b1ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-13.hovered {
+  fill: #0fa3ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-13 {
+  background-color: #33b1ff;
+}
+.bx--cc--chart-wrapper .background-diverge-1-13.hovered {
+  background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-13 {
+  stroke: #33b1ff;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-13 {
+  stop-color: #33b1ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-14 {
+  fill: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-14.hovered {
+  fill: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-14 {
+  background-color: #1192e8;
+}
+.bx--cc--chart-wrapper .background-diverge-1-14.hovered {
+  background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-14 {
+  stroke: #1192e8;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-14 {
+  stop-color: #1192e8;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-15 {
+  fill: #0072c3;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-15.hovered {
+  fill: #005d9f;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-15 {
+  background-color: #0072c3;
+}
+.bx--cc--chart-wrapper .background-diverge-1-15.hovered {
+  background-color: #005d9f;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-15 {
+  stroke: #0072c3;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-15 {
+  stop-color: #0072c3;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-16 {
+  fill: #00539a;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-16.hovered {
+  fill: #004076;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-16 {
+  background-color: #00539a;
+}
+.bx--cc--chart-wrapper .background-diverge-1-16.hovered {
+  background-color: #004076;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .stroke-diverge-1-16 {
+  stroke: #00539a;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-1-16 {
+  stop-color: #00539a;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-17 {
+  fill: #003a6d;
+}
+.bx--cc--chart-wrapper .fill-diverge-1-17.hovered {
+  fill: #002749;
+  transition: all 0.1s ease-out;
+}
+.bx--cc--chart-wrapper .background-diverge-1-17 {
+  background-color: #003a6d;
+}
+.bx--cc--chart-wrapper .background-diverge-1-17.hovered {
+  background-color: #002749;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-5-2-1 {
-  stroke: #002d9c;
+.bx--cc--chart-wrapper .stroke-diverge-1-17 {
+  stroke: #003a6d;
 }
-.bx--cc--chart-wrapper .fill-5-2-2 {
-  fill: #009d9a;
+.bx--cc--chart-wrapper .stop-color-diverge-1-17 {
+  stop-color: #003a6d;
 }
-.bx--cc--chart-wrapper .fill-5-2-2.hovered {
-  fill: #007977;
+.bx--cc--chart-wrapper .fill-diverge-2-1 {
+  fill: #491d8b;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-1.hovered {
+  fill: #39176d;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-5-2-2 {
-  background-color: #009d9a;
+.bx--cc--chart-wrapper .background-diverge-2-1 {
+  background-color: #491d8b;
 }
-.bx--cc--chart-wrapper .background-5-2-2.hovered {
-  background-color: #007977;
+.bx--cc--chart-wrapper .background-diverge-2-1.hovered {
+  background-color: #39176d;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-5-2-2 {
-  stroke: #009d9a;
+.bx--cc--chart-wrapper .stroke-diverge-2-1 {
+  stroke: #491d8b;
 }
-.bx--cc--chart-wrapper .fill-5-2-3 {
-  fill: #9f1853;
+.bx--cc--chart-wrapper .stop-color-diverge-2-1 {
+  stop-color: #491d8b;
 }
-.bx--cc--chart-wrapper .fill-5-2-3.hovered {
-  fill: #801343;
+.bx--cc--chart-wrapper .fill-diverge-2-2 {
+  fill: #6929c4;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-2.hovered {
+  fill: #5923a6;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-5-2-3 {
-  background-color: #9f1853;
+.bx--cc--chart-wrapper .background-diverge-2-2 {
+  background-color: #6929c4;
 }
-.bx--cc--chart-wrapper .background-5-2-3.hovered {
-  background-color: #801343;
+.bx--cc--chart-wrapper .background-diverge-2-2.hovered {
+  background-color: #5923a6;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-5-2-3 {
-  stroke: #9f1853;
+.bx--cc--chart-wrapper .stroke-diverge-2-2 {
+  stroke: #6929c4;
 }
-.bx--cc--chart-wrapper .fill-5-2-4 {
-  fill: #520408;
+.bx--cc--chart-wrapper .stop-color-diverge-2-2 {
+  stop-color: #6929c4;
 }
-.bx--cc--chart-wrapper .fill-5-2-4.hovered {
-  fill: #300205;
+.bx--cc--chart-wrapper .fill-diverge-2-3 {
+  fill: #8a3ffc;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-3.hovered {
+  fill: #751cfb;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-5-2-4 {
-  background-color: #520408;
+.bx--cc--chart-wrapper .background-diverge-2-3 {
+  background-color: #8a3ffc;
 }
-.bx--cc--chart-wrapper .background-5-2-4.hovered {
-  background-color: #300205;
+.bx--cc--chart-wrapper .background-diverge-2-3.hovered {
+  background-color: #751cfb;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-5-2-4 {
-  stroke: #520408;
+.bx--cc--chart-wrapper .stroke-diverge-2-3 {
+  stroke: #8a3ffc;
 }
-.bx--cc--chart-wrapper .fill-5-2-5 {
+.bx--cc--chart-wrapper .stop-color-diverge-2-3 {
+  stop-color: #8a3ffc;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-4 {
   fill: #a56eff;
 }
-.bx--cc--chart-wrapper .fill-5-2-5.hovered {
+.bx--cc--chart-wrapper .fill-diverge-2-4.hovered {
   fill: #8f4aff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-5-2-5 {
+.bx--cc--chart-wrapper .background-diverge-2-4 {
   background-color: #a56eff;
 }
-.bx--cc--chart-wrapper .background-5-2-5.hovered {
+.bx--cc--chart-wrapper .background-diverge-2-4.hovered {
   background-color: #8f4aff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-5-2-5 {
+.bx--cc--chart-wrapper .stroke-diverge-2-4 {
   stroke: #a56eff;
 }
-.bx--cc--chart-wrapper .fill-14-1-1 {
-  fill: #6929c4;
-}
-.bx--cc--chart-wrapper .fill-14-1-1.hovered {
-  fill: #5923a6;
-  transition: all 0.1s ease-out;
+.bx--cc--chart-wrapper .stop-color-diverge-2-4 {
+  stop-color: #a56eff;
 }
-.bx--cc--chart-wrapper .background-14-1-1 {
-  background-color: #6929c4;
+.bx--cc--chart-wrapper .fill-diverge-2-5 {
+  fill: #be95ff;
 }
-.bx--cc--chart-wrapper .background-14-1-1.hovered {
-  background-color: #5923a6;
+.bx--cc--chart-wrapper .fill-diverge-2-5.hovered {
+  fill: #a871ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-1 {
-  stroke: #6929c4;
-}
-.bx--cc--chart-wrapper .fill-14-1-2 {
-  fill: #1192e8;
+.bx--cc--chart-wrapper .background-diverge-2-5 {
+  background-color: #be95ff;
 }
-.bx--cc--chart-wrapper .fill-14-1-2.hovered {
-  fill: #0f7dc7;
+.bx--cc--chart-wrapper .background-diverge-2-5.hovered {
+  background-color: #a871ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-2 {
-  background-color: #1192e8;
-}
-.bx--cc--chart-wrapper .background-14-1-2.hovered {
-  background-color: #0f7dc7;
-  transition: all 0.1s ease-out;
+.bx--cc--chart-wrapper .stroke-diverge-2-5 {
+  stroke: #be95ff;
 }
-.bx--cc--chart-wrapper .stroke-14-1-2 {
-  stroke: #1192e8;
+.bx--cc--chart-wrapper .stop-color-diverge-2-5 {
+  stop-color: #be95ff;
 }
-.bx--cc--chart-wrapper .fill-14-1-3 {
-  fill: #005d5d;
+.bx--cc--chart-wrapper .fill-diverge-2-6 {
+  fill: #d4bbff;
 }
-.bx--cc--chart-wrapper .fill-14-1-3.hovered {
-  fill: #003939;
+.bx--cc--chart-wrapper .fill-diverge-2-6.hovered {
+  fill: #bd97ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-3 {
-  background-color: #005d5d;
+.bx--cc--chart-wrapper .background-diverge-2-6 {
+  background-color: #d4bbff;
 }
-.bx--cc--chart-wrapper .background-14-1-3.hovered {
-  background-color: #003939;
+.bx--cc--chart-wrapper .background-diverge-2-6.hovered {
+  background-color: #bd97ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-3 {
-  stroke: #005d5d;
+.bx--cc--chart-wrapper .stroke-diverge-2-6 {
+  stroke: #d4bbff;
 }
-.bx--cc--chart-wrapper .fill-14-1-4 {
-  fill: #9f1853;
+.bx--cc--chart-wrapper .stop-color-diverge-2-6 {
+  stop-color: #d4bbff;
 }
-.bx--cc--chart-wrapper .fill-14-1-4.hovered {
-  fill: #801343;
+.bx--cc--chart-wrapper .fill-diverge-2-7 {
+  fill: #e8daff;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-7.hovered {
+  fill: #d2b6ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-4 {
-  background-color: #9f1853;
+.bx--cc--chart-wrapper .background-diverge-2-7 {
+  background-color: #e8daff;
 }
-.bx--cc--chart-wrapper .background-14-1-4.hovered {
-  background-color: #801343;
+.bx--cc--chart-wrapper .background-diverge-2-7.hovered {
+  background-color: #d2b6ff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-4 {
-  stroke: #9f1853;
+.bx--cc--chart-wrapper .stroke-diverge-2-7 {
+  stroke: #e8daff;
 }
-.bx--cc--chart-wrapper .fill-14-1-5 {
-  fill: #fa4d56;
+.bx--cc--chart-wrapper .stop-color-diverge-2-7 {
+  stop-color: #e8daff;
 }
-.bx--cc--chart-wrapper .fill-14-1-5.hovered {
-  fill: #f92a35;
+.bx--cc--chart-wrapper .fill-diverge-2-8 {
+  fill: #f6f2ff;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-8.hovered {
+  fill: #ddceff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-5 {
-  background-color: #fa4d56;
+.bx--cc--chart-wrapper .background-diverge-2-8 {
+  background-color: #f6f2ff;
 }
-.bx--cc--chart-wrapper .background-14-1-5.hovered {
-  background-color: #f92a35;
+.bx--cc--chart-wrapper .background-diverge-2-8.hovered {
+  background-color: #ddceff;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-5 {
-  stroke: #fa4d56;
+.bx--cc--chart-wrapper .stroke-diverge-2-8 {
+  stroke: #f6f2ff;
 }
-.bx--cc--chart-wrapper .fill-14-1-6 {
-  fill: #520408;
+.bx--cc--chart-wrapper .stop-color-diverge-2-8 {
+  stop-color: #f6f2ff;
 }
-.bx--cc--chart-wrapper .fill-14-1-6.hovered {
-  fill: #300205;
+.bx--cc--chart-wrapper .fill-diverge-2-9 {
+  fill: #ffffff;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-9.hovered {
+  fill: #ededed;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-6 {
-  background-color: #520408;
+.bx--cc--chart-wrapper .background-diverge-2-9 {
+  background-color: #ffffff;
 }
-.bx--cc--chart-wrapper .background-14-1-6.hovered {
-  background-color: #300205;
+.bx--cc--chart-wrapper .background-diverge-2-9.hovered {
+  background-color: #ededed;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-6 {
-  stroke: #520408;
+.bx--cc--chart-wrapper .stroke-diverge-2-9 {
+  stroke: #ffffff;
 }
-.bx--cc--chart-wrapper .fill-14-1-7 {
-  fill: #198038;
+.bx--cc--chart-wrapper .stop-color-diverge-2-9 {
+  stop-color: #ffffff;
 }
-.bx--cc--chart-wrapper .fill-14-1-7.hovered {
-  fill: #13622b;
+.bx--cc--chart-wrapper .fill-diverge-2-10 {
+  fill: #d9fbfb;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-10.hovered {
+  fill: #b9f8f8;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-7 {
-  background-color: #198038;
+.bx--cc--chart-wrapper .background-diverge-2-10 {
+  background-color: #d9fbfb;
 }
-.bx--cc--chart-wrapper .background-14-1-7.hovered {
-  background-color: #13622b;
+.bx--cc--chart-wrapper .background-diverge-2-10.hovered {
+  background-color: #b9f8f8;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-7 {
-  stroke: #198038;
+.bx--cc--chart-wrapper .stroke-diverge-2-10 {
+  stroke: #d9fbfb;
 }
-.bx--cc--chart-wrapper .fill-14-1-8 {
-  fill: #002d9c;
+.bx--cc--chart-wrapper .stop-color-diverge-2-10 {
+  stop-color: #d9fbfb;
 }
-.bx--cc--chart-wrapper .fill-14-1-8.hovered {
-  fill: #002378;
+.bx--cc--chart-wrapper .fill-diverge-2-11 {
+  fill: #9ef0f0;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-11.hovered {
+  fill: #7febeb;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-8 {
-  background-color: #002d9c;
+.bx--cc--chart-wrapper .background-diverge-2-11 {
+  background-color: #9ef0f0;
 }
-.bx--cc--chart-wrapper .background-14-1-8.hovered {
-  background-color: #002378;
+.bx--cc--chart-wrapper .background-diverge-2-11.hovered {
+  background-color: #7febeb;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-8 {
-  stroke: #002d9c;
+.bx--cc--chart-wrapper .stroke-diverge-2-11 {
+  stroke: #9ef0f0;
 }
-.bx--cc--chart-wrapper .fill-14-1-9 {
-  fill: #ee5396;
+.bx--cc--chart-wrapper .stop-color-diverge-2-11 {
+  stop-color: #9ef0f0;
 }
-.bx--cc--chart-wrapper .fill-14-1-9.hovered {
-  fill: #eb3382;
+.bx--cc--chart-wrapper .fill-diverge-2-12 {
+  fill: #3ddbd9;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-12.hovered {
+  fill: #26cecc;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-9 {
-  background-color: #ee5396;
+.bx--cc--chart-wrapper .background-diverge-2-12 {
+  background-color: #3ddbd9;
 }
-.bx--cc--chart-wrapper .background-14-1-9.hovered {
-  background-color: #eb3382;
+.bx--cc--chart-wrapper .background-diverge-2-12.hovered {
+  background-color: #26cecc;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-9 {
-  stroke: #ee5396;
+.bx--cc--chart-wrapper .stroke-diverge-2-12 {
+  stroke: #3ddbd9;
 }
-.bx--cc--chart-wrapper .fill-14-1-10 {
-  fill: #b28600;
+.bx--cc--chart-wrapper .stop-color-diverge-2-12 {
+  stop-color: #3ddbd9;
 }
-.bx--cc--chart-wrapper .fill-14-1-10.hovered {
-  fill: #8e6b00;
+.bx--cc--chart-wrapper .fill-diverge-2-13 {
+  fill: #08bdba;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-13.hovered {
+  fill: #079b98;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-10 {
-  background-color: #b28600;
+.bx--cc--chart-wrapper .background-diverge-2-13 {
+  background-color: #08bdba;
 }
-.bx--cc--chart-wrapper .background-14-1-10.hovered {
-  background-color: #8e6b00;
+.bx--cc--chart-wrapper .background-diverge-2-13.hovered {
+  background-color: #079b98;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-10 {
-  stroke: #b28600;
+.bx--cc--chart-wrapper .stroke-diverge-2-13 {
+  stroke: #08bdba;
 }
-.bx--cc--chart-wrapper .fill-14-1-11 {
+.bx--cc--chart-wrapper .stop-color-diverge-2-13 {
+  stop-color: #08bdba;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-14 {
   fill: #009d9a;
 }
-.bx--cc--chart-wrapper .fill-14-1-11.hovered {
+.bx--cc--chart-wrapper .fill-diverge-2-14.hovered {
   fill: #007977;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-11 {
+.bx--cc--chart-wrapper .background-diverge-2-14 {
   background-color: #009d9a;
 }
-.bx--cc--chart-wrapper .background-14-1-11.hovered {
+.bx--cc--chart-wrapper .background-diverge-2-14.hovered {
   background-color: #007977;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-11 {
+.bx--cc--chart-wrapper .stroke-diverge-2-14 {
   stroke: #009d9a;
 }
-.bx--cc--chart-wrapper .fill-14-1-12 {
-  fill: #012749;
+.bx--cc--chart-wrapper .stop-color-diverge-2-14 {
+  stop-color: #009d9a;
 }
-.bx--cc--chart-wrapper .fill-14-1-12.hovered {
-  fill: #011426;
+.bx--cc--chart-wrapper .fill-diverge-2-15 {
+  fill: #007d79;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-15.hovered {
+  fill: #005956;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-12 {
-  background-color: #012749;
+.bx--cc--chart-wrapper .background-diverge-2-15 {
+  background-color: #007d79;
 }
-.bx--cc--chart-wrapper .background-14-1-12.hovered {
-  background-color: #011426;
+.bx--cc--chart-wrapper .background-diverge-2-15.hovered {
+  background-color: #005956;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-12 {
-  stroke: #012749;
+.bx--cc--chart-wrapper .stroke-diverge-2-15 {
+  stroke: #007d79;
 }
-.bx--cc--chart-wrapper .fill-14-1-13 {
-  fill: #8a3800;
+.bx--cc--chart-wrapper .stop-color-diverge-2-15 {
+  stop-color: #007d79;
 }
-.bx--cc--chart-wrapper .fill-14-1-13.hovered {
-  fill: #662a00;
+.bx--cc--chart-wrapper .fill-diverge-2-16 {
+  fill: #005d5d;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-16.hovered {
+  fill: #003939;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-13 {
-  background-color: #8a3800;
+.bx--cc--chart-wrapper .background-diverge-2-16 {
+  background-color: #005d5d;
 }
-.bx--cc--chart-wrapper .background-14-1-13.hovered {
-  background-color: #662a00;
+.bx--cc--chart-wrapper .background-diverge-2-16.hovered {
+  background-color: #003939;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-13 {
-  stroke: #8a3800;
+.bx--cc--chart-wrapper .stroke-diverge-2-16 {
+  stroke: #005d5d;
 }
-.bx--cc--chart-wrapper .fill-14-1-14 {
-  fill: #a56eff;
+.bx--cc--chart-wrapper .stop-color-diverge-2-16 {
+  stop-color: #005d5d;
 }
-.bx--cc--chart-wrapper .fill-14-1-14.hovered {
-  fill: #8f4aff;
+.bx--cc--chart-wrapper .fill-diverge-2-17 {
+  fill: #004144;
+}
+.bx--cc--chart-wrapper .fill-diverge-2-17.hovered {
+  fill: #001f20;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .background-14-1-14 {
-  background-color: #a56eff;
+.bx--cc--chart-wrapper .background-diverge-2-17 {
+  background-color: #004144;
 }
-.bx--cc--chart-wrapper .background-14-1-14.hovered {
-  background-color: #8f4aff;
+.bx--cc--chart-wrapper .background-diverge-2-17.hovered {
+  background-color: #001f20;
   transition: all 0.1s ease-out;
 }
-.bx--cc--chart-wrapper .stroke-14-1-14 {
-  stroke: #a56eff;
+.bx--cc--chart-wrapper .stroke-diverge-2-17 {
+  stroke: #004144;
+}
+.bx--cc--chart-wrapper .stop-color-diverge-2-17 {
+  stop-color: #004144;
 }
 
 .bx--cc--tooltip .tooltip-1-1-1 {
@@ -1326,6 +3081,21 @@
 .bx--cc--axes g.axis g.ticks.invisible {
   visibility: hidden;
 }
+.bx--cc--axes g.axis g.tick-hover rect.axis-holder {
+  fill: transparent;
+  stroke: transparent;
+  stroke-width: 2px;
+}
+.bx--cc--axes g.axis g.tick-hover:hover rect.axis-holder,
+.bx--cc--axes g.axis g.tick-hover:focus rect.axis-holder {
+  fill: black;
+  stroke: black;
+  stroke-width: 2px;
+}
+.bx--cc--axes g.axis g.tick-hover:hover text,
+.bx--cc--axes g.axis g.tick-hover:focus text {
+  fill: white;
+}
 .bx--cc--axes g.axis g.tick text {
   fill: #525252;
   font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
@@ -2223,6 +3993,14 @@ div.bx--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbox
   fill: #161616;
 }
 
+svg.bx--cc--color-legend {
+  display: flex;
+  user-select: none;
+}
+svg.bx--cc--color-legend g.legend-title text {
+  fill: black;
+}
+
 .bx--cc--area path.area,
 .bx--cc--area-stacked path.area {
   pointer-events: none;
@@ -2446,6 +4224,49 @@ div.bx--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbox
   fill: black;
 }
 
+.bx--cc--heatmap g.highlighter-hidden {
+  visibility: hidden;
+}
+.bx--cc--heatmap g.cell-highlight line {
+  stroke: white;
+  stroke-width: 1px;
+}
+.bx--cc--heatmap g.cell-2 line {
+  stroke: white;
+  stroke-width: 2px !important;
+}
+.bx--cc--heatmap g.multi-cell line {
+  stroke: white;
+  stroke-width: 2px;
+}
+.bx--cc--heatmap rect.pattern-fill {
+  fill: #8d8d8d;
+}
+.bx--cc--heatmap g.shadows line.top {
+  filter: drop-shadow(0px -3px 2px black);
+}
+.bx--cc--heatmap g.shadows line.down {
+  filter: drop-shadow(0px 3px 2px black);
+}
+.bx--cc--heatmap g.shadows line.left {
+  filter: drop-shadow(-3px 0px 2px black);
+}
+.bx--cc--heatmap g.shadows line.right {
+  filter: drop-shadow(3px 0px 2px black);
+}
+.bx--cc--heatmap rect.null-state {
+  stroke: transparent !important;
+}
+.bx--cc--heatmap rect.heat {
+  stroke-width: 0px;
+}
+.bx--cc--heatmap rect.heat {
+  stroke: #ffffff;
+}
+.bx--cc--heatmap rect.null-state {
+  fill: #f4f4f4;
+}
+
 @font-face {
   font-display: auto;
   font-family: "IBM Plex Sans";