.review-medias { display: flex; align-items: flex-start; flex-wrap: wrap;
}
.review-medias img, .review-medias video { display: block; width: 60px; height: auto;
} .review-medias img, .review-medias figure { position: relative; cursor: zoom-in; margin: 0 8px 0 0;
} body.rtl .review-medias img, body.rtl .review-medias figure { margin: 0 0 0 8px;
} .review-medias figure::after,
.column-attachments figure::after { content: "\f04b"; font-family: var(--fa-style-family-classic,"Font Awesome 6 Free"); color: #fff; font-weight: 900; line-height: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
} .review-form-section .review-medias { margin-top: 3rem; margin-bottom: 1rem;
}
.review-form-section .file-input { position: relative; margin-right: 2rem; padding: 0; width: auto; background-repeat: no-repeat; background-size: cover;
}
body.rtl .review-form-section .file-input { margin-right: 0; margin-left: 2rem;
}
.review-form-section .file-input-wrapper { display: block; width: 76px; height: 76px; background-repeat: no-repeat; background-size: cover;
}
.review-form-section .btn-action { position: absolute; right: -10px; top: -10px; height: 22px; width: 22px; display: flex; justify-content: center; line-height :22px; font-size: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); cursor: pointer; transition: box-shadow .3s;
} .review-form-section .btn-action:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} .review-form-section .btn-action::before { font-family: var(--fa-style-family-classic,"Font Awesome 6 Free"); font-weight: 600;
} .review-form-section input[type="file"] { width: 0 !important; height: 0 !important; overflow: hidden; opacity: 0;
}
.review-form-section .btn-upload::before { content: "\f304";
}
.review-form-section .btn-remove::before { content: "\f00d"; font-size: 12px;
}
.review-form-section .btn-remove { top: auto; bottom: -10px;
}
#riode-comment-medias-metabox .video-input .file-input-wrapper { height: auto;
}
#riode-comment-medias-metabox .video-input figure { margin: 0; cursor: pointer;
}
.wp-list-table.comments th#attachments { width: 15%;
}
#the-comment-list .column-attachments img,
#the-comment-list .column-attachments figure { position: relative; display: inline-block; width: 30px; height: auto; margin: 5px 5px 0 0; vertical-align: top;
}
body.rtl #the-comment-list .column-attachments img,
body.rtl #the-comment-list .column-attachments figure { margin: 5px 0 0 5px;
}
#the-comment-list .column-attachments video { display: block;
}
#the-comment-list .column-attachments figure::after { font-size: 10px;
}
#the-comment-list .column-attachments .count-badge { display: inline-block; width: 2em; height: 2em; border-radius: 50%; background: #646970; color: #fff; text-align: center; margin-top: -5px; font-size: 10px;
}