src/styles/comments.css

@@ -497,3 +497,79 @@ hover {
   padding: 5px 10px;
   height: 100%;
 }
+
+.IBMSMSMBSSCL_CommentRepost {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  grid-gap: 0px;
+  margin-bottom: -5px;
+}
+
+.IBMSMSMBSSCL_CommentRepostVisual {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 50px;
+  color: rgba(255,255,255,0.51);
+}
+
+.IBMSMSMBSSCL_CommentRepostText {
+  display: flex;
+  flex-direction: row;
+  grid-gap: 5px;
+  color: rgba(255,255,255,0.5);
+  width: 100%;
+  background: rgba(255,255,255,0.05);
+  padding: 5px 15px;
+  border-radius: 5px;
+}
+
+.IBMSMSMBSSCL_CommentRepostText > a {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 1;
+  max-width: 200px;
+}
+
+.IBMSMSMBSSCL_CommentWrapper {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 15px;
+  width: 100%;
+}
+
+.IBMSMSMBSSCL_CommentQP {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 15px;
+  border-radius: 10px;
+  border: solid 1px rgba(255,255,255,0.1);
+  background: rgba(0,0,0,0.15);
+}
+
+.IBMSMSMBSSCL_CBExpand {
+  transition: ease 0.3s;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 15px;
+  background: rgba(255,255,255,0);
+  border-radius: 5px;
+  text-align: center;
+  font-size: 12px;
+  color: rgba(255,255,255,0.25);
+  line-height: 1.5;
+  cursor: pointer;
+}
+
+.IBMSMSMBSSCL_CBExpand:hover {
+  transition: ease 0.3s;
+  background: rgba(255,255,255,0.05);
+  color: rgba(255,255,255,0.25);
+}