.aipt-embla-count {
  --aipt-count-color-start: #fff;
  --aipt-count-color-end: #8196db;
  --aipt-count-gradient-angle: 130deg;
  --aipt-count-gradient: linear-gradient(var(--aipt-count-gradient-angle), var(--aipt-count-color-start) 0%, var(--aipt-count-color-end) 92.798%);
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Bricks may set the custom element to flex; keep text-align in charge of the number. */
.brxe-aipt-embla-count.aipt-embla-count {
  display: block;
}

.aipt-embla-count__visual {
  display: none;
  align-items: baseline;
  white-space: nowrap;
}

.aipt-embla-count__fallback {
  display: inline-block;
  background-image: var(--aipt-count-gradient);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aipt-embla-count[data-embla-count-playing="1"] .aipt-embla-count__fallback {
  display: none;
}

.aipt-embla-count[data-embla-count-playing="1"] .aipt-embla-count__visual {
  display: inline-flex;
}

.aipt-embla-count__digit {
  display: inline-block;
  width: 0.62em;
  height: 1em;
  overflow: hidden;
  vertical-align: -0.04em;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

.aipt-embla-count__track {
  display: flex;
  flex-direction: column;
  height: auto;
  will-change: transform;
}

.aipt-embla-count__glyph {
  flex: 0 0 1em;
  height: 1em;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.aipt-embla-count__static {
  display: inline-block;
  line-height: 1;
}

.aipt-embla-count__glyph,
.aipt-embla-count__static {
  background-image: var(--aipt-count-gradient);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .aipt-embla-count__track {
    transition: none !important;
  }
}

/* Keep rolling glyphs clipped to their own viewport on narrow screens. */
@media (max-width: 767px) {
  .aipt-embla-count__digit {
    contain: paint;
  }

  .aipt-grid--4 .aipt-stat__label {
    text-wrap: balance;
  }
}
