.stats__hint {
  margin: calc(-1 * var(--space-md)) 0 var(--space-lg);
  font-size: 13px;
  color: var(--color-text-muted);
}

.stats__heading {
  margin: var(--space-xl) 0 var(--space-md);
  font-size: 18px;
}

.stats__table th.stats__num,
.stats__num {
  text-align: right;
}

.stats__table .stats__num {
  width: 88px;
}

.stats__total {
  font-weight: 700;
}

.stats__zero {
  color: var(--color-gray-40);
}

.stats-groups {
  min-width: 860px;
}

.stats-groups__head,
.stats-group__row {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) repeat(7, 88px);
  gap: var(--space-sm);
  align-items: center;
  padding: var(--space-md) var(--space-lg);
}

.stats-groups__head {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-muted);
  border-bottom: 2px solid var(--color-gray-80);
}

.stats-group__row {
  border-bottom: 1px solid var(--color-border);
  font-size: 14px;
}

summary.stats-group__row {
  cursor: pointer;
  list-style: none;
}

summary.stats-group__row::-webkit-details-marker {
  display: none;
}

summary.stats-group__row:hover {
  background: var(--color-gray-05);
}

.stats-group__caret {
  display: inline-block;
  color: var(--color-text-muted);
  transition: transform 0.15s;
}

.stats-group[open] .stats-group__caret {
  transform: rotate(90deg);
}

.stats-group__row--child {
  background: var(--color-gray-05);
}

.stats-group__row--child .stats-group__label {
  padding-left: var(--space-xl);
  color: var(--color-text-secondary);
}

.stats-group:last-child > summary.stats-group__row:only-child,
.stats-group:last-child:not([open]) > summary.stats-group__row,
.stats-group:last-child > .stats-group__row--child:last-child {
  border-bottom: none;
}