.property-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-xl);
}
.property-group-name {
  font-weight: 500;
}
.property-group-list {
  display: grid;
  flex-wrap: wrap;
  column-gap: var(--gap-4xl, 40px);
  row-gap: var(--gap-xxs);
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .property-group-list {
    grid-template-columns: calc(50% - var(--gap-xl, 20px)) calc(50% - var(--gap-xl, 20px));
  }
}
.property-group-list-column {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.property-group-list-item {
  height: max-content;
}
.property-group-list-item::part(property-value) {
  word-wrap: break-word;
  hyphens: auto;
  display: block;
  overflow: auto;
}
.property-group .property-separator {
  color: var(--text-tertiary);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  padding: 0 var(--gap-xs);
}