.comments-list{--com-pad: 16px;--com-avatar: 40px;--com-bg: var(--page-bg)}@media(min-width:576px){.comments-list{--com-pad: 20px;--com-bg: var(--comment-bg)}}.comment.gold .com-name a{color:#caa816!important}.comment.gold .com-name.com-name-author a{background-color:#caa816;color:#fff!important}.com-avatar .flag{position:absolute;left:50%;bottom:0;margin-left:-8px;border-radius:3px}.com-avatar .fit-cover{border-radius:50%}.com-avatar::before{content:"";position:absolute;right:2px;bottom:2px;z-index:1;width:8px;height:8px;border-radius:50%}.com-avatar.online::before{background-color:var(--green-color)}.com-avatar.offline::before{display:none}.rate-plusminus>a{display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none!important;width:40px;height:40px;padding:8px;margin:-8px}.rate-plusminus>a>*{cursor:pointer}.rate-plusminus-btn{width:24px;height:24px;padding:4px}.rate-minus,.rate-plus{display:block;width:16px;height:16px;position:relative}.rate-minus::after,.rate-plus::after{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-8px;width:0;height:0;border-style:solid;transition:border-color .12s ease}.rate-minus::after{margin-top:4px;border-width:9px 8px 0;border-color:var(--text-muted-color) transparent transparent transparent}.rate-plus::after{margin-top:3px;border-width:0 8px 9px;border-color:transparent transparent var(--text-muted-color) transparent}.rate-plusminus-num{opacity:1}.rate-plusminus-num .ratingzero{color:var(--text-muted-color)}.rate-plusminus-num .ratingplus{color:var(--green-color)}.rate-plusminus-num .ratingminus{color:var(--primary-color)}@media(min-width:992px){.comment:hover .rate-stats{display:block!important}.rate-stats{pointer-events:none;position:absolute;bottom:100%;left:50%;width:112px;z-index:90;margin-left:-56px;border-radius:6px;padding:4px;font-size:var(--fs-xsm);background-color:rgba(var(--dark-drop-rgb),0.9);color:var(--dark-drop-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-8px)}.rate-stats::before{content:"";width:16px;height:8px;position:absolute;left:50%;top:100%;margin-left:-8px;mask-image:url(../images/stringi.svg);-webkit-mask-image:url(../images/stringi.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:rgba(var(--dark-drop-rgb),0.9)}.rate-plusminus-num:hover~.rate-stats{transition:transform ease .2s,visibility ease .2s,opacity ease .2s;transition-delay:.2s;transform:translateY(-4px);opacity:1;visibility:visible}.rate-stats>li{display:flex;align-items:center;padding:4px}.rate-stats>li+li{border-top:1px solid var(--border-white);margin-top:4px;padding-top:8px}.rate-stats>li i{color:inherit!important;margin:4px;margin-right:8px}.rate-stats .rate-minus::after{border-color:#ffffff33 transparent transparent transparent}.rate-stats .rate-plus::after{border-color:transparent transparent #ffffff33 transparent}.rate-stats>li>span{flex:1 1 auto;display:flex;justify-content:space-between;font-weight:700;padding-right:4px}.rate-stats>li>span::before{content:attr(title);font-weight:400}.rate-plusminus>a:hover .rate-minus::after{border-color:var(--primary-color) transparent transparent transparent}.rate-plusminus>a:hover .rate-plus::after{border-color:transparent transparent var(--green-color) transparent}}.ratting-log{display:flex;font-size:var(--fs-sm)}.ratting-log-list{flex:1}.ratting-log-list+.ratting-log-list{margin-left:var(--gap-min)}.ratting-log-list li{line-height:20px}.ratting-log-list li a{display:block;padding:2px 0;color:inherit!important;text-decoration:none!important}.ratting-log-list li:first-child{display:flex;align-items:center;font-weight:700;color:var(--text-muted-color);border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:12px}.ratting-log-list li:first-child>i{margin-right:8px}.circle-rate{position:absolute;width:48px;height:48px;top:50%;left:50%;margin:-24px 0 0 -24px;pointer-events:none;--circle-rate-num: 108}.circle-rate-orange,.circle-rate-green{stroke-width:2px;stroke-dasharray:var(--circle-rate-num) var(--circle-rate-num)}.circle-rate-orange{stroke:var(--primary-color);stroke-dashoffset:calc(var(--circle-rate-num)/var(--circle-rate))}.circle-rate-green{stroke:var(--green-color);stroke-dashoffset:0}.circle-rate-empty{stroke-width:2px;stroke:rgba(var(--text-color-rgb),0.2)}