/* Typography utilities: repot-f-{px}-{weight}… optional -{linePercent} or -500 (gray text). */

.repot-f-12-4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 125%;
}

.repot-f-12-5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 125%;
}

.repot-f-12-5-150 {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.repot-f-12-6 {
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}

.repot-f-14-3 {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
}

.repot-f-14-4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.repot-f-14-5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.repot-f-14-6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.repot-f-16-5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.repot-f-16-5-100 {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}

.repot-f-16-6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.repot-f-16-7 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.repot-f-18-6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

.repot-f-18-7 {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}

.repot-f-20-7 {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
}

.repot-f-12-4-500 {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: var(--repot-gray-500);
}