/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/cards/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.rmg-blocks .cards,
.rmg-charts-block .cards,
.rmg-text-block .cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
@media screen and (min-width: 992px) {
  .rmg-blocks .cards,
  .rmg-charts-block .cards,
  .rmg-text-block .cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rmg-blocks .card,
.rmg-charts-block .card,
.rmg-text-block .card {
  align-items: center;
  border: 2px solid #b0d0e5;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  padding: 2rem !important;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .rmg-blocks .card,
  .rmg-charts-block .card,
  .rmg-text-block .card {
    gap: 1rem;
  }
}
.rmg-blocks .card abbr,
.rmg-charts-block .card abbr,
.rmg-text-block .card abbr {
  border: 0 none transparent;
  text-decoration: none;
}
.rmg-blocks .card span,
.rmg-charts-block .card span,
.rmg-text-block .card span {
  color: #2E5BCC;
  line-height: 110%; /* 1.65rem */
}
.rmg-blocks .card .value,
.rmg-charts-block .card .value,
.rmg-text-block .card .value {
  font-size: 2rem;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .rmg-blocks .card .value,
  .rmg-charts-block .card .value,
  .rmg-text-block .card .value {
    font-size: 3.625rem;
  }
}
.rmg-blocks .card .label,
.rmg-charts-block .card .label,
.rmg-text-block .card .label {
  font-size: 1rem;
  font-weight: 700;
  max-width: 100%;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .rmg-blocks .card .label,
  .rmg-charts-block .card .label,
  .rmg-text-block .card .label {
    font-size: 1.5rem;
  }
}
.rmg-blocks .visually-hidden,
.rmg-charts-block .visually-hidden,
.rmg-text-block .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.overflow-x-container {
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}

.overflow-x-content {
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-color: transparent transparent;
  border-bottom: none;
}
.overflow-x-content::-webkit-scrollbar {
  background-color: transparent;
}

.overflow-x-controls {
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.overflow-x-controls .previous,
.overflow-x-controls .next {
  background: white url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIHdpZHRoPSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xLjI5NzM3LjcwNzE4NyAyLjc0ODMzIDIuNzQ4MzMzIDIuNzQ4MzQtMi43NDgzMzNjLjI3NjI1LS4yNzYyNDkuNzIyNS0uMjc2MjQ5Ljk5ODc1IDAgLjI3NjI1LjI3NjI1LjI3NjI1LjcyMjUwMyAwIC45OTg3NTNsLTMuMjUxMjUgMy4yNTEyNWMtLjI3NjI1LjI3NjI1LS43MjI1LjI3NjI1LS45OTg3NSAwbC0zLjI1MTI1Mi0zLjI1MTI1Yy0uMjc2MjQ5OS0uMjc2MjUtLjI3NjI0OTktLjcyMjUwMyAwLS45OTg3NTMuMjc2MjUtLjI2OTE2Ni43Mjk1ODItLjI3NjI0OSAxLjAwNTgzMiAweiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) center 55% no-repeat;
  background-size: 18px;
  border: 1px solid black;
  border-radius: 100%;
  color: transparent;
  display: block;
  padding: 0;
  height: 40px;
  width: 40px;
}
.overflow-x-controls .previous:disabled,
.overflow-x-controls .next:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.overflow-x-controls .next {
  rotate: 270deg;
}
.overflow-x-controls .previous {
  rotate: -270deg;
}

@media screen and (max-width: 568px) {
  .overflow-x-container {
    margin-left: -16px;
    margin-right: -16px;
  }
  .overflow-x-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
.rmg-blocks.icon-cards,
.rmg-blocks.icon-cards-overflow {
  gap: 1rem;
}
@media screen and (min-width: 568px) {
  .rmg-blocks.icon-cards,
  .rmg-blocks.icon-cards-overflow {
    gap: 2rem;
  }
}
.rmg-blocks.icon-cards .card img,
.rmg-blocks.icon-cards-overflow .card img {
  filter: invert(29%) sepia(66%) saturate(4277%) hue-rotate(219deg) brightness(86%) contrast(83%);
}
.rmg-blocks.icon-cards .label,
.rmg-blocks.icon-cards-overflow .label {
  color: #2b2b2b;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (min-width: 568px) {
  .rmg-blocks.icon-cards .label,
  .rmg-blocks.icon-cards-overflow .label {
    font-size: 1.25rem;
  }
}

.rmg-blocks.icon-cards-overflow .overflow-x-content {
  display: grid;
  gap: 1.5rem;
  margin: 0;
  padding-left: 0;
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] {
  grid-template-columns: repeat(5, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="6"] {
  grid-template-columns: repeat(6, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] {
  grid-template-columns: repeat(7, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="8"] {
  grid-template-columns: repeat(8, 1fr);
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (min-width: 768px) {
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] {
    grid-template-columns: repeat(12, 1fr);
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] > *:nth-child(-1n+3) {
    grid-column: span 4;
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] > *:nth-last-child(2) {
    grid-row-start: 2;
    grid-column: 1/span 6;
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="5"] > *:nth-last-child(1) {
    grid-row-start: 2;
    grid-column: 7/span 6;
  }
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="6"] {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (min-width: 768px) {
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="6"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] {
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (min-width: 768px) {
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] {
    grid-template-columns: repeat(12, 1fr);
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] > *:nth-child(-1n+4) {
    grid-column: span 3;
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] > *:nth-last-child(3) {
    grid-row-start: 2;
    grid-column: 1/span 4;
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] > *:nth-last-child(2) {
    grid-row-start: 2;
    grid-column: 5/span 4;
  }
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="7"] > *:nth-last-child(1) {
    grid-row-start: 2;
    grid-column: 9/span 4;
  }
}
.rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="8"] {
  grid-template-columns: repeat(8, 1fr);
}
@media screen and (min-width: 992px) {
  .rmg-blocks.icon-cards-overflow .overflow-x-content[data-count="8"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.rmg-blocks.icon-cards-small-horizontal .overflow-x-content {
  display: flex;
  gap: 1rem;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .rmg-blocks.icon-cards-small-horizontal .overflow-x-content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rmg-blocks.icon-cards-small-horizontal .overflow-x-content .card {
  flex-direction: row;
  flex-shrink: 0;
  padding: 0.5rem 1rem !important;
}
.rmg-blocks.icon-cards-small-horizontal .overflow-x-content .card img {
  filter: invert(29%) sepia(66%) saturate(4277%) hue-rotate(219deg) brightness(86%) contrast(83%);
  height: 2rem;
  width: auto;
}
.rmg-blocks.icon-cards-small-horizontal .overflow-x-content .card .label {
  color: #2b2b2b;
  font-size: 1.125rem;
  font-weight: 400;
}

.rmg-blocks.percentage-value-cards .card .label {
  font-size: 1.25rem;
}
.rmg-blocks.percentage-value-cards .percentage-wrapper {
  flex: 1;
}
.rmg-blocks.percentage-value-cards .percentage-chart {
  --size: 6rem;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  background: radial-gradient(closest-side, white 87%, transparent 0 99.9%, white 0), conic-gradient(#2e5bcc calc(var(--pgPercentage) * 1%), transparent 0);
  border-radius: 50%;
  display: grid;
  height: var(--size);
  margin: 0 auto;
  place-items: center;
  width: var(--size);
  position: relative;
}
@media screen and (min-width: 768px) {
  .rmg-blocks.percentage-value-cards .percentage-chart {
    --size: 8rem;
  }
}
.rmg-blocks.percentage-value-cards .percentage-chart:before {
  counter-reset: percentage var(--value);
  content: counter(percentage) "%";
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 110%; /* 1.65rem */
}
@media screen and (min-width: 768px) {
  .rmg-blocks.percentage-value-cards .percentage-chart:before {
    font-size: 2.25rem;
  }
}
.rmg-blocks.percentage-value-cards .percentage-chart:after {
  content: "";
  width: 94%;
  height: 94%;
  border: 1px solid #b0d0e5;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: -20;
}
@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}

/*# sourceMappingURL=style-index.css.map*/