@eclipse-scout/chart 22.0.29 → 22.0.33

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

@@ -42,11 +42,11 @@
  *     BSI Business Systems Integration AG - initial API and implementation
  */
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -3444,726 +3444,968 @@
 .color-rainbow .radar-chart > .elements .color5.legend {
   fill: #62e7ce;
 }
-.bubble-chart {
+.bubble-chart,
+.scatter-chart {
   min-width: 75px;
 }
-.bubble-chart > .elements {
+.bubble-chart > .elements,
+.scatter-chart > .elements {
   fill: #1561A7;
 }
-.bubble-chart > .elements > .label {
+.bubble-chart > .elements > .label,
+.scatter-chart > .elements > .label {
   fill: #BFC2C3;
 }
-.inverted > .bubble-chart > .elements > .label {
+.inverted > .bubble-chart > .elements > .label,
+.inverted > .scatter-chart > .elements > .label {
   fill: #BFC2C3;
 }
-.bubble-chart > .elements > .datalabel {
+.bubble-chart > .elements > .datalabel,
+.scatter-chart > .elements > .datalabel {
   fill: #0E1316;
 }
-.bubble-chart > .elements > .axis-label {
+.bubble-chart > .elements > .axis-label,
+.scatter-chart > .elements > .axis-label {
   fill: #BFC2C3;
 }
-.inverted > .bubble-chart > .elements > .axis-label {
+.inverted > .bubble-chart > .elements > .axis-label,
+.inverted > .scatter-chart > .elements > .axis-label {
   fill: #BFC2C3;
 }
 .bubble-chart > .elements > .grid,
-.bubble-chart > .elements > .scale-ticks {
+.scatter-chart > .elements > .grid,
+.bubble-chart > .elements > .scale-ticks,
+.scatter-chart > .elements > .scale-ticks {
   fill: rgba(255, 255, 255, 0.12);
 }
 .inverted > .bubble-chart > .elements > .grid,
-.inverted > .bubble-chart > .elements > .scale-ticks {
+.inverted > .scatter-chart > .elements > .grid,
+.inverted > .bubble-chart > .elements > .scale-ticks,
+.inverted > .scatter-chart > .elements > .scale-ticks {
   fill: rgba(255, 255, 255, 0.12);
 }
-.bubble-chart > .elements .color0 {
+.bubble-chart > .elements .color0,
+.scatter-chart > .elements .color0 {
   fill: rgba(21, 97, 167, 0.2);
 }
-.bubble-chart > .elements .color1 {
+.bubble-chart > .elements .color1,
+.scatter-chart > .elements .color1 {
   fill: rgba(26, 118, 203, 0.2);
 }
-.bubble-chart > .elements .color2 {
+.bubble-chart > .elements .color2,
+.scatter-chart > .elements .color2 {
   fill: rgba(78, 156, 226, 0.2);
 }
-.bubble-chart > .elements .color3 {
+.bubble-chart > .elements .color3,
+.scatter-chart > .elements .color3 {
   fill: rgba(113, 176, 232, 0.2);
 }
-.bubble-chart > .elements .color4 {
+.bubble-chart > .elements .color4,
+.scatter-chart > .elements .color4 {
   fill: rgba(151, 195, 236, 0.2);
 }
-.bubble-chart > .elements .color5 {
+.bubble-chart > .elements .color5,
+.scatter-chart > .elements .color5 {
   fill: rgba(185, 210, 234, 0.2);
 }
-.inverted .bubble-chart > .elements {
+.inverted .bubble-chart > .elements,
+.inverted .scatter-chart > .elements {
   fill: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .color0 {
+.inverted .bubble-chart > .elements .color0,
+.inverted .scatter-chart > .elements .color0 {
   fill: rgba(185, 210, 234, 0.2);
 }
-.inverted .bubble-chart > .elements .color1 {
+.inverted .bubble-chart > .elements .color1,
+.inverted .scatter-chart > .elements .color1 {
   fill: rgba(151, 195, 236, 0.2);
 }
-.inverted .bubble-chart > .elements .color2 {
+.inverted .bubble-chart > .elements .color2,
+.inverted .scatter-chart > .elements .color2 {
   fill: rgba(113, 176, 232, 0.2);
 }
-.inverted .bubble-chart > .elements .color3 {
+.inverted .bubble-chart > .elements .color3,
+.inverted .scatter-chart > .elements .color3 {
   fill: rgba(78, 156, 226, 0.2);
 }
-.inverted .bubble-chart > .elements .color4 {
+.inverted .bubble-chart > .elements .color4,
+.inverted .scatter-chart > .elements .color4 {
   fill: rgba(26, 118, 203, 0.2);
 }
-.inverted .bubble-chart > .elements .color5 {
+.inverted .bubble-chart > .elements .color5,
+.inverted .scatter-chart > .elements .color5 {
   fill: rgba(21, 97, 167, 0.2);
 }
-.color-alternative .bubble-chart > .elements {
+.color-alternative .bubble-chart > .elements,
+.color-alternative .scatter-chart > .elements {
   fill: #1cb397;
 }
-.color-alternative .bubble-chart > .elements .color0 {
+.color-alternative .bubble-chart > .elements .color0,
+.color-alternative .scatter-chart > .elements .color0 {
   fill: rgba(28, 179, 151, 0.2);
 }
-.color-alternative .bubble-chart > .elements .color1 {
+.color-alternative .bubble-chart > .elements .color1,
+.color-alternative .scatter-chart > .elements .color1 {
   fill: rgba(31, 201, 170, 0.2);
 }
-.color-alternative .bubble-chart > .elements .color2 {
+.color-alternative .bubble-chart > .elements .color2,
+.color-alternative .scatter-chart > .elements .color2 {
   fill: rgba(63, 226, 195, 0.2);
 }
-.color-alternative .bubble-chart > .elements .color3 {
+.color-alternative .bubble-chart > .elements .color3,
+.color-alternative .scatter-chart > .elements .color3 {
   fill: rgba(98, 231, 206, 0.2);
 }
-.color-alternative .bubble-chart > .elements .color4 {
+.color-alternative .bubble-chart > .elements .color4,
+.color-alternative .scatter-chart > .elements .color4 {
   fill: rgba(158, 232, 218, 0.2);
 }
-.color-alternative .bubble-chart > .elements .color5 {
+.color-alternative .bubble-chart > .elements .color5,
+.color-alternative .scatter-chart > .elements .color5 {
   fill: rgba(194, 238, 229, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements {
+.color-alternative.inverted .bubble-chart > .elements,
+.color-alternative.inverted .scatter-chart > .elements {
   fill: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .color0 {
+.color-alternative.inverted .bubble-chart > .elements .color0,
+.color-alternative.inverted .scatter-chart > .elements .color0 {
   fill: rgba(194, 238, 229, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements .color1 {
+.color-alternative.inverted .bubble-chart > .elements .color1,
+.color-alternative.inverted .scatter-chart > .elements .color1 {
   fill: rgba(158, 232, 218, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements .color2 {
+.color-alternative.inverted .bubble-chart > .elements .color2,
+.color-alternative.inverted .scatter-chart > .elements .color2 {
   fill: rgba(98, 231, 206, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements .color3 {
+.color-alternative.inverted .bubble-chart > .elements .color3,
+.color-alternative.inverted .scatter-chart > .elements .color3 {
   fill: rgba(63, 226, 195, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements .color4 {
+.color-alternative.inverted .bubble-chart > .elements .color4,
+.color-alternative.inverted .scatter-chart > .elements .color4 {
   fill: rgba(31, 201, 170, 0.2);
 }
-.color-alternative.inverted .bubble-chart > .elements .color5 {
+.color-alternative.inverted .bubble-chart > .elements .color5,
+.color-alternative.inverted .scatter-chart > .elements .color5 {
   fill: rgba(28, 179, 151, 0.2);
 }
-.color-rainbow .bubble-chart > .elements {
+.color-rainbow .bubble-chart > .elements,
+.color-rainbow .scatter-chart > .elements {
   fill: #71b0e8;
 }
-.color-rainbow .bubble-chart > .elements .color0 {
+.color-rainbow .bubble-chart > .elements .color0,
+.color-rainbow .scatter-chart > .elements .color0 {
   fill: rgba(113, 176, 232, 0.2);
 }
-.color-rainbow .bubble-chart > .elements .color1 {
+.color-rainbow .bubble-chart > .elements .color1,
+.color-rainbow .scatter-chart > .elements .color1 {
   fill: rgba(255, 190, 107, 0.2);
 }
-.color-rainbow .bubble-chart > .elements .color2 {
+.color-rainbow .bubble-chart > .elements .color2,
+.color-rainbow .scatter-chart > .elements .color2 {
   fill: rgba(98, 231, 206, 0.2);
 }
-.color-rainbow .bubble-chart > .elements .color3 {
+.color-rainbow .bubble-chart > .elements .color3,
+.color-rainbow .scatter-chart > .elements .color3 {
   fill: rgba(167, 172, 173, 0.2);
 }
-.color-rainbow .bubble-chart > .elements .color4 {
+.color-rainbow .bubble-chart > .elements .color4,
+.color-rainbow .scatter-chart > .elements .color4 {
   fill: rgba(255, 136, 136, 0.2);
 }
-.color-rainbow .bubble-chart > .elements .color5 {
+.color-rainbow .bubble-chart > .elements .color5,
+.color-rainbow .scatter-chart > .elements .color5 {
   fill: rgba(98, 231, 206, 0.2);
 }
-.bubble-chart > .elements .stroke-color0 {
+.bubble-chart > .elements .stroke-color0,
+.scatter-chart > .elements .stroke-color0 {
   stroke: #1561a7;
 }
-.bubble-chart > .elements .stroke-color1 {
+.bubble-chart > .elements .stroke-color1,
+.scatter-chart > .elements .stroke-color1 {
   stroke: #1a76cb;
 }
-.bubble-chart > .elements .stroke-color2 {
+.bubble-chart > .elements .stroke-color2,
+.scatter-chart > .elements .stroke-color2 {
   stroke: #4e9ce2;
 }
-.bubble-chart > .elements .stroke-color3 {
+.bubble-chart > .elements .stroke-color3,
+.scatter-chart > .elements .stroke-color3 {
   stroke: #71b0e8;
 }
-.bubble-chart > .elements .stroke-color4 {
+.bubble-chart > .elements .stroke-color4,
+.scatter-chart > .elements .stroke-color4 {
   stroke: #97c3ec;
 }
-.bubble-chart > .elements .stroke-color5 {
+.bubble-chart > .elements .stroke-color5,
+.scatter-chart > .elements .stroke-color5 {
   stroke: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .stroke-color0 {
+.inverted .bubble-chart > .elements .stroke-color0,
+.inverted .scatter-chart > .elements .stroke-color0 {
   stroke: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .stroke-color1 {
+.inverted .bubble-chart > .elements .stroke-color1,
+.inverted .scatter-chart > .elements .stroke-color1 {
   stroke: #97c3ec;
 }
-.inverted .bubble-chart > .elements .stroke-color2 {
+.inverted .bubble-chart > .elements .stroke-color2,
+.inverted .scatter-chart > .elements .stroke-color2 {
   stroke: #71b0e8;
 }
-.inverted .bubble-chart > .elements .stroke-color3 {
+.inverted .bubble-chart > .elements .stroke-color3,
+.inverted .scatter-chart > .elements .stroke-color3 {
   stroke: #4e9ce2;
 }
-.inverted .bubble-chart > .elements .stroke-color4 {
+.inverted .bubble-chart > .elements .stroke-color4,
+.inverted .scatter-chart > .elements .stroke-color4 {
   stroke: #1a76cb;
 }
-.inverted .bubble-chart > .elements .stroke-color5 {
+.inverted .bubble-chart > .elements .stroke-color5,
+.inverted .scatter-chart > .elements .stroke-color5 {
   stroke: #1561a7;
 }
-.color-alternative .bubble-chart > .elements .stroke-color0 {
+.color-alternative .bubble-chart > .elements .stroke-color0,
+.color-alternative .scatter-chart > .elements .stroke-color0 {
   stroke: #1cb397;
 }
-.color-alternative .bubble-chart > .elements .stroke-color1 {
+.color-alternative .bubble-chart > .elements .stroke-color1,
+.color-alternative .scatter-chart > .elements .stroke-color1 {
   stroke: #1fc9aa;
 }
-.color-alternative .bubble-chart > .elements .stroke-color2 {
+.color-alternative .bubble-chart > .elements .stroke-color2,
+.color-alternative .scatter-chart > .elements .stroke-color2 {
   stroke: #3fe2c3;
 }
-.color-alternative .bubble-chart > .elements .stroke-color3 {
+.color-alternative .bubble-chart > .elements .stroke-color3,
+.color-alternative .scatter-chart > .elements .stroke-color3 {
   stroke: #62e7ce;
 }
-.color-alternative .bubble-chart > .elements .stroke-color4 {
+.color-alternative .bubble-chart > .elements .stroke-color4,
+.color-alternative .scatter-chart > .elements .stroke-color4 {
   stroke: #9ee8da;
 }
-.color-alternative .bubble-chart > .elements .stroke-color5 {
+.color-alternative .bubble-chart > .elements .stroke-color5,
+.color-alternative .scatter-chart > .elements .stroke-color5 {
   stroke: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color0 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color0,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color0 {
   stroke: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color1 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color1,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color1 {
   stroke: #9ee8da;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color2 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color2,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color2 {
   stroke: #62e7ce;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color3 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color3,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color3 {
   stroke: #3fe2c3;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color4 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color4,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color4 {
   stroke: #1fc9aa;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color5 {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color5,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color5 {
   stroke: #1cb397;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color0 {
+.color-rainbow .bubble-chart > .elements .stroke-color0,
+.color-rainbow .scatter-chart > .elements .stroke-color0 {
   stroke: #71b0e8;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color1 {
+.color-rainbow .bubble-chart > .elements .stroke-color1,
+.color-rainbow .scatter-chart > .elements .stroke-color1 {
   stroke: #ffbe6b;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color2 {
+.color-rainbow .bubble-chart > .elements .stroke-color2,
+.color-rainbow .scatter-chart > .elements .stroke-color2 {
   stroke: #62e7ce;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color3 {
+.color-rainbow .bubble-chart > .elements .stroke-color3,
+.color-rainbow .scatter-chart > .elements .stroke-color3 {
   stroke: #a7acad;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color4 {
+.color-rainbow .bubble-chart > .elements .stroke-color4,
+.color-rainbow .scatter-chart > .elements .stroke-color4 {
   stroke: #ff8888;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color5 {
+.color-rainbow .bubble-chart > .elements .stroke-color5,
+.color-rainbow .scatter-chart > .elements .stroke-color5 {
   stroke: #62e7ce;
 }
-.bubble-chart > .elements .color0.hover {
+.bubble-chart > .elements .color0.hover,
+.scatter-chart > .elements .color0.hover {
   fill: rgba(21, 97, 167, 0.35);
 }
-.bubble-chart > .elements .color1.hover {
+.bubble-chart > .elements .color1.hover,
+.scatter-chart > .elements .color1.hover {
   fill: rgba(26, 118, 203, 0.35);
 }
-.bubble-chart > .elements .color2.hover {
+.bubble-chart > .elements .color2.hover,
+.scatter-chart > .elements .color2.hover {
   fill: rgba(78, 156, 226, 0.35);
 }
-.bubble-chart > .elements .color3.hover {
+.bubble-chart > .elements .color3.hover,
+.scatter-chart > .elements .color3.hover {
   fill: rgba(113, 176, 232, 0.35);
 }
-.bubble-chart > .elements .color4.hover {
+.bubble-chart > .elements .color4.hover,
+.scatter-chart > .elements .color4.hover {
   fill: rgba(151, 195, 236, 0.35);
 }
-.bubble-chart > .elements .color5.hover {
+.bubble-chart > .elements .color5.hover,
+.scatter-chart > .elements .color5.hover {
   fill: rgba(185, 210, 234, 0.35);
 }
-.inverted .bubble-chart > .elements {
+.inverted .bubble-chart > .elements,
+.inverted .scatter-chart > .elements {
   fill: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .color0.hover {
+.inverted .bubble-chart > .elements .color0.hover,
+.inverted .scatter-chart > .elements .color0.hover {
   fill: rgba(185, 210, 234, 0.35);
 }
-.inverted .bubble-chart > .elements .color1.hover {
+.inverted .bubble-chart > .elements .color1.hover,
+.inverted .scatter-chart > .elements .color1.hover {
   fill: rgba(151, 195, 236, 0.35);
 }
-.inverted .bubble-chart > .elements .color2.hover {
+.inverted .bubble-chart > .elements .color2.hover,
+.inverted .scatter-chart > .elements .color2.hover {
   fill: rgba(113, 176, 232, 0.35);
 }
-.inverted .bubble-chart > .elements .color3.hover {
+.inverted .bubble-chart > .elements .color3.hover,
+.inverted .scatter-chart > .elements .color3.hover {
   fill: rgba(78, 156, 226, 0.35);
 }
-.inverted .bubble-chart > .elements .color4.hover {
+.inverted .bubble-chart > .elements .color4.hover,
+.inverted .scatter-chart > .elements .color4.hover {
   fill: rgba(26, 118, 203, 0.35);
 }
-.inverted .bubble-chart > .elements .color5.hover {
+.inverted .bubble-chart > .elements .color5.hover,
+.inverted .scatter-chart > .elements .color5.hover {
   fill: rgba(21, 97, 167, 0.35);
 }
-.color-alternative .bubble-chart > .elements {
+.color-alternative .bubble-chart > .elements,
+.color-alternative .scatter-chart > .elements {
   fill: #1cb397;
 }
-.color-alternative .bubble-chart > .elements .color0.hover {
+.color-alternative .bubble-chart > .elements .color0.hover,
+.color-alternative .scatter-chart > .elements .color0.hover {
   fill: rgba(28, 179, 151, 0.35);
 }
-.color-alternative .bubble-chart > .elements .color1.hover {
+.color-alternative .bubble-chart > .elements .color1.hover,
+.color-alternative .scatter-chart > .elements .color1.hover {
   fill: rgba(31, 201, 170, 0.35);
 }
-.color-alternative .bubble-chart > .elements .color2.hover {
+.color-alternative .bubble-chart > .elements .color2.hover,
+.color-alternative .scatter-chart > .elements .color2.hover {
   fill: rgba(63, 226, 195, 0.35);
 }
-.color-alternative .bubble-chart > .elements .color3.hover {
+.color-alternative .bubble-chart > .elements .color3.hover,
+.color-alternative .scatter-chart > .elements .color3.hover {
   fill: rgba(98, 231, 206, 0.35);
 }
-.color-alternative .bubble-chart > .elements .color4.hover {
+.color-alternative .bubble-chart > .elements .color4.hover,
+.color-alternative .scatter-chart > .elements .color4.hover {
   fill: rgba(158, 232, 218, 0.35);
 }
-.color-alternative .bubble-chart > .elements .color5.hover {
+.color-alternative .bubble-chart > .elements .color5.hover,
+.color-alternative .scatter-chart > .elements .color5.hover {
   fill: rgba(194, 238, 229, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements {
+.color-alternative.inverted .bubble-chart > .elements,
+.color-alternative.inverted .scatter-chart > .elements {
   fill: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .color0.hover {
+.color-alternative.inverted .bubble-chart > .elements .color0.hover,
+.color-alternative.inverted .scatter-chart > .elements .color0.hover {
   fill: rgba(194, 238, 229, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements .color1.hover {
+.color-alternative.inverted .bubble-chart > .elements .color1.hover,
+.color-alternative.inverted .scatter-chart > .elements .color1.hover {
   fill: rgba(158, 232, 218, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements .color2.hover {
+.color-alternative.inverted .bubble-chart > .elements .color2.hover,
+.color-alternative.inverted .scatter-chart > .elements .color2.hover {
   fill: rgba(98, 231, 206, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements .color3.hover {
+.color-alternative.inverted .bubble-chart > .elements .color3.hover,
+.color-alternative.inverted .scatter-chart > .elements .color3.hover {
   fill: rgba(63, 226, 195, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements .color4.hover {
+.color-alternative.inverted .bubble-chart > .elements .color4.hover,
+.color-alternative.inverted .scatter-chart > .elements .color4.hover {
   fill: rgba(31, 201, 170, 0.35);
 }
-.color-alternative.inverted .bubble-chart > .elements .color5.hover {
+.color-alternative.inverted .bubble-chart > .elements .color5.hover,
+.color-alternative.inverted .scatter-chart > .elements .color5.hover {
   fill: rgba(28, 179, 151, 0.35);
 }
-.color-rainbow .bubble-chart > .elements {
+.color-rainbow .bubble-chart > .elements,
+.color-rainbow .scatter-chart > .elements {
   fill: #71b0e8;
 }
-.color-rainbow .bubble-chart > .elements .color0.hover {
+.color-rainbow .bubble-chart > .elements .color0.hover,
+.color-rainbow .scatter-chart > .elements .color0.hover {
   fill: rgba(113, 176, 232, 0.35);
 }
-.color-rainbow .bubble-chart > .elements .color1.hover {
+.color-rainbow .bubble-chart > .elements .color1.hover,
+.color-rainbow .scatter-chart > .elements .color1.hover {
   fill: rgba(255, 190, 107, 0.35);
 }
-.color-rainbow .bubble-chart > .elements .color2.hover {
+.color-rainbow .bubble-chart > .elements .color2.hover,
+.color-rainbow .scatter-chart > .elements .color2.hover {
   fill: rgba(98, 231, 206, 0.35);
 }
-.color-rainbow .bubble-chart > .elements .color3.hover {
+.color-rainbow .bubble-chart > .elements .color3.hover,
+.color-rainbow .scatter-chart > .elements .color3.hover {
   fill: rgba(167, 172, 173, 0.35);
 }
-.color-rainbow .bubble-chart > .elements .color4.hover {
+.color-rainbow .bubble-chart > .elements .color4.hover,
+.color-rainbow .scatter-chart > .elements .color4.hover {
   fill: rgba(255, 136, 136, 0.35);
 }
-.color-rainbow .bubble-chart > .elements .color5.hover {
+.color-rainbow .bubble-chart > .elements .color5.hover,
+.color-rainbow .scatter-chart > .elements .color5.hover {
   fill: rgba(98, 231, 206, 0.35);
 }
-.bubble-chart > .elements .stroke-color0.hover {
+.bubble-chart > .elements .stroke-color0.hover,
+.scatter-chart > .elements .stroke-color0.hover {
   stroke: #0f477a;
 }
-.bubble-chart > .elements .stroke-color1.hover {
+.bubble-chart > .elements .stroke-color1.hover,
+.scatter-chart > .elements .stroke-color1.hover {
   stroke: #145c9e;
 }
-.bubble-chart > .elements .stroke-color2.hover {
+.bubble-chart > .elements .stroke-color2.hover,
+.scatter-chart > .elements .stroke-color2.hover {
   stroke: #2384da;
 }
-.bubble-chart > .elements .stroke-color3.hover {
+.bubble-chart > .elements .stroke-color3.hover,
+.scatter-chart > .elements .stroke-color3.hover {
   stroke: #4598e1;
 }
-.bubble-chart > .elements .stroke-color4.hover {
+.bubble-chart > .elements .stroke-color4.hover,
+.scatter-chart > .elements .stroke-color4.hover {
   stroke: #6caae4;
 }
-.bubble-chart > .elements .stroke-color5.hover {
+.bubble-chart > .elements .stroke-color5.hover,
+.scatter-chart > .elements .stroke-color5.hover {
   stroke: #92b9de;
 }
-.inverted .bubble-chart > .elements .stroke-color0.hover {
+.inverted .bubble-chart > .elements .stroke-color0.hover,
+.inverted .scatter-chart > .elements .stroke-color0.hover {
   stroke: #92b9de;
 }
-.inverted .bubble-chart > .elements .stroke-color1.hover {
+.inverted .bubble-chart > .elements .stroke-color1.hover,
+.inverted .scatter-chart > .elements .stroke-color1.hover {
   stroke: #6caae4;
 }
-.inverted .bubble-chart > .elements .stroke-color2.hover {
+.inverted .bubble-chart > .elements .stroke-color2.hover,
+.inverted .scatter-chart > .elements .stroke-color2.hover {
   stroke: #4598e1;
 }
-.inverted .bubble-chart > .elements .stroke-color3.hover {
+.inverted .bubble-chart > .elements .stroke-color3.hover,
+.inverted .scatter-chart > .elements .stroke-color3.hover {
   stroke: #2384da;
 }
-.inverted .bubble-chart > .elements .stroke-color4.hover {
+.inverted .bubble-chart > .elements .stroke-color4.hover,
+.inverted .scatter-chart > .elements .stroke-color4.hover {
   stroke: #145c9e;
 }
-.inverted .bubble-chart > .elements .stroke-color5.hover {
+.inverted .bubble-chart > .elements .stroke-color5.hover,
+.inverted .scatter-chart > .elements .stroke-color5.hover {
   stroke: #0f477a;
 }
-.color-alternative .bubble-chart > .elements .stroke-color0.hover {
+.color-alternative .bubble-chart > .elements .stroke-color0.hover,
+.color-alternative .scatter-chart > .elements .stroke-color0.hover {
   stroke: #158772;
 }
-.color-alternative .bubble-chart > .elements .stroke-color1.hover {
+.color-alternative .bubble-chart > .elements .stroke-color1.hover,
+.color-alternative .scatter-chart > .elements .stroke-color1.hover {
   stroke: #189d85;
 }
-.color-alternative .bubble-chart > .elements .stroke-color2.hover {
+.color-alternative .bubble-chart > .elements .stroke-color2.hover,
+.color-alternative .scatter-chart > .elements .stroke-color2.hover {
   stroke: #1fcead;
 }
-.color-alternative .bubble-chart > .elements .stroke-color3.hover {
+.color-alternative .bubble-chart > .elements .stroke-color3.hover,
+.color-alternative .scatter-chart > .elements .stroke-color3.hover {
   stroke: #36e0c0;
 }
-.color-alternative .bubble-chart > .elements .stroke-color4.hover {
+.color-alternative .bubble-chart > .elements .stroke-color4.hover,
+.color-alternative .scatter-chart > .elements .stroke-color4.hover {
   stroke: #75deca;
 }
-.color-alternative .bubble-chart > .elements .stroke-color5.hover {
+.color-alternative .bubble-chart > .elements .stroke-color5.hover,
+.color-alternative .scatter-chart > .elements .stroke-color5.hover {
   stroke: #9ae3d4;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color0.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color0.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color0.hover {
   stroke: #9ae3d4;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color1.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color1.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color1.hover {
   stroke: #75deca;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color2.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color2.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color2.hover {
   stroke: #36e0c0;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color3.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color3.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color3.hover {
   stroke: #1fcead;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color4.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color4.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color4.hover {
   stroke: #189d85;
 }
-.color-alternative.inverted .bubble-chart > .elements .stroke-color5.hover {
+.color-alternative.inverted .bubble-chart > .elements .stroke-color5.hover,
+.color-alternative.inverted .scatter-chart > .elements .stroke-color5.hover {
   stroke: #158772;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color0.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color0.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color0.hover {
   stroke: #4598e1;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color1.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color1.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color1.hover {
   stroke: #ffa838;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color2.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color2.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color2.hover {
   stroke: #36e0c0;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color3.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color3.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color3.hover {
   stroke: #8d9394;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color4.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color4.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color4.hover {
   stroke: #ff5555;
 }
-.color-rainbow .bubble-chart > .elements .stroke-color5.hover {
+.color-rainbow .bubble-chart > .elements .stroke-color5.hover,
+.color-rainbow .scatter-chart > .elements .stroke-color5.hover {
   stroke: #36e0c0;
 }
-.checkable.bubble-chart > .elements {
+.checkable.bubble-chart > .elements,
+.checkable.scatter-chart > .elements {
   fill: #1561A7;
 }
-.checkable.bubble-chart > .elements .color0.checked {
+.checkable.bubble-chart > .elements .color0.checked,
+.checkable.scatter-chart > .elements .color0.checked {
   fill: #1561a7;
 }
-.checkable.bubble-chart > .elements .color1.checked {
+.checkable.bubble-chart > .elements .color1.checked,
+.checkable.scatter-chart > .elements .color1.checked {
   fill: #1a76cb;
 }
-.checkable.bubble-chart > .elements .color2.checked {
+.checkable.bubble-chart > .elements .color2.checked,
+.checkable.scatter-chart > .elements .color2.checked {
   fill: #4e9ce2;
 }
-.checkable.bubble-chart > .elements .color3.checked {
+.checkable.bubble-chart > .elements .color3.checked,
+.checkable.scatter-chart > .elements .color3.checked {
   fill: #71b0e8;
 }
-.checkable.bubble-chart > .elements .color4.checked {
+.checkable.bubble-chart > .elements .color4.checked,
+.checkable.scatter-chart > .elements .color4.checked {
   fill: #97c3ec;
 }
-.checkable.bubble-chart > .elements .color5.checked {
+.checkable.bubble-chart > .elements .color5.checked,
+.checkable.scatter-chart > .elements .color5.checked {
   fill: #b9d2ea;
 }
-.inverted .checkable.bubble-chart > .elements {
+.inverted .checkable.bubble-chart > .elements,
+.inverted .checkable.scatter-chart > .elements {
   fill: #b9d2ea;
 }
-.inverted .checkable.bubble-chart > .elements .color0.checked {
+.inverted .checkable.bubble-chart > .elements .color0.checked,
+.inverted .checkable.scatter-chart > .elements .color0.checked {
   fill: #b9d2ea;
 }
-.inverted .checkable.bubble-chart > .elements .color1.checked {
+.inverted .checkable.bubble-chart > .elements .color1.checked,
+.inverted .checkable.scatter-chart > .elements .color1.checked {
   fill: #97c3ec;
 }
-.inverted .checkable.bubble-chart > .elements .color2.checked {
+.inverted .checkable.bubble-chart > .elements .color2.checked,
+.inverted .checkable.scatter-chart > .elements .color2.checked {
   fill: #71b0e8;
 }
-.inverted .checkable.bubble-chart > .elements .color3.checked {
+.inverted .checkable.bubble-chart > .elements .color3.checked,
+.inverted .checkable.scatter-chart > .elements .color3.checked {
   fill: #4e9ce2;
 }
-.inverted .checkable.bubble-chart > .elements .color4.checked {
+.inverted .checkable.bubble-chart > .elements .color4.checked,
+.inverted .checkable.scatter-chart > .elements .color4.checked {
   fill: #1a76cb;
 }
-.inverted .checkable.bubble-chart > .elements .color5.checked {
+.inverted .checkable.bubble-chart > .elements .color5.checked,
+.inverted .checkable.scatter-chart > .elements .color5.checked {
   fill: #1561a7;
 }
-.color-alternative .checkable.bubble-chart > .elements {
+.color-alternative .checkable.bubble-chart > .elements,
+.color-alternative .checkable.scatter-chart > .elements {
   fill: #1cb397;
 }
-.color-alternative .checkable.bubble-chart > .elements .color0.checked {
+.color-alternative .checkable.bubble-chart > .elements .color0.checked,
+.color-alternative .checkable.scatter-chart > .elements .color0.checked {
   fill: #1cb397;
 }
-.color-alternative .checkable.bubble-chart > .elements .color1.checked {
+.color-alternative .checkable.bubble-chart > .elements .color1.checked,
+.color-alternative .checkable.scatter-chart > .elements .color1.checked {
   fill: #1fc9aa;
 }
-.color-alternative .checkable.bubble-chart > .elements .color2.checked {
+.color-alternative .checkable.bubble-chart > .elements .color2.checked,
+.color-alternative .checkable.scatter-chart > .elements .color2.checked {
   fill: #3fe2c3;
 }
-.color-alternative .checkable.bubble-chart > .elements .color3.checked {
+.color-alternative .checkable.bubble-chart > .elements .color3.checked,
+.color-alternative .checkable.scatter-chart > .elements .color3.checked {
   fill: #62e7ce;
 }
-.color-alternative .checkable.bubble-chart > .elements .color4.checked {
+.color-alternative .checkable.bubble-chart > .elements .color4.checked,
+.color-alternative .checkable.scatter-chart > .elements .color4.checked {
   fill: #9ee8da;
 }
-.color-alternative .checkable.bubble-chart > .elements .color5.checked {
+.color-alternative .checkable.bubble-chart > .elements .color5.checked,
+.color-alternative .checkable.scatter-chart > .elements .color5.checked {
   fill: #c2eee5;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements {
+.color-alternative.inverted .checkable.bubble-chart > .elements,
+.color-alternative.inverted .checkable.scatter-chart > .elements {
   fill: #c2eee5;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color0.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color0.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color0.checked {
   fill: #c2eee5;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color1.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color1.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color1.checked {
   fill: #9ee8da;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color2.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color2.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color2.checked {
   fill: #62e7ce;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color3.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color3.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color3.checked {
   fill: #3fe2c3;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color4.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color4.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color4.checked {
   fill: #1fc9aa;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color5.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color5.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color5.checked {
   fill: #1cb397;
 }
-.color-rainbow .checkable.bubble-chart > .elements {
+.color-rainbow .checkable.bubble-chart > .elements,
+.color-rainbow .checkable.scatter-chart > .elements {
   fill: #71b0e8;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color0.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color0.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color0.checked {
   fill: #71b0e8;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color1.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color1.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color1.checked {
   fill: #ffbe6b;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color2.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color2.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color2.checked {
   fill: #62e7ce;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color3.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color3.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color3.checked {
   fill: #a7acad;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color4.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color4.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color4.checked {
   fill: #ff8888;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color5.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color5.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color5.checked {
   fill: #62e7ce;
 }
-.checkable.bubble-chart > .elements .color0.hover.checked {
+.checkable.bubble-chart > .elements .color0.hover.checked,
+.checkable.scatter-chart > .elements .color0.hover.checked {
   fill: #0f477a;
 }
-.checkable.bubble-chart > .elements .color1.hover.checked {
+.checkable.bubble-chart > .elements .color1.hover.checked,
+.checkable.scatter-chart > .elements .color1.hover.checked {
   fill: #145c9e;
 }
-.checkable.bubble-chart > .elements .color2.hover.checked {
+.checkable.bubble-chart > .elements .color2.hover.checked,
+.checkable.scatter-chart > .elements .color2.hover.checked {
   fill: #2384da;
 }
-.checkable.bubble-chart > .elements .color3.hover.checked {
+.checkable.bubble-chart > .elements .color3.hover.checked,
+.checkable.scatter-chart > .elements .color3.hover.checked {
   fill: #4598e1;
 }
-.checkable.bubble-chart > .elements .color4.hover.checked {
+.checkable.bubble-chart > .elements .color4.hover.checked,
+.checkable.scatter-chart > .elements .color4.hover.checked {
   fill: #6caae4;
 }
-.checkable.bubble-chart > .elements .color5.hover.checked {
+.checkable.bubble-chart > .elements .color5.hover.checked,
+.checkable.scatter-chart > .elements .color5.hover.checked {
   fill: #92b9de;
 }
-.inverted .checkable.bubble-chart > .elements {
+.inverted .checkable.bubble-chart > .elements,
+.inverted .checkable.scatter-chart > .elements {
   fill: #b9d2ea;
 }
-.inverted .checkable.bubble-chart > .elements .color0.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color0.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color0.hover.checked {
   fill: #92b9de;
 }
-.inverted .checkable.bubble-chart > .elements .color1.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color1.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color1.hover.checked {
   fill: #6caae4;
 }
-.inverted .checkable.bubble-chart > .elements .color2.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color2.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color2.hover.checked {
   fill: #4598e1;
 }
-.inverted .checkable.bubble-chart > .elements .color3.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color3.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color3.hover.checked {
   fill: #2384da;
 }
-.inverted .checkable.bubble-chart > .elements .color4.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color4.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color4.hover.checked {
   fill: #145c9e;
 }
-.inverted .checkable.bubble-chart > .elements .color5.hover.checked {
+.inverted .checkable.bubble-chart > .elements .color5.hover.checked,
+.inverted .checkable.scatter-chart > .elements .color5.hover.checked {
   fill: #0f477a;
 }
-.color-alternative .checkable.bubble-chart > .elements {
+.color-alternative .checkable.bubble-chart > .elements,
+.color-alternative .checkable.scatter-chart > .elements {
   fill: #1cb397;
 }
-.color-alternative .checkable.bubble-chart > .elements .color0.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color0.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color0.hover.checked {
   fill: #158772;
 }
-.color-alternative .checkable.bubble-chart > .elements .color1.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color1.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color1.hover.checked {
   fill: #189d85;
 }
-.color-alternative .checkable.bubble-chart > .elements .color2.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color2.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color2.hover.checked {
   fill: #1fcead;
 }
-.color-alternative .checkable.bubble-chart > .elements .color3.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color3.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color3.hover.checked {
   fill: #36e0c0;
 }
-.color-alternative .checkable.bubble-chart > .elements .color4.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color4.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color4.hover.checked {
   fill: #75deca;
 }
-.color-alternative .checkable.bubble-chart > .elements .color5.hover.checked {
+.color-alternative .checkable.bubble-chart > .elements .color5.hover.checked,
+.color-alternative .checkable.scatter-chart > .elements .color5.hover.checked {
   fill: #9ae3d4;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements {
+.color-alternative.inverted .checkable.bubble-chart > .elements,
+.color-alternative.inverted .checkable.scatter-chart > .elements {
   fill: #c2eee5;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color0.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color0.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color0.hover.checked {
   fill: #9ae3d4;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color1.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color1.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color1.hover.checked {
   fill: #75deca;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color2.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color2.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color2.hover.checked {
   fill: #36e0c0;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color3.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color3.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color3.hover.checked {
   fill: #1fcead;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color4.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color4.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color4.hover.checked {
   fill: #189d85;
 }
-.color-alternative.inverted .checkable.bubble-chart > .elements .color5.hover.checked {
+.color-alternative.inverted .checkable.bubble-chart > .elements .color5.hover.checked,
+.color-alternative.inverted .checkable.scatter-chart > .elements .color5.hover.checked {
   fill: #158772;
 }
-.color-rainbow .checkable.bubble-chart > .elements {
+.color-rainbow .checkable.bubble-chart > .elements,
+.color-rainbow .checkable.scatter-chart > .elements {
   fill: #71b0e8;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color0.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color0.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color0.hover.checked {
   fill: #4598e1;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color1.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color1.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color1.hover.checked {
   fill: #ffa838;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color2.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color2.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color2.hover.checked {
   fill: #36e0c0;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color3.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color3.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color3.hover.checked {
   fill: #8d9394;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color4.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color4.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color4.hover.checked {
   fill: #ff5555;
 }
-.color-rainbow .checkable.bubble-chart > .elements .color5.hover.checked {
+.color-rainbow .checkable.bubble-chart > .elements .color5.hover.checked,
+.color-rainbow .checkable.scatter-chart > .elements .color5.hover.checked {
   fill: #36e0c0;
 }
-.bubble-chart > .elements .color0.legend {
+.bubble-chart > .elements .color0.legend,
+.scatter-chart > .elements .color0.legend {
   fill: #1561a7;
 }
-.bubble-chart > .elements .color1.legend {
+.bubble-chart > .elements .color1.legend,
+.scatter-chart > .elements .color1.legend {
   fill: #1a76cb;
 }
-.bubble-chart > .elements .color2.legend {
+.bubble-chart > .elements .color2.legend,
+.scatter-chart > .elements .color2.legend {
   fill: #4e9ce2;
 }
-.bubble-chart > .elements .color3.legend {
+.bubble-chart > .elements .color3.legend,
+.scatter-chart > .elements .color3.legend {
   fill: #71b0e8;
 }
-.bubble-chart > .elements .color4.legend {
+.bubble-chart > .elements .color4.legend,
+.scatter-chart > .elements .color4.legend {
   fill: #97c3ec;
 }
-.bubble-chart > .elements .color5.legend {
+.bubble-chart > .elements .color5.legend,
+.scatter-chart > .elements .color5.legend {
   fill: #b9d2ea;
 }
-.inverted .bubble-chart > .elements {
+.inverted .bubble-chart > .elements,
+.inverted .scatter-chart > .elements {
   fill: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .color0.legend {
+.inverted .bubble-chart > .elements .color0.legend,
+.inverted .scatter-chart > .elements .color0.legend {
   fill: #b9d2ea;
 }
-.inverted .bubble-chart > .elements .color1.legend {
+.inverted .bubble-chart > .elements .color1.legend,
+.inverted .scatter-chart > .elements .color1.legend {
   fill: #97c3ec;
 }
-.inverted .bubble-chart > .elements .color2.legend {
+.inverted .bubble-chart > .elements .color2.legend,
+.inverted .scatter-chart > .elements .color2.legend {
   fill: #71b0e8;
 }
-.inverted .bubble-chart > .elements .color3.legend {
+.inverted .bubble-chart > .elements .color3.legend,
+.inverted .scatter-chart > .elements .color3.legend {
   fill: #4e9ce2;
 }
-.inverted .bubble-chart > .elements .color4.legend {
+.inverted .bubble-chart > .elements .color4.legend,
+.inverted .scatter-chart > .elements .color4.legend {
   fill: #1a76cb;
 }
-.inverted .bubble-chart > .elements .color5.legend {
+.inverted .bubble-chart > .elements .color5.legend,
+.inverted .scatter-chart > .elements .color5.legend {
   fill: #1561a7;
 }
-.color-alternative .bubble-chart > .elements {
+.color-alternative .bubble-chart > .elements,
+.color-alternative .scatter-chart > .elements {
   fill: #1cb397;
 }
-.color-alternative .bubble-chart > .elements .color0.legend {
+.color-alternative .bubble-chart > .elements .color0.legend,
+.color-alternative .scatter-chart > .elements .color0.legend {
   fill: #1cb397;
 }
-.color-alternative .bubble-chart > .elements .color1.legend {
+.color-alternative .bubble-chart > .elements .color1.legend,
+.color-alternative .scatter-chart > .elements .color1.legend {
   fill: #1fc9aa;
 }
-.color-alternative .bubble-chart > .elements .color2.legend {
+.color-alternative .bubble-chart > .elements .color2.legend,
+.color-alternative .scatter-chart > .elements .color2.legend {
   fill: #3fe2c3;
 }
-.color-alternative .bubble-chart > .elements .color3.legend {
+.color-alternative .bubble-chart > .elements .color3.legend,
+.color-alternative .scatter-chart > .elements .color3.legend {
   fill: #62e7ce;
 }
-.color-alternative .bubble-chart > .elements .color4.legend {
+.color-alternative .bubble-chart > .elements .color4.legend,
+.color-alternative .scatter-chart > .elements .color4.legend {
   fill: #9ee8da;
 }
-.color-alternative .bubble-chart > .elements .color5.legend {
+.color-alternative .bubble-chart > .elements .color5.legend,
+.color-alternative .scatter-chart > .elements .color5.legend {
   fill: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements {
+.color-alternative.inverted .bubble-chart > .elements,
+.color-alternative.inverted .scatter-chart > .elements {
   fill: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .color0.legend {
+.color-alternative.inverted .bubble-chart > .elements .color0.legend,
+.color-alternative.inverted .scatter-chart > .elements .color0.legend {
   fill: #c2eee5;
 }
-.color-alternative.inverted .bubble-chart > .elements .color1.legend {
+.color-alternative.inverted .bubble-chart > .elements .color1.legend,
+.color-alternative.inverted .scatter-chart > .elements .color1.legend {
   fill: #9ee8da;
 }
-.color-alternative.inverted .bubble-chart > .elements .color2.legend {
+.color-alternative.inverted .bubble-chart > .elements .color2.legend,
+.color-alternative.inverted .scatter-chart > .elements .color2.legend {
   fill: #62e7ce;
 }
-.color-alternative.inverted .bubble-chart > .elements .color3.legend {
+.color-alternative.inverted .bubble-chart > .elements .color3.legend,
+.color-alternative.inverted .scatter-chart > .elements .color3.legend {
   fill: #3fe2c3;
 }
-.color-alternative.inverted .bubble-chart > .elements .color4.legend {
+.color-alternative.inverted .bubble-chart > .elements .color4.legend,
+.color-alternative.inverted .scatter-chart > .elements .color4.legend {
   fill: #1fc9aa;
 }
-.color-alternative.inverted .bubble-chart > .elements .color5.legend {
+.color-alternative.inverted .bubble-chart > .elements .color5.legend,
+.color-alternative.inverted .scatter-chart > .elements .color5.legend {
   fill: #1cb397;
 }
-.color-rainbow .bubble-chart > .elements {
+.color-rainbow .bubble-chart > .elements,
+.color-rainbow .scatter-chart > .elements {
   fill: #71b0e8;
 }
-.color-rainbow .bubble-chart > .elements .color0.legend {
+.color-rainbow .bubble-chart > .elements .color0.legend,
+.color-rainbow .scatter-chart > .elements .color0.legend {
   fill: #71b0e8;
 }
-.color-rainbow .bubble-chart > .elements .color1.legend {
+.color-rainbow .bubble-chart > .elements .color1.legend,
+.color-rainbow .scatter-chart > .elements .color1.legend {
   fill: #ffbe6b;
 }
-.color-rainbow .bubble-chart > .elements .color2.legend {
+.color-rainbow .bubble-chart > .elements .color2.legend,
+.color-rainbow .scatter-chart > .elements .color2.legend {
   fill: #62e7ce;
 }
-.color-rainbow .bubble-chart > .elements .color3.legend {
+.color-rainbow .bubble-chart > .elements .color3.legend,
+.color-rainbow .scatter-chart > .elements .color3.legend {
   fill: #a7acad;
 }
-.color-rainbow .bubble-chart > .elements .color4.legend {
+.color-rainbow .bubble-chart > .elements .color4.legend,
+.color-rainbow .scatter-chart > .elements .color4.legend {
   fill: #ff8888;
 }
-.color-rainbow .bubble-chart > .elements .color5.legend {
+.color-rainbow .bubble-chart > .elements .color5.legend,
+.color-rainbow .scatter-chart > .elements .color5.legend {
   fill: #62e7ce;
 }
 text.line-label {
@@ -4501,6 +4743,7 @@ text.venn-legend {
 }
 /*** chart tooltip ***/
 .tooltip.chart-tooltip {
+  max-width: 400px;
   --chart-tooltip-font-family: Arial, sans-serif;
   --chart-tooltip-label-width: 70px;
 }
@@ -4557,6 +4800,49 @@ text.venn-legend {
 .tooltip.chart-tooltip > .tooltip-content > .attribute.title > .value {
   text-align: left;
 }
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute:first-child {
+  padding-top: 0;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute:last-child {
+  padding-bottom: 0;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute .color-cell > .color {
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  margin-right: 5px;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute > .label {
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: 10px;
+  white-space: nowrap;
+  font-size: 12px;
+  padding-top: 1px;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute > .value {
+  white-space: nowrap;
+  text-align: right;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: var(--chart-tooltip-font-family);
+  padding-right: 10px;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute > .value:last-child {
+  padding-right: 0;
+}
+.tooltip.chart-tooltip > .tooltip-content > table > tbody > .attribute.title > .value {
+  text-align: left;
+  max-width: 120px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 /*
  * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials