.comment{border:1px solid #C2C2D9;padding:40px;margin-bottom:30px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1)}.comment-header{display:flex;align-items:center;margin-bottom:1px}@media screen and (max-width: 767px){.comment-header{flex-direction:column;justify-content:center}}.comment-header .avatar-content{width:10px;height:10px;border-radius:50%;margin-right:10px}.comment-header .comment-meta{flex-grow:1}.comment-body{margin-left:30px}@media screen and (max-width: 767px){.comment-body{margin-top:20px}}.comment-time{color:#435ebe;margin-bottom:10px}.comment-actions{display:flex;justify-content:flex-start;margin-top:10px}html[data-bs-theme=dark] .comment{border:1px solid #404053}html[data-bs-theme=dark] .comment-time{color:#6a9cd2}
