.giant-text-3 {
    font-size: var(--font-size-giant-3);
    line-height: 52px;
}
.giant-text-2,
.giant-text-3 {
    font-weight: var(--font-weight-600);
}
.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-600);
}
.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-600);
    line-height: 28px;
}
.medium-text {
    font-size: var(--font-size-medium);
    line-height: 24px;
}
.regular-text {
    font-size: var(--font-size-body);
    line-height: 20px;
}
.small-text {
    font-size: var(--font-size-small);
    line-height: 16px;
}
.bold-text {
    font-weight: var(--font-weight-600);
}
.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-success);
}
.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-body);
    line-height: 16px;
}
.giant-section-title,
.large-section-title,
.medium-section-title,
.small-section-title {
    font-weight: var(--font-weight-600);
}
@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;
    }
}