.ps45pxWhite400{
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
}
.psGreyDark35px700, .psGreyDark18px700{
    color: var(--grey-dark);
    font-size: 35px;
    font-weight: 700;
}
.ps28pxWhite600, .ps28pxPrimary700{
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
}
.ps28pxPrimary700 {
    color: var(--primary-color);
    font-weight: 700;
}
.ps24pxTextBlack700, .ps24pxTextPrimary700, .ps24pxTextPrimary400, .psGreyDark24px700{
    color: var(--text-color-black);
    font-size: 24px;
    font-weight: 700;
}
.psGreyDark24px700{
    color: var(--grey-dark);
}
.ps24pxTextPrimary700, .ps24pxTextPrimary400{
    color: var(--primary-color);
}
.ps24pxTextPrimary400{
    font-weight: 400;
}
.ps18pxTextPrimary700{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}
.psGreyDark18px700{
    font-size: 18px;
}
.ps18pxTextBlack300{
    color: var(--text-color-black);
    font-size: 18px;
    font-weight: 300;
}
.ps18pxWhite400, .ps18pxWhite600{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}
.ps18pxWhite600{
    font-weight: 600;
}
.ps16pxGrey400, .ps16pxPrimary400{
    color: var(--grey-medium);
    font-size: 16px;
    font-weight: 400;
}
.ps16pxPrimary400{
    color: var(--primary-color);
}
.ps14pxGrey400, .ps14pxGrey500, .ps14pxWhite400, .ps14pxPrimary400, .ps14pxBlack400, .dataTables_length{
    color: var(--grey-medium);
    font-size: 14px;
    font-weight: 400;
}
.ps14pxGrey500{
    font-weight: 500;
}
.ps14pxBlack400{
    color: var(--text-color-black);
}
.ps14pxPrimary400{
    color: var(--primary-color);
}
.ps14pxWhite400{
    color: #ffffff;
}
.psGreyDark12px500, .psGreyDark12px700, .psWhite12px500, .psBlack12px500, .psBlack12px400{
    color: var(--grey-dark) !important;
    font-size: 12px;
    font-weight: 500;
}
.psBlack12px500, .psBlack12px400{
    color: var(--text-color-black) !important;
}
.psBlack12px400{
    font-weight: 400;
}
.psGreyDark12px700{
    font-weight: 700;
}
.psWhite12px500{
    color: #ffffff !important;
}
.psGreyDark10px400{
    color: var(--grey-dark);
    font-size: 10px;
    font-weight: 400;
}

/* ============================= */
/* Special case for 1100px */
/* ============================= */
@media (max-width: 1100px) {
    .ps45pxWhite400 {
        font-size: 42px; /* 45px - 3px */
    }
}

/* ============================= */
/* For 800px screens */
/* ============================= */
@media (max-width: 800px) {
    /* > 40px */
    .ps45pxWhite400 { font-size: 41px; } /* 45 - 4 */

    /* > 12px */
    .psGreyDark35px700 { font-size: 33px; } /* 35 - 2 */
    .ps28pxWhite600 { font-size: 26px; }    /* 28 - 2 */
    .ps28pxPrimary700 { font-size: 26px; }  /* 28 - 2 (missing filled) */
    .ps24pxTextBlack700 { font-size: 22px; }/* 24 - 2 */
    .ps24pxTextPrimary700 { font-size: 22px; } /* 24 - 2 (missing filled) */
    .psGreyDark18px700 { font-size: 16px; } /* 18 - 2 */
    .ps18pxTextBlack300 { font-size: 16px; }
    .ps18pxWhite400 { font-size: 16px; }
    .ps18pxWhite600 { font-size: 16px; }
    .ps18pxTextPrimary700 { font-size: 16px; } /* 18 - 2 (missing filled) */
    .ps16pxPrimary400 { font-size: 14px; }     /* 16 - 2 (missing filled) */
    .ps14pxGrey400 { font-size: 12px; }
    .ps14pxWhite400 { font-size: 12px; }
    .ps14pxPrimary400 { font-size: 12px; }

    /* ≤ 12px */
    .psGreyDark12px500 { font-size: 11px; } /* 12 - 1 */
    .psGreyDark12px700 { font-size: 11px; }
    .psWhite12px500 { font-size: 11px; }
    .psGreyDark10px400 { font-size: 9px; }  /* 10 - 1 */
}

/* ============================= */
/* For 600px screens */
/* ============================= */
@media (max-width: 600px) {
    /* > 40px */
    .ps45pxWhite400 { font-size: 37px; } /* 45 - 8 (4px at 800 + 4px at 600) */

    /* > 12px */
    .psGreyDark35px700 { font-size: 31px; } /* 35 - 4 */
    .ps28pxWhite600 { font-size: 24px; }    /* 28 - 4 */
    .ps28pxPrimary700 { font-size: 24px; }  /* 28 - 4 (missing filled) */
    .ps24pxTextBlack700 { font-size: 20px; }/* 24 - 4 */
    .ps24pxTextPrimary700 { font-size: 20px; } /* 24 - 4 (missing filled) */
    .psGreyDark18px700 { font-size: 14px; } /* 18 - 4 */
    .ps18pxTextBlack300 { font-size: 14px; }
    .ps18pxWhite400 { font-size: 14px; }
    .ps18pxWhite600 { font-size: 14px; }
    .ps18pxTextPrimary700 { font-size: 14px; } /* 18 - 4 (missing filled) */
    .ps16pxPrimary400 { font-size: 12px; }     /* 16 - 4 (missing filled) */
    .ps14pxGrey400 { font-size: 10px; }
    .ps14pxWhite400 { font-size: 10px; }
    .ps14pxPrimary400 { font-size: 10px; }

    /* ≤ 12px */
    .psGreyDark12px500 { font-size: 10px; } /* 12 - 2 */
    .psGreyDark12px700 { font-size: 10px; }
    .psWhite12px500 { font-size: 10px; }
    .psGreyDark10px400 { font-size: 8px; }  /* 10 - 2 */
}