.text-on-dark {
  color: var(--group-light-text-on-dark) !important;
}

.text-on-dark-hover {
  color: var(--group-light-text-on-dark-hover) !important;
}

.text-on-dark-pressed {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.text-on-dark-disabled-1 {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.text-on-dark-disabled-2 {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.focus\:text-on-dark:focus {
  color: var(--group-light-text-on-dark) !important;
}

.hover\:text-on-dark:hover {
  color: var(--group-light-text-on-dark) !important;
}

.active\:text-on-dark:active {
  color: var(--group-light-text-on-dark) !important;
}

.focus\:text-on-dark-hover:focus {
  color: var(--group-light-text-on-dark-hover) !important;
}

.hover\:text-on-dark-hover:hover {
  color: var(--group-light-text-on-dark-hover) !important;
}

.active\:text-on-dark-hover:active {
  color: var(--group-light-text-on-dark-hover) !important;
}

.focus\:text-on-dark-pressed:focus {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.hover\:text-on-dark-pressed:hover {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.active\:text-on-dark-pressed:active {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.focus\:text-on-dark-disabled-1:focus {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.hover\:text-on-dark-disabled-1:hover {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.active\:text-on-dark-disabled-1:active {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.focus\:text-on-dark-disabled-2:focus {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.hover\:text-on-dark-disabled-2:hover {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.active\:text-on-dark-disabled-2:active {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.text-on-light {
  color: var(--group-light-text-on-light) !important;
}

.text-on-light-hover {
  color: var(--group-light-text-on-light-hover) !important;
}

.text-on-light-pressed {
  color: var(--group-light-text-on-light-pressed) !important;
}

.text-on-light-disabled-1 {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.text-on-light-disabled-2 {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

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

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

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

.focus\:text-on-light-hover:focus {
  color: var(--group-light-text-on-light-hover) !important;
}

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

.active\:text-on-light-hover:active {
  color: var(--group-light-text-on-light-hover) !important;
}

.focus\:text-on-light-pressed:focus {
  color: var(--group-light-text-on-light-pressed) !important;
}

.hover\:text-on-light-pressed:hover {
  color: var(--group-light-text-on-light-pressed) !important;
}

.active\:text-on-light-pressed:active {
  color: var(--group-light-text-on-light-pressed) !important;
}

.focus\:text-on-light-disabled-1:focus {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.hover\:text-on-light-disabled-1:hover {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.active\:text-on-light-disabled-1:active {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.focus\:text-on-light-disabled-2:focus {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.hover\:text-on-light-disabled-2:hover {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.active\:text-on-light-disabled-2:active {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.text-dark-rag-on-light {
  color: var(--group-dark-rag-text-on-light) !important;
}

.text-dark-rag-on-dark {
  color: var(--group-dark-rag-text-on-dark) !important;
}

.text-rag-on-light {
  color: var(--group-light-rag-text-on-light) !important;
}

.text-rag-on-dark {
  color: var(--group-light-rag-text-on-dark) !important;
}

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

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

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

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

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

.text-color-error {
  color: var(--group-color-text-error) !important;
}

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

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

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

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

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

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

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

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

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

.focus\:text-color-error:focus {
  color: var(--group-color-text-error) !important;
}

.hover\:text-color-error:hover {
  color: var(--group-color-text-error) !important;
}

.active\:text-color-error:active {
  color: var(--group-color-text-error) !important;
}

.text-s1 {
  font-size: var(--group-text-size-1) !important;
}

.text-s2 {
  font-size: var(--group-text-size-2) !important;
}

.text-s3 {
  font-size: var(--group-text-size-3) !important;
}

.text-s4 {
  font-size: var(--group-text-size-4) !important;
}

.text-s5 {
  font-size: var(--group-text-size-5) !important;
}

.text-s6 {
  font-size: var(--group-text-size-6) !important;
}

.text-s7 {
  font-size: var(--group-text-size-7) !important;
}

@media screen and (min-width: 769px), print {
  .text-s1 {
    font-size: var(--group-text-size-1-tablet) !important;
  }
  .text-s2 {
    font-size: var(--group-text-size-2-tablet) !important;
  }
  .text-s3 {
    font-size: var(--group-text-size-3-tablet) !important;
  }
  .text-s4 {
    font-size: var(--group-text-size-4-tablet) !important;
  }
  .text-s5 {
    font-size: var(--group-text-size-5-tablet) !important;
  }
  .text-s6 {
    font-size: var(--group-text-size-6-tablet) !important;
  }
  .text-s7 {
    font-size: var(--group-text-size-7-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-s1 {
    font-size: var(--group-text-size-1-desktop) !important;
  }
  .text-s2 {
    font-size: var(--group-text-size-2-desktop) !important;
  }
  .text-s3 {
    font-size: var(--group-text-size-3-desktop) !important;
  }
  .text-s4 {
    font-size: var(--group-text-size-4-desktop) !important;
  }
  .text-s5 {
    font-size: var(--group-text-size-5-desktop) !important;
  }
  .text-s6 {
    font-size: var(--group-text-size-6-desktop) !important;
  }
  .text-s7 {
    font-size: var(--group-text-size-7-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(--group-font-weight-bold) !important;
}

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

.font-weight-medium {
  font-weight: var(--group-font-weight-medium) !important;
}

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

.font-weight-thin {
  font-weight: var(--group-font-weight-thin) !important;
}

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

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

.lh-s1 {
  line-height: var(--group-line-height-size-1) !important;
}

.lh-s2 {
  line-height: var(--group-line-height-size-2) !important;
}

.lh-s3 {
  line-height: var(--group-line-height-size-3) !important;
}

.lh-s4 {
  line-height: var(--group-line-height-size-4) !important;
}

.lh-s5 {
  line-height: var(--group-line-height-size-5) !important;
}

.lh-s6 {
  line-height: var(--group-line-height-size-6) !important;
}

.lh-s7 {
  line-height: var(--group-line-height-size-7) !important;
}

@media screen and (min-width: 769px), print {
  .lh-s1 {
    line-height: var(--group-line-height-size-1-tablet) !important;
  }
  .lh-s2 {
    line-height: var(--group-line-height-size-2-tablet) !important;
  }
  .lh-s3 {
    line-height: var(--group-line-height-size-3-tablet) !important;
  }
  .lh-s4 {
    line-height: var(--group-line-height-size-4-tablet) !important;
  }
  .lh-s5 {
    line-height: var(--group-line-height-size-5-tablet) !important;
  }
  .lh-s6 {
    line-height: var(--group-line-height-size-6-tablet) !important;
  }
  .lh-s7 {
    line-height: var(--group-line-height-size-7-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .lh-s1 {
    line-height: var(--group-line-height-size-1-desktop) !important;
  }
  .lh-s2 {
    line-height: var(--group-line-height-size-2-desktop) !important;
  }
  .lh-s3 {
    line-height: var(--group-line-height-size-3-desktop) !important;
  }
  .lh-s4 {
    line-height: var(--group-line-height-size-4-desktop) !important;
  }
  .lh-s5 {
    line-height: var(--group-line-height-size-5-desktop) !important;
  }
  .lh-s6 {
    line-height: var(--group-line-height-size-6-desktop) !important;
  }
  .lh-s7 {
    line-height: var(--group-line-height-size-7-desktop) !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;
  }
}
/*# sourceMappingURL=utilities/typography.css.map */