.content-block {
  margin: 0;
  box-shadow: none;
  padding: 20px 20px 20px 0;
}
.content-comments-header {
  margin-bottom: 20px;
  background: #eee;
  color: var(--main-color);
  padding: 15px 0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}
.content-block .content-comments-header {
  background-color: transparent;
  border-bottom: 1px solid var(--border-base);
  font-size: 1.6rem;
  padding-top: 0;
}
a.content-comments-header:hover {
  color: red
}
.comments-area {
  clear: both;
  border-top: 1px solid var(--border-base);
  padding: 15px 0 0 0;
}

.textarea-сontrolls .control {
  width: 23px;
  height: 22px;
  display: inline-block;
  margin: 0 1px 0 0;
  cursor: default;
  border: 1px solid transparent;
  background-repeat: no-repeat;
  background-image: url(../img/ui/html_editor.png);
}

.textarea-сontrolls .control:hover {
  border: 1px solid #aaa;
  box-shadow: 0 0 2px #aaa;
}

.textarea-сontrolls .bButton {
  background-position: 1px center;
}

.textarea-сontrolls .iButton {
  background-position: -21px center;
}

.textarea-сontrolls .uButton {
  background-position: -42px center;
}

.textarea-сontrolls .upload_btn {
  background-position: -378px center;
}

.comments-posting-form .textarea-holder .utilit-button {
  margin-left: 0;
}
.comments-posting-form textarea {
  width: 100%;
  height: 100px;
  border: 2px solid var(--border-base);
  margin: 5px 0 10px 0;
  padding: 5px 10px;
  font: normal 14px/1.6 Arial, sans-serif;
  border-radius: 3px;
  background: var(--bg-card);
}
.comments-posting-message {
  padding: 20px;
  font-size: 1.4rem;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  text-align: center;
  font-weight: bold;
}
.comments-posting-message a {
  color: var(--main-color);
}

.comments-wall-options {
  text-align: right;
  color: #aaa;
}

.comments-wall-options .item {
  display: inline-block;
  padding: 3px 3px 5px;
  background: #fff;
  border: 1px solid var(--border-base);
  margin: 0 0 0 3px;
  border-radius: 3px;
  font: bold 12px/1 'Segoe UI', Arial, sans-serif;
}
.comments-wall-options a {
  color: #555;
  box-shadow: 0 0 2px #aaa;
}
.comments-wall {
  margin: 15px 0;
}
.comments-wall .user-details {
  color: #aaa;
  display: flex;
  align-items: center;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}
.comments-wall .user-details .online {
  color: #222
}
.comments-wall .post-controls {
  margin: 5px 0 0 30px;
  flex-grow: unset;
}
.comments-wall .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
}
.comments-wall .user-avatar > a {
  display: block;
  position: relative;
  outline: none;
}

.comments-wall .comments-footer {
  padding: 10px 10px 0 0;
}

.comments-options {
  display: flex;
  align-items: center;
}
.comments-options .dropdown > .btn {
  background: none;
  color: #a2a2a2;
  padding: 3px 0;
  border: none;
  line-height: 1;
}
.comments-wall .comments-row-footer {
  color: #bbb;
  font: normal 12px/1 Arial, sans-serif;
  padding: 0 0 0 160px;
}

.comments-options a {
  outline: none;
}

.comments-options > a,
.comments-options .drop-down-contain > a {
  padding: 0 0 1px 0;
  margin: 0 15px 0 0;
  color: #888;
  text-decoration: none;
  white-space: nowrap;
}

.comments-options > a:hover,
.comments-options .drop-down-contain a:hover,
.comments-options .report-link:hover {
  color: #444;
  text-decoration: none;
}

.comments-options .report-link {
  background: none;
  border: none;
  box-shadow: none;
  color: #333;
  padding: 3px 20px 3px 14px;
  border-radius: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  margin: 0;
}
.comments-options .report-link .svg-icon-bg {
  margin-right: 8px;
}
.comments-options .report-link:focus, .comments-options .report-link:active {
  box-shadow: none;
}

.comments-wall .comments-content {
  font-size: 1.2rem;
  min-height: 50px;
}

.comments-wall .post-comment-content-wrapper .comments-content {
  min-height: auto;
}

.comments-content img {
  height: auto;
}
.comments-content br + img {
  margin-bottom: 10px;
  display: inline-block;
}
.comments-wall .comments-content .inner {
  padding: 10px 0 3px 0;
  font: normal 1.4rem/1.7 Arial, sans-serif;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.comments-wall .comments-content .inner b {
  color: #666;
}
.comments-wall .comments-content .inner .reply {
  text-decoration: none;
  margin-left: 3px;
  font-size: 1.2rem;
  color: #949494;
  outline: none;
}
.comments-wall .comments-content .inner .reply:hover {
  color: #666;
}
.comment-header {
  margin: 0 0 2px 0;
}
.comments-wall .avatar-image {
  vertical-align: top;
  border-radius: 100%
}

.comments-wall .comments-content .screenshot {
  max-width: 100%;
  height: auto;
}

.comments-wall .user-nickname {
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 6px;
}
.comment-row {
  padding: 20px;
  background-color: var(--bg-card);
  border: 1px solid var(--border-base);
  margin-top: 10px;
  position: relative;
  font-size: 1.4rem;
}
.comment-row .achievments {
  margin-top: 5px
}
.comment-row .comment-anchor {
  margin-right: 8px;
  font-size: 1.3rem;
}
.post-comment-content-wrapper {
  padding-left: 70px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.post-comment-content-wrapper > div {
  flex-grow: 1;
}
.comments-wall .user-online-status {
  cursor: help;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  bottom: 1px;
  right: 1px;
  border: 2px solid #fff;
}

.comments-content .inner blockquote {
  font-weight: normal;
  margin: 10px 0;
  font-size: 100%;
  border-radius: 0;
  background: #eaeaea;
  border-left: 5px solid #d4d4d4;
}
.comments-content .inner blockquote + br {
  display: none;
}
.user-online-status.active {
  background-color: #0AAF15;
}

.forum-topic-tools {
  margin-left: auto;
}

.voting {
  margin: 0 10px 10px 0;
}
.comments-wall .voting {
  margin: 0;
  white-space: nowrap;
  display: flex;
  font-size: 1.4rem;
  flex-direction: column;
}
.voting .score {
  color: #ccc;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  position: relative;
  top: 2px
}
.voting .score.positive {
  color: #0AAF15;
}
.voting .score.negative {
  color: #cc0000;
}
.voting .score.negative:before {
  content: '-';
  margin: 0 2px 0 0;
}
.voting .btn {
  color: #ccc;
  padding: 0;
  line-height: 1;
  border: none;
  width: 30px;
  height: 30px;
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
}

.voting .btn.active {
  box-shadow: none;
}

.voting .plus .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14px' height='14px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23cccccc' d='M2.49 10.39L8 5.38A1.524 1.524 0 0 1 9 5a1.474 1.474 0 0 1 1 .38l5.51 5.01a1.5 1.5 0 0 1-2.02 2.22L9 8.53l-4.49 4.08a1.5 1.5 0 0 1-2.02-2.22z'/%3e%3c/svg%3e");
}
.voting .minus .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14px' height='14px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23cccccc' d='M2.39 6.49a1.5 1.5 0 0 1 2.12-.1L9 10.47l4.49-4.08a1.5 1.5 0 0 1 2.02 2.22L10 13.62A1.474 1.474 0 0 1 9 14a1.523 1.523 0 0 1-1-.38L2.49 8.61a1.5 1.5 0 0 1-.1-2.12z'/%3e%3c/svg%3e ");
}
.voting .plus:hover .svg-icon-bg,
.voting .plus.active .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14px' height='14px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%230AAF15' d='M2.49 10.39L8 5.38A1.524 1.524 0 0 1 9 5a1.474 1.474 0 0 1 1 .38l5.51 5.01a1.5 1.5 0 0 1-2.02 2.22L9 8.53l-4.49 4.08a1.5 1.5 0 0 1-2.02-2.22z'/%3e%3c/svg%3e");
}

.voting .minus:hover .svg-icon-bg,
.voting .minus.active .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14px' height='14px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23cc0000' d='M2.39 6.49a1.5 1.5 0 0 1 2.12-.1L9 10.47l4.49-4.08a1.5 1.5 0 0 1 2.02 2.22L10 13.62A1.474 1.474 0 0 1 9 14a1.523 1.523 0 0 1-1-.38L2.49 8.61a1.5 1.5 0 0 1-.1-2.12z'/%3e%3c/svg%3e ");
}

.btn.disable,
.voting.unAuth .btn {
  cursor: default;
}

.achievments .item {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 0 2px;
  background: none;
}
.achievments .text-mutedx2 a {
  color: #777;
}
.achievments .award-2 {
  background-image: url(../img/ui/18x18_pg.png);
}
.achievments .award-4 {
  background-image: url(../img/ui/18x18_newuser.png);
}
.achievments .award-6 {
  background-image: url(../img/ui/18x18_cake.png);
}
.achievments .award-7 {
  background-image: url(../img/ui/18x18_banned.png);
}
.achievments .award-8 {
  background-image: url(../img/ui/award-13.png);
}
.achievments .award-9 {
  background-image: url(../img/ui/18x18_file.png);
}
.achievments .award-10 {
  background-image: url(../img/ui/award-activity.png);
}
.achievments .award-11 {
  background-image: url(../img/ui/18x18_moder.png);
}
.achievments .award-12 {
  background-image: url(../img/ui/award-helloween.png);
}
.achievments .award-13 {
  background-image: url(../img/ui/13.gif);
}
.achievments .award-14 {
  background-image: url(../img/ui/award-winner.png);
}
.achievments .award-15 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 28 28'%3E%3Cpath d='M0.25 23.047l12-22q0.266-0.484 0.734-0.766t1.016-0.281 1.016 0.281 0.734 0.766l12 22q0.547 0.984-0.031 1.969-0.266 0.453-0.727 0.719t-0.992 0.266h-24q-0.531 0-0.992-0.266t-0.727-0.719q-0.578-0.984-0.031-1.969zM11.75 8.5l0.266 7.141q0 0.156 0.156 0.258t0.375 0.102h2.891q0.219 0 0.367-0.102t0.164-0.258l0.281-7.172q0-0.187-0.156-0.297-0.203-0.172-0.375-0.172h-3.437q-0.172 0-0.375 0.172-0.156 0.109-0.156 0.328zM12 21.484q0 0.219 0.148 0.367t0.352 0.148h3q0.203 0 0.352-0.148t0.148-0.367v-2.969q0-0.219-0.148-0.367t-0.352-0.148h-3q-0.203 0-0.352 0.148t-0.148 0.367v2.969z'%3E%3C/path%3E%3C/svg%3E");
}
.achievments .award-17 {
  background-image: url(../img/ui/award-flash.png);
}
.achievments .award-18 {
  background-image: url(../img/ui/18x18_text.png);
}
.achievments .award-19 {
  background-image: url(../img/ui/award-video.png);
}
.achievments .award-20 {
  background-image: url(../img/ui/18x18_cheat.png);
}
.achievments .award-21 {
  background-image: url(../img/ui/18x18_star.png);
}
.achievments .award-22 {
  background-image: url(../img/ui/18x18_pix.png);
}
.achievments .award-23, .achievments .award-24,
.achievments .award-25, .achievments .award-26 {
  background-image: url(../img/ui/award-newyear.png);
}
.achievments .award-28 {
  background-image: url(../img/ui/award-social.png);
}
.achievments .award-29 {
  background-image: url(../img/ui/18x18_speed.png);
}
.achievments .award-30 {
  background-image: url(../img/ui/18x18_wiki.png);
}
.achievments .award-31 {
  background-image: url('https://i.playground.ru/e/17GO5uh4YReMRxsP80-shw.png');
}
.achievments .award-32 {
  background-image: url('https://i.playground.ru/e/tD1VkU_qwx7ktCDo1IBimA.png');
}
pg-embed {
  margin-top: 16px;
}
pg-embed[type="playground"],
pg-embed[type="youtube"],
pg-embed[type="twitch_video"],
pg-embed[type="twitch_channel"],
pg-embed[type="gfycat"] {
  position: relative;
  padding-bottom: 56.25%;
  z-index: 2;
  display: block;
}
pg-embed iframe {
  display: block;
  max-height: 640px;
  margin-left: auto;
  margin-right: auto;
}
pg-embed[type="playground"] iframe,
pg-embed[type="youtube"] iframe,
pg-embed[type="twitch_video"] iframe,
pg-embed[type="twitch_channel"] iframe,
pg-embed[type="gfycat"] iframe {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.user-image-frame-panel  .comment-row {
  padding-right: 5px;
}
.user-image-frame-panel .comments-wall .post-controls {
  margin: 0 0 0 5px;
}
.user-image-frame-panel .comments-wall .comments-content .inner {
  font: normal 1.2rem/1.5 Arial, sans-serif
}
.comment-row + .mediaforce {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .forum-topic-tools {
    margin-left: 0;
  }
  .forum-breadcrumbs {
    margin: 0 10px 10px;
    padding: 20px 0 0 0;
  }
  .content-block {
    padding: 15px;
  }
  .comments-wall .user-details .achievments {
    display: none;
  }

  .comments-wall .comments-content .inner {
    padding-left: 0;
    padding-right: 0;
  }

  .comment-header,
  .comments-posting-form .textarea-holder {
    margin: 0;
  }
  .comments-wall .meta-data {
    display: block;
  }

  .comments-wall .user-details .user-avatar {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }

  .comments-wall .user-details .avatar-image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    max-width: none;
  }
  .comments-content .embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    display: block;
  }
  .comments-content .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .post-comment-content-wrapper {
    padding-left: 0;
  }
  .comment-row {
    padding: 20px 10px 20px 20px;
  }
  .comments-wall .post-controls {
    margin: 5px 0 0 10px;
  }
  .voting .btn {
    visibility: visible;
  }
  .forum-breadcrumbs {
    text-align: center;
  }
  .comments-posting-module {
    margin: 0 10px;
  }
}