cx 26.2.1 → 26.2.3

package/dist/charts.css

@@ -72,9 +72,11 @@
   fill: #eee;
   stroke: #ccc;
 }
+
 .cxe-pieslice-slice.cxs-selectable {
   cursor: pointer;
 }
+
 .cxe-pieslice-slice.cxs-selected {
   stroke-width: 2px;
 }
@@ -108,6 +110,7 @@
 
 .cxe-legend-shape {
   fill: rgba(128, 128, 128, 0.1);
+  stroke-width: 1px;
 }
 
 .cxe-legend-value {
@@ -139,25 +142,23 @@
 .cxb-gridlines {
   shape-rendering: crispEdges;
 }
+
 .cxb-gridlines path {
   stroke: rgba(128, 128, 128, 0.15);
   fill: none;
   stroke-width: 1;
 }
 
-.cxe-swimlanes-lane {
-  fill: #f1f1f1;
-  stroke: none;
-}
-
 .cxe-column-rect {
   stroke-width: 1px;
   fill: #eee;
   stroke: #ccc;
 }
+
 .cxe-column-rect.cxs-selectable {
   cursor: pointer;
 }
+
 .cxe-column-rect.cxs-selected {
   stroke-width: 2px;
 }
@@ -167,9 +168,11 @@
   fill: #eee;
   stroke: #ccc;
 }
+
 .cxe-bar-rect.cxs-selectable {
   cursor: pointer;
 }
+
 .cxe-bar-rect.cxs-selected {
   stroke-width: 2px;
 }
@@ -190,9 +193,11 @@
   fill: #eee;
   stroke: #ccc;
 }
+
 .cxe-columngraph-column.cxs-selectable {
   cursor: pointer;
 }
+
 .cxe-columngraph-column.cxs-selected {
   stroke-width: 2px;
 }
@@ -202,17 +207,21 @@
   fill: #eee;
   stroke: #ccc;
 }
+
 .cxe-bargraph-bar.cxs-selectable {
   cursor: pointer;
 }
+
 .cxe-bargraph-bar.cxs-selected {
   stroke-width: 2px;
 }
 
 .cxe-scattergraph-shape {
   fill: rgb(128, 128, 128);
+  stroke-width: 1px;
   opacity: 0.8;
 }
+
 .cxe-scattergraph-shape.cxs-selected {
   stroke-width: 2px;
 }
@@ -221,9 +230,11 @@
   fill: rgb(128, 128, 128);
   opacity: 0.5;
 }
+
 .cxe-bubblegraph-bubble:hover {
   opacity: 0.75;
 }
+
 .cxe-bubblegraph-bubble.cxs-selected {
   stroke: black;
   stroke-width: 2px;
@@ -234,21 +245,26 @@
   stroke: rgb(128, 128, 128);
   stroke-width: 1px;
 }
+
 .cxs-draggable-x > .cxe-marker-shape {
   cursor: ew-resize;
   touch-action: none;
 }
+
 .cxs-draggable-y > .cxe-marker-shape {
   cursor: ns-resize;
   touch-action: none;
 }
+
 .cxs-draggable-xy > .cxe-marker-shape {
   cursor: move;
   touch-action: none;
 }
+
 .cxs-selectable > .cxe-marker-shape {
   cursor: pointer;
 }
+
 .cxe-marker-shape.cxs-hidden {
   visibility: hidden;
 }
@@ -264,413 +280,450 @@
   fill: lightgray;
 }
 
-.cxe-rangemarker-path {
-  stroke: #696969;
-  fill: none;
-  stroke-width: 1px;
-}
-
-.cxe-swimlane-lane {
-  fill: #f1f1f1;
-  stroke: none;
-}
-
 .cxs-color-0 {
-  fill: rgb(250.6, 179.8, 174.6);
-  stroke: rgb(225.54, 161.82, 157.14);
-  background: rgb(250.6, 179.8, 174.6);
-  border-color: rgb(225.54, 161.82, 157.14);
+  fill: hsl(4.1052631579, 89.6226415094%, 118.431372549%);
+  stroke: hsl(4.1052631579, 89.6226415094%, 108.431372549%);
+  background: hsl(4.1052631579, 89.6226415094%, 118.431372549%);
+  border-color: hsl(4.1052631579, 89.6226415094%, 108.431372549%);
 }
+
 .cxs-color-0.cxs-selectable:hover, .cxs-color-0.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-0, .cxs-color-root.cxs-hover .cxs-color-0 {
-  fill: rgb(249.5, 161, 154.5);
-  stroke: rgb(224.55, 144.9, 139.05);
-  background: rgb(249.5, 161, 154.5);
-  border-color: rgb(224.55, 144.9, 139.05);
+  fill: hsl(4.1052631579, 89.6226415094%, 108.431372549%);
+  stroke: rgb(254.5849056604, 247.9056603774, 247.4150943396);
+  background: hsl(4.1052631579, 89.6226415094%, 108.431372549%);
+  border-color: rgb(254.5849056604, 247.9056603774, 247.4150943396);
 }
+
 .cxs-color-0.cxs-selected, .cxs-color-0.cxs-selected:hover, .cxs-color-0.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-0, .cxs-color-root.cxs-selected:hover .cxs-color-0, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-0 {
-  fill: rgb(246.2, 104.6, 94.2);
-  stroke: rgb(221.58, 94.14, 84.78);
-  background: rgb(246.2, 104.6, 94.2);
-  border-color: rgb(221.58, 94.14, 84.78);
+  fill: rgb(249.2924528302, 157.4528301887, 150.7075471698);
+  stroke: rgb(246.6462264151, 112.2264150943, 102.3537735849);
+  background: rgb(249.2924528302, 157.4528301887, 150.7075471698);
+  border-color: rgb(246.6462264151, 112.2264150943, 102.3537735849);
 }
+
 .cxs-color-0.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-0 {
-  fill: rgb(253.9, 236.2, 234.9);
-  stroke: rgb(228.51, 212.58, 211.41);
-  background: rgb(253.9, 236.2, 234.9);
-  border-color: rgb(228.51, 212.58, 211.41);
+  fill: hsl(4.1052631579, 89.6226415094%, 148.431372549%);
+  stroke: hsl(4.1052631579, 89.6226415094%, 138.431372549%);
+  background: hsl(4.1052631579, 89.6226415094%, 148.431372549%);
+  border-color: hsl(4.1052631579, 89.6226415094%, 138.431372549%);
 }
 
 .cxs-color-1 {
-  fill: rgb(246.2, 165, 192.6);
-  stroke: rgb(221.58, 148.5, 173.34);
-  background: rgb(246.2, 165, 192.6);
-  border-color: rgb(221.58, 148.5, 173.34);
+  fill: hsl(339.60591133, 82.1862348178%, 111.568627451%);
+  stroke: hsl(339.60591133, 82.1862348178%, 101.568627451%);
+  background: hsl(339.60591133, 82.1862348178%, 111.568627451%);
+  border-color: hsl(339.60591133, 82.1862348178%, 101.568627451%);
 }
+
 .cxs-color-1.cxs-selectable:hover, .cxs-color-1.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-1, .cxs-color-root.cxs-hover .cxs-color-1 {
-  fill: rgb(244, 142.5, 177);
-  stroke: rgb(219.6, 128.25, 159.3);
-  background: rgb(244, 142.5, 177);
-  border-color: rgb(219.6, 128.25, 159.3);
+  fill: hsl(339.60591133, 82.1862348178%, 101.568627451%);
+  stroke: rgb(251.1700404858, 215.8299595142, 227.8421052632);
+  background: hsl(339.60591133, 82.1862348178%, 101.568627451%);
+  border-color: rgb(251.1700404858, 215.8299595142, 227.8421052632);
 }
+
 .cxs-color-1.cxs-selected, .cxs-color-1.cxs-selected:hover, .cxs-color-1.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-1, .cxs-color-root.cxs-selected:hover .cxs-color-1, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-1 {
-  fill: rgb(237.4, 75, 130.2);
-  stroke: rgb(213.66, 67.5, 117.18);
-  background: rgb(237.4, 75, 130.2);
-  border-color: rgb(213.66, 67.5, 117.18);
+  fill: rgb(242.0850202429, 122.9149797571, 163.4210526316);
+  stroke: rgb(237.5425101215, 76.4574898785, 131.2105263158);
+  background: rgb(242.0850202429, 122.9149797571, 163.4210526316);
+  border-color: rgb(237.5425101215, 76.4574898785, 131.2105263158);
 }
+
 .cxs-color-1.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-1 {
-  fill: rgb(252.8, 232.5, 239.4);
-  stroke: rgb(227.52, 209.25, 215.46);
-  background: rgb(252.8, 232.5, 239.4);
-  border-color: rgb(227.52, 209.25, 215.46);
+  fill: hsl(339.60591133, 82.1862348178%, 141.568627451%);
+  stroke: hsl(339.60591133, 82.1862348178%, 131.568627451%);
+  background: hsl(339.60591133, 82.1862348178%, 141.568627451%);
+  border-color: hsl(339.60591133, 82.1862348178%, 131.568627451%);
 }
 
 .cxs-color-2 {
-  fill: rgb(215.4, 168.6, 223.4);
-  stroke: rgb(193.86, 151.74, 201.06);
-  background: rgb(215.4, 168.6, 223.4);
-  border-color: rgb(193.86, 151.74, 201.06);
+  fill: hsl(291.2408759124, 63.7209302326%, 102.1568627451%);
+  stroke: rgb(244.023255814, 222.2558139535, 247.7441860465);
+  background: hsl(291.2408759124, 63.7209302326%, 102.1568627451%);
+  border-color: rgb(244.023255814, 222.2558139535, 247.7441860465);
 }
+
 .cxs-color-2.cxs-selectable:hover, .cxs-color-2.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-2, .cxs-color-root.cxs-hover .cxs-color-2 {
-  fill: rgb(205.5, 147, 215.5);
-  stroke: rgb(184.95, 132.3, 193.95);
-  background: rgb(205.5, 147, 215.5);
-  border-color: rgb(184.95, 132.3, 193.95);
+  fill: rgb(244.023255814, 222.2558139535, 247.7441860465);
+  stroke: rgb(230.0279069767, 180.5069767442, 238.4930232558);
+  background: rgb(244.023255814, 222.2558139535, 247.7441860465);
+  border-color: rgb(230.0279069767, 180.5069767442, 238.4930232558);
 }
+
 .cxs-color-2.cxs-selected, .cxs-color-2.cxs-selected:hover, .cxs-color-2.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-2, .cxs-color-root.cxs-selected:hover .cxs-color-2, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-2 {
-  fill: rgb(175.8, 82.2, 191.8);
-  stroke: rgb(158.22, 73.98, 172.62);
-  background: rgb(175.8, 82.2, 191.8);
-  border-color: rgb(158.22, 73.98, 172.62);
+  fill: rgb(202.0372093023, 97.0093023256, 219.9906976744);
+  stroke: rgb(188.0418604651, 55.2604651163, 210.7395348837);
+  background: rgb(202.0372093023, 97.0093023256, 219.9906976744);
+  border-color: rgb(188.0418604651, 55.2604651163, 210.7395348837);
 }
+
 .cxs-color-2.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-2 {
-  fill: rgb(245.1, 233.4, 247.1);
-  stroke: rgb(220.59, 210.06, 222.39);
-  background: rgb(245.1, 233.4, 247.1);
-  border-color: rgb(220.59, 210.06, 222.39);
+  fill: hsl(291.2408759124, 63.7209302326%, 132.1568627451%);
+  stroke: hsl(291.2408759124, 63.7209302326%, 122.1568627451%);
+  background: hsl(291.2408759124, 63.7209302326%, 132.1568627451%);
+  border-color: hsl(291.2408759124, 63.7209302326%, 122.1568627451%);
 }
 
 .cxs-color-3 {
-  fill: rgb(194.2, 176.2, 226.2);
-  stroke: rgb(174.78, 158.58, 203.58);
-  background: rgb(194.2, 176.2, 226.2);
-  border-color: rgb(174.78, 158.58, 203.58);
+  fill: hsl(261.6, 51.867219917%, 107.2549019608%);
+  stroke: rgb(246.9834024896, 244.3692946058, 251.6307053942);
+  background: hsl(261.6, 51.867219917%, 107.2549019608%);
+  border-color: rgb(246.9834024896, 244.3692946058, 251.6307053942);
 }
+
 .cxs-color-3.cxs-selectable:hover, .cxs-color-3.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-3, .cxs-color-root.cxs-hover .cxs-color-3 {
-  fill: rgb(179, 156.5, 219);
-  stroke: rgb(161.1, 140.85, 197.1);
-  background: rgb(179, 156.5, 219);
-  border-color: rgb(161.1, 140.85, 197.1);
+  fill: rgb(246.9834024896, 244.3692946058, 251.6307053942);
+  stroke: rgb(217.7800829876, 205.643153527, 239.356846473);
+  background: rgb(246.9834024896, 244.3692946058, 251.6307053942);
+  border-color: rgb(217.7800829876, 205.643153527, 239.356846473);
 }
+
 .cxs-color-3.cxs-selected, .cxs-color-3.cxs-selected:hover, .cxs-color-3.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-3, .cxs-color-root.cxs-selected:hover .cxs-color-3, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-3 {
-  fill: rgb(133.4, 97.4, 197.4);
-  stroke: rgb(120.06, 87.66, 177.66);
-  background: rgb(133.4, 97.4, 197.4);
-  border-color: rgb(120.06, 87.66, 177.66);
+  fill: rgb(159.3734439834, 128.1908713693, 214.8091286307);
+  stroke: rgb(130.1701244813, 89.4647302905, 202.5352697095);
+  background: rgb(159.3734439834, 128.1908713693, 214.8091286307);
+  border-color: rgb(130.1701244813, 89.4647302905, 202.5352697095);
 }
+
 .cxs-color-3.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-3 {
-  fill: rgb(239.8, 235.3, 247.8);
-  stroke: rgb(215.82, 211.77, 223.02);
-  background: rgb(239.8, 235.3, 247.8);
-  border-color: rgb(215.82, 211.77, 223.02);
+  fill: hsl(261.6, 51.867219917%, 137.2549019608%);
+  stroke: hsl(261.6, 51.867219917%, 127.2549019608%);
+  background: hsl(261.6, 51.867219917%, 137.2549019608%);
+  border-color: hsl(261.6, 51.867219917%, 127.2549019608%);
 }
 
 .cxs-color-4 {
-  fill: rgb(178.2, 185.4, 225.4);
-  stroke: rgb(160.38, 166.86, 202.86);
-  background: rgb(178.2, 185.4, 225.4);
-  border-color: rgb(160.38, 166.86, 202.86);
+  fill: hsl(230.8474576271, 48.3606557377%, 107.8431372549%);
+  stroke: rgb(246.8401639344, 247.6516393443, 252.1598360656);
+  background: hsl(230.8474576271, 48.3606557377%, 107.8431372549%);
+  border-color: rgb(246.8401639344, 247.6516393443, 252.1598360656);
 }
+
 .cxs-color-4.cxs-selectable:hover, .cxs-color-4.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-4, .cxs-color-root.cxs-hover .cxs-color-4 {
-  fill: #9fa8da;
-  stroke: rgb(143.1, 151.2, 196.2);
-  background: #9fa8da;
-  border-color: rgb(143.1, 151.2, 196.2);
+  fill: rgb(246.8401639344, 247.6516393443, 252.1598360656);
+  stroke: rgb(209.0081967213, 213.5819672131, 238.9918032787);
+  background: rgb(246.8401639344, 247.6516393443, 252.1598360656);
+  border-color: rgb(209.0081967213, 213.5819672131, 238.9918032787);
 }
+
 .cxs-color-4.cxs-selected, .cxs-color-4.cxs-selected:hover, .cxs-color-4.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-4, .cxs-color-root.cxs-selected:hover .cxs-color-4, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-4 {
-  fill: rgb(101.4, 115.8, 195.8);
-  stroke: rgb(91.26, 104.22, 176.22);
-  background: rgb(101.4, 115.8, 195.8);
-  border-color: rgb(91.26, 104.22, 176.22);
+  fill: rgb(133.3442622951, 145.4426229508, 212.6557377049);
+  stroke: rgb(95.512295082, 111.3729508197, 199.487704918);
+  background: rgb(133.3442622951, 145.4426229508, 212.6557377049);
+  border-color: rgb(95.512295082, 111.3729508197, 199.487704918);
 }
+
 .cxs-color-4.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-4 {
-  fill: rgb(235.8, 237.6, 247.6);
-  stroke: rgb(212.22, 213.84, 222.84);
-  background: rgb(235.8, 237.6, 247.6);
-  border-color: rgb(212.22, 213.84, 222.84);
+  fill: hsl(230.8474576271, 48.3606557377%, 137.8431372549%);
+  stroke: hsl(230.8474576271, 48.3606557377%, 127.8431372549%);
+  background: hsl(230.8474576271, 48.3606557377%, 137.8431372549%);
+  border-color: hsl(230.8474576271, 48.3606557377%, 127.8431372549%);
 }
 
 .cxs-color-5 {
-  fill: rgb(166.2, 213, 250.2);
-  stroke: rgb(149.58, 191.7, 225.18);
-  background: rgb(166.2, 213, 250.2);
-  border-color: rgb(149.58, 191.7, 225.18);
+  fill: hsl(206.5714285714, 89.7435897436%, 114.1176470588%);
+  stroke: hsl(206.5714285714, 89.7435897436%, 104.1176470588%);
+  background: hsl(206.5714285714, 89.7435897436%, 114.1176470588%);
+  border-color: hsl(206.5714285714, 89.7435897436%, 104.1176470588%);
 }
+
 .cxs-color-5.cxs-selectable:hover, .cxs-color-5.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-5, .cxs-color-root.cxs-hover .cxs-color-5 {
-  fill: rgb(144, 202.5, 249);
-  stroke: rgb(129.6, 182.25, 224.1);
-  background: rgb(144, 202.5, 249);
-  border-color: rgb(129.6, 182.25, 224.1);
+  fill: hsl(206.5714285714, 89.7435897436%, 104.1176470588%);
+  stroke: rgb(226.5384615385, 241.5384615385, 253.4615384615);
+  background: hsl(206.5714285714, 89.7435897436%, 104.1176470588%);
+  border-color: rgb(226.5384615385, 241.5384615385, 253.4615384615);
 }
+
 .cxs-color-5.cxs-selected, .cxs-color-5.cxs-selected:hover, .cxs-color-5.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-5, .cxs-color-root.cxs-selected:hover .cxs-color-5, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-5 {
-  fill: rgb(77.4, 171, 245.4);
-  stroke: rgb(69.66, 153.9, 220.86);
-  background: rgb(77.4, 171, 245.4);
-  border-color: rgb(69.66, 153.9, 220.86);
+  fill: rgb(129.7692307692, 195.7692307692, 248.2307692308);
+  stroke: rgb(81.3846153846, 172.8846153846, 245.6153846154);
+  background: rgb(129.7692307692, 195.7692307692, 248.2307692308);
+  border-color: rgb(81.3846153846, 172.8846153846, 245.6153846154);
 }
+
 .cxs-color-5.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-5 {
-  fill: rgb(232.8, 244.5, 253.8);
-  stroke: rgb(209.52, 220.05, 228.42);
-  background: rgb(232.8, 244.5, 253.8);
-  border-color: rgb(209.52, 220.05, 228.42);
+  fill: hsl(206.5714285714, 89.7435897436%, 144.1176470588%);
+  stroke: hsl(206.5714285714, 89.7435897436%, 134.1176470588%);
+  background: hsl(206.5714285714, 89.7435897436%, 144.1176470588%);
+  border-color: hsl(206.5714285714, 89.7435897436%, 134.1176470588%);
 }
 
 .cxs-color-6 {
-  fill: rgb(154.2, 220.6, 250.6);
-  stroke: rgb(138.78, 198.54, 225.54);
-  background: rgb(154.2, 220.6, 250.6);
-  border-color: rgb(138.78, 198.54, 225.54);
+  fill: hsl(198.6721991701, 97.5708502024%, 108.431372549%);
+  stroke: rgb(247.0971659919, 252.4736842105, 254.9028340081);
+  background: hsl(198.6721991701, 97.5708502024%, 108.431372549%);
+  border-color: rgb(247.0971659919, 252.4736842105, 254.9028340081);
 }
+
 .cxs-color-6.cxs-selectable:hover, .cxs-color-6.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-6, .cxs-color-root.cxs-hover .cxs-color-6 {
-  fill: rgb(129, 212, 249.5);
-  stroke: rgb(116.1, 190.8, 224.55);
-  background: rgb(129, 212, 249.5);
-  border-color: rgb(116.1, 190.8, 224.55);
+  fill: rgb(247.0971659919, 252.4736842105, 254.9028340081);
+  stroke: rgb(196.7165991903, 236.3684210526, 254.2834008097);
+  background: rgb(247.0971659919, 252.4736842105, 254.9028340081);
+  border-color: rgb(196.7165991903, 236.3684210526, 254.2834008097);
 }
+
 .cxs-color-6.cxs-selected, .cxs-color-6.cxs-selected:hover, .cxs-color-6.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-6, .cxs-color-root.cxs-selected:hover .cxs-color-6, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-6 {
-  fill: rgb(53.4, 186.2, 246.2);
-  stroke: rgb(48.06, 167.58, 221.58);
-  background: rgb(53.4, 186.2, 246.2);
-  border-color: rgb(48.06, 167.58, 221.58);
+  fill: rgb(95.955465587, 204.1578947368, 253.044534413);
+  stroke: rgb(45.5748987854, 188.0526315789, 252.4251012146);
+  background: rgb(95.955465587, 204.1578947368, 253.044534413);
+  border-color: rgb(45.5748987854, 188.0526315789, 252.4251012146);
 }
+
 .cxs-color-6.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-6 {
-  fill: rgb(229.8, 246.4, 253.9);
-  stroke: rgb(206.82, 221.76, 228.51);
-  background: rgb(229.8, 246.4, 253.9);
-  border-color: rgb(206.82, 221.76, 228.51);
+  fill: hsl(198.6721991701, 97.5708502024%, 138.431372549%);
+  stroke: hsl(198.6721991701, 97.5708502024%, 128.431372549%);
+  background: hsl(198.6721991701, 97.5708502024%, 138.431372549%);
+  border-color: hsl(198.6721991701, 97.5708502024%, 128.431372549%);
 }
 
 .cxs-color-7 {
-  fill: rgb(153, 228.2, 237.8);
-  stroke: rgb(137.7, 205.38, 214.02);
-  background: rgb(153, 228.2, 237.8);
-  border-color: rgb(137.7, 205.38, 214.02);
+  fill: hsl(186.7924528302, 100%, 101.568627451%);
+  stroke: rgb(212, 250.1320754717, 255);
+  background: hsl(186.7924528302, 100%, 101.568627451%);
+  border-color: rgb(212, 250.1320754717, 255);
 }
+
 .cxs-color-7.cxs-selectable:hover, .cxs-color-7.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-7, .cxs-color-root.cxs-hover .cxs-color-7 {
-  fill: rgb(127.5, 221.5, 233.5);
-  stroke: rgb(114.75, 199.35, 210.15);
-  background: rgb(127.5, 221.5, 233.5);
-  border-color: rgb(114.75, 199.35, 210.15);
+  fill: rgb(212, 250.1320754717, 255);
+  stroke: rgb(161, 244.358490566, 255);
+  background: rgb(212, 250.1320754717, 255);
+  border-color: rgb(161, 244.358490566, 255);
 }
+
 .cxs-color-7.cxs-selected, .cxs-color-7.cxs-selected:hover, .cxs-color-7.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-7, .cxs-color-root.cxs-selected:hover .cxs-color-7, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-7 {
-  fill: rgb(51, 201.4, 220.6);
-  stroke: rgb(45.9, 181.26, 198.54);
-  background: rgb(51, 201.4, 220.6);
-  border-color: rgb(45.9, 181.26, 198.54);
+  fill: rgb(59, 232.8113207547, 255);
+  stroke: rgb(8, 227.0377358491, 255);
+  background: rgb(59, 232.8113207547, 255);
+  border-color: rgb(8, 227.0377358491, 255);
 }
+
 .cxs-color-7.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-7 {
-  fill: rgb(229.5, 248.3, 250.7);
-  stroke: rgb(206.55, 223.47, 225.63);
-  background: rgb(229.5, 248.3, 250.7);
-  border-color: rgb(206.55, 223.47, 225.63);
+  fill: hsl(186.7924528302, 100%, 131.568627451%);
+  stroke: hsl(186.7924528302, 100%, 121.568627451%);
+  background: hsl(186.7924528302, 100%, 131.568627451%);
+  border-color: hsl(186.7924528302, 100%, 121.568627451%);
 }
 
 .cxs-color-8 {
-  fill: rgb(153, 213, 207.4);
-  stroke: rgb(137.7, 191.7, 186.66);
-  background: rgb(153, 213, 207.4);
-  border-color: rgb(137.7, 191.7, 186.66);
+  fill: rgb(201, 255, 249.96);
+  stroke: rgb(150, 255, 245.2);
+  background: rgb(201, 255, 249.96);
+  border-color: rgb(150, 255, 245.2);
 }
+
 .cxs-color-8.cxs-selectable:hover, .cxs-color-8.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-8, .cxs-color-root.cxs-hover .cxs-color-8 {
-  fill: rgb(127.5, 202.5, 195.5);
-  stroke: rgb(114.75, 182.25, 175.95);
-  background: rgb(127.5, 202.5, 195.5);
-  border-color: rgb(114.75, 182.25, 175.95);
+  fill: rgb(150, 255, 245.2);
+  stroke: rgb(99, 255, 240.44);
+  background: rgb(150, 255, 245.2);
+  border-color: rgb(99, 255, 240.44);
 }
+
 .cxs-color-8.cxs-selected, .cxs-color-8.cxs-selected:hover, .cxs-color-8.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-8, .cxs-color-root.cxs-selected:hover .cxs-color-8, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-8 {
-  fill: rgb(51, 171, 159.8);
-  stroke: rgb(45.9, 153.9, 143.82);
-  background: rgb(51, 171, 159.8);
-  border-color: rgb(45.9, 153.9, 143.82);
+  fill: rgb(0, 252, 228.48);
+  stroke: rgb(0, 201, 182.24);
+  background: rgb(0, 252, 228.48);
+  border-color: rgb(0, 201, 182.24);
 }
+
 .cxs-color-8.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-8 {
-  fill: rgb(229.5, 244.5, 243.1);
-  stroke: rgb(206.55, 220.05, 218.79);
-  background: rgb(229.5, 244.5, 243.1);
-  border-color: rgb(206.55, 220.05, 218.79);
+  fill: hsl(174.4, 100%, 119.4117647059%);
+  stroke: hsl(174.4, 100%, 109.4117647059%);
+  background: hsl(174.4, 100%, 119.4117647059%);
+  border-color: hsl(174.4, 100%, 109.4117647059%);
 }
 
 .cxs-color-9 {
-  fill: rgb(183.4, 223, 185);
-  stroke: rgb(165.06, 200.7, 166.5);
-  background: rgb(183.4, 223, 185);
-  border-color: rgb(165.06, 200.7, 166.5);
+  fill: hsl(122.4242424242, 39.4422310757%, 109.2156862745%);
+  stroke: rgb(252.2111553785, 253.7888446215, 252.2749003984);
+  background: hsl(122.4242424242, 39.4422310757%, 109.2156862745%);
+  border-color: rgb(252.2111553785, 253.7888446215, 252.2749003984);
 }
+
 .cxs-color-9.cxs-selectable:hover, .cxs-color-9.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-9, .cxs-color-root.cxs-hover .cxs-color-9 {
-  fill: rgb(165.5, 215, 167.5);
-  stroke: rgb(148.95, 193.5, 150.75);
-  background: rgb(165.5, 215, 167.5);
-  border-color: rgb(148.95, 193.5, 150.75);
+  fill: rgb(252.2111553785, 253.7888446215, 252.2749003984);
+  stroke: rgb(216.6533864542, 238.3466135458, 217.5298804781);
+  background: rgb(252.2111553785, 253.7888446215, 252.2749003984);
+  border-color: rgb(216.6533864542, 238.3466135458, 217.5298804781);
 }
+
 .cxs-color-9.cxs-selected, .cxs-color-9.cxs-selected:hover, .cxs-color-9.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-9, .cxs-color-root.cxs-selected:hover .cxs-color-9, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-9 {
-  fill: rgb(111.8, 191, 115);
-  stroke: rgb(100.62, 171.9, 103.5);
-  background: rgb(111.8, 191, 115);
-  border-color: rgb(100.62, 171.9, 103.5);
+  fill: rgb(145.5378486056, 207.4621513944, 148.0398406375);
+  stroke: rgb(109.9800796813, 192.0199203187, 113.2948207171);
+  background: rgb(145.5378486056, 207.4621513944, 148.0398406375);
+  border-color: rgb(109.9800796813, 192.0199203187, 113.2948207171);
 }
+
 .cxs-color-9.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-9 {
-  fill: rgb(237.1, 247, 237.5);
-  stroke: rgb(213.39, 222.3, 213.75);
-  background: rgb(237.1, 247, 237.5);
-  border-color: rgb(213.39, 222.3, 213.75);
+  fill: hsl(122.4242424242, 39.4422310757%, 139.2156862745%);
+  stroke: hsl(122.4242424242, 39.4422310757%, 129.2156862745%);
+  background: hsl(122.4242424242, 39.4422310757%, 139.2156862745%);
+  border-color: hsl(122.4242424242, 39.4422310757%, 129.2156862745%);
 }
 
 .cxs-color-10 {
-  fill: rgb(208.6, 231, 182.6);
-  stroke: rgb(187.74, 207.9, 164.34);
-  background: rgb(208.6, 231, 182.6);
-  border-color: rgb(187.74, 207.9, 164.34);
+  fill: hsl(87.7685950413, 50.2074688797%, 112.7450980392%);
+  stroke: hsl(87.7685950413, 50.2074688797%, 102.7450980392%);
+  background: hsl(87.7685950413, 50.2074688797%, 112.7450980392%);
+  border-color: hsl(87.7685950413, 50.2074688797%, 102.7450980392%);
 }
+
 .cxs-color-10.cxs-selectable:hover, .cxs-color-10.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-10, .cxs-color-root.cxs-hover .cxs-color-10 {
-  fill: rgb(197, 225, 164.5);
-  stroke: rgb(177.3, 202.5, 148.05);
-  background: rgb(197, 225, 164.5);
-  border-color: rgb(177.3, 202.5, 148.05);
+  fill: hsl(87.7685950413, 50.2074688797%, 102.7450980392%);
+  stroke: rgb(237.1908713693, 245.7883817427, 227.2116182573);
+  background: hsl(87.7685950413, 50.2074688797%, 102.7450980392%);
+  border-color: rgb(237.1908713693, 245.7883817427, 227.2116182573);
 }
+
 .cxs-color-10.cxs-selected, .cxs-color-10.cxs-selected:hover, .cxs-color-10.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-10, .cxs-color-root.cxs-selected:hover .cxs-color-10, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-10 {
-  fill: rgb(162.2, 207, 110.2);
-  stroke: rgb(145.98, 186.3, 99.18);
-  background: rgb(162.2, 207, 110.2);
-  border-color: rgb(145.98, 186.3, 99.18);
+  fill: rgb(188.0954356846, 220.3941908714, 150.6058091286);
+  stroke: rgb(163.5477178423, 207.6970954357, 112.3029045643);
+  background: rgb(188.0954356846, 220.3941908714, 150.6058091286);
+  border-color: rgb(163.5477178423, 207.6970954357, 112.3029045643);
 }
+
 .cxs-color-10.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-10 {
-  fill: rgb(243.4, 249, 236.9);
-  stroke: rgb(219.06, 224.1, 213.21);
-  background: rgb(243.4, 249, 236.9);
-  border-color: rgb(219.06, 224.1, 213.21);
+  fill: hsl(87.7685950413, 50.2074688797%, 142.7450980392%);
+  stroke: hsl(87.7685950413, 50.2074688797%, 132.7450980392%);
+  background: hsl(87.7685950413, 50.2074688797%, 142.7450980392%);
+  border-color: hsl(87.7685950413, 50.2074688797%, 132.7450980392%);
 }
 
 .cxs-color-11 {
-  fill: rgb(235, 241, 175.8);
-  stroke: rgb(211.5, 216.9, 158.22);
-  background: rgb(235, 241, 175.8);
-  border-color: rgb(211.5, 216.9, 158.22);
+  fill: hsl(65.5214723926, 69.9570815451%, 114.3137254902%);
+  stroke: hsl(65.5214723926, 69.9570815451%, 104.3137254902%);
+  background: hsl(65.5214723926, 69.9570815451%, 114.3137254902%);
+  border-color: hsl(65.5214723926, 69.9570815451%, 104.3137254902%);
 }
+
 .cxs-color-11.cxs-selectable:hover, .cxs-color-11.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-11, .cxs-color-root.cxs-hover .cxs-color-11 {
-  fill: rgb(230, 237.5, 156);
-  stroke: rgb(207, 213.75, 140.4);
-  background: rgb(230, 237.5, 156);
-  border-color: rgb(207, 213.75, 140.4);
+  fill: hsl(65.5214723926, 69.9570815451%, 104.3137254902%);
+  stroke: rgb(248.7768240343, 250.643776824, 230.356223176);
+  background: hsl(65.5214723926, 69.9570815451%, 104.3137254902%);
+  border-color: rgb(248.7768240343, 250.643776824, 230.356223176);
 }
+
 .cxs-color-11.cxs-selected, .cxs-color-11.cxs-selected:hover, .cxs-color-11.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-11, .cxs-color-root.cxs-selected:hover .cxs-color-11, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-11 {
-  fill: rgb(215, 227, 96.6);
-  stroke: rgb(193.5, 204.3, 86.94);
-  background: rgb(215, 227, 96.6);
-  border-color: rgb(193.5, 204.3, 86.94);
+  fill: rgb(226.8884120172, 235.321888412, 143.678111588);
+  stroke: rgb(215.9442060086, 227.660944206, 100.339055794);
+  background: rgb(226.8884120172, 235.321888412, 143.678111588);
+  border-color: rgb(215.9442060086, 227.660944206, 100.339055794);
 }
+
 .cxs-color-11.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-11 {
-  fill: rgb(250, 251.5, 235.2);
-  stroke: rgb(225, 226.35, 211.68);
-  background: rgb(250, 251.5, 235.2);
-  border-color: rgb(225, 226.35, 211.68);
+  fill: hsl(65.5214723926, 69.9570815451%, 144.3137254902%);
+  stroke: hsl(65.5214723926, 69.9570815451%, 134.3137254902%);
+  background: hsl(65.5214723926, 69.9570815451%, 144.3137254902%);
+  border-color: hsl(65.5214723926, 69.9570815451%, 134.3137254902%);
 }
 
 .cxs-color-12 {
-  fill: rgb(255, 247, 176.6);
-  stroke: rgb(229.5, 222.3, 158.94);
-  background: rgb(255, 247, 176.6);
-  border-color: rgb(229.5, 222.3, 158.94);
+  fill: hsl(53.8775510204, 100%, 121.568627451%);
+  stroke: hsl(53.8775510204, 100%, 111.568627451%);
+  background: hsl(53.8775510204, 100%, 121.568627451%);
+  border-color: hsl(53.8775510204, 100%, 111.568627451%);
 }
+
 .cxs-color-12.cxs-selectable:hover, .cxs-color-12.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-12, .cxs-color-root.cxs-hover .cxs-color-12 {
-  fill: #fff59d;
-  stroke: rgb(229.5, 220.5, 141.3);
-  background: #fff59d;
-  border-color: rgb(229.5, 220.5, 141.3);
+  fill: hsl(53.8775510204, 100%, 111.568627451%);
+  stroke: hsl(53.8775510204, 100%, 101.568627451%);
+  background: hsl(53.8775510204, 100%, 111.568627451%);
+  border-color: hsl(53.8775510204, 100%, 101.568627451%);
 }
+
 .cxs-color-12.cxs-selected, .cxs-color-12.cxs-selected:hover, .cxs-color-12.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-12, .cxs-color-root.cxs-selected:hover .cxs-color-12, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-12 {
-  fill: rgb(255, 239, 98.2);
-  stroke: rgb(229.5, 215.1, 88.38);
-  background: rgb(255, 239, 98.2);
-  border-color: rgb(229.5, 215.1, 88.38);
+  fill: rgb(255, 245.4081632653, 161);
+  stroke: rgb(255, 240.2040816327, 110);
+  background: rgb(255, 245.4081632653, 161);
+  border-color: rgb(255, 240.2040816327, 110);
 }
+
 .cxs-color-12.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-12 {
-  fill: rgb(255, 253, 235.4);
-  stroke: rgb(229.5, 227.7, 211.86);
-  background: rgb(255, 253, 235.4);
-  border-color: rgb(229.5, 227.7, 211.86);
+  fill: hsl(53.8775510204, 100%, 151.568627451%);
+  stroke: hsl(53.8775510204, 100%, 141.568627451%);
+  background: hsl(53.8775510204, 100%, 151.568627451%);
+  border-color: hsl(53.8775510204, 100%, 141.568627451%);
 }
 
 .cxs-color-13 {
-  fill: rgb(255, 230.2, 155.8);
-  stroke: rgb(229.5, 207.18, 140.22);
-  background: rgb(255, 230.2, 155.8);
-  border-color: rgb(229.5, 207.18, 140.22);
+  fill: hsl(45, 100%, 111.3725490196%);
+  stroke: hsl(45, 100%, 101.3725490196%);
+  background: hsl(45, 100%, 111.3725490196%);
+  border-color: hsl(45, 100%, 101.3725490196%);
 }
+
 .cxs-color-13.cxs-selectable:hover, .cxs-color-13.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-13, .cxs-color-root.cxs-hover .cxs-color-13 {
-  fill: #ffe083;
-  stroke: rgb(229.5, 201.6, 117.9);
-  background: #ffe083;
-  border-color: rgb(229.5, 201.6, 117.9);
+  fill: hsl(45, 100%, 101.3725490196%);
+  stroke: #fff4d3;
+  background: hsl(45, 100%, 101.3725490196%);
+  border-color: #fff4d3;
 }
+
 .cxs-color-13.cxs-selected, .cxs-color-13.cxs-selected:hover, .cxs-color-13.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-13, .cxs-color-root.cxs-selected:hover .cxs-color-13, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-13 {
-  fill: rgb(255, 205.4, 56.6);
-  stroke: rgb(229.5, 184.86, 50.94);
-  background: rgb(255, 205.4, 56.6);
-  border-color: rgb(229.5, 184.86, 50.94);
+  fill: rgb(255, 218.5, 109);
+  stroke: rgb(255, 205.75, 58);
+  background: rgb(255, 218.5, 109);
+  border-color: rgb(255, 205.75, 58);
 }
+
 .cxs-color-13.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-13 {
-  fill: rgb(255, 248.8, 230.2);
-  stroke: rgb(229.5, 223.92, 207.18);
-  background: rgb(255, 248.8, 230.2);
-  border-color: rgb(229.5, 223.92, 207.18);
+  fill: hsl(45, 100%, 141.3725490196%);
+  stroke: hsl(45, 100%, 131.3725490196%);
+  background: hsl(45, 100%, 141.3725490196%);
+  border-color: hsl(45, 100%, 131.3725490196%);
 }
 
 .cxs-color-14 {
-  fill: rgb(255, 213.8, 153);
-  stroke: rgb(229.5, 192.42, 137.7);
-  background: rgb(255, 213.8, 153);
-  border-color: rgb(229.5, 192.42, 137.7);
+  fill: hsl(35.7647058824, 100%, 110%);
+  stroke: white;
+  background: hsl(35.7647058824, 100%, 110%);
+  border-color: white;
 }
+
 .cxs-color-14.cxs-selectable:hover, .cxs-color-14.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-14, .cxs-color-root.cxs-hover .cxs-color-14 {
-  fill: rgb(255, 203.5, 127.5);
-  stroke: rgb(229.5, 183.15, 114.75);
-  background: rgb(255, 203.5, 127.5);
-  border-color: rgb(229.5, 183.15, 114.75);
+  fill: white;
+  stroke: rgb(229.5, 229.5, 229.5);
+  background: white;
+  border-color: rgb(229.5, 229.5, 229.5);
 }
+
 .cxs-color-14.cxs-selected, .cxs-color-14.cxs-selected:hover, .cxs-color-14.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-14, .cxs-color-root.cxs-selected:hover .cxs-color-14, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-14 {
-  fill: rgb(255, 172.6, 51);
-  stroke: rgb(229.5, 155.34, 45.9);
-  background: rgb(255, 172.6, 51);
-  border-color: rgb(229.5, 155.34, 45.9);
+  fill: rgb(255, 193.2, 102);
+  stroke: rgb(255, 172.6, 51);
+  background: rgb(255, 193.2, 102);
+  border-color: rgb(255, 172.6, 51);
 }
+
 .cxs-color-14.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-14 {
-  fill: rgb(255, 244.7, 229.5);
-  stroke: rgb(229.5, 220.23, 206.55);
-  background: rgb(255, 244.7, 229.5);
-  border-color: rgb(229.5, 220.23, 206.55);
+  fill: hsl(35.7647058824, 100%, 140%);
+  stroke: hsl(35.7647058824, 100%, 130%);
+  background: hsl(35.7647058824, 100%, 140%);
+  border-color: hsl(35.7647058824, 100%, 130%);
 }
 
 .cxs-color-15 {
-  fill: rgb(255, 187.8, 166.6);
-  stroke: rgb(229.5, 169.02, 149.94);
-  background: rgb(255, 187.8, 166.6);
-  border-color: rgb(229.5, 169.02, 149.94);
+  fill: hsl(14.3891402715, 100%, 116.6666666667%);
+  stroke: hsl(14.3891402715, 100%, 106.6666666667%);
+  background: hsl(14.3891402715, 100%, 116.6666666667%);
+  border-color: hsl(14.3891402715, 100%, 106.6666666667%);
 }
+
 .cxs-color-15.cxs-selectable:hover, .cxs-color-15.cxs-selectable.cxs-hover, .cxs-color-root:hover .cxs-color-15, .cxs-color-root.cxs-hover .cxs-color-15 {
-  fill: rgb(255, 171, 144.5);
-  stroke: rgb(229.5, 153.9, 130.05);
-  background: rgb(255, 171, 144.5);
-  border-color: rgb(229.5, 153.9, 130.05);
+  fill: hsl(14.3891402715, 100%, 106.6666666667%);
+  stroke: rgb(255, 242.0769230769, 238);
+  background: hsl(14.3891402715, 100%, 106.6666666667%);
+  border-color: rgb(255, 242.0769230769, 238);
 }
+
 .cxs-color-15.cxs-selected, .cxs-color-15.cxs-selected:hover, .cxs-color-15.cxs-selected.cxs-hover, .cxs-color-root.cxs-selected .cxs-color-15, .cxs-color-root.cxs-selected:hover .cxs-color-15, .cxs-color-root.cxs-selected.cxs-hover .cxs-color-15 {
-  fill: rgb(255, 120.6, 78.2);
-  stroke: rgb(229.5, 108.54, 70.38);
-  background: rgb(255, 120.6, 78.2);
-  border-color: rgb(229.5, 108.54, 70.38);
+  fill: rgb(255, 164.5384615385, 136);
+  stroke: rgb(255, 125.7692307692, 85);
+  background: rgb(255, 164.5384615385, 136);
+  border-color: rgb(255, 125.7692307692, 85);
 }
+
 .cxs-color-15.cxs-disabled, .cxs-color-root.cxs-disabled .cxs-color-15 {
-  fill: rgb(255, 238.2, 232.9);
-  stroke: rgb(229.5, 214.38, 209.61);
-  background: rgb(255, 238.2, 232.9);
-  border-color: rgb(229.5, 214.38, 209.61);
+  fill: hsl(14.3891402715, 100%, 146.6666666667%);
+  stroke: hsl(14.3891402715, 100%, 136.6666666667%);
+  background: hsl(14.3891402715, 100%, 146.6666666667%);
+  border-color: hsl(14.3891402715, 100%, 136.6666666667%);
 }