.data-field {
  display: grid;
  gap: var(--xs);
}
.data-field--header {
  color: var(--Primary-Light-Foreground);
  display: flex;
  gap: var(--sm);
}
.data-field--content {
  color: var(--Neutral-Light-Highlight);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--md);
}
.data-field--content p.text {
  font-weight: var(--font-weight-bold);
  margin-bottom: 0;
}
.data-field--small .data-field--content {
  font-size: var(--font-size-sm);
  line-height: var(--font-line-height-sm);
}
.data-field--medium .data-field--content {
  font-size: var(--font-size-md);
  line-height: var(--font-line-height-md);
}
.data-field--large .data-field--content {
  font-size: var(--font-size-lg);
  line-height: var(--font-line-height-lg);
}