/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/number-charts/assets/sass/number-charts.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.number-charts__title {
  padding-bottom: 2.5rem;
  text-align: center;
}
.number-charts__title span {
  color: #6ACC9F;
}
.number-charts__statistics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.875rem;
}
@media all and (min-width: 768px) {
  .number-charts__statistics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 1024px) {
  .number-charts__statistics {
    grid-template-columns: repeat(4, 1fr);
  }
}
.number-charts__statistic {
  text-align: center;
}
.number-charts__statistic-chart {
  position: relative;
  width: 11.25rem;
  height: 11.25rem;
  display: grid;
  place-items: center;
  margin: 0 auto 1.25rem;
}
.number-charts__statistic-chart-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.number-charts__statistic-chart-track, .number-charts__statistic-chart-arc {
  fill: none;
  stroke-width: 16;
}
.number-charts__statistic-chart-track {
  stroke: #FFFFFF;
  stroke: var(--number-charts-colour, #FFFFFF);
  opacity: 0;
}
.number-charts__statistic-chart-arc {
  stroke: #FFFFFF;
  stroke: var(--number-charts-colour, #FFFFFF);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 1.5s ease;
}
@media (prefers-reduced-motion) {
  .number-charts__statistic-chart-arc {
    transition: none;
  }
}
.number-charts__statistic-chart.is-animated .number-charts__statistic-chart-arc {
  stroke-dashoffset: calc(100 - 0);
  stroke-dashoffset: calc(100 - var(--number-charts-arc-value, 0));
}
.number-charts__statistic-value {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 400;
  margin: 0;
  color: #F7F3F1;
}
@media all and (max-width: 768px) {
  .number-charts__statistic-value {
    font-size: 1.625rem;
  }
}
.number-charts__statistic-text {
  margin: 0;
  max-width: 13.75rem;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-black {
  margin-top: -60px;
}

.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-white {
  margin-top: -60px;
}

.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-neutral {
  margin-top: -60px;
}

.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-light-blue {
  margin-top: -60px;
}

.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-navy {
  margin-top: -60px;
}

.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-violet {
  margin-top: -60px;
}

.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-blue {
  margin-top: -60px;
}

.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-green {
  margin-top: -60px;
}

.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-pink {
  margin-top: -60px;
}

.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-yellow {
  margin-top: -60px;
}

.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-mauve {
  margin-top: -60px;
}

.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-true-white {
  margin-top: -60px;
}

@media all and (min-width: 768px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-black {
    margin-top: -90px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-white {
    margin-top: -90px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-neutral {
    margin-top: -90px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-light-blue {
    margin-top: -90px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-navy {
    margin-top: -90px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-violet {
    margin-top: -90px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-blue {
    margin-top: -90px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-green {
    margin-top: -90px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-pink {
    margin-top: -90px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-yellow {
    margin-top: -90px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-mauve {
    margin-top: -90px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-true-white {
    margin-top: -90px;
  }
}
@media all and (min-width: 1024px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-black {
    margin-top: -120px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-white {
    margin-top: -120px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-neutral {
    margin-top: -120px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-light-blue {
    margin-top: -120px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-navy {
    margin-top: -120px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-violet {
    margin-top: -120px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-blue {
    margin-top: -120px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-green {
    margin-top: -120px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-pink {
    margin-top: -120px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-yellow {
    margin-top: -120px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-mauve {
    margin-top: -120px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .number-charts.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .number-charts.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .number-charts.block--background-color-true-white {
    margin-top: -120px;
  }
}

/*# sourceMappingURL=block-number-charts.0d6d6fe9667aef115cfc.css.map*/