.ellipsis-text-component {
  &__text {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    max-width: 100% !important;
    vertical-align: bottom !important;
  }

  &__text--ellipsis-lines-single-line {
    white-space: nowrap !important;
    display: inline-block !important;

    &::after {
      content: '';
      display: block;
    }
  }

  &__text--ellipsis-lines-multiline {
    white-space: normal !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: var(--wds-internal-ellipsis-max-lines);
    -moz-line-clamp: var(--wds-internal-ellipsis-max-lines);
  }

  &__suffix {
    white-space: nowrap;
  }

  &__multiline-suffix-wrapper {
    display: flex;
  }

  &__multiline-suffix {
    float: right;
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
}