.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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+widescreen
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .mobile\:text-overflow-clip
    text-overflow: clip !important

  .mobile\:text-overflow-ellipsis
    text-overflow: ellipsis !important

+tablet
  .tablet\:text-overflow-clip
    text-overflow: clip !important

  .tablet\:text-overflow-ellipsis
    text-overflow: ellipsis !important

+desktop
  .desktop\:text-overflow-clip
    text-overflow: clip !important

  .desktop\:text-overflow-ellipsis
    text-overflow: ellipsis !important

+widescreen
  .widescreen\:text-overflow-clip
    text-overflow: clip !important

  .widescreen\:text-overflow-ellipsis
    text-overflow: ellipsis !important