.charcoal-text-ellipsis {
  overflow: hidden;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);
}

.charcoal-text-ellipsis[data-has-line-height='true'] {
  line-height: var(--charcoal-text-ellipsis-line-height);
}

.charcoal-text-ellipsis[data-has-line-height='false'] {
  line-height: inherit;
}

.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {
  text-overflow: ellipsis;
  white-space: nowrap;
}