@import '_vars';
@import '_mixins';

.item-remove {
    @include absolute(-5px, -15px, auto, auto);
    display: none;
}

.user-ref {
    font-weight: bold;
}

.user-picture {
    margin-top: .25rem;
}

.user-row {
    & {
        position: relative;
    }
}

.col-right {
    overflow-wrap: break-word;
    overflow-x: hidden;
}

.comment {
    & {
        font-size: .9rem;
        font-weight: normal;
        line-height: 1.25rem;
        margin: 0;
        margin-bottom: .75rem;
        position: relative;
    }

    &-message {
        margin-bottom: .375rem;
    }

    &-created {
        font-size: .75rem;
    }

    &:hover {
        .item-remove {
            display: block;
        }
    }
}

:host ::ng-deep {
    p {
        &:last-child {
            margin-bottom: 0;
        }
    }
}