/* TODO: This css will be scope */
.discussion-masonry {
    width: 100%;
}

/* IMPORTANT: grid system base */
.discussion-masonry .grid-sizer,
.discussion-masonry .grid-item {
    width: 33.333%;
    box-sizing: border-box;
    padding: 10px;
}

/* Card style */
.discussion-masonry .card {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Tablet */
@media (max-width: 1024px) {

    .discussion-masonry .grid-sizer,
    .discussion-masonry .grid-item {
        width: 50%;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .discussion-masonry .grid-sizer,
    .discussion-masonry .grid-item {
        width: 100%;
    }
}

.discussion-masonry__profile {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
}

.discussion-masonry__profile img {
    overflow: hidden;
    max-width: 32px;
    max-height: 32px;
    border-radius: 10000px;
}