.text-primary {
  color: var(--bal-color-text-primary) !important;
}

.text-primary-light {
  color: var(--bal-color-text-primary-light) !important;
}

.text-white {
  color: var(--bal-color-text-white) !important;
}

.text-grey-light {
  color: var(--bal-color-text-grey-light) !important;
}

.text-grey {
  color: var(--bal-color-text-grey) !important;
}

.text-grey-dark {
  color: var(--bal-color-text-grey-dark) !important;
}

.text-info {
  color: var(--bal-color-text-info) !important;
}

.text-warning {
  color: var(--bal-color-text-warning) !important;
}

.text-success {
  color: var(--bal-color-text-success) !important;
}

.text-danger {
  color: var(--bal-color-text-danger) !important;
}

.text-black {
  color: var(--bal-color-text-black) !important;
}

.text-primary-hovered {
  color: var(--bal-color-text-primary-hovered) !important;
}

.text-primary-pressed {
  color: var(--bal-color-text-primary-pressed) !important;
}

.text-danger-hovered {
  color: var(--bal-color-text-danger-hovered) !important;
}

.text-danger-pressed {
  color: var(--bal-color-text-danger-pressed) !important;
}

.text-inverted {
  color: var(--bal-color-text-inverted) !important;
}

.text-inverted-disabled {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.text-inverted-hovered {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.text-inverted-pressed {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.focus\:text-primary:focus {
  color: var(--bal-color-text-primary) !important;
}

.hover\:text-primary:hover {
  color: var(--bal-color-text-primary) !important;
}

.active\:text-primary:active {
  color: var(--bal-color-text-primary) !important;
}

.focus\:text-primary-light:focus {
  color: var(--bal-color-text-primary-light) !important;
}

.hover\:text-primary-light:hover {
  color: var(--bal-color-text-primary-light) !important;
}

.active\:text-primary-light:active {
  color: var(--bal-color-text-primary-light) !important;
}

.focus\:text-white:focus {
  color: var(--bal-color-text-white) !important;
}

.hover\:text-white:hover {
  color: var(--bal-color-text-white) !important;
}

.active\:text-white:active {
  color: var(--bal-color-text-white) !important;
}

.focus\:text-grey-light:focus {
  color: var(--bal-color-text-grey-light) !important;
}

.hover\:text-grey-light:hover {
  color: var(--bal-color-text-grey-light) !important;
}

.active\:text-grey-light:active {
  color: var(--bal-color-text-grey-light) !important;
}

.focus\:text-grey:focus {
  color: var(--bal-color-text-grey) !important;
}

.hover\:text-grey:hover {
  color: var(--bal-color-text-grey) !important;
}

.active\:text-grey:active {
  color: var(--bal-color-text-grey) !important;
}

.focus\:text-grey-dark:focus {
  color: var(--bal-color-text-grey-dark) !important;
}

.hover\:text-grey-dark:hover {
  color: var(--bal-color-text-grey-dark) !important;
}

.active\:text-grey-dark:active {
  color: var(--bal-color-text-grey-dark) !important;
}

.focus\:text-info:focus {
  color: var(--bal-color-text-info) !important;
}

.hover\:text-info:hover {
  color: var(--bal-color-text-info) !important;
}

.active\:text-info:active {
  color: var(--bal-color-text-info) !important;
}

.focus\:text-warning:focus {
  color: var(--bal-color-text-warning) !important;
}

.hover\:text-warning:hover {
  color: var(--bal-color-text-warning) !important;
}

.active\:text-warning:active {
  color: var(--bal-color-text-warning) !important;
}

.focus\:text-success:focus {
  color: var(--bal-color-text-success) !important;
}

.hover\:text-success:hover {
  color: var(--bal-color-text-success) !important;
}

.active\:text-success:active {
  color: var(--bal-color-text-success) !important;
}

.focus\:text-danger:focus {
  color: var(--bal-color-text-danger) !important;
}

.hover\:text-danger:hover {
  color: var(--bal-color-text-danger) !important;
}

.active\:text-danger:active {
  color: var(--bal-color-text-danger) !important;
}

.focus\:text-black:focus {
  color: var(--bal-color-text-black) !important;
}

.hover\:text-black:hover {
  color: var(--bal-color-text-black) !important;
}

.active\:text-black:active {
  color: var(--bal-color-text-black) !important;
}

.focus\:text-primary-hovered:focus {
  color: var(--bal-color-text-primary-hovered) !important;
}

.hover\:text-primary-hovered:hover {
  color: var(--bal-color-text-primary-hovered) !important;
}

.active\:text-primary-hovered:active {
  color: var(--bal-color-text-primary-hovered) !important;
}

.focus\:text-primary-pressed:focus {
  color: var(--bal-color-text-primary-pressed) !important;
}

.hover\:text-primary-pressed:hover {
  color: var(--bal-color-text-primary-pressed) !important;
}

.active\:text-primary-pressed:active {
  color: var(--bal-color-text-primary-pressed) !important;
}

.focus\:text-danger-hovered:focus {
  color: var(--bal-color-text-danger-hovered) !important;
}

.hover\:text-danger-hovered:hover {
  color: var(--bal-color-text-danger-hovered) !important;
}

.active\:text-danger-hovered:active {
  color: var(--bal-color-text-danger-hovered) !important;
}

.focus\:text-danger-pressed:focus {
  color: var(--bal-color-text-danger-pressed) !important;
}

.hover\:text-danger-pressed:hover {
  color: var(--bal-color-text-danger-pressed) !important;
}

.active\:text-danger-pressed:active {
  color: var(--bal-color-text-danger-pressed) !important;
}

.focus\:text-inverted:focus {
  color: var(--bal-color-text-inverted) !important;
}

.hover\:text-inverted:hover {
  color: var(--bal-color-text-inverted) !important;
}

.active\:text-inverted:active {
  color: var(--bal-color-text-inverted) !important;
}

.focus\:text-inverted-disabled:focus {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.hover\:text-inverted-disabled:hover {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.active\:text-inverted-disabled:active {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.focus\:text-inverted-hovered:focus {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.hover\:text-inverted-hovered:hover {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.active\:text-inverted-hovered:active {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.focus\:text-inverted-pressed:focus {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.hover\:text-inverted-pressed:hover {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.active\:text-inverted-pressed:active {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.font-family-title {
  font-family: var(--bal-font-family-title) !important;
}

.font-family-text {
  font-family: var(--bal-font-family-text) !important;
}

.text-x-small {
  font-size: var(--bal-text-size-x-small) !important;
}

.text-small {
  font-size: var(--bal-text-size-small) !important;
}

.text-normal {
  font-size: var(--bal-text-size-normal) !important;
}

.text-medium {
  font-size: var(--bal-text-size-medium) !important;
}

.text-large {
  font-size: var(--bal-text-size-large) !important;
}

.text-x-large {
  font-size: var(--bal-text-size-x-large) !important;
}

.text-xx-large {
  font-size: var(--bal-text-size-xx-large) !important;
}

.text-xxx-large {
  font-size: var(--bal-text-size-xxx-large) !important;
}

.text-xxxx-large {
  font-size: var(--bal-text-size-xxxx-large) !important;
}

.text-xxxxx-large {
  font-size: var(--bal-text-size-xxxxx-large) !important;
}

@media screen and (min-width: 769px), print {
  .text-x-small {
    font-size: var(--bal-text-size-x-small-tablet) !important;
  }
  .text-small {
    font-size: var(--bal-text-size-small-tablet) !important;
  }
  .text-normal {
    font-size: var(--bal-text-size-normal-tablet) !important;
  }
  .text-medium {
    font-size: var(--bal-text-size-medium-tablet) !important;
  }
  .text-large {
    font-size: var(--bal-text-size-large-tablet) !important;
  }
  .text-x-large {
    font-size: var(--bal-text-size-x-large-tablet) !important;
  }
  .text-xx-large {
    font-size: var(--bal-text-size-xx-large-tablet) !important;
  }
  .text-xxx-large {
    font-size: var(--bal-text-size-xxx-large-tablet) !important;
  }
  .text-xxxx-large {
    font-size: var(--bal-text-size-xxxx-large-tablet) !important;
  }
  .text-xxxxx-large {
    font-size: var(--bal-text-size-xxxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-x-small {
    font-size: var(--bal-text-size-x-small-desktop) !important;
  }
  .text-small {
    font-size: var(--bal-text-size-small-desktop) !important;
  }
  .text-normal {
    font-size: var(--bal-text-size-normal-desktop) !important;
  }
  .text-medium {
    font-size: var(--bal-text-size-medium-desktop) !important;
  }
  .text-large {
    font-size: var(--bal-text-size-large-desktop) !important;
  }
  .text-x-large {
    font-size: var(--bal-text-size-x-large-desktop) !important;
  }
  .text-xx-large {
    font-size: var(--bal-text-size-xx-large-desktop) !important;
  }
  .text-xxx-large {
    font-size: var(--bal-text-size-xxx-large-desktop) !important;
  }
  .text-xxxx-large {
    font-size: var(--bal-text-size-xxxx-large-desktop) !important;
  }
  .text-xxxxx-large {
    font-size: var(--bal-text-size-xxxxx-large-desktop) !important;
  }
}
.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-justify {
  text-align: justify !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-align-center {
    text-align: center !important;
  }
  .mobile\:text-align-left {
    text-align: left !important;
  }
  .mobile\:text-align-right {
    text-align: right !important;
  }
  .mobile\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-align-center {
    text-align: center !important;
  }
  .tablet\:text-align-left {
    text-align: left !important;
  }
  .tablet\:text-align-right {
    text-align: right !important;
  }
  .tablet\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-align-center {
    text-align: center !important;
  }
  .desktop\:text-align-left {
    text-align: left !important;
  }
  .desktop\:text-align-right {
    text-align: right !important;
  }
  .desktop\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-align-center {
    text-align: center !important;
  }
  .widescreen\:text-align-left {
    text-align: left !important;
  }
  .widescreen\:text-align-right {
    text-align: right !important;
  }
  .widescreen\:text-align-justify {
    text-align: justify !important;
  }
}
.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.font-weight-bold {
  font-weight: var(--bal-font-weight-bold) !important;
}

.font-weight-regular {
  font-weight: var(--bal-font-weight-regular) !important;
}

.font-weight-light {
  font-weight: var(--bal-font-weight-light) !important;
}

.white-space-normal {
  white-space: normal !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.line-height-title {
  line-height: var(--bal-text-line-height-title) !important;
}

.line-height-text {
  line-height: var(--bal-text-line-height-text) !important;
}

.text-overflow-clip {
  text-overflow: clip !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .mobile\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .tablet\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .widescreen\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.text-xxxxx-large {
  line-height: var(--bal-line-height-xxxxx-large);
}
.text-xxxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-normal);
}

.text-xxxx-large {
  line-height: var(--bal-line-height-xxxx-large);
}
.text-xxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-xxx-large {
  line-height: var(--bal-line-height-xxx-large);
}
.text-xxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-xx-large {
  line-height: var(--bal-line-height-xx-large);
}
.text-xx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-x-large {
  line-height: var(--bal-line-height-x-large);
}
.text-x-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-large {
  line-height: var(--bal-line-height-large);
}
.text-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-medium {
  line-height: var(--bal-line-height-medium);
}
.text-medium:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-normal {
  line-height: var(--bal-line-height-normal);
}
.text-normal:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

.text-small {
  line-height: var(--bal-line-height-small);
}
.text-small:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

.text-x-small {
  line-height: var(--bal-line-height-x-small);
}
.text-x-small:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

@media screen and (min-width: 769px), print {
  .text-xxxxx-large {
    line-height: var(--bal-line-height-tablet-xxxxx-large);
  }
  .text-xxxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-normal);
  }
  .text-xxxx-large {
    line-height: var(--bal-line-height-tablet-xxxx-large);
  }
  .text-xxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xxx-large {
    line-height: var(--bal-line-height-tablet-xxx-large);
  }
  .text-xxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xx-large {
    line-height: var(--bal-line-height-tablet-xx-large);
  }
  .text-xx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-x-large {
    line-height: var(--bal-line-height-tablet-x-large);
  }
  .text-x-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-large {
    line-height: var(--bal-line-height-tablet-large);
  }
  .text-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-medium {
    line-height: var(--bal-line-height-tablet-medium);
  }
  .text-medium:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-normal {
    line-height: var(--bal-line-height-tablet-normal);
  }
  .text-normal:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-small {
    line-height: var(--bal-line-height-tablet-small);
  }
  .text-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-x-small {
    line-height: var(--bal-line-height-tablet-x-small);
  }
  .text-x-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
}
@media screen and (min-width: 1024px) {
  .text-xxxxx-large {
    line-height: var(--bal-line-height-desktop-xxxxx-large);
  }
  .text-xxxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-normal);
  }
  .text-xxxx-large {
    line-height: var(--bal-line-height-desktop-xxxx-large);
  }
  .text-xxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xxx-large {
    line-height: var(--bal-line-height-desktop-xxx-large);
  }
  .text-xxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xx-large {
    line-height: var(--bal-line-height-desktop-xx-large);
  }
  .text-xx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-x-large {
    line-height: var(--bal-line-height-desktop-x-large);
  }
  .text-x-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-large {
    line-height: var(--bal-line-height-desktop-large);
  }
  .text-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-medium {
    line-height: var(--bal-line-height-desktop-medium);
  }
  .text-medium:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-normal {
    line-height: var(--bal-line-height-desktop-normal);
  }
  .text-normal:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-small {
    line-height: var(--bal-line-height-desktop-small);
  }
  .text-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-x-small {
    line-height: var(--bal-line-height-desktop-x-small);
  }
  .text-x-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
}
/*# sourceMappingURL=utilities/typography.css.map */