﻿.comment-list{position:relative}.comment-list .comment-list-to-top{position:sticky;left:0;top:0}.comment-list .comment-list-to-top a{transform:rotate(-90deg);display:block;width:60px;position:absolute;left:-45px;text-transform:uppercase;font-weight:700;text-decoration:none}.comment-list .comment-list-to-top a:hover{color:#f70}.comment-list div.comment-block{border:1px solid #ddd;display:grid;grid-template-columns:25px auto;padding-top:10px;position:relative;border-top:0;grid-template-areas:"votes content""collapser content";grid-template-rows:90px 1fr;grid-template-columns:50px 1fr;margin-top:0}.comment-list.no-votes div.comment-block{grid-template-columns:20px 1fr}.comment-list div.comment-block>div.vote-controls{grid-area:votes}.comment-list div.comment-block>div.collapser{grid-area:collapser;padding:5px 22px 15px 23px;cursor:pointer}.comment-list div.comment-block>div.collapser>span{width:100%;height:100%;background-color:#eee;display:block}body.dark .comment-list div.comment-block>div.collapser>span{background-color:#2348}.comment-list div.comment-block>div.collapser:hover>span{background-color:#f70!important}.comment-list div.comment-block>div.comment-content{grid-area:content}.comment-list div.comment-block *{position:relative;z-index:5}.comment-list div.comment-block{border-top:1px solid #ddd}.comment-list div.comment-block~div.comment-block{border-top:0}.comment-list div.comment-block>img{position:absolute;top:0;left:0;width:48px;z-index:1}body.dark .comment-list div.comment-block{border-color:#234}.comment-list div.comment-block div.comment-block{margin-right:-10px;border-right:0;border-bottom:0;border-left-width:1px;border-top:1px solid #ddd}body.dark .comment-list div.comment-block div.comment-block{border-top-color:#234}.comment-list div.vote-controls span{display:block;font-size:20px;color:#999;text-align:center}.comment-list div.vote-controls span:hover{cursor:pointer}.comment-list div.vote-controls span.vote-up:hover,.comment-list div.vote-controls span.vote-up.active{color:#0c3}.comment-list div.vote-controls span.vote-down:hover,.comment-list div.vote-controls span.vote-down.active{color:#c00}span.rep-counter{line-height:20px;margin-left:10px}span.rep-counter span{min-width:20px;height:20px;display:inline-block;text-align:center;color:#fff;left:-5px;top:2px;font-size:15px;margin-right:2px;background-position:center center;background-repeat:no-repeat;background-size:20px;line-height:22px;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.comment-list div.comment-content{padding-right:10px}.comment-list div.comment-content textarea{width:100%;height:100px;display:block;max-width:100%;margin-top:10px;border-radius:4px;border-color:#ddd;padding:5px;margin-bottom:5px}.comment-list div.comment-content div.reply-block div.edit-controls{margin-bottom:5px}.comment-list div.comment-content div.edit-controls span.near-limit{font-weight:700;color:#c93}.comment-list div.comment-content div.edit-controls span.char-limit{font-weight:700;color:#f33}.comment-list div.comment-content div.edit-controls button{padding:0 5px;margin-left:3px}div.comment-editor div.edit-controls span.near-limit{font-weight:700;color:#c93}div.comment-editor div.edit-controls span.char-limit{font-weight:700;color:#f33}div.comment-editor div.edit-controls button{padding:0 5px;margin-left:3px}.comment-list div.comment-content>div.vote-controls{display:none}body.dark .comment-list div.comment-content textarea{background-color:transparent;border-color:#234;color:#eee;resize:vertical;max-height:300px}body.dark .comment-list div.comment-content textarea:active,body.dark .comment-list div.comment-content textarea:focus{border-color:#f70!important}.comment-list div.comment-content div.collapsed-count{font-style:italic;color:#aaa;cursor:pointer}.comment-list div.comment-content div.collapsed-count:hover{text-decoration:underline;color:#f70}.comment-list div.comment-content>div.comment-text.heroic-tier-3{font-weight:700;color:#fa0;text-shadow:1px 1px 0 #0008}body.dark .comment-list div.comment-content>div.comment-text.heroic-tier-3{color:#fc0}.comment-list div.comment-content.collapsed>div.comment-block{display:grid;grid-template-areas:"collapsed";max-height:120px;grid-template-rows:auto;grid-template-columns:auto;padding-top:0;border:0;margin-bottom:3px}.comment-list div.comment-content.collapsed>div.comment-block~div.comment-block{display:none}.comment-list div.comment-content.collapsed>div.comment-block>img{z-index:10;display:none}.comment-list div.comment-content.collapsed>div.comment-block div.vote-controls{display:none}.comment-list div.comment-content.collapsed>div.comment-block div.comment-content{grid-area:collapsed;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap}.comment-list div.comment-content.collapsed>div.comment-block div.comment-content div.post-details{display:none}.comment-list div.comment-content.collapsed>div.comment-block div.collapser{display:none}.comment-list div.comment-content.collapsed>div.comment-block div.comment-text{white-space:nowrap;text-overflow:ellipsis;padding-left:10px;font-size:12px;line-height:35px}.comment-list div.comment-content.collapsed>div.comment-block div.comment-block{display:none}.comment-list div.comment-content.collapsed>div.comment-block div.load-more-comments{display:none}.comment-list div.comment-content.collapsed div.by-line>a.profile-link{flex-basis:unset}.comment-list div.comment-content div.by-line{display:flex;font-size:18px;user-select:none;flex-direction:row;padding-right:50px;white-space-collapse:discard}.comment-list div.comment-content div.by-line>span.item-rating{text-align:right}.comment-list div.comment-content a.profile-link{text-decoration:none;color:#333;flex-basis:50%}body.dark .comment-list div.comment-content a.profile-link{color:#eee}.comment-list div.comment-content div.by-line>span{white-space:nowrap;flex-basis:50%;text-align:right}.comment-list div.comment-content div.by-line span.user-info{flex-basis:50%;text-align:left}.comment-list div.comment-content div.by-line span.user-info>img{width:35px;margin-left:0;margin-right:5px;border:1px solid #ddd;height:35px;border-radius:17.5px}.comment-list div.comment-content div.by-line span.user-info>img.this-is-you{border-color:#f70!important;border-width:2px}.comment-list div.comment-content div.by-line span.user-info span.this-is-you{color:#f70}.comment-list div.comment-content div.by-line span.user-info span.heroic-tier-3{color:#fa0}body.dark .comment-list div.comment-content div.by-line span.user-info span.heroic-tier-3{color:#fc0}.comment-list div.comment-content div.by-line span.user-info span.this-is-you-bubble{color:#fff;font-size:12px;font-weight:700;background-color:#f70;padding:2px 10px;height:20px;border-radius:10px}body.dark .comment-list div.comment-content div.by-line span.user-info>img{border-color:#234}.comment-list div.comment-content div.by-line span.admin-tag{color:#fff;background-color:#f70;font-size:12px;height:15px;border-radius:7.5px;padding:1px 5px;font-weight:400}.comment-list div.comment-content div.by-line img{width:20px;margin-left:5px}.comment-list div.comment-content div.by-line img:first-of-type{margin-left:10px}.comment-list div.comment-content div.by-line i{color:#fc0;margin-right:3px}.comment-list div.comment-block div.post-details{padding-bottom:5px;padding-right:10px;font-size:12px;padding-top:20px;color:#aaa;display:grid;grid-template-areas:"deets funcs";grid-template-columns:1fr 175px}.comment-list div.comment-block div.post-details>em>a{color:#aaa}body.dark .comment-list div.comment-block div.post-details,body.dark .comment-list div.comment-block div.post-details>em>a{color:#567}.comment-list div.comment-block div.post-details span.functions{grid-area:funcs;text-align:right}.comment-list div.comment-block div.post-details em{grid-area:deets}.comment-list div.comment-block{font-size:17px}.comment-list div.load-more-comments{padding:5px 0;cursor:pointer}@media screen and (max-width:767px){.comment-list{margin:10px -10px}.comment-list div.comment-block{grid-template-areas:"collapser content";grid-template-rows:auto;grid-template-columns:25px 1fr}.comment-list div.comment-block>div.vote-controls{display:none}.comment-list div.comment-block>div.collapser{padding:5px 11px 15px 12px}.comment-list div.comment-content>div.vote-controls{display:block;margin-top:10px;grid-area:auto}.comment-list div.comment-content>div.vote-controls span{display:inline-block;font-size:15px}.comment-list div.comment-content>div.vote-controls span.vote-up i:before{content:"\f062"}.comment-list div.comment-content>div.vote-controls span.score{padding:0 5px}.comment-list div.comment-content>div.vote-controls span.vote-down i:before{content:"\f063"}.comment-list div.comment-content div.post-details{padding-top:10px;display:grid;grid-template-areas:"deets""funcs";grid-template-columns:auto}.comment-list div.comment-content div.post-details span.functions{text-align:right;padding-top:10px}.comment-list div.comment-content>div.by-line{display:block}.comment-list div.comment-content>div.by-line>span.item-rating{display:block;margin-top:5px;text-align:left;white-space:unset}.comment-list div.comment-content>div.by-line>span.item-rating>span{white-space:nowrap}.comment-list div.comment-content>div.by-line>span.item-rating img{margin-left:0}}