:root {
  --aunt-typography-color: var(--aunt-text-color);
  --aunt-typography-link-color: var(--aunt-primary-color);
  --aunt-typography-font-size: var(--aunt-font-size-md);
  --aunt-typography-line-height: var(--aunt-line-height-md);
  --aunt-typography-primary-color: var(--aunt-primary-color);
  --aunt-typography-danger-color: var(--aunt-danger-color);
  --aunt-typography-success-color: var(--aunt-success-color);
  --aunt-typography-secondary-color: var(--aunt-gray-6);
  --aunt-typography-warning-color: var(--aunt-warning-color);
  --aunt-typography-disabled-color: var(--aunt-gray-5);
  --aunt-typography-light-color: var(--aunt-white-color);
}
.aunt-typography {
  color: var(--aunt-typography-color);
  word-wrap: break-word;
}
.aunt-typography--xs {
  font-size: calc(0.8 * var(--aunt-typography-font-size));
  line-height: calc(0.8px * var(--aunt-typography-line-height));
}
.aunt-typography--sm {
  font-size: calc(0.9 * var(--aunt-typography-font-size));
  line-height: calc(0.9 * var(--aunt-typography-line-height));
}
.aunt-typography--md,
.aunt-typography--5 {
  font-size: var(--aunt-typography-font-size);
  line-height: var(--aunt-typography-line-height);
}
.aunt-typography--lg,
.aunt-typography--l4 {
  font-size: calc(1.2 * var(--aunt-typography-font-size));
  line-height: calc(1.2 * var(--aunt-typography-line-height));
}
.aunt-typography--xl,
.aunt-typography--l3 {
  font-size: calc(1.4 * var(--aunt-typography-font-size));
  line-height: calc(1.4 * var(--aunt-typography-line-height));
}
.aunt-typography--xxl,
.aunt-typography--l2 {
  font-size: calc(1.6 * var(--aunt-typography-font-size));
  line-height: calc(1.6 * var(--aunt-typography-line-height));
}
.aunt-typography--primary {
  color: var(--aunt-typography-primary-color);
}
.aunt-typography--danger {
  color: var(--aunt-typography-danger-color);
}
.aunt-typography--success {
  color: var(--aunt-typography-success-color);
}
.aunt-typography--secondary {
  color: var(--aunt-typography-secondary-color);
}
.aunt-typography--light {
  color: var(--aunt-typography-light-color);
}
.aunt-typography--warning {
  color: var(--aunt-typography-warning-color);
}
.aunt-typography--disabled {
  color: var(--aunt-typography-disabled-color);
  cursor: not-allowed;
}
.aunt-typography--underline {
  text-decoration: underline;
}
.aunt-typography--delete {
  text-decoration: line-through;
}
.aunt-typography--text {
  display: inline-block;
}
.aunt-typography--text.aunt-ellipsis {
  display: block;
}
.aunt-typography--title {
  font-weight: bold;
}
.aunt-typography--l1 {
  margin-bottom: calc(25 * var(--aunt-hd));
  font-size: calc(2 * var(--aunt-typography-font-size));
  line-height: calc(2 * var(--aunt-typography-line-height));
}
.aunt-typography--l2 {
  margin-bottom: calc(20 * var(--aunt-hd));
}
.aunt-typography--l3 {
  margin-bottom: calc(15 * var(--aunt-hd));
}
.aunt-typography--l4 {
  margin-bottom: calc(10 * var(--aunt-hd));
}
.aunt-typography--l5 {
  margin-bottom: calc(6 * var(--aunt-hd));
}
.aunt-typography--link {
  color: var(--aunt-typography-link-color);
  cursor: pointer;
}
.aunt-typography--center {
  text-align: center;
}
.aunt-typography--strong {
  font-weight: bold;
}