:host {
    display: flex;
    flex-direction: column;
    padding: 8px 0 8px 16px;

    .comment {
        margin-bottom: 10px;

        .comment-details-wrapper {
            margin-bottom: 4px;
            position: relative;

            .comment-actions {
                display: none;
                position: absolute;
                right: 0;
                top: -4px;

                mat-icon {
                    width: 10px;
                    height: 10px;

                    &:not(:last-child) {
                        margin-right: 8px;
                    }
                }
            }
        }

        &:hover .comment-details-wrapper .comment-actions {
            display: initial;
        }
    }

    iqser-input-with-action {
        margin: 5px 0 10px 0;
    }

    .hide-comments {
        margin-top: 5px;
    }

    .comment,
    .hide-comments {
        padding-left: 12px;
    }
}
