.os-user-comments{width:100%;height:100%}.os-user-comments .user-comment-lists{padding:10px;display:flex;gap:10px;flex-wrap:wrap}.os-user-comments .user-comment-lists .user-comment-item{width:calc(25% - 8px);padding:12px;display:flex;gap:16px;flex-direction:column;transition:.3s;border-radius:6px;border:1px solid #f4f4f4}.os-user-comments .user-comment-lists .user-comment-item:hover{border:1px solid color-mix(in srgb,var(--os-theme) 40%,transparent);background-color:color-mix(in srgb,var(--os-theme) 10%,transparent)}.os-user-comments .user-comment-lists .user-comment-item:hover .comment-content{background-color:color-mix(in srgb,var(--os-theme) 20%,transparent)}.os-user-comments .user-comment-lists .user-comment-item .comment-top{display:flex;gap:6px;align-items:center}.os-user-comments .user-comment-lists .user-comment-item .comment-top .comment-index{white-space:nowrap}.os-user-comments .user-comment-lists .user-comment-item .comment-top .comment-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-user-comments .user-comment-lists .user-comment-item .comment-content{padding:8px;transition:.3s;border-radius:6px;background-color:#f8f9fa}