.default-color {
  color: var(--text-normal);
}

.line-clamp {
  display: flex;
  flex-direction: vertical;
  overflow: hidden;
}

.selectable {
  user-select: select;
}

.text-xxs-normal {
  font-weight: 400;
}

.text-xxs-medium,
.text-xxs-normal {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 12px;
}

.text-xxs-medium {
  font-weight: 500;
}

.text-xxs-semibold {
  font-weight: 600;
}

.text-xxs-bold,
.text-xxs-semibold {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 12px;
}

.text-xxs-bold {
  font-weight: 700;
}

.text-xs-normal {
  font-weight: 400;
}

.text-xs-medium,
.text-xs-normal {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 16px;
}

.text-xs-medium {
  font-weight: 500;
}

.text-xs-semibold {
  font-weight: 600;
}

.text-xs-bold,
.text-xs-semibold {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 16px;
}

.text-xs-bold {
  font-weight: 700;
}

.text-sm-normal {
  font-weight: 400;
}

.text-sm-medium,
.text-sm-normal {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 18px;
}

.text-sm-medium {
  font-weight: 500;
}

.text-sm-semibold {
  font-weight: 600;
}

.text-sm-bold,
.text-sm-semibold {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 18px;
}

.text-sm-bold {
  font-weight: 700;
}

.text-md-normal {
  font-weight: 400;
}

.text-md-medium,
.text-md-normal {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 20px;
}

.text-md-medium {
  font-weight: 500;
}

.text-md-semibold {
  font-weight: 600;
}

.text-md-bold,
.text-md-semibold {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 20px;
}

.text-md-bold {
  font-weight: 700;
}

.text-lg-normal {
  font-weight: 400;
}

.text-lg-medium,
.text-lg-normal {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 24px;
}

.text-lg-medium {
  font-weight: 500;
}

.text-lg-semibold {
  font-weight: 600;
}

.text-lg-bold,
.text-lg-semibold {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 24px;
}

.text-lg-bold {
  font-weight: 700;
}

.display {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: 42px;
  font-weight: 800;
}
