:host {
  display: flex;
  width: 100%;
  --ez-form-card-summary-field-content-weight: 700;
}

.summary-wrapper{
  display: flex;
  overflow: hidden;
}

.summary-container{
  display: flex;
  flex-direction: column;
  padding-right: calc(var(--space--extra-large) / 1.5);
}

.summary-field{
  min-width: 30px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-field__title{
  color: var(--text--primary, #626e82);
  font-size: var(--title--small);
  white-space: nowrap;
  font-weight: var(--text-weight--medium);
}

.summary-field__content{
  color: var(--title--primary, #2b3a54);
  font-size: var(--text--large);
  font-weight: var(--ez-form-card-summary-field-content-weight);
}