@mixin cui-text-regular() {
    font-weight: 400;
}

@mixin cui-text-medium() {
    font-weight: 500;
}

@mixin cui-text-semi-bold() {
    font-weight: 600;
}

@mixin cui-text-bold() {
    font-weight: 700;
}

@mixin cui-text-xxxs() {
    font-size: 10px;
    line-height: 12px;
}

@mixin cui-text-xxxs-regular() {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

@mixin cui-text-xxxs-medium() {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}

@mixin cui-text-xxxs-semi-bold() {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
}

@mixin cui-text-xxxs-bold() {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
}

@mixin cui-text-xxs() {
    font-size: 12px;
    line-height: 14px;
}

@mixin cui-text-xxs-regular() {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

@mixin cui-text-xxs-medium() {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

@mixin cui-text-xxs-semi-bold() {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
}

@mixin cui-text-xxs-bold() {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}

@mixin cui-text-xs() {
    font-size: 13px;
    line-height: 16px;
}

@mixin cui-text-xs-regular() {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
}

@mixin cui-text-xs-medium() {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

@mixin cui-text-xs-semi-bold() {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
}

@mixin cui-text-xs-bold() {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
}

@mixin cui-text-sm() {
    font-size: 14px;
    line-height: 20px;
}

@mixin cui-text-sm-regular() {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

@mixin cui-text-sm-medium() {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

@mixin cui-text-sm-semi-bold() {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

@mixin cui-text-sm-bold() {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

@mixin cui-text-md() {
    font-size: 16px;
    line-height: 24px;
}

@mixin cui-text-md-regular() {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

@mixin cui-text-md-medium() {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

@mixin cui-text-md-semi-bold() {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

@mixin cui-text-md-bold() {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

@mixin cui-text-lg() {
    font-size: 18px;
    line-height: 28px;
}

@mixin cui-text-lg-regular() {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

@mixin cui-text-lg-medium() {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

@mixin cui-text-lg-semi-bold() {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

@mixin cui-text-lg-bold() {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

@mixin cui-text-xl() {
    font-size: 20px;
    line-height: 30px;
}

@mixin cui-text-xl-regular() {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

@mixin cui-text-xl-medium() {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

@mixin cui-text-xl-semi-bold() {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

@mixin cui-text-xl-bold() {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

@mixin cui-text-overflow($wrap: nowrap) {
    white-space: $wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}