.CommentSection{grid-column:2 / 6}@media (min-width: 48em){.CommentSection{padding-inline:calc(var(--grid-col-width) * .5)}}@media (min-width: 62em){.CommentSection{padding-inline:0;grid-column:4 / 16}}.CommentSection img{--size: 40px;width:var(--size);height:var(--size);max-width:var(--size);-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;border-radius:50%;overflow:hidden}@media (min-width: 62em){.CommentSection img{--size: 52px}}.CommentSection .post-comment{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;padding:30px 0;border-top:1px var(--white01) solid;border-bottom:1px var(--white01) solid}@media (min-width: 62em){.CommentSection .post-comment{padding:40px 0;gap:30px}}:is(.CommentSection .post-comment) .comment-input-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:is(.CommentSection .post-comment) input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:0;background-color:transparent;border:none;color:var(--white)}:is(:is(.CommentSection .post-comment) input)::-moz-placeholder{color:var(--white);opacity:.7}:is(:is(.CommentSection .post-comment) input)::-webkit-input-placeholder{color:var(--white);opacity:.7}:is(:is(.CommentSection .post-comment) input):-ms-input-placeholder{color:var(--white);opacity:.7}:is(:is(.CommentSection .post-comment) input)::-ms-input-placeholder{color:var(--white);opacity:.7}:is(:is(.CommentSection .post-comment) input)::placeholder{color:var(--white);opacity:.7}:is(.CommentSection .post-comment) .char-count{position:absolute;right:0;bottom:-18px;font-size:.75rem;color:#fff6;pointer-events:none}.near-limit:is(:is(.CommentSection .post-comment) .char-count){color:#c184fe}:is(.CommentSection .post-comment) button{font-size:0;padding:0}@media (min-width: 62em){:is(.CommentSection .post-comment) button{padding:15px 20px;font-size:.875rem}}@media (max-width: 62em){:is(.CommentSection .post-comment) button{background-color:transparent}}:is(:is(.CommentSection .post-comment) button) svg{width:15px;height:15px}@media (min-width: 62em){:is(:is(.CommentSection .post-comment) button) svg{width:0px;height:0px}}:is(.CommentSection .comments-list) .comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:15px;padding:30px 0;border-bottom:1px var(--white01) solid}:is(:is(.CommentSection .comments-list) .comment):last-of-type{border-bottom:none}:is(:is(.CommentSection .comments-list) .comment) header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;max-width:80vw;overflow:hidden}:is(:is(:is(.CommentSection .comments-list) .comment) header) p{margin:0;white-space:nowrap}:is(:is(:is(.CommentSection .comments-list) .comment) header) .name{text-transform:uppercase}:is(:is(:is(.CommentSection .comments-list) .comment) header) .handle{color:#7d7d7d}:is(:is(:is(.CommentSection .comments-list) .comment) header) .verified{width:18px;height:18px}:is(:is(.CommentSection .comments-list) .comment) .comment-body{width:100%}:is(:is(.CommentSection .comments-list) .comment) .text{margin:20px 0;opacity:.7}:is(:is(.CommentSection .comments-list) .comment) footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}:is(:is(:is(.CommentSection .comments-list) .comment) footer) .like{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:5px;margin-left:-5px}.liked:is(:is(:is(:is(.CommentSection .comments-list) .comment) footer) .like) svg{opacity:1;color:var(--primary)}:is(:is(:is(:is(.CommentSection .comments-list) .comment) footer) .like) svg{width:13px;height:13px;opacity:.5}:is(:is(:is(.CommentSection .comments-list) .comment) footer) .timestamp{margin:0;color:#7d7d7d}