:host {
  display: inline-block;
  --hb-text-font-size-default: 14px;
  --hb-text-font-size-small: 12px;
  --hb-text-font-size-large: 16px;
  --hb-text-color: var(--hb-color-text-regular);
}

.hb-text {
  font-size: var(--hb-text-font-size-default);
  color: var(--hb-text-color);
  line-height: 1.5;
}

.hb-text--small {
  font-size: var(--hb-text-font-size-small);
}

.hb-text--large {
  font-size: var(--hb-text-font-size-large);
}

.hb-text--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hb-text--bold {
  font-weight: 600;
}

.hb-text--italic {
  font-style: italic;
}

.hb-text--deleted {
  text-decoration: line-through;
}

/* Type variants */
.hb-text--primary {
  --hb-text-color: var(--hb-color-primary);
}

.hb-text--success {
  --hb-text-color: var(--hb-color-success);
}

.hb-text--warning {
  --hb-text-color: var(--hb-color-warning);
}

.hb-text--danger {
  --hb-text-color: var(--hb-color-danger);
}

.hb-text--info {
  --hb-text-color: var(--hb-color-info);
}

