@eclipse-scout/chart/dist/eclipse-scout-chart-theme-dark.css

Eclipse Scout chart

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.97.1_esbuild@0.24.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/.pnpm/less-loader@12.2.0_less@4.2.1_webpack@5.97.1_esbuild@0.24.0_/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/eclipse-scout-chart-theme-dark.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
#scout {
  /* Mixin to use the correct tile background color for the given attribute (use 'fill' or 'stroke') */
  /* Internal mixin used to define a single auto color */
  /* Mixin to define .color0 - .color5 fill and stroke colors */
  /* Mixin to define auto color for different color schemes */
  /* Mixin to define different colors for different color schemes */
  /* Mixin to define label and grid color */
}
/* min-width for charts */
.tile > .chart-field {
  overflow: hidden;
  /* use padding area for label, legend */
}
.tile > .chart-field > .field.chart {
  overflow: visible;
}
.tile > .chart-field > .field.chart > svg {
  overflow: visible;
}
/* increase space between chart and tile-title if available */
.tile > .form-field:not(.label-hidden) > .field.chart {
  margin-top: 10px;
}
.bar-chart > .elements,
.horizontalBar-chart > .elements,
.chart > canvas,
.chart > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 13px;
  fill: #1561A7;
}
.bar-chart > .elements :focus,
.horizontalBar-chart > .elements :focus,
.chart > canvas :focus,
.chart > svg :focus {
  outline: none;
}
.bar-chart > .elements > .label,
.horizontalBar-chart > .elements > .label,
.chart > canvas > .label,
.chart > svg > .label {
  fill: #BFC2C3;
}
.inverted > .bar-chart > .elements > .label,
.inverted > .horizontalBar-chart > .elements > .label,
.inverted > .chart > canvas > .label,
.inverted > .chart > svg > .label {
  fill: #BFC2C3;
}
.bar-chart > .elements > .datalabel,
.horizontalBar-chart > .elements > .datalabel,
.chart > canvas > .datalabel,
.chart > svg > .datalabel {
  fill: #0E1316;
}
.bar-chart > .elements > .axis-label,
.horizontalBar-chart > .elements > .axis-label,
.chart > canvas > .axis-label,
.chart > svg > .axis-label {
  fill: #BFC2C3;
}
.inverted > .bar-chart > .elements > .axis-label,
.inverted > .horizontalBar-chart > .elements > .axis-label,
.inverted > .chart > canvas > .axis-label,
.inverted > .chart > svg > .axis-label {
  fill: #BFC2C3;
}
.bar-chart > .elements > .grid,
.horizontalBar-chart > .elements > .grid,
.chart > canvas > .grid,
.chart > svg > .grid,
.bar-chart > .elements > .scale-ticks,
.horizontalBar-chart > .elements > .scale-ticks,
.chart > canvas > .scale-ticks,
.chart > svg > .scale-ticks {
  fill: rgba(255, 255, 255, 0.12);
}
.inverted > .bar-chart > .elements > .grid,
.inverted > .horizontalBar-chart > .elements > .grid,
.inverted > .chart > canvas > .grid,
.inverted > .chart > svg > .grid,
.inverted > .bar-chart > .elements > .scale-ticks,
.inverted > .horizontalBar-chart > .elements > .scale-ticks,
.inverted > .chart > canvas > .scale-ticks,
.inverted > .chart > svg > .scale-ticks {
  fill: rgba(255, 255, 255, 0.12);
}
.bar-chart > .elements .color0,
.horizontalBar-chart > .elements .color0,
.chart > canvas .color0,
.chart > svg .color0 {
  fill: #1561a7;
}
.bar-chart > .elements .color1,
.horizontalBar-chart > .elements .color1,
.chart > canvas .color1,
.chart > svg .color1 {
  fill: #1a76cb;
}
.bar-chart > .elements .color2,
.horizontalBar-chart > .elements .color2,
.chart > canvas .color2,
.chart > svg .color2 {
  fill: #4e9ce2;
}
.bar-chart > .elements .color3,
.horizontalBar-chart > .elements .color3,
.chart > canvas .color3,
.chart > svg .color3 {
  fill: #71b0e8;
}
.bar-chart > .elements .color4,
.horizontalBar-chart > .elements .color4,
.chart > canvas .color4,
.chart > svg .color4 {
  fill: #97c3ec;
}
.bar-chart > .elements .color5,
.horizontalBar-chart > .elements .color5,
.chart > canvas .color5,
.chart > svg .color5 {
  fill: #b9d2ea;
}
.inverted .bar-chart > .elements,
.inverted .horizontalBar-chart > .elements,
.inverted .chart > canvas,
.inverted .chart > svg {
  fill: #b9d2ea;
}
.inverted .bar-chart > .elements .color0,
.inverted .horizontalBar-chart > .elements .color0,
.inverted .chart > canvas .color0,
.inverted .chart > svg .color0 {
  fill: #b9d2ea;
}
.inverted .bar-chart > .elements .color1,
.inverted .horizontalBar-chart > .elements .color1,
.inverted .chart > canvas .color1,
.inverted .chart > svg .color1 {
  fill: #97c3ec;
}
.inverted .bar-chart > .elements .color2,
.inverted .horizontalBar-chart > .elements .color2,
.inverted .chart > canvas .color2,
.inverted .chart > svg .color2 {
  fill: #71b0e8;
}
.inverted .bar-chart > .elements .color3,
.inverted .horizontalBar-chart > .elements .color3,
.inverted .chart > canvas .color3,
.inverted .chart > svg .color3 {
  fill: #4e9ce2;
}
.inverted .bar-chart > .elements .color4,
.inverted .horizontalBar-chart > .elements .color4,
.inverted .chart > canvas .color4,
.inverted .chart > svg .color4 {
  fill: #1a76cb;
}
.inverted .bar-chart > .elements .color5,
.inverted .horizontalBar-chart > .elements .color5,
.inverted .chart > canvas .color5,
.inverted .chart > svg .color5 {
  fill: #1561a7;
}
.color-alternative .bar-chart > .elements,
.color-alternative .horizontalBar-chart > .elements,
.color-alternative .chart > canvas,
.color-alternative .chart > svg {
  fill: #1cb397;
}
.color-alternative .bar-chart > .elements .color0,
.color-alternative .horizontalBar-chart > .elements .color0,
.color-alternative .chart > canvas .color0,
.color-alternative .chart > svg .color0 {
  fill: #1cb397;
}
.color-alternative .bar-chart > .elements .color1,
.color-alternative .horizontalBar-chart > .elements .color1,
.color-alternative .chart > canvas .color1,
.color-alternative .chart > svg .color1 {
  fill: #1fc9aa;
}
.color-alternative .bar-chart > .elements .color2,
.color-alternative .horizontalBar-chart > .elements .color2,
.color-alternative .chart > canvas .color2,
.color-alternative .chart > svg .color2 {
  fill: #3fe2c3;
}
.color-alternative .bar-chart > .elements .color3,
.color-alternative .horizontalBar-chart > .elements .color3,
.color-alternative .chart > canvas .color3,
.color-alternative .chart > svg .color3 {
  fill: #62e7ce;
}
.color-alternative .bar-chart > .elements .color4,
.color-alternative .horizontalBar-chart > .elements .color4,
.color-alternative .chart > canvas .color4,
.color-alternative .chart > svg .color4 {
  fill: #9ee8da;
}
.color-alternative .bar-chart > .elements .color5,
.color-alternative .horizontalBar-chart > .elements .color5,
.color-alternative .chart > canvas .color5,
.color-alternative .chart > svg .color5 {
  fill: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements,
.color-alternative.inverted .horizontalBar-chart > .elements,
.color-alternative.inverted .chart > canvas,
.color-alternative.inverted .chart > svg {
  fill: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements .color0,
.color-alternative.inverted .horizontalBar-chart > .elements .color0,
.color-alternative.inverted .chart > canvas .color0,
.color-alternative.inverted .chart > svg .color0 {
  fill: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements .color1,
.color-alternative.inverted .horizontalBar-chart > .elements .color1,
.color-alternative.inverted .chart > canvas .color1,
.color-alternative.inverted .chart > svg .color1 {
  fill: #9ee8da;
}
.color-alternative.inverted .bar-chart > .elements .color2,
.color-alternative.inverted .horizontalBar-chart > .elements .color2,
.color-alternative.inverted .chart > canvas .color2,
.color-alternative.inverted .chart > svg .color2 {
  fill: #62e7ce;
}
.color-alternative.inverted .bar-chart > .elements .color3,
.color-alternative.inverted .horizontalBar-chart > .elements .color3,
.color-alternative.inverted .chart > canvas .color3,
.color-alternative.inverted .chart > svg .color3 {
  fill: #3fe2c3;
}
.color-alternative.inverted .bar-chart > .elements .color4,
.color-alternative.inverted .horizontalBar-chart > .elements .color4,
.color-alternative.inverted .chart > canvas .color4,
.color-alternative.inverted .chart > svg .color4 {
  fill: #1fc9aa;
}
.color-alternative.inverted .bar-chart > .elements .color5,
.color-alternative.inverted .horizontalBar-chart > .elements .color5,
.color-alternative.inverted .chart > canvas .color5,
.color-alternative.inverted .chart > svg .color5 {
  fill: #1cb397;
}
.color-rainbow .bar-chart > .elements,
.color-rainbow .horizontalBar-chart > .elements,
.color-rainbow .chart > canvas,
.color-rainbow .chart > svg {
  fill: #71b0e8;
}
.color-rainbow .bar-chart > .elements .color0,
.color-rainbow .horizontalBar-chart > .elements .color0,
.color-rainbow .chart > canvas .color0,
.color-rainbow .chart > svg .color0 {
  fill: #71b0e8;
}
.color-rainbow .bar-chart > .elements .color1,
.color-rainbow .horizontalBar-chart > .elements .color1,
.color-rainbow .chart > canvas .color1,
.color-rainbow .chart > svg .color1 {
  fill: #ffbe6b;
}
.color-rainbow .bar-chart > .elements .color2,
.color-rainbow .horizontalBar-chart > .elements .color2,
.color-rainbow .chart > canvas .color2,
.color-rainbow .chart > svg .color2 {
  fill: #62e7ce;
}
.color-rainbow .bar-chart > .elements .color3,
.color-rainbow .horizontalBar-chart > .elements .color3,
.color-rainbow .chart > canvas .color3,
.color-rainbow .chart > svg .color3 {
  fill: #a7acad;
}
.color-rainbow .bar-chart > .elements .color4,
.color-rainbow .horizontalBar-chart > .elements .color4,
.color-rainbow .chart > canvas .color4,
.color-rainbow .chart > svg .color4 {
  fill: #ff8888;
}
.color-rainbow .bar-chart > .elements .color5,
.color-rainbow .horizontalBar-chart > .elements .color5,
.color-rainbow .chart > canvas .color5,
.color-rainbow .chart > svg .color5 {
  fill: #62e7ce;
}
.bar-chart > .elements .stroke-color0,
.horizontalBar-chart > .elements .stroke-color0,
.chart > canvas .stroke-color0,
.chart > svg .stroke-color0 {
  stroke: #1561a7;
}
.bar-chart > .elements .stroke-color1,
.horizontalBar-chart > .elements .stroke-color1,
.chart > canvas .stroke-color1,
.chart > svg .stroke-color1 {
  stroke: #1a76cb;
}
.bar-chart > .elements .stroke-color2,
.horizontalBar-chart > .elements .stroke-color2,
.chart > canvas .stroke-color2,
.chart > svg .stroke-color2 {
  stroke: #4e9ce2;
}
.bar-chart > .elements .stroke-color3,
.horizontalBar-chart > .elements .stroke-color3,
.chart > canvas .stroke-color3,
.chart > svg .stroke-color3 {
  stroke: #71b0e8;
}
.bar-chart > .elements .stroke-color4,
.horizontalBar-chart > .elements .stroke-color4,
.chart > canvas .stroke-color4,
.chart > svg .stroke-color4 {
  stroke: #97c3ec;
}
.bar-chart > .elements .stroke-color5,
.horizontalBar-chart > .elements .stroke-color5,
.chart > canvas .stroke-color5,
.chart > svg .stroke-color5 {
  stroke: #b9d2ea;
}
.inverted .bar-chart > .elements .stroke-color0,
.inverted .horizontalBar-chart > .elements .stroke-color0,
.inverted .chart > canvas .stroke-color0,
.inverted .chart > svg .stroke-color0 {
  stroke: #b9d2ea;
}
.inverted .bar-chart > .elements .stroke-color1,
.inverted .horizontalBar-chart > .elements .stroke-color1,
.inverted .chart > canvas .stroke-color1,
.inverted .chart > svg .stroke-color1 {
  stroke: #97c3ec;
}
.inverted .bar-chart > .elements .stroke-color2,
.inverted .horizontalBar-chart > .elements .stroke-color2,
.inverted .chart > canvas .stroke-color2,
.inverted .chart > svg .stroke-color2 {
  stroke: #71b0e8;
}
.inverted .bar-chart > .elements .stroke-color3,
.inverted .horizontalBar-chart > .elements .stroke-color3,
.inverted .chart > canvas .stroke-color3,
.inverted .chart > svg .stroke-color3 {
  stroke: #4e9ce2;
}
.inverted .bar-chart > .elements .stroke-color4,
.inverted .horizontalBar-chart > .elements .stroke-color4,
.inverted .chart > canvas .stroke-color4,
.inverted .chart > svg .stroke-color4 {
  stroke: #1a76cb;
}
.inverted .bar-chart > .elements .stroke-color5,
.inverted .horizontalBar-chart > .elements .stroke-color5,
.inverted .chart > canvas .stroke-color5,
.inverted .chart > svg .stroke-color5 {
  stroke: #1561a7;
}
.color-alternative .bar-chart > .elements .stroke-color0,
.color-alternative .horizontalBar-chart > .elements .stroke-color0,
.color-alternative .chart > canvas .stroke-color0,
.color-alternative .chart > svg .stroke-color0 {
  stroke: #1cb397;
}
.color-alternative .bar-chart > .elements .stroke-color1,
.color-alternative .horizontalBar-chart > .elements .stroke-color1,
.color-alternative .chart > canvas .stroke-color1,
.color-alternative .chart > svg .stroke-color1 {
  stroke: #1fc9aa;
}
.color-alternative .bar-chart > .elements .stroke-color2,
.color-alternative .horizontalBar-chart > .elements .stroke-color2,
.color-alternative .chart > canvas .stroke-color2,
.color-alternative .chart > svg .stroke-color2 {
  stroke: #3fe2c3;
}
.color-alternative .bar-chart > .elements .stroke-color3,
.color-alternative .horizontalBar-chart > .elements .stroke-color3,
.color-alternative .chart > canvas .stroke-color3,
.color-alternative .chart > svg .stroke-color3 {
  stroke: #62e7ce;
}
.color-alternative .bar-chart > .elements .stroke-color4,
.color-alternative .horizontalBar-chart > .elements .stroke-color4,
.color-alternative .chart > canvas .stroke-color4,
.color-alternative .chart > svg .stroke-color4 {
  stroke: #9ee8da;
}
.color-alternative .bar-chart > .elements .stroke-color5,
.color-alternative .horizontalBar-chart > .elements .stroke-color5,
.color-alternative .chart > canvas .stroke-color5,
.color-alternative .chart > svg .stroke-color5 {
  stroke: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color0,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color0,
.color-alternative.inverted .chart > canvas .stroke-color0,
.color-alternative.inverted .chart > svg .stroke-color0 {
  stroke: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color1,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color1,
.color-alternative.inverted .chart > canvas .stroke-color1,
.color-alternative.inverted .chart > svg .stroke-color1 {
  stroke: #9ee8da;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color2,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color2,
.color-alternative.inverted .chart > canvas .stroke-color2,
.color-alternative.inverted .chart > svg .stroke-color2 {
  stroke: #62e7ce;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color3,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color3,
.color-alternative.inverted .chart > canvas .stroke-color3,
.color-alternative.inverted .chart > svg .stroke-color3 {
  stroke: #3fe2c3;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color4,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color4,
.color-alternative.inverted .chart > canvas .stroke-color4,
.color-alternative.inverted .chart > svg .stroke-color4 {
  stroke: #1fc9aa;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color5,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color5,
.color-alternative.inverted .chart > canvas .stroke-color5,
.color-alternative.inverted .chart > svg .stroke-color5 {
  stroke: #1cb397;
}
.color-rainbow .bar-chart > .elements .stroke-color0,
.color-rainbow .horizontalBar-chart > .elements .stroke-color0,
.color-rainbow .chart > canvas .stroke-color0,
.color-rainbow .chart > svg .stroke-color0 {
  stroke: #71b0e8;
}
.color-rainbow .bar-chart > .elements .stroke-color1,
.color-rainbow .horizontalBar-chart > .elements .stroke-color1,
.color-rainbow .chart > canvas .stroke-color1,
.color-rainbow .chart > svg .stroke-color1 {
  stroke: #ffbe6b;
}
.color-rainbow .bar-chart > .elements .stroke-color2,
.color-rainbow .horizontalBar-chart > .elements .stroke-color2,
.color-rainbow .chart > canvas .stroke-color2,
.color-rainbow .chart > svg .stroke-color2 {
  stroke: #62e7ce;
}
.color-rainbow .bar-chart > .elements .stroke-color3,
.color-rainbow .horizontalBar-chart > .elements .stroke-color3,
.color-rainbow .chart > canvas .stroke-color3,
.color-rainbow .chart > svg .stroke-color3 {
  stroke: #a7acad;
}
.color-rainbow .bar-chart > .elements .stroke-color4,
.color-rainbow .horizontalBar-chart > .elements .stroke-color4,
.color-rainbow .chart > canvas .stroke-color4,
.color-rainbow .chart > svg .stroke-color4 {
  stroke: #ff8888;
}
.color-rainbow .bar-chart > .elements .stroke-color5,
.color-rainbow .horizontalBar-chart > .elements .stroke-color5,
.color-rainbow .chart > canvas .stroke-color5,
.color-rainbow .chart > svg .stroke-color5 {
  stroke: #62e7ce;
}
.bar-chart > .elements .color0.hover,
.horizontalBar-chart > .elements .color0.hover,
.chart > canvas .color0.hover,
.chart > svg .color0.hover {
  fill: #0f477a;
}
.bar-chart > .elements .color1.hover,
.horizontalBar-chart > .elements .color1.hover,
.chart > canvas .color1.hover,
.chart > svg .color1.hover {
  fill: #145c9e;
}
.bar-chart > .elements .color2.hover,
.horizontalBar-chart > .elements .color2.hover,
.chart > canvas .color2.hover,
.chart > svg .color2.hover {
  fill: #2384da;
}
.bar-chart > .elements .color3.hover,
.horizontalBar-chart > .elements .color3.hover,
.chart > canvas .color3.hover,
.chart > svg .color3.hover {
  fill: #4598e1;
}
.bar-chart > .elements .color4.hover,
.horizontalBar-chart > .elements .color4.hover,
.chart > canvas .color4.hover,
.chart > svg .color4.hover {
  fill: #6caae4;
}
.bar-chart > .elements .color5.hover,
.horizontalBar-chart > .elements .color5.hover,
.chart > canvas .color5.hover,
.chart > svg .color5.hover {
  fill: #92b9de;
}
.inverted .bar-chart > .elements,
.inverted .horizontalBar-chart > .elements,
.inverted .chart > canvas,
.inverted .chart > svg {
  fill: #b9d2ea;
}
.inverted .bar-chart > .elements .color0.hover,
.inverted .horizontalBar-chart > .elements .color0.hover,
.inverted .chart > canvas .color0.hover,
.inverted .chart > svg .color0.hover {
  fill: #92b9de;
}
.inverted .bar-chart > .elements .color1.hover,
.inverted .horizontalBar-chart > .elements .color1.hover,
.inverted .chart > canvas .color1.hover,
.inverted .chart > svg .color1.hover {
  fill: #6caae4;
}
.inverted .bar-chart > .elements .color2.hover,
.inverted .horizontalBar-chart > .elements .color2.hover,
.inverted .chart > canvas .color2.hover,
.inverted .chart > svg .color2.hover {
  fill: #4598e1;
}
.inverted .bar-chart > .elements .color3.hover,
.inverted .horizontalBar-chart > .elements .color3.hover,
.inverted .chart > canvas .color3.hover,
.inverted .chart > svg .color3.hover {
  fill: #2384da;
}
.inverted .bar-chart > .elements .color4.hover,
.inverted .horizontalBar-chart > .elements .color4.hover,
.inverted .chart > canvas .color4.hover,
.inverted .chart > svg .color4.hover {
  fill: #145c9e;
}
.inverted .bar-chart > .elements .color5.hover,
.inverted .horizontalBar-chart > .elements .color5.hover,
.inverted .chart > canvas .color5.hover,
.inverted .chart > svg .color5.hover {
  fill: #0f477a;
}
.color-alternative .bar-chart > .elements,
.color-alternative .horizontalBar-chart > .elements,
.color-alternative .chart > canvas,
.color-alternative .chart > svg {
  fill: #1cb397;
}
.color-alternative .bar-chart > .elements .color0.hover,
.color-alternative .horizontalBar-chart > .elements .color0.hover,
.color-alternative .chart > canvas .color0.hover,
.color-alternative .chart > svg .color0.hover {
  fill: #158772;
}
.color-alternative .bar-chart > .elements .color1.hover,
.color-alternative .horizontalBar-chart > .elements .color1.hover,
.color-alternative .chart > canvas .color1.hover,
.color-alternative .chart > svg .color1.hover {
  fill: #189d85;
}
.color-alternative .bar-chart > .elements .color2.hover,
.color-alternative .horizontalBar-chart > .elements .color2.hover,
.color-alternative .chart > canvas .color2.hover,
.color-alternative .chart > svg .color2.hover {
  fill: #1fcead;
}
.color-alternative .bar-chart > .elements .color3.hover,
.color-alternative .horizontalBar-chart > .elements .color3.hover,
.color-alternative .chart > canvas .color3.hover,
.color-alternative .chart > svg .color3.hover {
  fill: #36e0c0;
}
.color-alternative .bar-chart > .elements .color4.hover,
.color-alternative .horizontalBar-chart > .elements .color4.hover,
.color-alternative .chart > canvas .color4.hover,
.color-alternative .chart > svg .color4.hover {
  fill: #75deca;
}
.color-alternative .bar-chart > .elements .color5.hover,
.color-alternative .horizontalBar-chart > .elements .color5.hover,
.color-alternative .chart > canvas .color5.hover,
.color-alternative .chart > svg .color5.hover {
  fill: #9ae3d4;
}
.color-alternative.inverted .bar-chart > .elements,
.color-alternative.inverted .horizontalBar-chart > .elements,
.color-alternative.inverted .chart > canvas,
.color-alternative.inverted .chart > svg {
  fill: #c2eee5;
}
.color-alternative.inverted .bar-chart > .elements .color0.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color0.hover,
.color-alternative.inverted .chart > canvas .color0.hover,
.color-alternative.inverted .chart > svg .color0.hover {
  fill: #9ae3d4;
}
.color-alternative.inverted .bar-chart > .elements .color1.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color1.hover,
.color-alternative.inverted .chart > canvas .color1.hover,
.color-alternative.inverted .chart > svg .color1.hover {
  fill: #75deca;
}
.color-alternative.inverted .bar-chart > .elements .color2.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color2.hover,
.color-alternative.inverted .chart > canvas .color2.hover,
.color-alternative.inverted .chart > svg .color2.hover {
  fill: #36e0c0;
}
.color-alternative.inverted .bar-chart > .elements .color3.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color3.hover,
.color-alternative.inverted .chart > canvas .color3.hover,
.color-alternative.inverted .chart > svg .color3.hover {
  fill: #1fcead;
}
.color-alternative.inverted .bar-chart > .elements .color4.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color4.hover,
.color-alternative.inverted .chart > canvas .color4.hover,
.color-alternative.inverted .chart > svg .color4.hover {
  fill: #189d85;
}
.color-alternative.inverted .bar-chart > .elements .color5.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color5.hover,
.color-alternative.inverted .chart > canvas .color5.hover,
.color-alternative.inverted .chart > svg .color5.hover {
  fill: #158772;
}
.color-rainbow .bar-chart > .elements,
.color-rainbow .horizontalBar-chart > .elements,
.color-rainbow .chart > canvas,
.color-rainbow .chart > svg {
  fill: #71b0e8;
}
.color-rainbow .bar-chart > .elements .color0.hover,
.color-rainbow .horizontalBar-chart > .elements .color0.hover,
.color-rainbow .chart > canvas .color0.hover,
.color-rainbow .chart > svg .color0.hover {
  fill: #4598e1;
}
.color-rainbow .bar-chart > .elements .color1.hover,
.color-rainbow .horizontalBar-chart > .elements .color1.hover,
.color-rainbow .chart > canvas .color1.hover,
.color-rainbow .chart > svg .color1.hover {
  fill: #ffa838;
}
.color-rainbow .bar-chart > .elements .color2.hover,
.color-rainbow .horizontalBar-chart > .elements .color2.hover,
.color-rainbow .chart > canvas .color2.hover,
.color-rainbow .chart > svg .color2.hover {
  fill: #36e0c0;
}
.color-rainbow .bar-chart > .elements .color3.hover,
.color-rainbow .horizontalBar-chart > .elements .color3.hover,
.color-rainbow .chart > canvas .color3.hover,
.color-rainbow .chart > svg .color3.hover {
  fill: #8d9394;
}
.color-rainbow .bar-chart > .elements .color4.hover,
.color-rainbow .horizontalBar-chart > .elements .color4.hover,
.color-rainbow .chart > canvas .color4.hover,
.color-rainbow .chart > svg .color4.hover {
  fill: #ff5555;
}
.color-rainbow .bar-chart > .elements .color5.hover,
.color-rainbow .horizontalBar-chart > .elements .color5.hover,
.color-rainbow .chart > canvas .color5.hover,
.color-rainbow .chart > svg .color5.hover {
  fill: #36e0c0;
}
.bar-chart > .elements .stroke-color0.hover,
.horizontalBar-chart > .elements .stroke-color0.hover,
.chart > canvas .stroke-color0.hover,
.chart > svg .stroke-color0.hover {
  stroke: #0f477a;
}
.bar-chart > .elements .stroke-color1.hover,
.horizontalBar-chart > .elements .stroke-color1.hover,
.chart > canvas .stroke-color1.hover,
.chart > svg .stroke-color1.hover {
  stroke: #145c9e;
}
.bar-chart > .elements .stroke-color2.hover,
.horizontalBar-chart > .elements .stroke-color2.hover,
.chart > canvas .stroke-color2.hover,
.chart > svg .stroke-color2.hover {
  stroke: #2384da;
}
.bar-chart > .elements .stroke-color3.hover,
.horizontalBar-chart > .elements .stroke-color3.hover,
.chart > canvas .stroke-color3.hover,
.chart > svg .stroke-color3.hover {
  stroke: #4598e1;
}
.bar-chart > .elements .stroke-color4.hover,
.horizontalBar-chart > .elements .stroke-color4.hover,
.chart > canvas .stroke-color4.hover,
.chart > svg .stroke-color4.hover {
  stroke: #6caae4;
}
.bar-chart > .elements .stroke-color5.hover,
.horizontalBar-chart > .elements .stroke-color5.hover,
.chart > canvas .stroke-color5.hover,
.chart > svg .stroke-color5.hover {
  stroke: #92b9de;
}
.inverted .bar-chart > .elements .stroke-color0.hover,
.inverted .horizontalBar-chart > .elements .stroke-color0.hover,
.inverted .chart > canvas .stroke-color0.hover,
.inverted .chart > svg .stroke-color0.hover {
  stroke: #92b9de;
}
.inverted .bar-chart > .elements .stroke-color1.hover,
.inverted .horizontalBar-chart > .elements .stroke-color1.hover,
.inverted .chart > canvas .stroke-color1.hover,
.inverted .chart > svg .stroke-color1.hover {
  stroke: #6caae4;
}
.inverted .bar-chart > .elements .stroke-color2.hover,
.inverted .horizontalBar-chart > .elements .stroke-color2.hover,
.inverted .chart > canvas .stroke-color2.hover,
.inverted .chart > svg .stroke-color2.hover {
  stroke: #4598e1;
}
.inverted .bar-chart > .elements .stroke-color3.hover,
.inverted .horizontalBar-chart > .elements .stroke-color3.hover,
.inverted .chart > canvas .stroke-color3.hover,
.inverted .chart > svg .stroke-color3.hover {
  stroke: #2384da;
}
.inverted .bar-chart > .elements .stroke-color4.hover,
.inverted .horizontalBar-chart > .elements .stroke-color4.hover,
.inverted .chart > canvas .stroke-color4.hover,
.inverted .chart > svg .stroke-color4.hover {
  stroke: #145c9e;
}
.inverted .bar-chart > .elements .stroke-color5.hover,
.inverted .horizontalBar-chart > .elements .stroke-color5.hover,
.inverted .chart > canvas .stroke-color5.hover,
.inverted .chart > svg .stroke-color5.hover {
  stroke: #0f477a;
}
.color-alternative .bar-chart > .elements .stroke-color0.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color0.hover,
.color-alternative .chart > canvas .stroke-color0.hover,
.color-alternative .chart > svg .stroke-color0.hover {
  stroke: #158772;
}
.color-alternative .bar-chart > .elements .stroke-color1.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color1.hover,
.color-alternative .chart > canvas .stroke-color1.hover,
.color-alternative .chart > svg .stroke-color1.hover {
  stroke: #189d85;
}
.color-alternative .bar-chart > .elements .stroke-color2.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color2.hover,
.color-alternative .chart > canvas .stroke-color2.hover,
.color-alternative .chart > svg .stroke-color2.hover {
  stroke: #1fcead;
}
.color-alternative .bar-chart > .elements .stroke-color3.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color3.hover,
.color-alternative .chart > canvas .stroke-color3.hover,
.color-alternative .chart > svg .stroke-color3.hover {
  stroke: #36e0c0;
}
.color-alternative .bar-chart > .elements .stroke-color4.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color4.hover,
.color-alternative .chart > canvas .stroke-color4.hover,
.color-alternative .chart > svg .stroke-color4.hover {
  stroke: #75deca;
}
.color-alternative .bar-chart > .elements .stroke-color5.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color5.hover,
.color-alternative .chart > canvas .stroke-color5.hover,
.color-alternative .chart > svg .stroke-color5.hover {
  stroke: #9ae3d4;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color0.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color0.hover,
.color-alternative.inverted .chart > canvas .stroke-color0.hover,
.color-alternative.inverted .chart > svg .stroke-color0.hover {
  stroke: #9ae3d4;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color1.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color1.hover,
.color-alternative.inverted .chart > canvas .stroke-color1.hover,
.color-alternative.inverted .chart > svg .stroke-color1.hover {
  stroke: #75deca;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color2.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color2.hover,
.color-alternative.inverted .chart > canvas .stroke-color2.hover,
.color-alternative.inverted .chart > svg .stroke-color2.hover {
  stroke: #36e0c0;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color3.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color3.hover,
.color-alternative.inverted .chart > canvas .stroke-color3.hover,
.color-alternative.inverted .chart > svg .stroke-color3.hover {
  stroke: #1fcead;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color4.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color4.hover,
.color-alternative.inverted .chart > canvas .stroke-color4.hover,
.color-alternative.inverted .chart > svg .stroke-color4.hover {
  stroke: #189d85;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color5.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color5.hover,
.color-alternative.inverted .chart > canvas .stroke-color5.hover,
.color-alternative.inverted .chart > svg .stroke-color5.hover {
  stroke: #158772;
}
.color-rainbow .bar-chart > .elements .stroke-color0.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color0.hover,
.color-rainbow .chart > canvas .stroke-color0.hover,
.color-rainbow .chart > svg .stroke-color0.hover {
  stroke: #4598e1;
}
.color-rainbow .bar-chart > .elements .stroke-color1.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color1.hover,
.color-rainbow .chart > canvas .stroke-color1.hover,
.color-rainbow .chart > svg .stroke-color1.hover {
  stroke: #ffa838;
}
.color-rainbow .bar-chart > .elements .stroke-color2.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color2.hover,
.color-rainbow .chart > canvas .stroke-color2.hover,
.color-rainbow .chart > svg .stroke-color2.hover {
  stroke: #36e0c0;
}
.color-rainbow .bar-chart > .elements .stroke-color3.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color3.hover,
.color-rainbow .chart > canvas .stroke-color3.hover,
.color-rainbow .chart > svg .stroke-color3.hover {
  stroke: #8d9394;
}
.color-rainbow .bar-chart > .elements .stroke-color4.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color4.hover,
.color-rainbow .chart > canvas .stroke-color4.hover,
.color-rainbow .chart > svg .stroke-color4.hover {
  stroke: #ff5555;
}
.color-rainbow .bar-chart > .elements .stroke-color5.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color5.hover,
.color-rainbow .chart > canvas .stroke-color5.hover,
.color-rainbow .chart > svg .stroke-color5.hover {
  stroke: #36e0c0;
}
.bar-chart,
.horizontalBar-chart {
  min-width: 75px;
}
.checkable.bar-chart > .elements,
.checkable.horizontalBar-chart > .elements {
  fill: #1561A7;
}
.checkable.bar-chart > .elements .color0,
.checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(21, 97, 167, 0.2);
}
.checkable.bar-chart > .elements .color1,
.checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(26, 118, 203, 0.2);
}
.checkable.bar-chart > .elements .color2,
.checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(78, 156, 226, 0.2);
}
.checkable.bar-chart > .elements .color3,
.checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(113, 176, 232, 0.2);
}
.checkable.bar-chart > .elements .color4,
.checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(151, 195, 236, 0.2);
}
.checkable.bar-chart > .elements .color5,
.checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(185, 210, 234, 0.2);
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #b9d2ea;
}
.inverted .checkable.bar-chart > .elements .color0,
.inverted .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(185, 210, 234, 0.2);
}
.inverted .checkable.bar-chart > .elements .color1,
.inverted .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(151, 195, 236, 0.2);
}
.inverted .checkable.bar-chart > .elements .color2,
.inverted .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(113, 176, 232, 0.2);
}
.inverted .checkable.bar-chart > .elements .color3,
.inverted .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(78, 156, 226, 0.2);
}
.inverted .checkable.bar-chart > .elements .color4,
.inverted .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(26, 118, 203, 0.2);
}
.inverted .checkable.bar-chart > .elements .color5,
.inverted .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(21, 97, 167, 0.2);
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #1cb397;
}
.color-alternative .checkable.bar-chart > .elements .color0,
.color-alternative .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(28, 179, 151, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color1,
.color-alternative .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(31, 201, 170, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color2,
.color-alternative .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(63, 226, 195, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color3,
.color-alternative .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(98, 231, 206, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color4,
.color-alternative .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(158, 232, 218, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color5,
.color-alternative .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(194, 238, 229, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #c2eee5;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(194, 238, 229, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(158, 232, 218, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(98, 231, 206, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(63, 226, 195, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(31, 201, 170, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(28, 179, 151, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #71b0e8;
}
.color-rainbow .checkable.bar-chart > .elements .color0,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(113, 176, 232, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color1,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(255, 190, 107, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color2,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(98, 231, 206, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color3,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(167, 172, 173, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color4,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(255, 136, 136, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color5,
.color-rainbow .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(98, 231, 206, 0.2);
}
.checkable.bar-chart > .elements .color0.checked,
.checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #1561a7;
}
.checkable.bar-chart > .elements .color1.checked,
.checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #1a76cb;
}
.checkable.bar-chart > .elements .color2.checked,
.checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #4e9ce2;
}
.checkable.bar-chart > .elements .color3.checked,
.checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #71b0e8;
}
.checkable.bar-chart > .elements .color4.checked,
.checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #97c3ec;
}
.checkable.bar-chart > .elements .color5.checked,
.checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #b9d2ea;
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #b9d2ea;
}
.inverted .checkable.bar-chart > .elements .color0.checked,
.inverted .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #b9d2ea;
}
.inverted .checkable.bar-chart > .elements .color1.checked,
.inverted .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #97c3ec;
}
.inverted .checkable.bar-chart > .elements .color2.checked,
.inverted .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #71b0e8;
}
.inverted .checkable.bar-chart > .elements .color3.checked,
.inverted .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #4e9ce2;
}
.inverted .checkable.bar-chart > .elements .color4.checked,
.inverted .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #1a76cb;
}
.inverted .checkable.bar-chart > .elements .color5.checked,
.inverted .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #1561a7;
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #1cb397;
}
.color-alternative .checkable.bar-chart > .elements .color0.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #1cb397;
}
.color-alternative .checkable.bar-chart > .elements .color1.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #1fc9aa;
}
.color-alternative .checkable.bar-chart > .elements .color2.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #3fe2c3;
}
.color-alternative .checkable.bar-chart > .elements .color3.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #62e7ce;
}
.color-alternative .checkable.bar-chart > .elements .color4.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #9ee8da;
}
.color-alternative .checkable.bar-chart > .elements .color5.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #c2eee5;
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #c2eee5;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #c2eee5;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #9ee8da;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #62e7ce;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #3fe2c3;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #1fc9aa;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #1cb397;
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #71b0e8;
}
.color-rainbow .checkable.bar-chart > .elements .color0.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #71b0e8;
}
.color-rainbow .checkable.bar-chart > .elements .color1.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #ffbe6b;
}
.color-rainbow .checkable.bar-chart > .elements .color2.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #62e7ce;
}
.color-rainbow .checkable.bar-chart > .elements .color3.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #a7acad;
}
.color-rainbow .checkable.bar-chart > .elements .color4.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #ff8888;
}
.color-rainbow .checkable.bar-chart > .elements .color5.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #62e7ce;
}
.checkable.bar-chart > .elements .color0.hover,
.checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(21, 97, 167, 0.35);
}
.checkable.bar-chart > .elements .color1.hover,
.checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(26, 118, 203, 0.35);
}
.checkable.bar-chart > .elements .color2.hover,
.checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(78, 156, 226, 0.35);
}
.checkable.bar-chart > .elements .color3.hover,
.checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(113, 176, 232, 0.35);
}
.checkable.bar-chart > .elements .color4.hover,
.checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(151, 195, 236, 0.35);
}
.checkable.bar-chart > .elements .color5.hover,
.checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(185, 210, 234, 0.35);
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #b9d2ea;
}
.inverted .checkable.bar-chart > .elements .color0.hover,
.inverted .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(185, 210, 234, 0.35);
}
.inverted .checkable.bar-chart > .elements .color1.hover,
.inverted .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(151, 195, 236, 0.35);
}
.inverted .checkable.bar-chart > .elements .color2.hover,
.inverted .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(113, 176, 232, 0.35);
}
.inverted .checkable.bar-chart > .elements .color3.hover,
.inverted .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(78, 156, 226, 0.35);
}
.inverted .checkable.bar-chart > .elements .color4.hover,
.inverted .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(26, 118, 203, 0.35);
}
.inverted .checkable.bar-chart > .elements .color5.hover,
.inverted .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(21, 97, 167, 0.35);
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #1cb397;
}
.color-alternative .checkable.bar-chart > .elements .color0.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(28, 179, 151, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color1.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(31, 201, 170, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color2.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(63, 226, 195, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color3.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(98, 231, 206, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color4.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(158, 232, 218, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color5.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(194, 238, 229, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #c2eee5;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(194, 238, 229, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(158, 232, 218, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(98, 231, 206, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(63, 226, 195, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(31, 201, 170, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(28, 179, 151, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #71b0e8;
}
.color-rainbow .checkable.bar-chart > .elements .color0.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(113, 176, 232, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color1.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(255, 190, 107, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color2.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(98, 231, 206, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color3.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(167, 172, 173, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color4.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(2