.post-feed-image-frame {
    overflow: hidden;
    isolation: isolate;
    background: #111;
}

.post-feed-image-frame::before {
    content: '';
    position: absolute;
    inset: -20px;
    background-image: var(--post-feed-image);
    background-size: cover;
    background-position: center;
    filter: blur(22px) brightness(.58);
    transform: scale(1.08);
}

.post-feed-image-frame > .post-image-preview {
    position: relative;
    z-index: 1;
}

.dashboard-comment-form textarea[name="comment_content"] {
    min-height: 56px !important;
    height: 56px !important;
    padding: 8px 12px;
    line-height: 1.35;
    overflow-y: auto;
}

.comment-reaction-item {
    transition: transform .15s ease;
    gap: 5px;
}

.comment-reaction-item:hover,
.comment-reaction-item.active-reaction {
    transform: scale(1.08);
}

.comment-reaction-bubble {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

.comment-reaction-bubble img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.comment-reaction-like { background: #2196f3; }
.comment-reaction-dislike { background: #858585; }
.comment-reaction-love { background: #ef6262; }

.comment-reaction-item.active-reaction .comment-reaction-bubble {
    box-shadow: 0 0 0 2px rgba(127, 0, 255, .25), 0 2px 8px rgba(0, 0, 0, .25);
}

.post-comments-heading,
.profile-post-comment .comment-reactions-container {
    margin-inline: 5px;
}

.profile-post-comment .card-header {
    padding: .5rem 1rem;
}

.profile-post-comment .card-body {
    padding: .8rem 1rem .6rem;
}

.profile-post-comment .comment-text {
    font-size: .9em;
}

.profile-post-comment .comment-text:has(+ .post-comment-actions) {
    padding-inline-end: 3.5rem;
}

.profile-post-comment .comment-text:empty:has(+ .post-comment-actions) {
    min-height: 1rem;
}

.profile-post-comment .post-comment-actions {
    position: absolute;
    top: 5px;
    right: 10px;
    gap: 1rem;
}

.profile-post-comment .comment-reactions-container {
    gap: 20px;
}