/* Breakpoints */
.animated-facts__list {
  padding: 0 var(--grid-standard-margin);
}

.animated-facts {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
}
.animated-facts__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.animated-facts__value-wrapper {
  display: flex;
  gap: var(--spacer-3);
}
.animated-facts__unit-container {
  display: flex;
}
.animated-facts__value {
  position: absolute;
}
.animated-facts__placeholder {
  opacity: 0;
}
.animated-facts__sup {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: super;
  font-size: 0.6em;
  line-height: 0.6em;
}
.animated-facts__batch {
  display: flex;
  gap: var(--spacing-xs);
  flex-flow: wrap column;
}
@media (min-width: 768px) {
  .animated-facts__batch {
    flex-flow: nowrap row;
  }
}
.animated-facts__item {
  min-height: 6rem;
}
.animated-facts__tooltip.tooltip__trigger {
  max-height: 4rem;
  max-width: 4rem;
  width: 4rem;
  display: grid;
  place-content: space-around;
  align-self: end;
}
.animated-facts__tooltip.tooltip__trigger .tooltip__hidden-text {
  display: none;
}
.animated-facts__tooltip.tooltip__trigger:hover {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--colors-interaction-hover);
  box-shadow: 0 0 0 2px var(--colors-interaction-hover);
}
.animated-facts__tooltip.tooltip__trigger:hover .tooltip__icon {
  color: var(--colors-interaction-hover-fg);
}