/* Compact animated counters extracted from the Live Sosteniamo pattern */
.tab-count-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:10px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}

.tab-count-cell{
  min-width:0;
  padding:0;
  border:0;
  border-right:0;
  border-radius:0;
  background:transparent;
  text-align:left;
  color:#64748b;
  font-size:14px;
  line-height:1.2;
  transition:color .22s ease;
}

.tab-count-cell:hover{
  background:transparent;
  box-shadow:none;
  transform:none;
}

.tab-count-cell:nth-child(2){
  text-align:right;
}

.tab-count-cell span{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:inherit;
}

.tab-count-cell strong{
  display:inline-flex;
  align-items:baseline;
  gap:3px;
  color:#172033;
  font-weight:900;
}

.tab-count-cell b{
  display:inline;
  color:inherit;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}

.tab-count-cell.is-updated{
  animation:tabCountUpdate 2.3s ease both;
}

.tab-count-cell b.has-value{
  animation:tabCountPop .5s cubic-bezier(.22,1,.36,1) both;
}

@keyframes tabCountPop{
  from{opacity:.4;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

@keyframes tabCountUpdate{
  0%,100%{color:inherit}
  14%,76%{color:#06763c}
}

@media(max-width:420px){
  .tab-count-grid{grid-template-columns:1fr}
  .tab-count-cell:nth-child(2){text-align:left}
}