/*  UTILITIES: TYPOGRAPHY
//////////////////////////////////////////////////////////////////////////////*/

/*  TYPOGRAPHIC SCALE ////////////////////////////////////////////////////////*/

.text-xs,
.has-x-small-font-size,
.has-xs-font-size {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
}

.text-s,
.has-small-font-size,
.has-s-font-size {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
}
.text-m,
.has-medium-font-size,
.has-m-font-size {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
}
.text-l,
.has-large-font-size,
.has-l-font-size {
    font-size: var(--font-size-l);
    line-height: var(--line-height-l);
}
.text-xl,
.has-x-large-font-size,
.has-xl-font-size {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-xl);
}
.text-xxl,
.has-xxl-font-size {
    font-size: var(--font-size-xxl);
    line-height: var(--line-height-xxl);
}

/*  TEXT ALIGNMENT ///////////////////////////////////////////////////////////*/

.text-align-left,
.has-text-align-left {
    text-align: left;
}

.text-align-center,
.has-text-align-center {
    text-align: center;
}

.text-align-right,
.has-text-align-right {
    text-align: right;
}

/*  TEXT WRAPPING ////////////////////////////////////////////////////////////*/

.is-nowrap {
    white-space: nowrap;
}