@carbon/charts/styles.css

Carbon charting components

.bx--cc--chart-svg .fill-1-1-1 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-1-1-1.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-1-1-1 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-1-2-1 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-1-2-1.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-1-2-1 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-1-3-1 {
  fill: #1192e8;
}
.bx--cc--chart-svg .fill-1-3-1.hovered {
  fill: #0f7dc7;
}
.bx--cc--chart-svg .stroke-1-3-1 {
  stroke: #1192e8;
}
.bx--cc--chart-svg .fill-1-4-1 {
  fill: #007d79;
}
.bx--cc--chart-svg .fill-1-4-1.hovered {
  fill: #005956;
}
.bx--cc--chart-svg .stroke-1-4-1 {
  stroke: #007d79;
}
.bx--cc--chart-svg .fill-2-1-1 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-2-1-1.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-2-1-1 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-2-1-2 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-2-1-2.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-2-1-2 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-2-2-1 {
  fill: #8a3ffc;
}
.bx--cc--chart-svg .fill-2-2-1.hovered {
  fill: #751cfb;
}
.bx--cc--chart-svg .stroke-2-2-1 {
  stroke: #8a3ffc;
}
.bx--cc--chart-svg .fill-2-2-2 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-2-2-2.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-2-2-2 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-2-3-1 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-2-3-1.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-2-3-1 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-2-3-2 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-2-3-2.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-2-3-2 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-2-4-1 {
  fill: #1192e8;
}
.bx--cc--chart-svg .fill-2-4-1.hovered {
  fill: #0f7dc7;
}
.bx--cc--chart-svg .stroke-2-4-1 {
  stroke: #1192e8;
}
.bx--cc--chart-svg .fill-2-4-2 {
  fill: #005d5d;
}
.bx--cc--chart-svg .fill-2-4-2.hovered {
  fill: #003939;
}
.bx--cc--chart-svg .stroke-2-4-2 {
  stroke: #005d5d;
}
.bx--cc--chart-svg .fill-2-5-1 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-2-5-1.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-2-5-1 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-2-5-2 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-2-5-2.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-2-5-2 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-3-1-1 {
  fill: #ee5396;
}
.bx--cc--chart-svg .fill-3-1-1.hovered {
  fill: #eb3382;
}
.bx--cc--chart-svg .stroke-3-1-1 {
  stroke: #ee5396;
}
.bx--cc--chart-svg .fill-3-1-2 {
  fill: #1192e8;
}
.bx--cc--chart-svg .fill-3-1-2.hovered {
  fill: #0f7dc7;
}
.bx--cc--chart-svg .stroke-3-1-2 {
  stroke: #1192e8;
}
.bx--cc--chart-svg .fill-3-1-3 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-3-1-3.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-3-1-3 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-3-2-1 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-3-2-1.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-3-2-1 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-3-2-2 {
  fill: #fa4d56;
}
.bx--cc--chart-svg .fill-3-2-2.hovered {
  fill: #f92a35;
}
.bx--cc--chart-svg .stroke-3-2-2 {
  stroke: #fa4d56;
}
.bx--cc--chart-svg .fill-3-2-3 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-3-2-3.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-3-2-3 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-3-3-1 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-3-3-1.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-3-3-1 {
  stroke: #a56eff;
}
.bx--cc--chart-svg .fill-3-3-2 {
  fill: #005d5d;
}
.bx--cc--chart-svg .fill-3-3-2.hovered {
  fill: #003939;
}
.bx--cc--chart-svg .stroke-3-3-2 {
  stroke: #005d5d;
}
.bx--cc--chart-svg .fill-3-3-3 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-3-3-3.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-3-3-3 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-3-4-1 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-3-4-1.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-3-4-1 {
  stroke: #a56eff;
}
.bx--cc--chart-svg .fill-3-4-2 {
  fill: #005d5d;
}
.bx--cc--chart-svg .fill-3-4-2.hovered {
  fill: #003939;
}
.bx--cc--chart-svg .stroke-3-4-2 {
  stroke: #005d5d;
}
.bx--cc--chart-svg .fill-3-4-3 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-3-4-3.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-3-4-3 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-3-5-1 {
  fill: #012749;
}
.bx--cc--chart-svg .fill-3-5-1.hovered {
  fill: #011426;
}
.bx--cc--chart-svg .stroke-3-5-1 {
  stroke: #012749;
}
.bx--cc--chart-svg .fill-3-5-2 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-3-5-2.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-3-5-2 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-3-5-3 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-3-5-3.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-3-5-3 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-4-1-1 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-4-1-1.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-4-1-1 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-4-1-2 {
  fill: #012749;
}
.bx--cc--chart-svg .fill-4-1-2.hovered {
  fill: #011426;
}
.bx--cc--chart-svg .stroke-4-1-2 {
  stroke: #012749;
}
.bx--cc--chart-svg .fill-4-1-3 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-4-1-3.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-4-1-3 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-4-1-4 {
  fill: #ee5396;
}
.bx--cc--chart-svg .fill-4-1-4.hovered {
  fill: #eb3382;
}
.bx--cc--chart-svg .stroke-4-1-4 {
  stroke: #ee5396;
}
.bx--cc--chart-svg .fill-4-2-1 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-4-2-1.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-4-2-1 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-4-2-2 {
  fill: #fa4d56;
}
.bx--cc--chart-svg .fill-4-2-2.hovered {
  fill: #f92a35;
}
.bx--cc--chart-svg .stroke-4-2-2 {
  stroke: #fa4d56;
}
.bx--cc--chart-svg .fill-4-2-3 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-4-2-3.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-4-2-3 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-4-2-4 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-4-2-4.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-4-2-4 {
  stroke: #a56eff;
}
.bx--cc--chart-svg .fill-4-3-1 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-4-3-1.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-4-3-1 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-4-3-2 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-4-3-2.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-4-3-2 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-4-3-3 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-4-3-3.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-4-3-3 {
  stroke: #a56eff;
}
.bx--cc--chart-svg .fill-4-3-4 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-4-3-4.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-4-3-4 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-5-1-1 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-5-1-1.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-5-1-1 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-5-1-2 {
  fill: #1192e8;
}
.bx--cc--chart-svg .fill-5-1-2.hovered {
  fill: #0f7dc7;
}
.bx--cc--chart-svg .stroke-5-1-2 {
  stroke: #1192e8;
}
.bx--cc--chart-svg .fill-5-1-3 {
  fill: #005d5d;
}
.bx--cc--chart-svg .fill-5-1-3.hovered {
  fill: #003939;
}
.bx--cc--chart-svg .stroke-5-1-3 {
  stroke: #005d5d;
}
.bx--cc--chart-svg .fill-5-1-4 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-5-1-4.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-5-1-4 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-5-1-5 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-5-1-5.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-5-1-5 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-5-2-1 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-5-2-1.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-5-2-1 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-5-2-2 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-5-2-2.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-5-2-2 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-5-2-3 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-5-2-3.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-5-2-3 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-5-2-4 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-5-2-4.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-5-2-4 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-5-2-5 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-5-2-5.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-5-2-5 {
  stroke: #a56eff;
}
.bx--cc--chart-svg .fill-14-1-1 {
  fill: #6929c4;
}
.bx--cc--chart-svg .fill-14-1-1.hovered {
  fill: #5923a6;
}
.bx--cc--chart-svg .stroke-14-1-1 {
  stroke: #6929c4;
}
.bx--cc--chart-svg .fill-14-1-2 {
  fill: #1192e8;
}
.bx--cc--chart-svg .fill-14-1-2.hovered {
  fill: #0f7dc7;
}
.bx--cc--chart-svg .stroke-14-1-2 {
  stroke: #1192e8;
}
.bx--cc--chart-svg .fill-14-1-3 {
  fill: #005d5d;
}
.bx--cc--chart-svg .fill-14-1-3.hovered {
  fill: #003939;
}
.bx--cc--chart-svg .stroke-14-1-3 {
  stroke: #005d5d;
}
.bx--cc--chart-svg .fill-14-1-4 {
  fill: #9f1853;
}
.bx--cc--chart-svg .fill-14-1-4.hovered {
  fill: #801343;
}
.bx--cc--chart-svg .stroke-14-1-4 {
  stroke: #9f1853;
}
.bx--cc--chart-svg .fill-14-1-5 {
  fill: #fa4d56;
}
.bx--cc--chart-svg .fill-14-1-5.hovered {
  fill: #f92a35;
}
.bx--cc--chart-svg .stroke-14-1-5 {
  stroke: #fa4d56;
}
.bx--cc--chart-svg .fill-14-1-6 {
  fill: #520408;
}
.bx--cc--chart-svg .fill-14-1-6.hovered {
  fill: #300205;
}
.bx--cc--chart-svg .stroke-14-1-6 {
  stroke: #520408;
}
.bx--cc--chart-svg .fill-14-1-7 {
  fill: #198038;
}
.bx--cc--chart-svg .fill-14-1-7.hovered {
  fill: #13622b;
}
.bx--cc--chart-svg .stroke-14-1-7 {
  stroke: #198038;
}
.bx--cc--chart-svg .fill-14-1-8 {
  fill: #002d9c;
}
.bx--cc--chart-svg .fill-14-1-8.hovered {
  fill: #002378;
}
.bx--cc--chart-svg .stroke-14-1-8 {
  stroke: #002d9c;
}
.bx--cc--chart-svg .fill-14-1-9 {
  fill: #ee5396;
}
.bx--cc--chart-svg .fill-14-1-9.hovered {
  fill: #eb3382;
}
.bx--cc--chart-svg .stroke-14-1-9 {
  stroke: #ee5396;
}
.bx--cc--chart-svg .fill-14-1-10 {
  fill: #b28600;
}
.bx--cc--chart-svg .fill-14-1-10.hovered {
  fill: #8e6b00;
}
.bx--cc--chart-svg .stroke-14-1-10 {
  stroke: #b28600;
}
.bx--cc--chart-svg .fill-14-1-11 {
  fill: #009d9a;
}
.bx--cc--chart-svg .fill-14-1-11.hovered {
  fill: #007977;
}
.bx--cc--chart-svg .stroke-14-1-11 {
  stroke: #009d9a;
}
.bx--cc--chart-svg .fill-14-1-12 {
  fill: #012749;
}
.bx--cc--chart-svg .fill-14-1-12.hovered {
  fill: #011426;
}
.bx--cc--chart-svg .stroke-14-1-12 {
  stroke: #012749;
}
.bx--cc--chart-svg .fill-14-1-13 {
  fill: #8a3800;
}
.bx--cc--chart-svg .fill-14-1-13.hovered {
  fill: #662a00;
}
.bx--cc--chart-svg .stroke-14-1-13 {
  stroke: #8a3800;
}
.bx--cc--chart-svg .fill-14-1-14 {
  fill: #a56eff;
}
.bx--cc--chart-svg .fill-14-1-14.hovered {
  fill: #8f4aff;
}
.bx--cc--chart-svg .stroke-14-1-14 {
  stroke: #a56eff;
}

.bx--cc--tooltip .tooltip-1-1-1 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-1-2-1 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-1-3-1 {
  background-color: #1192e8;
}
.bx--cc--tooltip .tooltip-1-4-1 {
  background-color: #007d79;
}
.bx--cc--tooltip .tooltip-2-1-1 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-2-1-2 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-2-2-1 {
  background-color: #8a3ffc;
}
.bx--cc--tooltip .tooltip-2-2-2 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-2-3-1 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-2-3-2 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-2-4-1 {
  background-color: #1192e8;
}
.bx--cc--tooltip .tooltip-2-4-2 {
  background-color: #005d5d;
}
.bx--cc--tooltip .tooltip-2-5-1 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-2-5-2 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-3-1-1 {
  background-color: #ee5396;
}
.bx--cc--tooltip .tooltip-3-1-2 {
  background-color: #1192e8;
}
.bx--cc--tooltip .tooltip-3-1-3 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-3-2-1 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-3-2-2 {
  background-color: #fa4d56;
}
.bx--cc--tooltip .tooltip-3-2-3 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-3-3-1 {
  background-color: #a56eff;
}
.bx--cc--tooltip .tooltip-3-3-2 {
  background-color: #005d5d;
}
.bx--cc--tooltip .tooltip-3-3-3 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-3-4-1 {
  background-color: #a56eff;
}
.bx--cc--tooltip .tooltip-3-4-2 {
  background-color: #005d5d;
}
.bx--cc--tooltip .tooltip-3-4-3 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-3-5-1 {
  background-color: #012749;
}
.bx--cc--tooltip .tooltip-3-5-2 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-3-5-3 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-4-1-1 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-4-1-2 {
  background-color: #012749;
}
.bx--cc--tooltip .tooltip-4-1-3 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-4-1-4 {
  background-color: #ee5396;
}
.bx--cc--tooltip .tooltip-4-2-1 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-4-2-2 {
  background-color: #fa4d56;
}
.bx--cc--tooltip .tooltip-4-2-3 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-4-2-4 {
  background-color: #a56eff;
}
.bx--cc--tooltip .tooltip-4-3-1 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-4-3-2 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-4-3-3 {
  background-color: #a56eff;
}
.bx--cc--tooltip .tooltip-4-3-4 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-5-1-1 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-5-1-2 {
  background-color: #1192e8;
}
.bx--cc--tooltip .tooltip-5-1-3 {
  background-color: #005d5d;
}
.bx--cc--tooltip .tooltip-5-1-4 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-5-1-5 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-5-2-1 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-5-2-2 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-5-2-3 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-5-2-4 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-5-2-5 {
  background-color: #a56eff;
}
.bx--cc--tooltip .tooltip-14-1-1 {
  background-color: #6929c4;
}
.bx--cc--tooltip .tooltip-14-1-2 {
  background-color: #1192e8;
}
.bx--cc--tooltip .tooltip-14-1-3 {
  background-color: #005d5d;
}
.bx--cc--tooltip .tooltip-14-1-4 {
  background-color: #9f1853;
}
.bx--cc--tooltip .tooltip-14-1-5 {
  background-color: #fa4d56;
}
.bx--cc--tooltip .tooltip-14-1-6 {
  background-color: #520408;
}
.bx--cc--tooltip .tooltip-14-1-7 {
  background-color: #198038;
}
.bx--cc--tooltip .tooltip-14-1-8 {
  background-color: #002d9c;
}
.bx--cc--tooltip .tooltip-14-1-9 {
  background-color: #ee5396;
}
.bx--cc--tooltip .tooltip-14-1-10 {
  background-color: #b28600;
}
.bx--cc--tooltip .tooltip-14-1-11 {
  background-color: #009d9a;
}
.bx--cc--tooltip .tooltip-14-1-12 {
  background-color: #012749;
}
.bx--cc--tooltip .tooltip-14-1-13 {
  background-color: #8a3800;
}
.bx--cc--tooltip .tooltip-14-1-14 {
  background-color: #a56eff;
}

.bx--cc--axes g.axis g.ticks.invisible {
  visibility: hidden;
}
.bx--cc--axes g.axis g.tick text {
  fill: #565656;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
.bx--cc--axes g.axis g.tick line {
  display: none;
}
.bx--cc--axes g.axis path.domain {
  stroke: #8c8c8c;
}
.bx--cc--chart-svg g.callouts {
  stroke: #565656;
}

.bx--cc--grid-brush g.grid-brush rect.selection {
  fill: none;
  fill-opacity: 0;
  stroke: none;
}

g.bx--cc--grid-brush rect.frontSelection {
  fill: #dcdcdc;
  fill-opacity: 0.3;
  stroke: #0062ff;
}

.bx--cc--grid rect.chart-grid-backdrop {
  fill: #ffffff;
}
.bx--cc--grid rect.chart-grid-backdrop.stroked {
  stroke: #dcdcdc;
}
.bx--cc--grid rect.stroke {
  stroke: #dcdcdc;
}
.bx--cc--grid g.x.grid g.tick line,
.bx--cc--grid g.y.grid g.tick line {
  pointer-events: none;
  stroke-width: 1px;
  stroke: #dcdcdc;
}
.bx--cc--grid g.x.grid g.tick.active line,
.bx--cc--grid g.y.grid g.tick.active line {
  stroke-dasharray: 2px;
  stroke: #0062ff;
}

.bx--cc--ruler line.ruler-line {
  stroke: #000000;
  stroke-width: 1px;
  stroke-dasharray: 2;
  pointer-events: none;
}

.bx--cc--skeleton rect.chart-skeleton-backdrop {
  fill: #ffffff;
}
.bx--cc--skeleton .shimmer-effect-lines {
  stroke-width: 1px;
  stroke: url(#shimmer-lines);
}
.bx--cc--skeleton .shimmer-effect-sparkline {
  stroke-width: 0px;
}
.bx--cc--skeleton .empty-state-lines {
  stroke-width: 1px;
  stroke: #dcdcdc;
}
.bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
  stop-color: #dcdcdc;
}
.bx--cc--skeleton #shimmer-lines .stop-shimmer {
  stop-color: #ffffff;
}
.bx--cc--skeleton .shimmer-effect-areas {
  fill: url(#shimmer-areas);
}
.bx--cc--skeleton .empty-state-areas {
  fill: rgba(127, 127, 127, 0.1);
}
.bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
  stop-color: rgba(127, 127, 127, 0.1);
}
.bx--cc--skeleton #shimmer-areas .stop-shimmer {
  stop-color: rgba(255, 255, 255, 0.15);
}

.bx--cc--skeleton-lines rect.chart-skeleton-backdrop {
  fill: #ffffff;
}
.bx--cc--skeleton-lines .shimmer-effect-lines {
  stroke-width: 1px;
  stroke: url(#shimmer-lines);
}
.bx--cc--skeleton-lines .shimmer-effect-sparkline {
  stroke-width: 0px;
}
.bx--cc--skeleton-lines .empty-state-lines {
  stroke-width: 1px;
  stroke: #dcdcdc;
}
.bx--cc--skeleton-lines #shimmer-lines .stop-bg-shimmer {
  stop-color: #dcdcdc;
}
.bx--cc--skeleton-lines #shimmer-lines .stop-shimmer {
  stop-color: #ffffff;
}

.bx--cc--zero-line line.domain {
  stroke: #8c8c8c;
}

.bx--cc--chart-svg svg.layout-child {
  overflow: visible;
}

g.bx--cc--legend {
  user-select: none;
}
g.bx--cc--legend g.legend-item rect.checkbox {
  stroke-width: 1px;
  stroke-opacity: 1;
}
g.bx--cc--legend g.legend-item rect.checkbox:not(.active) {
  stroke: #565656;
  fill: #ffffff;
}
g.bx--cc--legend g.legend-item rect.checkbox:not(.active) ~ g.check {
  display: none;
}
g.bx--cc--legend g.legend-item rect.hover-stroke {
  fill: none;
  stroke: #0f62fe;
  stroke-width: 2;
}
g.bx--cc--legend g.legend-item g.check > svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
g.bx--cc--legend g.legend-item text {
  font-size: 12px;
  fill: #565656;
}
g.bx--cc--legend.clickable g.legend-item:hover {
  cursor: pointer;
}

.bx--cc--title text.title {
  fill: #171717;
  font-size: 16px;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
}

.bx--cc--meter-title text.meter-title,
.bx--cc--meter-title text.percent-value {
  fill: #171717;
}
.bx--cc--meter-title g.status-indicator.status--danger circle.status {
  fill: #da1e28;
}
.bx--cc--meter-title g.status-indicator.status--warning circle.status {
  fill: #fdd13a;
}
.bx--cc--meter-title g.status-indicator.status--warning path.innerFill {
  fill: #000000;
}
.bx--cc--meter-title g.status-indicator.status--success circle.status {
  fill: #24a148;
}
.bx--cc--meter-title g.status-indicator path.innerFill {
  fill: #ffffff;
}

@keyframes skeleton {
  0% {
    width: 0%;
    left: 0;
    right: auto;
    opacity: 0.3;
  }
  20% {
    width: 100%;
    left: 0;
    right: auto;
    opacity: 1;
  }
  28% {
    width: 100%;
    left: auto;
    right: 0;
  }
  51% {
    width: 0%;
    left: auto;
    right: 0;
  }
  58% {
    width: 0%;
    left: auto;
    right: 0;
  }
  82% {
    width: 100%;
    left: auto;
    right: 0;
  }
  83% {
    width: 100%;
    left: 0;
    right: auto;
  }
  96% {
    width: 0%;
    left: 0;
    right: auto;
  }
  100% {
    width: 0%;
    left: 0;
    right: auto;
    opacity: 0.3;
  }
}
.bx--text-truncate--end {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bx--text-truncate--front {
  width: 100%;
  display: inline-block;
  direction: rtl;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bx--overflow-menu__trigger {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  display: inline-block;
  background: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 100%;
}
.bx--overflow-menu__trigger > *, .bx--overflow-menu__trigger > *:before, .bx--overflow-menu__trigger > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu__trigger::-moz-focus-inner {
  border: 0;
}

.bx--overflow-menu,
.bx--overflow-menu__trigger {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu > *, .bx--overflow-menu > *:before, .bx--overflow-menu > *:after,
.bx--overflow-menu__trigger > *,
.bx--overflow-menu__trigger > *:before,
.bx--overflow-menu__trigger > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu:focus,
.bx--overflow-menu__trigger:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu:hover,
.bx--overflow-menu__trigger:hover {
  background-color: #e5e5e5;
}

.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
  outline: none;
}

.bx--overflow-menu.bx--overflow-menu--open,
.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
  background-color: #f3f3f3;
  transition: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.bx--overflow-menu__icon {
  height: 1rem;
  width: 1rem;
  fill: #171717;
}

.bx--overflow-menu-options {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  z-index: 10000;
  background-color: #f3f3f3;
  width: 10rem;
  list-style: none;
  top: 32px;
  left: 0;
}
.bx--overflow-menu-options > *, .bx--overflow-menu-options > *:before, .bx--overflow-menu-options > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu-options::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #f3f3f3;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  top: -0.1875rem;
  left: 0;
  width: 2rem;
  height: 0.1875rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=top]::after {
  bottom: -0.375rem;
  left: 0;
  width: 2rem;
  height: 0.375rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=left]::after {
  right: -0.375rem;
  top: 0;
  height: 2rem;
  width: 0.375rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: 0;
  left: -0.375rem;
  height: 2rem;
  width: 0.375rem;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  left: auto;
  right: 0;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: auto;
  bottom: 0;
}

.bx--overflow-menu-options--open {
  display: flex;
}

.bx--overflow-menu-options__option {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  display: flex;
  background-color: transparent;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding: 0;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu-options__option > *, .bx--overflow-menu-options__option > *:before, .bx--overflow-menu-options__option > *:after {
  box-sizing: inherit;
}

.bx--overflow-menu--divider {
  border-top: 1px solid #dcdcdc;
}

a.bx--overflow-menu-options__btn::before {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.bx--overflow-menu-options__btn {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.16px;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-weight: 400;
  width: 100%;
  height: 100%;
  border: none;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  text-align: left;
  padding: 0 1rem;
  cursor: pointer;
  color: #565656;
  max-width: 11.25rem;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu-options__btn:hover {
  color: #171717;
}
.bx--overflow-menu-options__btn:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu-options__btn::-moz-focus-inner {
  border: none;
}

.bx--overflow-menu-options__btn svg {
  fill: #565656;
}

.bx--overflow-menu-options__btn:hover svg {
  fill: #171717;
}

.bx--overflow-menu-options__option-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bx--overflow-menu-options__option:hover {
  background-color: #e5e5e5;
}

.bx--overflow-menu-options__option--danger {
  border-top: 1px solid #dcdcdc;
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
  color: #ffffff;
  background-color: #da1e28;
}
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
  fill: #ffffff;
}

.bx--overflow-menu-options__option--disabled:hover {
  background-color: #f3f3f3;
  cursor: not-allowed;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
  color: #bebebe;
  pointer-events: none;
}
.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: #f3f3f3;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
  fill: #bebebe;
}

.bx--overflow-menu--flip {
  left: -140px;
}
.bx--overflow-menu--flip:before {
  left: 145px;
}

g.bx--cc--toolbar {
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
g.bx--cc--toolbar .toolbar-container .toolbar-button {
  fill: transparent;
  cursor: pointer;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button:hover .toolbar-button-background {
  fill: #e5e5e5;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button:hover .toolbar-button-background--disabled {
  fill: transparent;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button--focusable:focus .toolbar-button-background {
  stroke: #565656;
  stroke-width: 2;
  stroke-dasharray: 2;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon {
  pointer-events: visible;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon circle,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon rect,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon path,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon polygon {
  fill: #565656;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon:hover {
  cursor: pointer;
  pointer-events: visible;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled {
  pointer-events: auto;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled circle,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled rect,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled path,
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled polygon {
  fill: #8c8c8c;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled:hover {
  cursor: auto;
  pointer-events: auto;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button--hovered {
  fill: #e5e5e5;
}
g.bx--cc--toolbar .toolbar-container .toolbar-button--disabled {
  cursor: auto;
}

.bx--overflow-menu__trigger {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  display: inline-block;
  background: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 100%;
}
.bx--overflow-menu__trigger > *, .bx--overflow-menu__trigger > *:before, .bx--overflow-menu__trigger > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu__trigger::-moz-focus-inner {
  border: 0;
}

.bx--overflow-menu,
.bx--overflow-menu__trigger {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu > *, .bx--overflow-menu > *:before, .bx--overflow-menu > *:after,
.bx--overflow-menu__trigger > *,
.bx--overflow-menu__trigger > *:before,
.bx--overflow-menu__trigger > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu:focus,
.bx--overflow-menu__trigger:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu:hover,
.bx--overflow-menu__trigger:hover {
  background-color: #e5e5e5;
}

.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
  outline: none;
}

.bx--overflow-menu.bx--overflow-menu--open,
.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
  background-color: #f3f3f3;
  transition: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.bx--overflow-menu__icon {
  height: 1rem;
  width: 1rem;
  fill: #171717;
}

.bx--overflow-menu-options {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  z-index: 10000;
  background-color: #f3f3f3;
  width: 10rem;
  list-style: none;
  top: 32px;
  left: 0;
}
.bx--overflow-menu-options > *, .bx--overflow-menu-options > *:before, .bx--overflow-menu-options > *:after {
  box-sizing: inherit;
}
.bx--overflow-menu-options::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #f3f3f3;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  top: -0.1875rem;
  left: 0;
  width: 2rem;
  height: 0.1875rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=top]::after {
  bottom: -0.375rem;
  left: 0;
  width: 2rem;
  height: 0.375rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=left]::after {
  right: -0.375rem;
  top: 0;
  height: 2rem;
  width: 0.375rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: 0;
  left: -0.375rem;
  height: 2rem;
  width: 0.375rem;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  left: auto;
  right: 0;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: auto;
  bottom: 0;
}

.bx--overflow-menu-options--open {
  display: flex;
}

.bx--overflow-menu-options__option {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  display: flex;
  background-color: transparent;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding: 0;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu-options__option > *, .bx--overflow-menu-options__option > *:before, .bx--overflow-menu-options__option > *:after {
  box-sizing: inherit;
}

.bx--overflow-menu--divider {
  border-top: 1px solid #dcdcdc;
}

a.bx--overflow-menu-options__btn::before {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.bx--overflow-menu-options__btn {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.16px;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-weight: 400;
  width: 100%;
  height: 100%;
  border: none;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  text-align: left;
  padding: 0 1rem;
  cursor: pointer;
  color: #565656;
  max-width: 11.25rem;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.bx--overflow-menu-options__btn:hover {
  color: #171717;
}
.bx--overflow-menu-options__btn:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px;
}
.bx--overflow-menu-options__btn::-moz-focus-inner {
  border: none;
}

.bx--overflow-menu-options__btn svg {
  fill: #565656;
}

.bx--overflow-menu-options__btn:hover svg {
  fill: #171717;
}

.bx--overflow-menu-options__option-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bx--overflow-menu-options__option:hover {
  background-color: #e5e5e5;
}

.bx--overflow-menu-options__option--danger {
  border-top: 1px solid #dcdcdc;
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
  color: #ffffff;
  background-color: #da1e28;
}
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
  fill: #ffffff;
}

.bx--overflow-menu-options__option--disabled:hover {
  background-color: #f3f3f3;
  cursor: not-allowed;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
  color: #bebebe;
  pointer-events: none;
}
.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: #f3f3f3;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
  fill: #bebebe;
}

.bx--overflow-menu--flip {
  left: -140px;
}
.bx--overflow-menu--flip:before {
  left: 145px;
}

.bx--cc--tooltip {
  background-color: #ffffff;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
.bx--cc--tooltip.hidden {
  opacity: 0;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
.bx--cc--tooltip .content-box {
  color: #171717;
}
.bx--cc--tooltip .content-box .title-tooltip {
  width: auto;
  padding: 4px;
  min-width: 20px;
  max-width: 270px;
}
.bx--cc--tooltip .content-box .title-tooltip p {
  margin: 2px;
  font-size: 12px;
}
.bx--cc--tooltip .content-box .datapoint-tooltip {
  display: flex;
  padding: 4px;
  flex-flow: row nowrap;
  width: auto;
  min-width: 20px;
  justify-content: flex-start;
  align-items: center;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p.label {
  flex: 1;
  margin-right: 8px;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p.value {
  width: auto;
}
.bx--cc--tooltip .content-box .datapoint-tooltip.bold {
  font-weight: 600;
}
.bx--cc--tooltip .content-box ul.multi-tooltip {
  margin: 0;
  padding: 0;
}
.bx--cc--tooltip .content-box ul.multi-tooltip li {
  list-style: none;
  position: relative;
}
.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.bx--cc--tooltip .tooltip-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
.bx--cc--tooltip .tooltip-color + p.label {
  margin-left: 4px;
}

.bx--cc--threshold line.threshold-line {
  stroke: #fa4d56;
  stroke-width: 1;
  stroke-dasharray: 4;
  cursor: pointer;
  pointer-events: none;
}
.bx--cc--threshold line.threshold-line.active {
  stroke-width: 2;
}
.bx--cc--threshold rect.threshold-hoverable-area {
  height: 20px;
  transform: translate(0, -10px);
  cursor: pointer;
  fill: transparent;
}
.bx--cc--threshold rect.threshold-hoverable-area.rotate {
  transform: rotate(90deg) translate(0, -10px);
}

.bx--cc--threshold--label {
  background-color: #fa4d56;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
  color: #171717;
  line-height: 16px;
  font-size: 12px;
  padding: 4px;
  min-width: 20px;
}
.bx--cc--threshold--label.hidden {
  opacity: 0;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}

g.bx--cc--zoom-bar rect.zoom-bg {
  fill: #ffffff;
  stroke: #f3f3f3;
}
g.bx--cc--zoom-bar rect.zoom-bg-skeleton {
  stroke: url(#shimmer-lines);
}
g.bx--cc--zoom-bar rect.zoom-slider-bg {
  fill: #f3f3f3;
}
g.bx--cc--zoom-bar rect.zoom-slider-bg-skeleton {
  stroke: url(#shimmer-lines);
}
g.bx--cc--zoom-bar rect.zoom-slider-selected-area {
  fill: #565656;
}
g.bx--cc--zoom-bar path.zoom-bg-baseline {
  stroke: #8c8c8c;
  stroke-width: 2;
}
g.bx--cc--zoom-bar path.zoom-bg-baseline-skeleton {
  stroke: url(#shimmer-lines);
}
g.bx--cc--zoom-bar path.zoom-graph-area {
  fill: #dcdcdc;
  stroke: #8c8c8c;
  stroke-width: 1;
}
g.bx--cc--zoom-bar path.zoom-graph-area-unselected {
  fill: #f3f3f3;
  stroke: none;
}
g.bx--cc--zoom-bar g.zoom-bar-brush rect.handle {
  fill: #565656;
}
g.bx--cc--zoom-bar g.zoom-bar-brush rect.handle-bar {
  fill: #ffffff;
}
g.bx--cc--zoom-bar g.zoom-bar-brush rect.selection {
  fill: none;
  stroke: none;
}

.bx--cc--area path.area,
.bx--cc--area-stacked path.area {
  pointer-events: none;
}

g.bx--cc--bubble circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
g.bx--cc--bubble circle.dot.unfilled {
  fill: #f3f3f3;
}
g.bx--cc--bubble g.lines path.line {
  mix-blend-mode: multiply;
}

.bx--cc--line path.line {
  pointer-events: none;
  fill: none;
  stroke-width: 1.5;
}
.bx--cc--line path.line.sparkline-loading {
  animation: shimmer 2.5s infinite linear;
}
@keyframes shimmer {
  0% {
    stroke: #dcdcdc;
  }
  20% {
    stroke: #ffffff;
    opacity: 0.5;
  }
  100% {
    stroke: #dcdcdc;
  }
}

g.bx--cc--scatter circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
g.bx--cc--scatter circle.dot.unfilled {
  fill: #f3f3f3;
  stroke-width: 1.5;
}
g.bx--cc--scatter circle.dot.threshold-anomaly {
  stroke-width: 3;
}
g.bx--cc--scatter g.lines path.line {
  mix-blend-mode: multiply;
}

.bx--cc--meter rect.container {
  fill: #f3f3f3;
}
.bx--cc--meter rect.value.status--danger {
  fill: #da1e28;
}
.bx--cc--meter rect.value.status--warning {
  fill: #fdd13a;
  stroke-width: 1px;
  stroke: #b28600;
}
.bx--cc--meter rect.value.status--success {
  fill: #24a148;
}
.bx--cc--meter line.peak {
  stroke: #171717;
  stroke-width: 2px;
}

g.bx--cc--scatter-stacked circle.dot.unfilled {
  fill: #f3f3f3;
  stroke-width: 1.5;
}
g.bx--cc--scatter-stacked circle.dot.threshold-anomaly {
  stroke-width: 3;
}

.bx--cc--radar .blobs path {
  stroke-width: 1.5px;
}
.bx--cc--radar .y-axes path,
.bx--cc--radar .x-axes line {
  stroke-width: 1px;
  stroke: #dcdcdc;
}
.bx--cc--radar .x-axes line.hovered {
  stroke: #000000;
}

g.bx--cc--treemap text {
  pointer-events: none;
}

.bx--cc--gauge path.arc-background {
  fill: #f3f3f3;
}
.bx--cc--gauge .gauge-delta-arrow.status--danger {
  fill: #da1e28;
}
.bx--cc--gauge .gauge-delta-arrow.status--warning {
  fill: #fdd13a;
}
.bx--cc--gauge .gauge-delta-arrow.status--success {
  fill: #24a148;
}

.bx--cc--lollipop line.line {
  pointer-events: none;
}
.bx--cc--lollipop circle.dot {
  stroke-width: 1.5;
}

svg.bx--cc--chart-svg {
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
svg.bx--cc--chart-svg text {
  font-size: 12px;
  font-weight: 400;
  fill: #565656;
}
svg.bx--cc--chart-svg g.gauge-numbers text.gauge-value-number {
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
svg.bx--cc--chart-svg text.meter-title,
svg.bx--cc--chart-svg text.percent-value {
  font-size: 16px;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
}
svg.bx--cc--chart-svg text.meter-title {
  font-weight: 600;
}

.bx--chart-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
  overflow: hidden;
  opacity: 0;
}

svg.bx--cc--chart-svg {
  overflow: visible;
}

/*# sourceMappingURL=styles.css.map */