.post-comment-box{background-color:#1a1a1a;padding:20px;grid-gap:16px;gap:16px;display:grid;grid-template-areas:"avatar username username" "comment-content comment-content comment-content" "divider divider divider" "tos tos action";grid-template-columns:32px 1fr auto;margin-bottom:40px;align-items:center}.comment .post-comment-box{grid-template-columns:1fr auto;grid-template-areas:"comment-content comment-content" "divider divider" "tos action";padding:0;margin-bottom:-16px}.post-comment-box .user-avatar{justify-content:center;align-items:center;display:flex}.post-comment-box .user-avatar .tier-frame{position:absolute;width:40px;height:40px}.post-comment-box .user-avatar img{grid-area:avatar;width:32px;height:32px;object-fit:contain;border-radius:50%}.post-comment-box .username{grid-area:username;display:flex;align-items:center}.post-comment-box .username .tier-badge-icon{height:19px;width:18px;margin-left:8px}.post-comment-box .comment-content{grid-area:comment-content}.post-comment-box .comment-content textarea{height:72px}.post-comment-box p{grid-area:tos;font-size:14px}.post-comment-box button{grid-area:action;min-width:80px}.post-comment-box .actions{grid-area:action;display:flex;gap:12px}.post-comment-box:after{content:"";grid-area:divider;height:1px;background-color:#333;margin:4px 0}.comment-quote{padding:12px;background:#333;margin-bottom:12px;color:#b2b2b2;position:relative;word-break:normal;overflow-wrap:anywhere}.comment-quote .quote-source{font-weight:700;display:block}.comment-quote .quote-source a{color:#e5e5e5}.comment-quote .btn-close-quote{position:absolute;right:0;top:0;margin:8px;color:#999;cursor:pointer;min-width:0;width:20px;height:20px}.comment-quote .btn-close-quote svg{width:20px;height:20px}.comment-quote .btn-close-quote:hover{color:#e5e5e5}.comments .post-external{width:-moz-fit-content;width:fit-content;display:flex;padding:8px 14px;margin-bottom:40px}.comments .post-external svg{width:20px;height:20px;margin-left:8px;position:relative;top:-2px}.comments ul.comments-list{display:grid;grid-row-gap:16px;row-gap:16px}.comments ul.comments-list:empty{display:none}.comments ul.comments-list ul.comments-list{padding-top:16px;padding-left:14px;border-left:1px solid #333;position:relative;margin-left:1px}.comments ul.comments-list ul.comments-list:after{content:"";display:block;border-bottom:1px solid #0d0d0d;position:absolute;left:-1px;bottom:0;height:2px;width:16px;background-color:#333}.comments .comment{display:grid;padding:20px;background-color:#1a1a1a;grid-template-areas:"user date num" "text text text" "actions actions actions";grid-template-columns:1fr auto auto;align-items:center;grid-row-gap:16px;row-gap:16px;font-size:14px;color:#b2b2b2;position:relative;word-break:normal;overflow-wrap:anywhere}.comments .comment.deleted{opacity:.8}.comments .comment.deleted .user{cursor:unset}.comments .comment>.actions{grid-area:actions;justify-content:flex-end;justify-self:end;display:flex;gap:12px;width:100%;border-top:1px solid #333;padding-top:16px}.comments .comment>.actions button{font-size:16px;height:36px;line-height:16px}.comments .comment .num{grid-area:num;color:#999;border-left:1px solid #4d4d4d;margin-left:6px;padding-left:6px;font-size:12px;line-height:12px}.comments .comment .num:before{content:"#"}.comments .comment .user{grid-area:user;color:#e5e5e5}.comments .comment .user a{font-size:14px;font-weight:700;text-decoration:none}.comments .comment .user .comment-username{align-items:center;display:flex}.comments .comment .user .comment-username .tier-badge-icon{height:19px;width:18px;margin-left:8px}.comments .comment .date{grid-area:date;color:#999;font-size:12px}.comments .comment .name{grid-area:name}.comments .comment .text{grid-area:text;white-space:pre-wrap}.comments .comment blockquote{padding:12px;background-color:#333;margin-bottom:16px}.comments .comment blockquote strong.title{display:block}.comments .comment blockquote strong.title a{color:#e5e5e5}@media(max-width:900px){.comments .comment{grid-template-areas:"user user user" "text text text" ". date num" "actions actions actions"}.comments .comment .comment .comment{contain:layout}.comments .comment .actions{flex-wrap:wrap}.comments .comment .actions button{font-size:12px}}.comments>.pagination{margin-top:16px}.comments .user{position:relative;font-weight:700;font-size:14px;line-height:20px;color:#e5e5e5;display:flex;align-items:center;height:32px;cursor:pointer;width:-moz-fit-content;width:fit-content}.comments .user .user-avatar{justify-content:center;align-items:center;display:flex;margin-right:16px}.comments .user .user-avatar .tier-frame{position:absolute;width:40px;height:40px}.comments .user .user-avatar img{width:32px;height:32px;border-radius:50%}.comments .user svg{width:20px;height:20px}.comments .user.is-open:before{content:"";position:absolute;left:0;top:0;width:200px;height:100px}.comments .user.is-open .user-menu{opacity:1;transform:translateY(0);z-index:1;pointer-events:unset}.comments .user .user-menu{position:absolute;top:32px;margin-top:4px;background-color:#333;padding:8px 0;z-index:1;display:grid;opacity:0;transform:translateY(-2px);transition:.2s;pointer-events:none;white-space:nowrap}.comments .user .user-menu a{display:grid;padding:8px 24px 8px 16px;font-weight:400;font-size:16px;color:#ccc;grid-template-columns:auto 1fr;grid-column-gap:12px;column-gap:12px;align-items:center}.comments .user .user-menu a:hover{background-color:rgba(77,77,77,.5)}.comments .user .user-menu a svg{width:24px;height:24px}.comments .msg{padding:12px 16px;color:#b2b2b2;border:1px solid #333;margin-bottom:40px}.comments .msg a{color:#f16436}.comments .msg a:hover{color:#ff784d}