.typography {
  display: block;
  margin-block: 0;
  font-weight: normal;
}

.size-xs {
  font: var(--font-xs);
}

.size-s {
  font: var(--font-s);
}

.size-m {
  font: var(--font-m);
}

.size-l {
  font: var(--font-l);
}

.size-xl {
  font: var(--font-xl);
}

.size-2xl {
  font: var(--font-2xl);
}

.align-start {
  text-align: start;
}

.align-center {
  text-align: center;
}

.align-end {
  text-align: end;
}

.no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mbs-2xs {
  margin-block-start: var(--space-2xs);
}

.mbs-xs {
  margin-block-start: var(--space-xs);
}

.mbs-s {
  margin-block-start: var(--space-s);
}

.mbs-m {
  margin-block-start: var(--space-m);
}

.mbs-l {
  margin-block-start: var(--space-l);
}

.mbs-xl {
  margin-block-start: var(--space-xl);
}

.mbe-2xs {
  margin-block-end: var(--space-2xs);
}

.mbe-xs {
  margin-block-end: var(--space-xs);
}

.mbe-s {
  margin-block-end: var(--space-s);
}

.mbe-m {
  margin-block-end: var(--space-m);
}

.mbe-l {
  margin-block-end: var(--space-l);
}

.mbe-xl {
  margin-block-end: var(--space-xl);
}

.bold {
  font-weight: bold;
}
