/**
  * @deprecated Use desktop with t-shirt size breakpoints instead
  */
.text-white {
  color: var(--bal-text-color-white) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-5xl, .text-xxxxx-large {
  font-size: var(--bal-text-size-5xl-device) !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) {
  .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) {
  .desktop-xl\:text-align-center {
    text-align: center !important;
  }
  .desktop-xl\:text-align-left {
    text-align: left !important;
  }
  .desktop-xl\:text-align-right {
    text-align: right !important;
  }
  .desktop-xl\:text-align-justify {
    text-align: justify !important;
  }
}
.lowercase {
  text-transform: lowercase !important;
}

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

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

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

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

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

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

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

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

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

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

.line-height-double {
  line-height: var(--bal-text-line-height-double) !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) {
  .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) {
  .desktop-xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop-xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.text-5xl:not(:last-child),
.text-xxxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-base-device);
}

.text-4xl:not(:last-child),
.text-xxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-3xl:not(:last-child),
.text-xxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-2xl:not(:last-child),
.text-xx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-xl:not(:last-child),
.text-x-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-lg:not(:last-child),
.text-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-md:not(:last-child),
.text-medium:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-base:not(:last-child),
.text-normal:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}

.text-sm:not(:last-child),
.text-small:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}

.text-xs:not(:last-child),
.text-x-small:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}
/*# sourceMappingURL=utilities/typography.css.map */