.TruncatedText {
    overflow: hidden;
    display: flex;

    &-inner {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    &.dynamic {
        position: relative;

        &::before {
            content: ' ';
            visibility: hidden;
        }

        .TruncatedText-inner {
            position: absolute;
            left: 0;
            right: 0;
        }
    }

    &.multi-line {
        .TruncatedText-inner {
            /* stylelint-disable value-no-vendor-prefix */
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            white-space: normal;
            /* stylelint-enable value-no-vendor-prefix */
        }
    }
}