body:not(.fl-builder-edit) {
  /**************************************************
  * Main - Figure on appear animation - JS scroll animation
  **************************************************/
  /***********************************
  * Pie Chart - Transition on visible
  ***********************************/
  /*******************************
  /* Icon - Transition on visible
  *******************************/
  /***********************************
  * Line Chart - Transition on visible
  ***********************************/
  /***********************************
  * Bar Chart - Transition on visible
  ***********************************/
  /***********************************
  * Small Icons - Transition on visible
  ***********************************/
}
body:not(.fl-builder-edit) figure.fig-container.js-stat-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.js-stat-scroll.stat-visible {
  opacity: 1;
  transform: translateY(0);
}
body:not(.fl-builder-edit) figure div.fig-header {
  opacity: 0;
  transition: opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible div.fig-header {
  opacity: 1;
}
body:not(.fl-builder-edit) figure.fig-container .stat-anim-pie > path {
  opacity: 0;
  scale: 0;
  transition: scale 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(0n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(1n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.06s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(2n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.12s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(3n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.18s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(4n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.24s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(5n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.3s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(6n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.36s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(7n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.42s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(8n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.48s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(9n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.54s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(10n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.6s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(11n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.66s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(12n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.72s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(13n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.78s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(14n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.84s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(15n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.9s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(16n) {
  opacity: 1;
  scale: 1;
  transition-delay: 0.96s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(17n) {
  opacity: 1;
  scale: 1;
  transition-delay: 1.02s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(18n) {
  opacity: 1;
  scale: 1;
  transition-delay: 1.08s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(19n) {
  opacity: 1;
  scale: 1;
  transition-delay: 1.14s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-anim-pie > path:nth-child(20n) {
  opacity: 1;
  scale: 1;
  transition-delay: 1.2s;
}
body:not(.fl-builder-edit) figure.fig-container svg.stat-data-icon > rect {
  opacity: 0;
  transform: translateX(100%);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(0n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(1n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.06s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(2n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.12s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(3n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.18s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(4n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.24s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(5n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.3s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(6n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.36s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(7n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.42s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(8n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.48s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(9n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.54s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(10n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.6s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(11n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.66s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(12n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.72s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(13n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.78s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(14n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.84s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(15n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.9s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(16n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.96s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(17n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.02s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(18n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.08s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(19n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.14s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible svg.stat-data-icon > rect:nth-child(20n) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.2s;
}
body:not(.fl-builder-edit) figure.fig-container g.stat-data-lines > polyline {
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(0n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(1n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.06s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(2n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.12s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(3n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.18s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(4n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.24s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(5n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(6n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.36s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(7n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.42s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(8n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.48s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(9n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.54s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(10n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(11n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.66s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(12n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.72s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(13n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.78s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(14n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.84s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(15n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(16n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.96s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(17n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.02s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(18n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.08s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(19n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.14s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-lines > polyline:nth-child(20n) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.2s;
}
body:not(.fl-builder-edit) figure.fig-container g.stat-data-bars > g {
  opacity: 0;
  transition: height 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(0n) {
  opacity: 1;
  transition-delay: 0s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(1n) {
  opacity: 1;
  transition-delay: 0.06s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(2n) {
  opacity: 1;
  transition-delay: 0.12s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(3n) {
  opacity: 1;
  transition-delay: 0.18s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(4n) {
  opacity: 1;
  transition-delay: 0.24s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(5n) {
  opacity: 1;
  transition-delay: 0.3s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(6n) {
  opacity: 1;
  transition-delay: 0.36s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(7n) {
  opacity: 1;
  transition-delay: 0.42s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(8n) {
  opacity: 1;
  transition-delay: 0.48s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(9n) {
  opacity: 1;
  transition-delay: 0.54s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(10n) {
  opacity: 1;
  transition-delay: 0.6s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(11n) {
  opacity: 1;
  transition-delay: 0.66s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(12n) {
  opacity: 1;
  transition-delay: 0.72s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(13n) {
  opacity: 1;
  transition-delay: 0.78s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(14n) {
  opacity: 1;
  transition-delay: 0.84s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(15n) {
  opacity: 1;
  transition-delay: 0.9s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(16n) {
  opacity: 1;
  transition-delay: 0.96s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(17n) {
  opacity: 1;
  transition-delay: 1.02s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(18n) {
  opacity: 1;
  transition-delay: 1.08s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(19n) {
  opacity: 1;
  transition-delay: 1.14s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible g.stat-data-bars g:nth-child(20n) {
  opacity: 1;
  transition-delay: 1.2s;
}
body:not(.fl-builder-edit) figure.fig-container .appear-stat-row-icon > div {
  opacity: 0;
  transform: rotateY(180deg) translateX(80px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(0n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(1n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.06s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(2n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.12s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(3n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.18s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(4n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.24s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(5n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.3s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(6n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.36s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(7n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.42s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(8n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.48s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(9n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.54s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(10n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.6s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(11n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.66s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(12n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.72s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(13n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.78s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(14n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.84s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(15n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.9s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(16n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 0.96s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(17n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 1.02s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(18n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 1.08s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(19n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 1.14s;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .appear-stat-row-icon > div:nth-child(20n) {
  opacity: 1;
  transform: rotateY(0) translateX(0);
  transition-delay: 1.2s;
}
body:not(.fl-builder-edit) figure.fig-container .stat-row-icon-bar-container {
  transform: rotateX(90deg) rotateY(10deg);
  transition: transform 0.6s ease;
}
body:not(.fl-builder-edit) figure.fig-container.stat-visible .stat-row-icon-bar-container {
  transform: rotateX(0) rotateY(0);
}

@keyframes stat-fade-out-and-scale {
  0% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0.2;
    scale: 0.95;
  }
}
@keyframes stat-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.data-link-fade.data-legend-item, .data-link-fade.stat-data-label {
  animation: stat-fade-out-and-scale 0.2s ease forwards;
}
.data-link-fade.slice {
  animation: stat-fade-out-and-scale 0.2s ease forwards;
}
.data-link-fade.line, .data-link-fade.bar, .data-link-fade.icon-segment, .data-link-fade.icon-bar-segment {
  animation: stat-fade-out 0.2s ease forwards;
}

figure.chart-fig .type-bg-0 {
  background-color: rgb(0, 106, 158);
}
figure.chart-fig .type-bg-0.c-type-bg-0 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-1 {
  background-color: rgb(91, 197, 242);
}
figure.chart-fig .type-bg-1.c-type-bg-1 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-2 {
  background-color: rgb(0, 162, 181);
}
figure.chart-fig .type-bg-2.c-type-bg-2 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-3 {
  background-color: rgb(82, 114, 49);
}
figure.chart-fig .type-bg-3.c-type-bg-3 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-4 {
  background-color: rgb(165, 201, 130);
}
figure.chart-fig .type-bg-4.c-type-bg-4 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-5 {
  background-color: rgb(251, 190, 94);
}
figure.chart-fig .type-bg-5.c-type-bg-5 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-6 {
  background-color: rgb(243, 149, 63);
}
figure.chart-fig .type-bg-6.c-type-bg-6 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-7 {
  background-color: rgb(192, 13, 13);
}
figure.chart-fig .type-bg-7.c-type-bg-7 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-8 {
  background-color: rgb(240, 45, 45);
}
figure.chart-fig .type-bg-8.c-type-bg-8 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-bg-9 {
  background-color: rgb(247, 141, 141);
}
figure.chart-fig .type-bg-9.c-type-bg-9 {
  background-color: var(--type-bg);
}
figure.chart-fig .type-color-0 {
  color: rgb(0, 106, 158);
}
figure.chart-fig .type-color-0.c-type-color-0 {
  color: var(--type-color);
}
figure.chart-fig .type-color-1 {
  color: rgb(91, 197, 242);
}
figure.chart-fig .type-color-1.c-type-color-1 {
  color: var(--type-color);
}
figure.chart-fig .type-color-2 {
  color: rgb(0, 162, 181);
}
figure.chart-fig .type-color-2.c-type-color-2 {
  color: var(--type-color);
}
figure.chart-fig .type-color-3 {
  color: rgb(82, 114, 49);
}
figure.chart-fig .type-color-3.c-type-color-3 {
  color: var(--type-color);
}
figure.chart-fig .type-color-4 {
  color: rgb(165, 201, 130);
}
figure.chart-fig .type-color-4.c-type-color-4 {
  color: var(--type-color);
}
figure.chart-fig .type-color-5 {
  color: rgb(251, 190, 94);
}
figure.chart-fig .type-color-5.c-type-color-5 {
  color: var(--type-color);
}
figure.chart-fig .type-color-6 {
  color: rgb(243, 149, 63);
}
figure.chart-fig .type-color-6.c-type-color-6 {
  color: var(--type-color);
}
figure.chart-fig .type-color-7 {
  color: rgb(192, 13, 13);
}
figure.chart-fig .type-color-7.c-type-color-7 {
  color: var(--type-color);
}
figure.chart-fig .type-color-8 {
  color: rgb(240, 45, 45);
}
figure.chart-fig .type-color-8.c-type-color-8 {
  color: var(--type-color);
}
figure.chart-fig .type-color-9 {
  color: rgb(247, 141, 141);
}
figure.chart-fig .type-color-9.c-type-color-9 {
  color: var(--type-color);
}
figure.chart-fig .type-fill-0 {
  fill: rgb(0, 106, 158);
}
figure.chart-fig .type-fill-0.c-type-fill-0 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-1 {
  fill: rgb(91, 197, 242);
}
figure.chart-fig .type-fill-1.c-type-fill-1 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-2 {
  fill: rgb(0, 162, 181);
}
figure.chart-fig .type-fill-2.c-type-fill-2 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-3 {
  fill: rgb(82, 114, 49);
}
figure.chart-fig .type-fill-3.c-type-fill-3 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-4 {
  fill: rgb(165, 201, 130);
}
figure.chart-fig .type-fill-4.c-type-fill-4 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-5 {
  fill: rgb(251, 190, 94);
}
figure.chart-fig .type-fill-5.c-type-fill-5 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-6 {
  fill: rgb(243, 149, 63);
}
figure.chart-fig .type-fill-6.c-type-fill-6 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-7 {
  fill: rgb(192, 13, 13);
}
figure.chart-fig .type-fill-7.c-type-fill-7 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-8 {
  fill: rgb(240, 45, 45);
}
figure.chart-fig .type-fill-8.c-type-fill-8 {
  fill: var(--type-fill);
}
figure.chart-fig .type-fill-9 {
  fill: rgb(247, 141, 141);
}
figure.chart-fig .type-fill-9.c-type-fill-9 {
  fill: var(--type-fill);
}
figure.chart-fig .type-stroke-d {
  stroke: rgb(45, 45, 45);
}
figure.chart-fig .type-stroke-d.c-type-stroke-d {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-0 {
  stroke: rgb(0, 106, 158);
}
figure.chart-fig .type-stroke-0.c-type-stroke-0 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-1 {
  stroke: rgb(91, 197, 242);
}
figure.chart-fig .type-stroke-1.c-type-stroke-1 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-2 {
  stroke: rgb(0, 162, 181);
}
figure.chart-fig .type-stroke-2.c-type-stroke-2 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-3 {
  stroke: rgb(82, 114, 49);
}
figure.chart-fig .type-stroke-3.c-type-stroke-3 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-4 {
  stroke: rgb(165, 201, 130);
}
figure.chart-fig .type-stroke-4.c-type-stroke-4 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-5 {
  stroke: rgb(251, 190, 94);
}
figure.chart-fig .type-stroke-5.c-type-stroke-5 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-6 {
  stroke: rgb(243, 149, 63);
}
figure.chart-fig .type-stroke-6.c-type-stroke-6 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-7 {
  stroke: rgb(192, 13, 13);
}
figure.chart-fig .type-stroke-7.c-type-stroke-7 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-8 {
  stroke: rgb(240, 45, 45);
}
figure.chart-fig .type-stroke-8.c-type-stroke-8 {
  stroke: var(--type-stroke);
}
figure.chart-fig .type-stroke-9 {
  stroke: rgb(247, 141, 141);
}
figure.chart-fig .type-stroke-9.c-type-stroke-9 {
  stroke: var(--type-stroke);
}

svg.chart.graph .x-label {
  font-weight: 200;
}
svg.chart.graph .y-label {
  font-weight: 200;
}
svg.chart.graph .grid {
  stroke: rgba(0, 0, 0, 0.1);
  stroke-dasharray: 0;
  stroke-width: 0.2;
}
svg.chart.graph .line-point {
  fill: transparent;
}
svg.chart.graph .chart-tooltip {
  opacity: 0;
  pointer-events: none;
}
svg.chart.graph .chart-tooltip.visible {
  opacity: 1;
}
svg.chart.graph .chart-tooltip .stat-tooltip-pole {
  fill: rgba(45, 45, 45, 0.85);
}
svg.chart.graph .chart-tooltip .stat-tooltip-box {
  fill: rgba(45, 45, 45, 0.85);
}
svg.chart.graph .chart-tooltip .value-x {
  opacity: 0.75;
}
.pie-content-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pie-content-container.layout-h {
  flex-direction: row;
  align-items: center;
}
.pie-content-container.layout-v {
  flex-direction: column;
  align-items: center;
}
.pie-content-container .pie-wrapper {
  width: 100%;
  max-width: 256px;
  aspect-ratio: 1;
}
.pie-content-container .slice {
  transform: rotate(-90deg);
}

.stat-row-icon {
  font-size: 3.2em;
  width: 1em;
  height: 1em;
}

.stat-icon-layout-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.stat-icon-layout-container > svg {
  width: 70%;
  aspect-ratio: 1;
}
.stat-icon-layout-container .stat-icon-context-container {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.stat-icon-layout-container .stat-icon-context-container.text-s {
  font-size: 0.6em;
}
.stat-icon-layout-container .stat-icon-context-container.text-m {
  font-size: 1em;
}
.stat-icon-layout-container .stat-icon-context-container.text-l {
  font-size: 1.4em;
}

.stat-row-icons-container {
  width: 100%;
  display: flex;
  flex: row;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}
.stat-row-icons-container .stat-row-icons-container-col {
  width: 100%;
  max-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 959px) {
  .stat-row-icons-container .stat-row-icons-container-col {
    max-width: 33.3333333333%;
  }
}
.stat-row-icons-container .stat-row-icons-container-col > * {
  margin-bottom: 20px;
}
.stat-row-icons-container .stat-row-icons-container-col > img {
  width: 6em;
}

.stat-row-icon-bar-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 100px;
  overflow: hidden !important;
}
.stat-row-icon-bar-container .stat-row-icon-bar-container-segment {
  text-align: center;
  padding: 10px 5px;
  color: #fff !important;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.stat-row-icon-bar-container .stat-row-icon-bar-container-segment:first-child {
  border-radius: 100px 0 0 100px;
}
.stat-row-icon-bar-container .stat-row-icon-bar-container-segment:last-child {
  border-radius: 0 100px 100px 0;
}

ul.data-legend-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 20px 0 20px;
  justify-content: center;
  margin-bottom: 0;
}
ul.data-legend-container li.data-legend-item {
  font-size: 0.8em;
  list-style-type: none;
  display: flex;
  align-items: center;
  padding-right: 1.6em;
  padding-bottom: 0.6em;
}
@media (max-width: 959px) {
  ul.data-legend-container li.data-legend-item {
    font-size: 0.6em;
  }
}
ul.data-legend-container li.data-legend-item .data-symbol {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
}

.stat-data-label {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.stat-data-label span:nth-child(1) {
  font-size: 2em;
}
.stat-data-label span:nth-child(2) {
  font-size: 1em;
  width: 10ch;
  opacity: 0.5;
  margin: 0.5em 0;
}
.stat-data-label span:nth-child(3) {
  height: 0.4em;
  width: 1.6em;
  transition: width 0.2s ease;
}
.stat-data-label:hover span:nth-child(3) {
  width: 3.2em;
}

.chart-picker-container {
  display: flex;
}
@media (min-width: 960px) {
  .chart-picker-container {
    flex-direction: row;
  }
}
@media (max-width: 959px) {
  .chart-picker-container {
    flex-direction: column;
  }
}
@media (min-width: 960px) {
  .chart-picker-container select {
    margin-right: 10px;
  }
}
@media (max-width: 959px) {
  .chart-picker-container select {
    margin-bottom: 10px;
  }
}
.chart-picker-container select.chart-select {
  position: relative;
  padding: 0.8em 2.2em 0.8em 2em;
  border: none;
  border-radius: 100px;
  background-color: #EDEDED;
  color: #2d2d2d;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  cursor: pointer;
  /* reset */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.chart-picker-container select.chart-select:not(:last-child) {
  margin-right: 10px;
}
.chart-picker-container select.chart-select:not(:disabled) {
  background-image: url("images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: center right 1.2em;
  background-size: 0.8em;
}
.chart-picker-container select.chart-select:disabled {
  background-color: #d8d8d8;
  color: #2d2d2d;
  cursor: not-allowed;
}
.chart-picker-container button.chart-select-action {
  background: #2d2d2d;
  border: none;
  padding: 0.8em 2em;
  margin: 0;
  border-radius: 100px;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.chart-picker-container *:focus {
  outline: none;
}

figure.fig-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
figure.fig-container > div.fig-header {
  display: flex;
  flex-direction: column;
}
figure.fig-container > div.fig-header > h3 {
  text-align: center;
  font-size: 2em;
}
figure.fig-container > div.fig-header > figcaption {
  text-align: center;
  font-weight: 400;
  opacity: 0.5;
  font-size: 1.1em;
}
@media (max-width: 959px) {
  figure.fig-container > div.fig-header > figcaption {
    font-size: 1em;
  }
}
figure.fig-container > div.fig-header a.fig-link {
  text-align: center;
}
figure.fig-container > div.fig-header > *:last-child {
  margin-bottom: 2em;
}
