@carbon/charts 0.41.103 → 0.44.0

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;
@@ -13302,9 +13433,11 @@ div.container.theme--white .bx--chart-holder {
   display: block;
   width: 100%;
   height: 100%;
+}
+div.container.theme--white .bx--chart-holder.filled {
   background-color: #ffffff;
 }
-div.container.theme--white .bx--chart-holder .bx--cc--chart-wrapper {
+div.container.theme--white .bx--chart-holder.filled .bx--cc--chart-wrapper {
   background-color: #ffffff;
 }
 div.container.theme--white .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -13390,12 +13523,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 +13540,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 +13557,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 +13574,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 +13591,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 +13608,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 +13625,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 +13642,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 +13659,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 +13676,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 +13693,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 +13710,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 +13727,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 +13744,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 +13761,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 +13778,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 +13795,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 +13812,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 +13829,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 +13846,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 +13863,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 +13880,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 +13897,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 +13914,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 +13931,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 +13948,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 +13965,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 +13982,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 +13999,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 +14016,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 +14033,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 +14050,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 +14067,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 +14084,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 +14101,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 +14118,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 +14135,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 +14152,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 +14169,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 +14186,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 +14203,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 +14220,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 +14237,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 +14254,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 +14271,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 +14288,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 +14305,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 +14322,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 +14339,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 +14356,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 +14373,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 +14390,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 +14407,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 +14424,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 +14441,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 +14458,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 +14475,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 +14492,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 +14509,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 +14526,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 +14543,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 +14560,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 +14577,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 +14594,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 +14611,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 +14891,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;
@@ -16590,9 +16854,11 @@ div.container.theme--g10 .bx--chart-holder {
   display: block;
   width: 100%;
   height: 100%;
+}
+div.container.theme--g10 .bx--chart-holder.filled {
   background-color: #f4f4f4;
 }
-div.container.theme--g10 .bx--chart-holder .bx--cc--chart-wrapper {
+div.container.theme--g10 .bx--chart-holder.filled .bx--cc--chart-wrapper {
   background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -17649,12 +17915,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 +17932,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 +17949,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 +17966,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 +17983,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 +18000,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 +18017,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 +18034,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 +18051,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 +18068,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 +18085,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 +18102,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 +18119,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 +18136,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 +18153,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 +18170,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 +18187,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 +18204,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 +18221,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 +18238,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 +18255,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 +18272,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 +18289,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 +18306,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 +18323,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 +18340,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 +18357,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 +18374,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 +18391,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 +18408,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 +18425,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 +18442,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 +18459,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 +18476,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 +18493,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 +18510,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 +18527,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 +18544,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 +18561,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 +18578,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 +18595,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 +18612,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 +18629,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 +18646,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 +18663,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 +18680,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 +18697,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 +18714,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 +18731,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 +18748,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 +18765,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 +18782,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 +18799,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 +18816,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 +18833,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 +18850,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 +18867,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 +18884,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 +18901,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 +18918,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 +18935,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 +18952,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 +18969,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 +18986,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 +19003,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 +19283,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;
@@ -20851,9 +21248,11 @@ div.container.theme--g90 .bx--chart-holder {
   display: block;
   width: 100%;
   height: 100%;
+}
+div.container.theme--g90 .bx--chart-holder.filled {
   background-color: #262626;
 }
-div.container.theme--g90 .bx--chart-holder .bx--cc--chart-wrapper {
+div.container.theme--g90 .bx--chart-holder.filled .bx--cc--chart-wrapper {
   background-color: #262626;
 }
 div.container.theme--g90 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -21925,12 +22324,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 +22341,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 +22358,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 +22375,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 +22392,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 +22409,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 +22426,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 +22443,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 +22460,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 +22477,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 +22494,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 +22511,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 +22528,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 +22545,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 +22562,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 +22579,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 +22596,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 +22613,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 +22630,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 +22647,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 +22664,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 +22681,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 +22698,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 +22715,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 +22732,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 +22749,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 +22766,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 +22783,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 +22800,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 +22817,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 +22834,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 +22851,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 +22868,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 +22885,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 +22902,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 +22919,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 +22936,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 +22953,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 +22970,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 +22987,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 +23004,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 +23021,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 +23038,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 +23055,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 +23072,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 +23089,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 +23106,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 +23123,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 +23140,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 +23157,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 +23174,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 +23191,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 +23208,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 +23225,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 +23242,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 +23259,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 +23276,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 +23293,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 +23310,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 +23327,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 +23344,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 +23361,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 +23378,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 +23395,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 +23412,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 +23692,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;
@@ -25127,9 +25657,11 @@ div.container.theme--g100 .bx--chart-holder {
   display: block;
   width: 100%;
   height: 100%;
+}
+div.container.theme--g100 .bx--chart-holder.filled {
   background-color: #161616;
 }
-div.container.theme--g100 .bx--chart-holder .bx--cc--chart-wrapper {
+div.container.theme--g100 .bx--chart-holder.filled .bx--cc--chart-wrapper {
   background-color: #161616;
 }
 div.container.theme--g100 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {