.numberbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}
.numberbox:not(.no-border) {
  border: 1px solid var(--color-silver);
}
.numberbox.bg-transparent {
  background: transparent;
}
.numberbox.bg-white {
  background: var(--color-white);
}
.numberbox.bg-grey {
  background: var(--color-alternate);
}
@media (min-width: 768px) {
  .numberbox {
    aspect-ratio: 1/1;
  }
}
.numberbox .numberbox-media {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
}
.numberbox .numberbox-media .numberbox-icon {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background: var(--color-blue);
}
.numberbox .numberbox-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 0.25rem;
}
.numberbox .numberbox-header .numberbox-headline {
  font-size: 5rem;
  font-weight: 300;
  background: var(--color-green);
  background: -webkit-gradient(linear, left top, right top, from(var(--color-green)), to(var(--color-blue)));
  background: linear-gradient(90deg, var(--color-green) 0%, var(--color-blue) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
@media (max-width: 767px) {
  .numberbox .numberbox-header .numberbox-headline {
    font-size: 3rem;
  }
}
.numberbox .numberbox-header .numberbox-prefix,
.numberbox .numberbox-header .numberbox-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 2.5rem;
  font-weight: 300;
  background: var(--color-green);
  background: -webkit-gradient(linear, left top, right top, from(var(--color-green)), to(var(--color-blue)));
  background: linear-gradient(90deg, var(--color-green) 0%, var(--color-blue) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .numberbox .numberbox-header .numberbox-prefix,
  .numberbox .numberbox-header .numberbox-suffix {
    font-size: 1.5rem;
  }
}
.numberbox .numberbox-subheadline {
  font-size: 1.25rem;
  line-height: 1.2;
  color: #878787;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 1280px) {
  .numberbox .numberbox-subheadline {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .numberbox .numberbox-subheadline {
    font-size: 1rem;
  }
}

.gb-grid-column:nth-child(12n+12) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+1) .numberbox.is-style-colored .numberbox-icon {
  background: #048ECC;
}
.gb-grid-column:nth-child(12n+2) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+11) .numberbox.is-style-colored .numberbox-icon {
  background: #699BC5;
}
.gb-grid-column:nth-child(12n+3) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+10) .numberbox.is-style-colored .numberbox-icon {
  background: #03A7B0;
}
.gb-grid-column:nth-child(12n+4) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+9) .numberbox.is-style-colored .numberbox-icon {
  background: #01C095;
}
.gb-grid-column:nth-child(12n+5) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+6) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+7) .numberbox.is-style-colored .numberbox-icon, .gb-grid-column:nth-child(12n+8) .numberbox.is-style-colored .numberbox-icon {
  background: #02D97C;
}/*# sourceMappingURL=numberbox.css.map */