+ color: var(--mainForegroundColor);
+ }
+ }
+
+ ::ng-deep .action-button {
+ background-color: transparent;
+ padding: 0;
+ font-weight: unset;
+ }
+ }
+
+ my-video-comment-add {
+ ::ng-deep form {
+ margin-top: 1rem;
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ .children {
+ // Reduce avatars size for replies
+ .comment-avatar {
+ @include avatar(25px);
+ }
+
+ .left {
+ margin-right: 6px;
+ }
+ }
+}
+
+@media screen and (max-width: 1200px) {
+ .children {
+ margin-left: -10px;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .root-comment {
+ .children {
+ margin-left: -20px;
+
+ .left {
+ align-items: flex-start;
+
+ .vertical-border {
+ margin-left: 2px;
+ }
+ }
+ }
+
+ .comment {
+ .comment-account-date {
+ flex-direction: column;
+
+ .comment-date {
+ margin-left: 0;