/**
	Generates 3 types of placeholders, e.g:
	- %db-component-variables-md
	- %db-font-size-md
	- %db-overwrite-font-size-md
 */
.db-font-size-xl,
[data-font-size=xl] {
  /* Those variables are only for components to calculate heights and change icons */
  --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
  --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
  --db-base-line-height: var(--db-type-body-line-height-xl);
  --db-base-font-size: var(--db-type-body-font-size-xl);
  line-height: var(--db-type-body-line-height-xl);
  font-size: var(--db-type-body-font-size-xl);
}
