@carbon/charts 0.41.100 → 0.42.1

package/demo/styles.css

@@ -9530,12 +9530,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-1-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-1-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-1-1-1 {
   stroke: #6929c4;
@@ -9545,12 +9547,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-1-2-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-1-2-1.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-2-1 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-2-1.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-1-2-1 {
   stroke: #002d9c;
@@ -9560,12 +9564,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-1-3-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-1-3-1.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-3-1 {
   background-color: #1192e8;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-3-1.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-1-3-1 {
   stroke: #1192e8;
@@ -9575,12 +9581,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-1-4-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-1-4-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-4-1 {
   background-color: #007d79;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-1-4-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-1-4-1 {
   stroke: #007d79;
@@ -9590,12 +9598,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-1-1 {
   stroke: #6929c4;
@@ -9605,12 +9615,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-1-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-1-2.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-1-2 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-1-2.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-1-2 {
   stroke: #009d9a;
@@ -9620,12 +9632,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-2-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-2-1 {
   stroke: #8a3ffc;
@@ -9635,12 +9649,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-2-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-2-2.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-2-2 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-2-2.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-2-2 {
   stroke: #520408;
@@ -9650,12 +9666,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-3-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-3-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-3-1 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-3-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-3-1 {
   stroke: #9f1853;
@@ -9665,12 +9683,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-3-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-3-2.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-3-2 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-3-2.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-3-2 {
   stroke: #520408;
@@ -9680,12 +9700,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-4-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-4-1.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-4-1 {
   background-color: #1192e8;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-4-1.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-4-1 {
   stroke: #1192e8;
@@ -9695,12 +9717,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-4-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-4-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-4-2 {
   background-color: #005d5d;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-4-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-4-2 {
   stroke: #005d5d;
@@ -9710,12 +9734,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-5-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-5-1.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-5-1 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-5-1.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-5-1 {
   stroke: #009d9a;
@@ -9725,12 +9751,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-2-5-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-2-5-2.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-5-2 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-2-5-2.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-2-5-2 {
   stroke: #002d9c;
@@ -9740,12 +9768,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-1.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-1 {
   background-color: #ee5396;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-1.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-1-1 {
   stroke: #ee5396;
@@ -9755,12 +9785,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-1-2 {
   stroke: #1192e8;
@@ -9770,12 +9802,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-1-3.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-3 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-1-3.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-1-3 {
   stroke: #6929c4;
@@ -9785,12 +9819,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-1 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-2-1 {
   stroke: #9f1853;
@@ -9800,12 +9836,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-2.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-2 {
   background-color: #fa4d56;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-2.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-2-2 {
   stroke: #fa4d56;
@@ -9815,12 +9853,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-2-3.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-3 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-2-3.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-2-3 {
   stroke: #520408;
@@ -9830,12 +9870,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-1.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-1 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-1.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-3-1 {
   stroke: #a56eff;
@@ -9845,12 +9887,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-2 {
   background-color: #005d5d;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-3-2 {
   stroke: #005d5d;
@@ -9860,12 +9904,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-3-3.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-3 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-3-3.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-3-3 {
   stroke: #002d9c;
@@ -9875,12 +9921,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-1.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-1 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-1.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-4-1 {
   stroke: #a56eff;
@@ -9890,12 +9938,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-2 {
   background-color: #005d5d;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-4-2 {
   stroke: #005d5d;
@@ -9905,12 +9955,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-4-3.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-3 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-4-3.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-4-3 {
   stroke: #9f1853;
@@ -9920,12 +9972,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-1.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-1 {
   background-color: #012749;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-1.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-5-1 {
   stroke: #012749;
@@ -9935,12 +9989,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-2.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-2 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-2.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-5-2 {
   stroke: #6929c4;
@@ -9950,12 +10006,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-3-5-3.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-3 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-3-5-3.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-3-5-3 {
   stroke: #009d9a;
@@ -9965,12 +10023,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-1-1 {
   stroke: #6929c4;
@@ -9980,12 +10040,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-2.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-2 {
   background-color: #012749;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-2.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-1-2 {
   stroke: #012749;
@@ -9995,12 +10057,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-3.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-3 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-3.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-1-3 {
   stroke: #009d9a;
@@ -10010,12 +10074,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-1-4.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-4 {
   background-color: #ee5396;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-1-4.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-1-4 {
   stroke: #ee5396;
@@ -10025,12 +10091,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-1 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-2-1 {
   stroke: #9f1853;
@@ -10040,12 +10108,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-2.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-2 {
   background-color: #fa4d56;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-2.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-2-2 {
   stroke: #fa4d56;
@@ -10055,12 +10125,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-3.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-3 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-3.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-2-3 {
   stroke: #520408;
@@ -10070,12 +10142,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-2-4.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-4 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-2-4.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-2-4 {
   stroke: #a56eff;
@@ -10085,12 +10159,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-1.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-1 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-1.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-3-1 {
   stroke: #009d9a;
@@ -10100,12 +10176,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-2.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-2 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-2.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-3-2 {
   stroke: #002d9c;
@@ -10115,12 +10193,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-3.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-3 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-3.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-3-3 {
   stroke: #a56eff;
@@ -10130,12 +10210,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-4-3-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-4 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-4-3-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-4-3-4 {
   stroke: #9f1853;
@@ -10145,12 +10227,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-1-1 {
   stroke: #6929c4;
@@ -10160,12 +10244,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-1-2 {
   stroke: #1192e8;
@@ -10175,12 +10261,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-3.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-3 {
   background-color: #005d5d;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-3.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-1-3 {
   stroke: #005d5d;
@@ -10190,12 +10278,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-4 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-1-4 {
   stroke: #9f1853;
@@ -10205,12 +10295,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-5 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-1-5.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-5 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-1-5.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-1-5 {
   stroke: #520408;
@@ -10220,12 +10312,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-1.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-1 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-1.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-2-1 {
   stroke: #002d9c;
@@ -10235,12 +10329,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-2.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-2 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-2.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-2-2 {
   stroke: #009d9a;
@@ -10250,12 +10346,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-3.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-3 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-3.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-2-3 {
   stroke: #9f1853;
@@ -10265,12 +10363,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-4.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-4 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-4.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-2-4 {
   stroke: #520408;
@@ -10280,12 +10380,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-5 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-5-2-5.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-5 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-5-2-5.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-5-2-5 {
   stroke: #a56eff;
@@ -10295,12 +10397,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-1 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-1 {
   stroke: #6929c4;
@@ -10310,12 +10414,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-2 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-2 {
   stroke: #1192e8;
@@ -10325,12 +10431,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-3 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-3.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-3 {
   background-color: #005d5d;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-3.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-3 {
   stroke: #005d5d;
@@ -10340,12 +10448,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-4 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-4 {
   background-color: #9f1853;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-4 {
   stroke: #9f1853;
@@ -10355,12 +10465,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-5 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-5.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-5 {
   background-color: #fa4d56;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-5.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-5 {
   stroke: #fa4d56;
@@ -10370,12 +10482,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-6 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-6.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-6 {
   background-color: #520408;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-6.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-6 {
   stroke: #520408;
@@ -10385,12 +10499,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-7 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-7.hovered {
   fill: #13622b;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-7 {
   background-color: #198038;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-7.hovered {
   background-color: #13622b;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-7 {
   stroke: #198038;
@@ -10400,12 +10516,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-8 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-8.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-8 {
   background-color: #002d9c;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-8.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-8 {
   stroke: #002d9c;
@@ -10415,12 +10533,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-9 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-9.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-9 {
   background-color: #ee5396;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-9.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-9 {
   stroke: #ee5396;
@@ -10430,12 +10550,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-10 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-10.hovered {
   fill: #8e6b00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-10 {
   background-color: #b28600;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-10.hovered {
   background-color: #8e6b00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-10 {
   stroke: #b28600;
@@ -10445,12 +10567,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-11 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-11.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-11 {
   background-color: #009d9a;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-11.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-11 {
   stroke: #009d9a;
@@ -10460,12 +10584,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-12 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-12.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-12 {
   background-color: #012749;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-12.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-12 {
   stroke: #012749;
@@ -10475,12 +10601,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-13 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-13.hovered {
   fill: #662a00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-13 {
   background-color: #8a3800;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-13.hovered {
   background-color: #662a00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-13 {
   stroke: #8a3800;
@@ -10490,12 +10618,14 @@ div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-14 {
 }
 div.container.theme--white .bx--cc--chart-wrapper .fill-14-1-14.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-14 {
   background-color: #a56eff;
 }
 div.container.theme--white .bx--cc--chart-wrapper .background-14-1-14.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--white .bx--cc--chart-wrapper .stroke-14-1-14 {
   stroke: #a56eff;
@@ -10768,7 +10898,8 @@ div.container.theme--white .bx--cc--grid g.y.grid g.tick.active line {
   stroke-dasharray: 2px;
   stroke: #0f62fe;
 }
-div.container.theme--white .bx--cc--ruler line.ruler-line {
+div.container.theme--white .bx--cc--ruler line.ruler-line,
+div.container.theme--white .bx--cc--ruler-binned line.ruler-line {
   stroke: #000000;
   stroke-width: 1px;
   stroke-dasharray: 2;
@@ -13390,12 +13521,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-1-1-1 {
   stroke: #6929c4;
@@ -13405,12 +13538,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-2-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-2-1.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-2-1 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-2-1.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-1-2-1 {
   stroke: #002d9c;
@@ -13420,12 +13555,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-3-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-3-1.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-3-1 {
   background-color: #1192e8;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-3-1.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-1-3-1 {
   stroke: #1192e8;
@@ -13435,12 +13572,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-4-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-4-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-4-1 {
   background-color: #007d79;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-1-4-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-1-4-1 {
   stroke: #007d79;
@@ -13450,12 +13589,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-1-1 {
   stroke: #6929c4;
@@ -13465,12 +13606,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-1-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-1-2.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-1-2 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-1-2.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-1-2 {
   stroke: #009d9a;
@@ -13480,12 +13623,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-2-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-2-1 {
   stroke: #8a3ffc;
@@ -13495,12 +13640,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-2-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-2-2.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-2-2 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-2-2.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-2-2 {
   stroke: #520408;
@@ -13510,12 +13657,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-3-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-3-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-3-1 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-3-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-3-1 {
   stroke: #9f1853;
@@ -13525,12 +13674,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-3-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-3-2.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-3-2 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-3-2.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-3-2 {
   stroke: #520408;
@@ -13540,12 +13691,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-4-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-4-1.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-4-1 {
   background-color: #1192e8;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-4-1.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-4-1 {
   stroke: #1192e8;
@@ -13555,12 +13708,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-4-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-4-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-4-2 {
   background-color: #005d5d;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-4-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-4-2 {
   stroke: #005d5d;
@@ -13570,12 +13725,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-5-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-5-1.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-5-1 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-5-1.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-5-1 {
   stroke: #009d9a;
@@ -13585,12 +13742,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-5-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-2-5-2.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-5-2 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-2-5-2.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-2-5-2 {
   stroke: #002d9c;
@@ -13600,12 +13759,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-1.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-1 {
   background-color: #ee5396;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-1.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-1-1 {
   stroke: #ee5396;
@@ -13615,12 +13776,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-1-2 {
   stroke: #1192e8;
@@ -13630,12 +13793,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-1-3.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-3 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-1-3.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-1-3 {
   stroke: #6929c4;
@@ -13645,12 +13810,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-1 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-2-1 {
   stroke: #9f1853;
@@ -13660,12 +13827,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-2.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-2 {
   background-color: #fa4d56;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-2.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-2-2 {
   stroke: #fa4d56;
@@ -13675,12 +13844,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-2-3.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-3 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-2-3.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-2-3 {
   stroke: #520408;
@@ -13690,12 +13861,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-1.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-1 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-1.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-3-1 {
   stroke: #a56eff;
@@ -13705,12 +13878,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-2 {
   background-color: #005d5d;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-3-2 {
   stroke: #005d5d;
@@ -13720,12 +13895,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-3-3.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-3 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-3-3.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-3-3 {
   stroke: #002d9c;
@@ -13735,12 +13912,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-1.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-1 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-1.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-4-1 {
   stroke: #a56eff;
@@ -13750,12 +13929,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-2.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-2 {
   background-color: #005d5d;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-2.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-4-2 {
   stroke: #005d5d;
@@ -13765,12 +13946,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-4-3.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-3 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-4-3.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-4-3 {
   stroke: #9f1853;
@@ -13780,12 +13963,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-1.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-1 {
   background-color: #012749;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-1.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-5-1 {
   stroke: #012749;
@@ -13795,12 +13980,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-2.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-2 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-2.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-5-2 {
   stroke: #6929c4;
@@ -13810,12 +13997,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-3-5-3.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-3 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-3-5-3.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-3-5-3 {
   stroke: #009d9a;
@@ -13825,12 +14014,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-1-1 {
   stroke: #6929c4;
@@ -13840,12 +14031,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-2.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-2 {
   background-color: #012749;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-2.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-1-2 {
   stroke: #012749;
@@ -13855,12 +14048,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-3.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-3 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-3.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-1-3 {
   stroke: #009d9a;
@@ -13870,12 +14065,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-1-4.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-4 {
   background-color: #ee5396;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-1-4.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-1-4 {
   stroke: #ee5396;
@@ -13885,12 +14082,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-1.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-1 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-1.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-2-1 {
   stroke: #9f1853;
@@ -13900,12 +14099,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-2.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-2 {
   background-color: #fa4d56;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-2.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-2-2 {
   stroke: #fa4d56;
@@ -13915,12 +14116,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-3.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-3 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-3.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-2-3 {
   stroke: #520408;
@@ -13930,12 +14133,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-2-4.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-4 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-2-4.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-2-4 {
   stroke: #a56eff;
@@ -13945,12 +14150,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-1.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-1 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-1.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-3-1 {
   stroke: #009d9a;
@@ -13960,12 +14167,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-2.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-2 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-2.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-3-2 {
   stroke: #002d9c;
@@ -13975,12 +14184,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-3.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-3 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-3.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-3-3 {
   stroke: #a56eff;
@@ -13990,12 +14201,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-4-3-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-4 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-4-3-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-4-3-4 {
   stroke: #9f1853;
@@ -14005,12 +14218,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-1-1 {
   stroke: #6929c4;
@@ -14020,12 +14235,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-1-2 {
   stroke: #1192e8;
@@ -14035,12 +14252,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-3.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-3 {
   background-color: #005d5d;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-3.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-1-3 {
   stroke: #005d5d;
@@ -14050,12 +14269,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-4 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-1-4 {
   stroke: #9f1853;
@@ -14065,12 +14286,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-5 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-1-5.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-5 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-1-5.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-1-5 {
   stroke: #520408;
@@ -14080,12 +14303,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-1.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-1 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-1.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-2-1 {
   stroke: #002d9c;
@@ -14095,12 +14320,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-2.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-2 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-2.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-2-2 {
   stroke: #009d9a;
@@ -14110,12 +14337,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-3.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-3 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-3.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-2-3 {
   stroke: #9f1853;
@@ -14125,12 +14354,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-4.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-4 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-4.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-2-4 {
   stroke: #520408;
@@ -14140,12 +14371,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-5 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-5-2-5.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-5 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-5-2-5.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-5-2-5 {
   stroke: #a56eff;
@@ -14155,12 +14388,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-1 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-1.hovered {
   fill: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-1 {
   background-color: #6929c4;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-1.hovered {
   background-color: #5923a6;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-1 {
   stroke: #6929c4;
@@ -14170,12 +14405,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-2 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-2.hovered {
   fill: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-2 {
   background-color: #1192e8;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-2.hovered {
   background-color: #0f7dc7;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-2 {
   stroke: #1192e8;
@@ -14185,12 +14422,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-3 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-3.hovered {
   fill: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-3 {
   background-color: #005d5d;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-3.hovered {
   background-color: #003939;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-3 {
   stroke: #005d5d;
@@ -14200,12 +14439,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-4 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-4.hovered {
   fill: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-4 {
   background-color: #9f1853;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-4.hovered {
   background-color: #801343;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-4 {
   stroke: #9f1853;
@@ -14215,12 +14456,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-5 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-5.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-5 {
   background-color: #fa4d56;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-5.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-5 {
   stroke: #fa4d56;
@@ -14230,12 +14473,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-6 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-6.hovered {
   fill: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-6 {
   background-color: #520408;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-6.hovered {
   background-color: #300205;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-6 {
   stroke: #520408;
@@ -14245,12 +14490,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-7 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-7.hovered {
   fill: #13622b;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-7 {
   background-color: #198038;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-7.hovered {
   background-color: #13622b;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-7 {
   stroke: #198038;
@@ -14260,12 +14507,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-8 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-8.hovered {
   fill: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-8 {
   background-color: #002d9c;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-8.hovered {
   background-color: #002378;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-8 {
   stroke: #002d9c;
@@ -14275,12 +14524,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-9 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-9.hovered {
   fill: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-9 {
   background-color: #ee5396;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-9.hovered {
   background-color: #eb3382;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-9 {
   stroke: #ee5396;
@@ -14290,12 +14541,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-10 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-10.hovered {
   fill: #8e6b00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-10 {
   background-color: #b28600;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-10.hovered {
   background-color: #8e6b00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-10 {
   stroke: #b28600;
@@ -14305,12 +14558,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-11 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-11.hovered {
   fill: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-11 {
   background-color: #009d9a;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-11.hovered {
   background-color: #007977;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-11 {
   stroke: #009d9a;
@@ -14320,12 +14575,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-12 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-12.hovered {
   fill: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-12 {
   background-color: #012749;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-12.hovered {
   background-color: #011426;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-12 {
   stroke: #012749;
@@ -14335,12 +14592,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-13 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-13.hovered {
   fill: #662a00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-13 {
   background-color: #8a3800;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-13.hovered {
   background-color: #662a00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-13 {
   stroke: #8a3800;
@@ -14350,12 +14609,14 @@ div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-14 {
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-14-1-14.hovered {
   fill: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-14 {
   background-color: #a56eff;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .background-14-1-14.hovered {
   background-color: #8f4aff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .stroke-14-1-14 {
   stroke: #a56eff;
@@ -14628,7 +14889,8 @@ div.container.theme--g10 .bx--cc--grid g.y.grid g.tick.active line {
   stroke-dasharray: 2px;
   stroke: #0f62fe;
 }
-div.container.theme--g10 .bx--cc--ruler line.ruler-line {
+div.container.theme--g10 .bx--cc--ruler line.ruler-line,
+div.container.theme--g10 .bx--cc--ruler-binned line.ruler-line {
   stroke: #000000;
   stroke-width: 1px;
   stroke-dasharray: 2;
@@ -17649,12 +17911,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-1-1.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-1-1 {
   background-color: #d4bbff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-1-1.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-1-1-1 {
   stroke: #d4bbff;
@@ -17664,12 +17928,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-2-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-1-2-1 {
   stroke: #4589ff;
@@ -17679,12 +17945,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-3-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-3-1.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-3-1 {
   background-color: #33b1ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-3-1.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-1-3-1 {
   stroke: #33b1ff;
@@ -17694,12 +17962,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-4-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-1-4-1.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-4-1 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-1-4-1.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-1-4-1 {
   stroke: #08bdba;
@@ -17709,12 +17979,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-1-1 {
   stroke: #8a3ffc;
@@ -17724,12 +17996,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-1-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-1-2 {
   stroke: #08bdba;
@@ -17739,12 +18013,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-2-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-2-1 {
   stroke: #8a3ffc;
@@ -17754,12 +18030,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-2-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-2-2.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-2-2 {
   background-color: #ff7eb6;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-2-2.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-2-2 {
   stroke: #ff7eb6;
@@ -17769,12 +18047,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-3-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-3-1.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-3-1 {
   background-color: #ff7eb6;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-3-1.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-3-1 {
   stroke: #ff7eb6;
@@ -17784,12 +18064,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-3-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-3-2.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-3-2 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-3-2.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-3-2 {
   stroke: #fff1f1;
@@ -17799,12 +18081,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-4-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-4-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-4-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-4-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-4-1 {
   stroke: #4589ff;
@@ -17814,12 +18098,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-4-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-4-2.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-4-2 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-4-2.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-4-2 {
   stroke: #bae6ff;
@@ -17829,12 +18115,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-5-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-5-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-5-1 {
   background-color: #007d79;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-5-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-5-1 {
   stroke: #007d79;
@@ -17844,12 +18132,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-5-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-2-5-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-5-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-2-5-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-2-5-2 {
   stroke: #6fdc8c;
@@ -17859,12 +18149,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-1-1 {
   stroke: #8a3ffc;
@@ -17874,12 +18166,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-1-2 {
   stroke: #08bdba;
@@ -17889,12 +18183,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-1-3 {
   stroke: #bae6ff;
@@ -17904,12 +18200,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-2-1 {
   stroke: #8a3ffc;
@@ -17919,12 +18217,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-2.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-2 {
   background-color: #ff7eb6;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-2.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-2-2 {
   stroke: #ff7eb6;
@@ -17934,12 +18234,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-2-3.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-3 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-2-3.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-2-3 {
   stroke: #fff1f1;
@@ -17949,12 +18251,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-3-1 {
   stroke: #4589ff;
@@ -17964,12 +18268,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-3-2 {
   stroke: #08bdba;
@@ -17979,12 +18285,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-3-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-3-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-3-3 {
   stroke: #d4bbff;
@@ -17994,12 +18302,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-4-1 {
   stroke: #4589ff;
@@ -18009,12 +18319,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-4-2 {
   stroke: #6fdc8c;
@@ -18024,12 +18336,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-4-3.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-3 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-4-3.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-4-3 {
   stroke: #fff1f1;
@@ -18039,12 +18353,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-1 {
   background-color: #007d79;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-5-1 {
   stroke: #007d79;
@@ -18054,12 +18370,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-5-2 {
   stroke: #6fdc8c;
@@ -18069,12 +18387,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-3-5-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-3-5-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-3-5-3 {
   stroke: #bae6ff;
@@ -18084,12 +18404,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-1-1 {
   stroke: #8a3ffc;
@@ -18099,12 +18421,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-1-2 {
   stroke: #08bdba;
@@ -18114,12 +18438,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-1-3 {
   stroke: #bae6ff;
@@ -18129,12 +18455,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-1-4.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-4 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-1-4.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-1-4 {
   stroke: #4589ff;
@@ -18144,12 +18472,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-2-1 {
   stroke: #4589ff;
@@ -18159,12 +18489,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-2-2 {
   stroke: #08bdba;
@@ -18174,12 +18506,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-2-3 {
   stroke: #d4bbff;
@@ -18189,12 +18523,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-2-4.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-4 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-2-4.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-2-4 {
   stroke: #fff1f1;
@@ -18204,12 +18540,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-1 {
   background-color: #007d79;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-3-1 {
   stroke: #007d79;
@@ -18219,12 +18557,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-2.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-2 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-2.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-3-2 {
   stroke: #fff1f1;
@@ -18234,12 +18574,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-3.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-3 {
   background-color: #33b1ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-3.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-3-3 {
   stroke: #33b1ff;
@@ -18249,12 +18591,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-4-3-4.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-4 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-4-3-4.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-4-3-4 {
   stroke: #6fdc8c;
@@ -18264,12 +18608,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-1-1 {
   stroke: #8a3ffc;
@@ -18279,12 +18625,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-1-2 {
   stroke: #08bdba;
@@ -18294,12 +18642,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-1-3 {
   stroke: #bae6ff;
@@ -18309,12 +18659,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-4.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-4 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-4.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-1-4 {
   stroke: #4589ff;
@@ -18324,12 +18676,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-5 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-1-5.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-5 {
   background-color: #ff7eb6;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-1-5.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-1-5 {
   stroke: #ff7eb6;
@@ -18339,12 +18693,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-2-1 {
   stroke: #4589ff;
@@ -18354,12 +18710,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-2 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-2-2 {
   stroke: #08bdba;
@@ -18369,12 +18727,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-2-3 {
   stroke: #d4bbff;
@@ -18384,12 +18744,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-4.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-4 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-4.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-2-4 {
   stroke: #fff1f1;
@@ -18399,12 +18761,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-5 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-5-2-5.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-5 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-5-2-5.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-5-2-5 {
   stroke: #6fdc8c;
@@ -18414,12 +18778,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-1 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-1 {
   stroke: #8a3ffc;
@@ -18429,12 +18795,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-2 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-2.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-2 {
   background-color: #33b1ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-2.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-2 {
   stroke: #33b1ff;
@@ -18444,12 +18812,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-3 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-3.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-3 {
   background-color: #007d79;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-3.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-3 {
   stroke: #007d79;
@@ -18459,12 +18829,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-4 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-4.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-4 {
   background-color: #ff7eb6;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-4.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-4 {
   stroke: #ff7eb6;
@@ -18474,12 +18846,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-5 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-5.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-5 {
   background-color: #fa4d56;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-5.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-5 {
   stroke: #fa4d56;
@@ -18489,12 +18863,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-6 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-6.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-6 {
   background-color: #fff1f1;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-6.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-6 {
   stroke: #fff1f1;
@@ -18504,12 +18880,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-7 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-7.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-7 {
   background-color: #6fdc8c;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-7.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-7 {
   stroke: #6fdc8c;
@@ -18519,12 +18897,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-8 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-8.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-8 {
   background-color: #4589ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-8.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-8 {
   stroke: #4589ff;
@@ -18534,12 +18914,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-9 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-9.hovered {
   fill: #b22060;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-9 {
   background-color: #d02670;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-9.hovered {
   background-color: #b22060;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-9 {
   stroke: #d02670;
@@ -18549,12 +18931,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-10 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-10.hovered {
   fill: #af8605;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-10 {
   background-color: #d2a106;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-10.hovered {
   background-color: #af8605;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-10 {
   stroke: #d2a106;
@@ -18564,12 +18948,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-11 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-11.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-11 {
   background-color: #08bdba;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-11.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-11 {
   stroke: #08bdba;
@@ -18579,12 +18965,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-12 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-12.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-12 {
   background-color: #bae6ff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-12.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-12 {
   stroke: #bae6ff;
@@ -18594,12 +18982,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-13 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-13.hovered {
   fill: #963f00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-13 {
   background-color: #ba4e00;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-13.hovered {
   background-color: #963f00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-13 {
   stroke: #ba4e00;
@@ -18609,12 +18999,14 @@ div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-14 {
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .fill-14-1-14.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-14 {
   background-color: #d4bbff;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .background-14-1-14.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper .stroke-14-1-14 {
   stroke: #d4bbff;
@@ -18887,7 +19279,8 @@ div.container.theme--g90 .bx--cc--grid g.y.grid g.tick.active line {
   stroke-dasharray: 2px;
   stroke: #ffffff;
 }
-div.container.theme--g90 .bx--cc--ruler line.ruler-line {
+div.container.theme--g90 .bx--cc--ruler line.ruler-line,
+div.container.theme--g90 .bx--cc--ruler-binned line.ruler-line {
   stroke: #ffffff;
   stroke-width: 1px;
   stroke-dasharray: 2;
@@ -21925,12 +22318,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-1-1.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-1-1 {
   background-color: #d4bbff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-1-1.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-1-1-1 {
   stroke: #d4bbff;
@@ -21940,12 +22335,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-2-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-1-2-1 {
   stroke: #4589ff;
@@ -21955,12 +22352,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-3-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-3-1.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-3-1 {
   background-color: #33b1ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-3-1.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-1-3-1 {
   stroke: #33b1ff;
@@ -21970,12 +22369,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-4-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-1-4-1.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-4-1 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-1-4-1.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-1-4-1 {
   stroke: #08bdba;
@@ -21985,12 +22386,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-1-1 {
   stroke: #8a3ffc;
@@ -22000,12 +22403,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-1-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-1-2 {
   stroke: #08bdba;
@@ -22015,12 +22420,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-2-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-2-1 {
   stroke: #8a3ffc;
@@ -22030,12 +22437,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-2-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-2-2.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-2-2 {
   background-color: #ff7eb6;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-2-2.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-2-2 {
   stroke: #ff7eb6;
@@ -22045,12 +22454,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-3-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-3-1.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-3-1 {
   background-color: #ff7eb6;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-3-1.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-3-1 {
   stroke: #ff7eb6;
@@ -22060,12 +22471,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-3-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-3-2.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-3-2 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-3-2.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-3-2 {
   stroke: #fff1f1;
@@ -22075,12 +22488,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-4-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-4-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-4-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-4-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-4-1 {
   stroke: #4589ff;
@@ -22090,12 +22505,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-4-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-4-2.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-4-2 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-4-2.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-4-2 {
   stroke: #bae6ff;
@@ -22105,12 +22522,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-5-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-5-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-5-1 {
   background-color: #007d79;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-5-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-5-1 {
   stroke: #007d79;
@@ -22120,12 +22539,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-5-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-2-5-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-5-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-2-5-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-2-5-2 {
   stroke: #6fdc8c;
@@ -22135,12 +22556,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-1-1 {
   stroke: #8a3ffc;
@@ -22150,12 +22573,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-1-2 {
   stroke: #08bdba;
@@ -22165,12 +22590,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-1-3 {
   stroke: #bae6ff;
@@ -22180,12 +22607,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-2-1 {
   stroke: #8a3ffc;
@@ -22195,12 +22624,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-2.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-2 {
   background-color: #ff7eb6;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-2.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-2-2 {
   stroke: #ff7eb6;
@@ -22210,12 +22641,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-2-3.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-3 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-2-3.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-2-3 {
   stroke: #fff1f1;
@@ -22225,12 +22658,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-3-1 {
   stroke: #4589ff;
@@ -22240,12 +22675,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-3-2 {
   stroke: #08bdba;
@@ -22255,12 +22692,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-3-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-3-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-3-3 {
   stroke: #d4bbff;
@@ -22270,12 +22709,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-4-1 {
   stroke: #4589ff;
@@ -22285,12 +22726,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-4-2 {
   stroke: #6fdc8c;
@@ -22300,12 +22743,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-4-3.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-3 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-4-3.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-4-3 {
   stroke: #fff1f1;
@@ -22315,12 +22760,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-1 {
   background-color: #007d79;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-5-1 {
   stroke: #007d79;
@@ -22330,12 +22777,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-2.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-2 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-2.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-5-2 {
   stroke: #6fdc8c;
@@ -22345,12 +22794,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-3-5-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-3-5-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-3-5-3 {
   stroke: #bae6ff;
@@ -22360,12 +22811,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-1-1 {
   stroke: #8a3ffc;
@@ -22375,12 +22828,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-1-2 {
   stroke: #08bdba;
@@ -22390,12 +22845,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-1-3 {
   stroke: #bae6ff;
@@ -22405,12 +22862,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-1-4.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-4 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-1-4.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-1-4 {
   stroke: #4589ff;
@@ -22420,12 +22879,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-2-1 {
   stroke: #4589ff;
@@ -22435,12 +22896,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-2-2 {
   stroke: #08bdba;
@@ -22450,12 +22913,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-2-3 {
   stroke: #d4bbff;
@@ -22465,12 +22930,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-2-4.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-4 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-2-4.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-2-4 {
   stroke: #fff1f1;
@@ -22480,12 +22947,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-1.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-1 {
   background-color: #007d79;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-1.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-3-1 {
   stroke: #007d79;
@@ -22495,12 +22964,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-2.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-2 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-2.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-3-2 {
   stroke: #fff1f1;
@@ -22510,12 +22981,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-3.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-3 {
   background-color: #33b1ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-3.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-3-3 {
   stroke: #33b1ff;
@@ -22525,12 +22998,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-4-3-4.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-4 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-4-3-4.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-4-3-4 {
   stroke: #6fdc8c;
@@ -22540,12 +23015,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-1-1 {
   stroke: #8a3ffc;
@@ -22555,12 +23032,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-1-2 {
   stroke: #08bdba;
@@ -22570,12 +23049,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-3.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-3 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-3.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-1-3 {
   stroke: #bae6ff;
@@ -22585,12 +23066,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-4.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-4 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-4.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-1-4 {
   stroke: #4589ff;
@@ -22600,12 +23083,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-5 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-1-5.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-5 {
   background-color: #ff7eb6;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-1-5.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-1-5 {
   stroke: #ff7eb6;
@@ -22615,12 +23100,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-1.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-1 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-1.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-2-1 {
   stroke: #4589ff;
@@ -22630,12 +23117,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-2.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-2 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-2.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-2-2 {
   stroke: #08bdba;
@@ -22645,12 +23134,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-3.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-3 {
   background-color: #d4bbff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-3.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-2-3 {
   stroke: #d4bbff;
@@ -22660,12 +23151,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-4.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-4 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-4.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-2-4 {
   stroke: #fff1f1;
@@ -22675,12 +23168,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-5 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-5-2-5.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-5 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-5-2-5.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-5-2-5 {
   stroke: #6fdc8c;
@@ -22690,12 +23185,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-1 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-1.hovered {
   fill: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-1 {
   background-color: #8a3ffc;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-1.hovered {
   background-color: #751cfb;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-1 {
   stroke: #8a3ffc;
@@ -22705,12 +23202,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-2 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-2.hovered {
   fill: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-2 {
   background-color: #33b1ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-2.hovered {
   background-color: #0fa3ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-2 {
   stroke: #33b1ff;
@@ -22720,12 +23219,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-3 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-3.hovered {
   fill: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-3 {
   background-color: #007d79;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-3.hovered {
   background-color: #005956;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-3 {
   stroke: #007d79;
@@ -22735,12 +23236,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-4 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-4.hovered {
   fill: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-4 {
   background-color: #ff7eb6;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-4.hovered {
   background-color: #ff5aa2;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-4 {
   stroke: #ff7eb6;
@@ -22750,12 +23253,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-5 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-5.hovered {
   fill: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-5 {
   background-color: #fa4d56;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-5.hovered {
   background-color: #f92a35;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-5 {
   stroke: #fa4d56;
@@ -22765,12 +23270,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-6 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-6.hovered {
   fill: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-6 {
   background-color: #fff1f1;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-6.hovered {
   background-color: #ffcdcd;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-6 {
   stroke: #fff1f1;
@@ -22780,12 +23287,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-7 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-7.hovered {
   fill: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-7 {
   background-color: #6fdc8c;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-7.hovered {
   background-color: #52d575;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-7 {
   stroke: #6fdc8c;
@@ -22795,12 +23304,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-8 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-8.hovered {
   fill: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-8 {
   background-color: #4589ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-8.hovered {
   background-color: #2172ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-8 {
   stroke: #4589ff;
@@ -22810,12 +23321,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-9 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-9.hovered {
   fill: #b22060;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-9 {
   background-color: #d02670;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-9.hovered {
   background-color: #b22060;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-9 {
   stroke: #d02670;
@@ -22825,12 +23338,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-10 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-10.hovered {
   fill: #af8605;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-10 {
   background-color: #d2a106;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-10.hovered {
   background-color: #af8605;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-10 {
   stroke: #d2a106;
@@ -22840,12 +23355,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-11 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-11.hovered {
   fill: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-11 {
   background-color: #08bdba;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-11.hovered {
   background-color: #079b98;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-11 {
   stroke: #08bdba;
@@ -22855,12 +23372,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-12 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-12.hovered {
   fill: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-12 {
   background-color: #bae6ff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-12.hovered {
   background-color: #96d9ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-12 {
   stroke: #bae6ff;
@@ -22870,12 +23389,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-13 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-13.hovered {
   fill: #963f00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-13 {
   background-color: #ba4e00;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-13.hovered {
   background-color: #963f00;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-13 {
   stroke: #ba4e00;
@@ -22885,12 +23406,14 @@ div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-14 {
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .fill-14-1-14.hovered {
   fill: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-14 {
   background-color: #d4bbff;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .background-14-1-14.hovered {
   background-color: #bd97ff;
+  transition: all 0.1s ease-out;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper .stroke-14-1-14 {
   stroke: #d4bbff;
@@ -23163,7 +23686,8 @@ div.container.theme--g100 .bx--cc--grid g.y.grid g.tick.active line {
   stroke-dasharray: 2px;
   stroke: #ffffff;
 }
-div.container.theme--g100 .bx--cc--ruler line.ruler-line {
+div.container.theme--g100 .bx--cc--ruler line.ruler-line,
+div.container.theme--g100 .bx--cc--ruler-binned line.ruler-line {
   stroke: #ffffff;
   stroke-width: 1px;
   stroke-dasharray: 2;