@ebay/skin/dist/typography/typography.css

Skin - CSS modules that represent the brand eBay

.giant-text-3 {
    font-size: var(--font-size-giant-3);
    line-height: 52px;
}

.giant-text-2,
.giant-text-3 {
    font-weight: var(--font-weight-bold);
}

.giant-text-2 {
    font-size: var(--font-size-giant-2);
    line-height: 46px;
}

.giant-text-1 {
    font-size: var(--font-size-giant-1);
    line-height: 40px;
}

.giant-text-1,
.large-text-2 {
    font-weight: var(--font-weight-bold);
}

.large-text-2 {
    font-size: var(--font-size-large-2);
    line-height: 32px;
}

.large-text-1 {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-bold);
    line-height: 28px;
}

.medium-text {
    font-size: var(--font-size-medium);
    line-height: 24px;
}

.regular-text {
    font-size: var(--font-size-default);
    line-height: 20px;
}

.small-text {
    font-size: var(--font-size-small);
    line-height: 16px;
}

.bold-text {
    font-weight: var(--font-weight-bold);
}

.secondary-text {
    color: var(
        --typography-secondary-text-color,
        var(--color-foreground-secondary)
    );
}

.emphasis-text,
.negative-text {
    color: var(--color-foreground-attention);
}

.positive-text {
    color: var(--color-foreground-confirmation);
}

.disabled-text {
    color: var(--color-foreground-disabled);
}

.giant-product-title,
.giant-section-title {
    font-size: var(--font-size-large-2);
    line-height: 30px;
}

.large-product-title,
.large-section-title {
    font-size: var(--font-size-large-1);
    line-height: 24px;
}

.medium-product-title,
.medium-section-title {
    font-size: var(--font-size-medium);
    line-height: 20px;
}

.small-product-title,
.small-section-title {
    font-size: var(--font-size-default);
    line-height: 16px;
}

.giant-section-title,
.large-section-title,
.medium-section-title,
.small-section-title {
    font-weight: var(--font-weight-bold);
}

@media (min-width: 512px) {
    .giant-product-title,
    .giant-section-title {
        font-size: var(--font-size-giant-1);
        line-height: 36px;
    }
    .large-product-title,
    .large-section-title {
        font-size: var(--font-size-large-2);
        line-height: 30px;
    }
    .medium-product-title,
    .medium-section-title {
        font-size: var(--font-size-large-1);
        line-height: 24px;
    }
    .small-product-title,
    .small-section-title {
        font-size: var(--font-size-medium);
        line-height: 20px;
    }
}