os-icon-container {
    display: flex;
    align-items: center;

    & + & {
        margin-top: 5px;
    }

    &.medium-container {
        $size: 18px;
        line-height: $size;

        mat-icon {
            font-size: $size;
            height: $size;
            width: $size;
            margin-top: 0 !important;
        }
    }

    &.large-container {
        $size: 24px;
        line-height: $size;

        mat-icon {
            font-size: $size;
            width: $size;
            height: $size;
            margin-top: 0 !important;
        }

        .content-node {
            font-size: 16px;
            font-weight: 500;
        }
    }

    .content-node {
        margin: auto 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

    .break-lines {
        white-space: pre-line;
    }

    .single-line {
        white-space: nowrap;
    }
}
