.resource-preview-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.resource-preview-mobile-tree {
  display: block;
}

@media (min-width: 1024px) {
  .resource-preview-mobile-tree {
    display: none;
  }
}

.resource-preview-mobile-tree__body {
  display: grid;
  gap: 8px;
}

.resource-preview-mobile-node__label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.resource-preview-mobile-node__index,
.resource-preview-mobile-node__identifier,
.resource-preview-mobile-node__count {
  flex-shrink: 0;
}

.resource-preview-mobile-node__title {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--ms-color-foreground);
  font-size: var(--ms-text-body);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-preview-mobile-node__description {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
