.text,
.text--medium {
  font-family: var(--semantic-text-body-m-font-family), Arial, Helvetica, sans-serif;
  font-weight: var(--semantic-text-body-m-font-weight);
  line-height: var(--semantic-text-body-m-line-height);
  font-size: var(--semantic-text-body-m-font-size);
  letter-spacing: var(--semantic-text-body-m-letter-spacing);
}

.text--large {
  font-family: var(--semantic-text-body-l-font-family), Arial, Helvetica, sans-serif;
  font-weight: var(--semantic-text-body-l-font-weight);
  line-height: var(--semantic-text-body-l-line-height);
  font-size: var(--semantic-text-body-l-font-size);
  letter-spacing: var(--semantic-text-body-l-letter-spacing);
}

.text--small {
  font-family: var(--semantic-text-body-s-font-family), Arial, Helvetica, sans-serif;
  font-weight: var(--semantic-text-body-s-font-weight);
  line-height: var(--semantic-text-body-s-line-height);
  font-size: var(--semantic-text-body-s-font-size);
  letter-spacing: var(--semantic-text-body-s-letter-spacing);
}

.theme--inverted .text,
.text--inverted {
  color: var(--semantic-color-on-surface-primary-inverse-resting);
}

.text--secondary {
  color: var(--semantic-color-on-surface-secondary-resting);
}

.text.no-margin {
  margin: 0;
}