.content_aside-container.js-teaser {
  display: block;
}
.page-aside .content-block {
  max-width: 300px;
  margin-top: 20px;
}
.navbar-footer {
  display: none;
}
.user-profile-moderator-tools {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #3a3a3a;
  display: flex;
  padding: 2px;
  z-index: 1;
  gap: 2px;
}
.user-profile-moderator-tools .btn {
  background-color: #111;
  color: #ccc;
  border: none;
  border-radius: 0;
  &:hover {
    color: #222;
    background-color: #eee;
  }
}
.user-profile-header {
  display: block;
  padding: 30px 30px 0;
  position: relative;
  margin: -30px -30px 20px;
  & .user-special-label {
    border: 1px solid #fff;
    font-size: 1.2rem;
    color: #fff;
    display: inline-flex;
    gap: 5px;
    padding: 3px 5px;
    border-radius: 5px;
    &:before {
      content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg %3e%3cpath d='M8.38 12L10.79 14.42L15.62 9.57996' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M10.75 2.44995C11.44 1.85995 12.57 1.85995 13.27 2.44995L14.85 3.80995C15.15 4.06995 15.71 4.27995 16.11 4.27995H17.81C18.87 4.27995 19.74 5.14995 19.74 6.20995V7.90995C19.74 8.29995 19.95 8.86995 20.21 9.16995L21.57 10.7499C22.16 11.4399 22.16 12.5699 21.57 13.2699L20.21 14.8499C19.95 15.1499 19.74 15.7099 19.74 16.1099V17.8099C19.74 18.8699 18.87 19.7399 17.81 19.7399H16.11C15.72 19.7399 15.15 19.9499 14.85 20.2099L13.27 21.5699C12.58 22.1599 11.45 22.1599 10.75 21.5699L9.17 20.2099C8.87 19.9499 8.31 19.7399 7.91 19.7399H6.18C5.12 19.7399 4.25 18.8699 4.25 17.8099V16.0999C4.25 15.7099 4.04 15.1499 3.79 14.8499L2.44 13.2599C1.86 12.5699 1.86 11.4499 2.44 10.7599L3.79 9.16995C4.04 8.86995 4.25 8.30995 4.25 7.91995V6.19995C4.25 5.13995 5.12 4.26995 6.18 4.26995H7.91C8.3 4.26995 8.87 4.05995 9.17 3.79995L10.75 2.44995Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    width: 18px;
    height: 18px;
    background-size: 100%;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    }
  }

}
.user-profile-header .user-profile-sidebar {
  flex-grow: 1;
  max-width: 820px;
}
.user-profile-header a {
  color: #fff;
  line-height: 1;
  margin-bottom: 5px;
}
.user-profile-header .social-accounts {
  display: flex;
  gap: 5px;
  & .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    & span {
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.user-profile-header .social-accounts .telegram  {
  filter: invert(100%);
}
.user-profile-counters {
  line-height: 1.8;
}
.user-profile-header .flexbox-container {
  align-items: center;
}
.user-profile-header .side-two {
  padding-left: 50px;
  border-left: 1px solid #111;
}
.user-profile-header .side-one {
  flex-basis: 50%;
  position: relative;
}
.user-profile-header .side-one div:first-child {
  margin-right: 25px;
}
.user-profile-header  .avatar-container {
  position: relative;
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  .gender {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    text-align: center;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle(90px at center bottom);
    &::after {
      content: '';
      width: 24px;
      height: 24px;
      background-position: center center;
    }
    &.male::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg  stroke-width='0'%3e%3c/g%3e%3cg  stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg %3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 3C15 2.44772 15.4477 2 16 2H20C21.1046 2 22 2.89543 22 4V8C22 8.55229 21.5523 9 21 9C20.4477 9 20 8.55228 20 8V5.41288L15.4671 9.94579C15.4171 9.99582 15.363 10.0394 15.3061 10.0767C16.3674 11.4342 17 13.1432 17 15C17 19.4183 13.4183 23 9 23C4.58172 23 1 19.4183 1 15C1 10.5817 4.58172 7 9 7C10.8559 7 12.5642 7.63197 13.9214 8.69246C13.9587 8.63539 14.0024 8.58128 14.0525 8.53118L18.5836 4H16C15.4477 4 15 3.55228 15 3ZM9 20.9963C5.68831 20.9963 3.00365 18.3117 3.00365 15C3.00365 11.6883 5.68831 9.00365 9 9.00365C12.3117 9.00365 14.9963 11.6883 14.9963 15C14.9963 18.3117 12.3117 20.9963 9 20.9963Z' fill='%23008cff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");

    }
    &.female::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg  stroke-width='0'%3e%3c/g%3e%3cg  stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg %3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 9C20 13.0803 16.9453 16.4471 12.9981 16.9383C12.9994 16.9587 13 16.9793 13 17V19H14C14.5523 19 15 19.4477 15 20C15 20.5523 14.5523 21 14 21H13V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V21H10C9.44772 21 9 20.5523 9 20C9 19.4477 9.44772 19 10 19H11V17C11 16.9793 11.0006 16.9587 11.0019 16.9383C7.05466 16.4471 4 13.0803 4 9C4 4.58172 7.58172 1 12 1C16.4183 1 20 4.58172 20 9ZM6.00365 9C6.00365 12.3117 8.68831 14.9963 12 14.9963C15.3117 14.9963 17.9963 12.3117 17.9963 9C17.9963 5.68831 15.3117 3.00365 12 3.00365C8.68831 3.00365 6.00365 5.68831 6.00365 9Z' fill='%23fb00ff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    }
  }
}
.user-profile-header-info .avatar{
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.user-profile-header .dl-horizontal {
  margin: 0;
}
.user-profile-header .main-info .item{
  margin-bottom: 4px;
}
.user-profile-nickname {
  font-size: 2.8rem;
  display: inline-block;
}
.user-acc-list .item {
  margin: 10px 0;
  overflow-wrap: anywhere;
  word-break: break-all;
  display: flex;
  font-size: 1.4rem;
  gap: 10px;
}

.user-acc-list .service-icon,
.user-acc-list .svg-icon-bg  {
  font-size: 1.6rem;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  filter: brightness(0);
  background-position: center center;
}
.user-acc-list .item a {
  text-decoration: none;
  display: block;
}
.service-icon.twitch {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3e%3cpath d='M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7' /%3e%3c/svg%3e");
}

.user-comments-history .rating.positive {
  color: #0AAF15;
}
.user-comments-history .rating.negative {
  color: #CC0000;
}
.user-comments-history .activity-item {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 20px 0 30px 0;
}
.user-comments-history .activity-item.compact-view {
  padding: 10px 0 10px 0;
}
.user-comments-history .comment-header {
  padding: 0 0 10px;
  margin: 0 0 20px;
  border-bottom: 1px solid var(--border-base);
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
}
.user-comments-history .comment-link{
  flex-shrink: 0;
  font-size: 1.2rem;
}
.user-comments-history .comment-row {
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  padding: 20px;
  margin-bottom: 12px;
  min-height: auto;
  background: var(--bg-card);
  border: none;
}
.user-comments-history .comment-row .inner {
  padding: 0 20px 0 0;
  word-break: break-word;
  font: normal 1.4rem/1.7 Arial, sans-serif;
}
pg-embed[type="playground"],
pg-embed[type="youtube"],
pg-embed[type="vk"],
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[type="playground"] iframe,
pg-embed[type="youtube"] iframe,
pg-embed[type="vk"] 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-comments-history .dummy {
  width: 176px;
  height: 100px;
  background: #fcfcfc;
  text-align: center;
}
.user-comments-history .dummy .glyphicon {
  color: #ccc;
  font-size: 5rem;
  line-height: 1.5;
  vertical-align: middle;
}

.user-data-profile .avatar {
  margin-bottom: 10px;
}
.user-data-profile .social-acc-container {
  & .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px dotted var(--border-base);
    padding: 8px 0;
    & .header {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      & .title {
        font-size: 1.6rem;
        text-transform: uppercase;
      }
      & .icon {
        text-align: center;
        font-size: 1.4rem;
        background-color: var(--bg-accent);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: auto;
        aspect-ratio: 1 / 1;
        border-radius: 100%;
        & i {
          width: 16px;
          aspect-ratio: 1 / 1 ;
          height: auto;
          background-size: 100%;
          filter: contrast(0);
        }
      }
      & a[data-toggle] {
        font-size: 1.3rem;
        text-decoration: underline;
        text-decoration-style: dashed;
        text-underline-offset: 4px;
      } 
    }
    & .description {
      margin: 0 0 0 36px;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text-secondary);
      & a {
        text-decoration: dashed;
      }
    }
    & .btn {
      padding: 4px 6px;
      min-width: 55px;
      min-height: 30px;
      border-radius: 30px;
      display: inline-flex;
      &::after {
        content: "";
        display: block;
        width: 20px;
        height: auto;
        aspect-ratio: 1 /1;
        border-radius: 100%;
        background-color: var(--bg-card);
      }
      &.active {
        justify-content: flex-end;
        box-shadow: none;
        background-color: #0AAF15;
        &:hover {
          background-color: #02f512;
        }
        &:focus {
        background-color: #0AAF15;
        }
      }
      &:hover {
        background-color: var(--bg-accent);
        box-shadow: 0 0 2px inset rgba(0,0,0,0.2);
      }
      &:focus {
        background-color: var(--bg-button-secondary);
      }
    }
  }
}

.icomoon.icon-telegram,
.telegram.service-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='18px' width='18px'  version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M484.689,98.231l-69.417,327.37c-5.237,23.105-18.895,28.854-38.304,17.972L271.2,365.631 l-51.034,49.086c-5.646,5.647-10.371,10.372-21.256,10.372l7.598-107.722L402.539,140.23c8.523-7.598-1.848-11.809-13.247-4.21 L146.95,288.614L42.619,255.96c-22.694-7.086-23.104-22.695,4.723-33.579L455.423,65.166 C474.316,58.081,490.85,69.375,484.689,98.231z'%3e%3c/path%3e%3c/svg%3e");
}

.icomoon.icon-mail_ru {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' height='18px' width='18px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M15.448 7.021c2.443 0 4.745 1.083 6.432 2.776v0.005c0-0.813 0.547-1.428 1.303-1.428h0.192c1.193 0 1.432 1.125 1.432 1.48l0.005 12.635c-0.083 0.828 0.855 1.256 1.376 0.724 2.025-2.083 4.452-10.719-1.261-15.719-5.328-4.667-12.479-3.896-16.281-1.276-4.041 2.792-6.624 8.959-4.115 14.755 2.74 6.319 10.573 8.204 15.235 6.324 2.36-0.953 3.448 2.233 0.995 3.276-3.697 1.577-14 1.416-18.812-6.917-3.251-5.629-3.079-15.531 5.547-20.661 6.593-3.927 15.292-2.839 20.536 2.636 5.48 5.729 5.163 16.448-0.187 20.615-2.423 1.895-6.021 0.052-5.995-2.709l-0.027-0.9c-1.687 1.671-3.932 2.651-6.375 2.651-4.833 0-9.088-4.256-9.088-9.084 0-4.88 4.255-9.181 9.088-9.181zM21.527 15.855c-0.183-3.537-2.808-5.667-5.98-5.667h-0.12c-3.656 0-5.687 2.88-5.687 6.145 0 3.661 2.453 5.973 5.672 5.973 3.593 0 5.952-2.629 6.124-5.739z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

#userSocialAccounts .block {
  position: relative;
  width: 42px;
}

#userSocialAccounts .block:hover .btn-default {
  position: absolute;
  z-index: 10;
  top: -10px;
  left: 0;
}

#userSocialAccounts .block:hover .btn-default.add-service {
  position: static;
}

#userSocialAccounts .block .form-control {
  width: 120px;
  vertical-align: middle;
  padding: 0;
  border: none;
  margin: 0 5px;
  height: 22px;
  display: none;
}

#userSocialAccounts .block:hover .form-control {
  display: inline-block;
}

#userSocialAccounts .submittedList {
  margin-bottom: 5px;
}

.user-games-set .heading .active {
  color: #444;
  cursor: default;
  text-decoration: none;
  outline: none;
}
.user-games-set .heading .active:after {
  content: "\f0a3";
  font-family: 'icomoon';
  line-height: 1;
  margin-left: 3px;
}
.user-games-set .item {
  padding: 10px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  background-color: var(--bg-card);
  margin: 0 0 12px 0;
  position: relative;
}
.user-games-set .item a {
  position: static;
}
.user-games-set .item a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.user-games-set .item:hover {
  background-color: var(--bg-accent);
}
.user-games-set .item .text-center > .btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
}
.user-games-set .heading {
  margin: 10px 0;
  color: #aaa;
  font-weight: bold;
  white-space: nowrap;
}
.user-games-set .user-level .glyphicon {
  position: relative;
  margin: 0 -15px 0 0;
}
.user-games-set .boxart {
  margin-right: 10px;
  flex-shrink: 0;
}
.user-games-set .flexbox-container {
  align-items: center;
}
.user-games-set > .flexbox-container > div:nth-child(2) {
  margin: 0 5px 0 auto;
  flex-basis: 15%;
  text-align: center;
}
.user-games-set >  .flexbox-container > div:nth-child(3) {
  flex-basis: 14%;
  text-align: center;
}
.game-rating-button .value {
  display: none;
}
.game-rating-button .value.active {
  display: inline-flex;
  background-color: var(--bg-accent);
  border-radius: 100%;
  width: 20px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: bold;
  text-indent: -1px;
  margin-left: 4px;
}
.user-events-stream {
  padding-top: 20px;
}
.user-events-stream .time-stamp {
  font-size: 1.1rem;
}
.user-events-stream .meta .link {
  color: #337ab7;
}
.user-events-stream .media-body {
  overflow: visible;
}
.user-events-stream .events-author {
  color: #666;
  font-weight: bold;
}

.user-events-stream .events-author:hover {
  color: var(--main-color);
}

.user-events-stream .events-item {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,0.2)
}
.user-events-stream .events-item:last-child {
  border-bottom: none
}

.user-events-stream .avatar-image {
  margin-right: 10px;
  border-radius: 100%;
}

.user-events-stream .events-content {
  color: #555;
}

.user-events-stream .event-body {
  margin: 10px 0 0 0;
}

.user-events-stream .event-preview {
  color: #555;
}

.user-events-stream .event-preview a:hover {
  text-decoration: underline;
}

.user-events-stream .event-image {
  float: right;
  margin-left: 20px;
  width: 33%;
  min-width: 176px;
}

.user-events-stream .events-content .event-body-link {
  color: #444;
  display: block;

}

.user-events-stream .events-content .event-body-link:hover {
  text-decoration: none
}

.user-events-stream .quote {
  background: #eee;
  padding: 20px 50px 20px 20px;
  border-radius: 5px;
  display: block;
  position: relative;
}

.user-events-stream .quote:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  top: -10px;
  left: 50px;
}

.user-events-stream .quote blockquote {
  font-size: inherit;
  border: 1px solid #ccc;
  margin: 0;
}

.user-events-stream .media-title {
  font: bold 2rem/1 "Arial Narrow", Arial, sans-serif;
  margin: 0 0 5px 0;
}

.user-events-stream .quote .quote-link {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #444
}

.user-events-stream .quote .quote-link:hover {
  color: var(--main-color)
}

.user-events-stream .events-content .attachment {
  background: url(../img/ui/picture-attachment.png) no-repeat 0 0;
  width: 80px;
  height: 60px;
  display: inline-block;
  margin: 0 0 0 15px;
}

.user-events-stream time.text-muted {
  color: #aaa;
}
.user-events-stream .comments-content .inner blockquote {
  margin-right: 20px
}
.feed-setting-form .header {
  background: #eee;
  padding: 7px 10px 7px 10px;
  font: normal 16px/1 Arial, sans-serif;
  color: #444;
}
.feed-setting-form .header label {
  font: bold 1.1rem/1 Arial, sans-serif;
  margin: 2px 0 0 0;
}

.feed-setting-form .header input {
  margin: 0 0 0 3px;
}

.feed-setting-form ul {
  margin: 0 0 10px 20px;
}

.feed-setting-form .title:first-letter {
  text-transform: uppercase;
}

.feed-setting-form .checkbox {
  margin: 3px 0;
}

.feed-setting-form .checkbox label {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.feed-setting-form .checkbox input {
  margin-top: 2px
}

.events-item .unread {
  color: #222;
}

.user-teaser-table col:first-child {
  width: 50%
}

.user-friends-list .item {
  background-color: #fff;
  padding: 20px;
  position: relative;
  color: #777;
  font: normal 1.2rem/1.5 Arial, sans-serif;
  margin: 0 0 10px 0;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.user-friends-list .avatar {
  margin-right: 20px;
  border-radius: 100%;
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.user-friends-list .item > div:last-child{
  margin-left: auto;
}
.user-friends-list .item .header {
  font: bold 1.5rem Arial, sans-serif;
  margin: 5px 0;
}
.user-friends-list .item .actions {
  margin-top: 5px;
}
.user-friends-list .item .btn {
  margin-right: 5px;
}

.media-announce-item {
  margin: 0 0 10px;
  padding: 10px;
  display: flex;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  position: relative;
}

.media-announce-item .game-rating-points {
  margin: 0 20px;
}
.media-announce-item .media-title a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.media-title a:hover, .title a:hover, .author-info a:hover {
  color: var(--main-color);
  text-decoration: none;
}

.media-announce-item .media-title {
  font: bold 2rem/1 "Arial Narrow", Arial, sans-serif;
  margin: 0 0 5px 0;
}

.media-announce-item .media-title strong {
  color: var(--main-color);
  font: bold 1.4rem/1 Arial, sans-serif
}

.media-announce-text {
  font: normal 1.4rem/1.5 Arial, sans-serif;
  margin-bottom: 7px;
  color: #444;
}
.media-announce-img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.announce-footer, .announce-footer a,
.announce-footer .module-item-counters,
.announce-footer .module-item-counters a {
  color: #999;
  font: normal 1.2rem/1 Arial, sans-serif;
}

.media-announce-content {
  padding: 10px 10px 10px 20px;
  flex-basis: 85%;
  display: flex;
  flex-direction: column;
}
.media-announce-content .announce-footer {
  margin-top: auto;
  display: flex;
}
.media-announce-content .meta-data a {
  position: relative;
  z-index: 2;
}
.media-announce-content .meta-data a:hover, .media-announce-content .meta-data a:hover *{
  color: var(--main-color);
}
.announce-footer .module-item-counters{
  margin-left: auto;
}
.media-announce-image {
  position: relative;
}
.announce-flow {
  margin-bottom: 0;
}
.media-announce-image img {
  background: #eee;
}
.media-announce-image > a {
  position: relative;
  display: block;
}
.media.col-sm-4 {
  margin-top: 0;
}
.summ-activity-list a {
  display: block;
}
.progress-custom {
  position: relative;
  border-radius: 0;
  margin-bottom: 13px;
  height: 5px;
}
.progress-bar-custom {
  background: var(--main-color);
  box-shadow: none;
}
.progress-custom a {
  position: absolute;
  display: block;
  width: 100%;
  color: #888;
  line-height: 21px
}
.progress-custom a:hover {
  color: #444;
}

.comments-rating-progress {
  margin-top: 20px
}
.comments-rating-progress .progress {
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.comments-rating-progress .item {
  color: #fff;
  position: relative;
}
.comments-rating-progress .item.positive {
  background: none;
  color: #444;
  border-bottom: 5px solid green;
}
.comments-rating-progress .item.negative {
  background: none;
  color: #444;
  border-bottom: 5px solid red;
}
.comments-rating-progress .value {
  position: absolute;
  font-size: 12px;
  z-index: 1;
  top: -3px;
}
.comments-rating-progress .negative .value {
  left: 5px;
}
.comments-rating-progress .positive .value {
  right: 5px;
  text-align: right;
}
.comments-rating-progress .progress {
  margin-bottom: 5px
}
.comments-rating-progress .description {
  font: normal 12px/1 Arial, sans-serif;
  text-align: center;
}
.user-profile-header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  flex-direction: row-reverse;
  margin: 20px -30px 0;
}

.user-profile-header-bar .user-interaction {
  display: flex;
  justify-content: center;
  flex-basis: 360px;
  gap: 5px;
}
.user-profile-header-bar .user-interaction .messenger-launcher {
  position: static;
}
.user-profile-header-bar .btn {
  margin: 0 4px;
  display: flex;
  align-items: center;
  background-color: #212121;
  border: 1px solid #242424;
  color: #ddd;
  font-weight: normal;
}
.user-profile-header-bar .btn:hover {
  background-color: #1d1d1d;
  color: #fff;
}
.user-profile-header-bar .user-interaction .badge {
  margin-left: 6px;
  background-color: transparent;
  color: #fff;
  border-left: 1px solid #ccc;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 0 0 0 6px;
  line-height: 1.4;
  position: static;
}
.user-profile-header-bar .user-interaction .btn.active {
  background-color: #656565;
  border-color: #6b6b6b;
  color: #fff;
  opacity: 1;
}
.user-profile-sidebar .user-interaction .invite-friendship,
.user-profile-sidebar .user-interaction .separate-friendship {
  margin: 0 0 0 5px
}

.user-interaction .icomoon,
.user-interaction .glyphicon {
  font-size: 1.6rem;
  margin-right: 5px;
}

.user-interaction .invite-friendship .icon-:before {
  content: "\e904";
}

.user-interaction .invite-friendship.active .icon-:before,
.user-interaction .separate-friendship .icon-:before {
  content: "\e903";
}

.user-album-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.user-album-list .module-item {
  flex-basis: 20%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.userProfile-subNavigation {
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--border-base);
  display: flex;
  align-items: center;
  justify-content: space-between;
  & .nav.nav-pills {
    display: flex;
    flex: 1;
    & a {
      font-size: 1.4rem;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    & .active {
      & a {
        color: var(--main-text-color);
        border-color: var(--main-text-color);
      }
    }
  }

}
@media (max-width: 768px) {
  .user-album-list .module-item {
    flex-basis: 25%;
  }
}
@media (max-width: 599px) {
  .user-album-list .module-item {
    flex-basis: 50%;
  }
}
.user-album-list .module-item > a {
  margin: 0 5px 60px 5px;
  display: block;
  text-decoration: none;
}
.user-album-list .cover {
  padding: 15px;
  background-color: var(--bg-card);
  display: block;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: var(--border-base);
}
.user-album-list .module-item .title {
  display: block;
  font: bold 1.2rem/1 Arial, sans-serif;
  margin: 10px 0 5px 5px;
  white-space: nowrap;
  width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-album-list .module-item .quant {
  margin: 0 0 0 5px;
  display: block;
  color: #aaa;
  font: normal 1.2rem/1 Arial, sans-serif;
}

.comments-content .inner blockquote {
  font-weight: normal;
  margin: 10px 0;
  font-size: 100%;
  border-radius: 0;
  background: var(--bg-content-highlite);
}
.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');
}

.modal-open .modal.in.service-connection-modal {
  align-items: normal;
}
.service-connection-modal .modal-dialog {
  width: 980px
}
.service-connection-modal .user-games-set {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -6px 0;
  justify-content: center;
}

.service-connection-modal .user-games-set .item {
  margin: 20px 6px;
  padding: 0;
  box-shadow: none;
  text-align: center;
}
.service-connection-modal .user-friends-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}
.service-connection-modal .user-friends-list .item {
  margin: 0 6px 20px;
  box-shadow: none;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  background-color: #eee;
  flex-basis: calc(50% - 12px);
  flex-shrink: 0;
}
.service-connection-modal .user-games-set .item:hover:hover {
  background-color: transparent;
}

.service-connection-modal .user-friends-list .user-block a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.service-connection-modal .user-block div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.service-connection-modal .nick{
  margin: 20px 0 10px 10px;
  font-weight: bold;
  font-size: 2rem;
}
.service-connection-modal .user-block .nick {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  color: #b31919
}
.service-connection-modal  .steam-avatar {
  width: 110px;
  height: 110px;

}
.service-connection-modal .avatar {
  margin: 0 10px 0 0;
}
.service-connection-modal .user-block .btn {
  margin-left: 5px;
}
.service-connection-modal .user-games-set > .flexbox-container > div:nth-child(2),
.service-connection-modal .user-friends-list .item .btn {
  margin-right: 0;
}
.service-connection-modal img {
  margin-bottom: 5px;
}
.service-connection-modal .user-games-set .item a::before {
  content: none;
}
.service-connection-modal .user-friends-list .item > div:last-child {
  margin: 0;
  flex-grow: 1;
}
.service-connection-modal .avatar-holder {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 14px 0 0;
}
.service-connection-modal .well {
  font-size: 1.4rem;
  font-weight: bold;
}
.content-block.service-connection .item:last-child {
  margin-bottom: 0;
  border: none;
}

.service-connection-modal .user-games-set .game-title {
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-bottom: 5px;
}
.service-connection-modal .user-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bg-card);
  padding: 5px 10px;
}

.post-flow-container .post.old {
  opacity: 0.9
}

.post-flow-container .post.old .post-title a {
  color: #777
}
.post-flow-container .post.old:hover .post-title a {
  color: var(--main-color)
}
.post-flow-container .post.old img {
  filter: brightness(0.7);
}
.post-flow-container .post.old:hover img {
  filter: none;
}
.content-column .notice-item {
  padding-top: 12px;
}
.content-column .notice-item a {
  text-decoration: underline;
}
.content-column .notice-item a:hover {
  color: var(--main-color);
}
.content-column .notice-content {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.content-column .notice-item .btn {
  padding: 4px 10px;
  font-size: 1.2rem;
  margin-top: 5px;
}
.user-profile-sidebar.profile-nav.sticked {
  max-width: none;
}
.user-profile-navigation > ul {
  justify-content: normal;
}
.pg-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 650px;
}
.pg-gallery .pg-gallery-item {
  flex-basis: calc(100% / 3 - (3px * 2 /3));
  position: relative;
  & br {
    display: none;
  }
}
.pg-gallery .pg-gallery-item figure {
  margin: 0;
}
.pg-gallery-item-more a {
  position: relative;
  display: block;
  color: #fff;
}
.pg-gallery-item-more div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.65);
  color: #fff;
}
.pg-gallery .pg-gallery-item img {
  height: auto;
}
.fancybox-thumbs__list a {
  height: 100px !important;
}

.pg-gallery .pg-gallery-item a:hover img {
  filter: brightness(1.05);
}
.prime-content-box {
  margin: 0 0 60px 0;
  & .heading {
    font-size: 1.4rem;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    & .title {
      font-size: 1.8rem;
      font-weight: bold;
    }
    & a {
      display: flex;
      gap: 10px;
      align-items: center;
    }
  }
  .tags-list {
    display: flex;
    gap: 10px;
    font-size: 1.4rem;
    font-weight: bold;
    align-items: center;
    & .title {
      font-size: 1.8rem;
      line-height: 1.2;
      & span {
        display: inline-block;
        transform: translateY(-6px);
      }
    }
    & .item {
      background-color: var(--bg-accent);
      padding: 3px 5px;
      border-radius: 5px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }
  }
  & .alert {
    padding: 5px 15px;
  }
  & .post-flow-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.user-data-definition {
  & .file-inputs {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    background-color: var(--bg-content-highlite);
    border: none;
    border-radius: 4px;
    padding: 2px 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: inline-flex;
    margin-right: 15px;
  }
  & .file-inputs:hover {
    background-color: var(--bg-content-highlite);
  }
  & .file-inputs::file-selector-button {
    background-color: var(--bg-accent);
    border: none;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    margin-right: 2px;
    transition: background-color 0.2s ease;
    color: var(--color-contrast);
  }
  & .file-inputs:hover::file-selector-button {
    background-color: var(--bg-content-highlite);
  }
}
.games-catalogue-flow {
  display: grid;
  margin: 0 0 20px 0;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  & .item {
    flex-shrink: 0;
    background-color: var(--bg-card);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border: 5px solid var(--bg-accent);
    position: relative;
    & .info-btn {
      position: absolute;
      right: 2px;
      top: 2px;
      padding: 0;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease, visibility 0.5s ease;
      transition-delay: 500ms;
    }
    &:hover {
      & .info-btn {
        opacity: 1;
        visibility: visible;
        transition-delay: 0;
      }
    }
    &:not(:hover) .info-btn {
      transition: none;
      opacity: 0;
      visibility: hidden;
  }
  }

}
.prizes-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  & .item {
    text-align: center;
    font-size: 1.4rem;
    padding: 10px;
    background-color: var(--bg-card);
    line-height: 1.2;
    & img {
      margin: 0 0 10px 0;
    }
    & .title {
      font-size: 1.6rem;
      margin: 0 0 10px 0;
      font-weight: bold;
    }
  }
}
.user-profile-header .ad-holder {
  max-width: 700px;
}
.comments-user-reactions {
  display: flex;
  gap: 30px 10px;
  flex-wrap: wrap;
  & .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    & .svg-icon-bg {
      width: 40px;
      height: auto;
      aspect-ratio: 1 / 1;
      background-size: 100%;
      margin-bottom: 5px;
    }
    & .value {
      line-height: 1;
    }
  }
}
.post-flow-container .reaction-main-container .svg-icon-bg {
  width: 22px;
  height: auto;
  aspect-ratio: 1 / 1;
  background-size: 100%;
}
.reaction-main-container {
  & .like {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath fill='%23F8312F' d='M21.008 5.162c-2.84.509-5.011 3.905-5.011 3.905s-2.18-3.396-5.012-3.905c-7.012-1.25-9.903 4.993-8.732 9.64c1.73 6.863 10.053 13.014 12.834 14.916c.55.376 1.27.376 1.83 0c2.791-1.902 11.113-8.053 12.834-14.916c1.16-4.647-1.73-10.89-8.743-9.64'/%3e%3c/svg%3e");
  }
  & .cool {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FF6723' d='M26 19.34c0 6.1-5.05 11.005-11.15 10.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833 2.286-7.12 4.242-9.67c.34-.445.689 3.136 1.038 2.742c.35-.405 3.594-6.019 4.722-7.991a.694.694 0 0 1 1.028-.213C18.394 3.854 26 10.277 26 19.34'/%3e%3cpath fill='%23FFB02E' d='M23 21.851c0 4.042-3.519 7.291-7.799 7.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07 14.012 15.48 10 15.48 10S23 14.707 23 21.851'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .funny {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23402A32' d='M8.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.544 3.544 0 0 0-.85-1.747C12.563 8.452 11.696 8 10.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38m11 0c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.543 3.543 0 0 0-.85-1.747C23.563 8.452 22.696 8 21.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38'/%3e%3cpath fill='%23BB1D80' d='M6 16h20s0 3.774-2.318 6.685H8.318C6 19.774 6 16 6 16'/%3e%3cpath fill='%23fff' d='M7.759 19.794L7 16h18l-.759 3.794A1.5 1.5 0 0 1 22.771 21H9.23a1.5 1.5 0 0 1-1.471-1.206m.526 2.849C9.738 24.49 12.114 26 16 26c3.886 0 6.262-1.51 7.715-3.357A1 1 0 0 0 22.78 22H9.22a1 1 0 0 0-.935.643'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .congrats {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23F59F00' d='m24.262 22.448l-.154-9.39c-.1-.892-.588-2.089-2.259-2.089c-1.95.093-2.026 2.089-2.026 2.089l-2.97-5.306c-.743-1.13-1.961-1.208-2.723-.743c-.763.465-.929 1.408-.929 1.408l-.618-.805c-.466-.762-1.858-.85-2.568-.417c-1.179.719-1.35 2.209-.588 3.032c-.05-.054-.632-.256-1.609.34c-.762.465-.998 1.856-.572 2.645c.425.79.487.913.487.913s-.657-.31-1.694.387c-.741.498-1.007 1.976-.541 2.738l2.496 4.209l3.435 5.613c2.02 2.863 6.326 3.851 9.455 1.95c2.134-1.296 3.581-4.034 3.378-6.574'/%3e%3cpath fill='%23D67D00' d='m13.293 8.564l-.091-.148c.003-.017.109-.591.518-1.06l.423.68l1.261 2.028a428.29 428.29 0 0 0 2.324 3.703a.5.5 0 1 1-.84.544a425.774 425.774 0 0 1-2.332-3.719zm-3.915 1.635a1.698 1.698 0 0 0-.226-.046a.78.78 0 0 1 .226.046'/%3e%3cpath fill='%23D67D00' d='M9.41 10.208c.28.082.615.252.992.588c.029.025.096.1.203.251c.1.142.22.324.352.54c.266.43.575.97.89 1.534c.167.296.336.6.5.898c.454.818.879 1.585 1.14 1.987a.5.5 0 0 0 .839-.543c-.24-.372-.637-1.086-1.081-1.888l-.525-.943a45.512 45.512 0 0 0-.912-1.57a11.27 11.27 0 0 0-.388-.594a2.595 2.595 0 0 0-.353-.42c-.796-.707-1.53-.903-2.097-.908c.027.396.175.773.44 1.068m-1.72 3.901a2.965 2.965 0 0 0-.314-.052c.152.005.26.033.314.051m.04.009l.094.024c.326.087.626.225.828.405c.102.09.255.275.452.555c.192.271.403.6.622.953c.178.286.362.591.542.89c.255.421.501.828.703 1.14a.5.5 0 0 0 .84-.543a44.087 44.087 0 0 1-.671-1.089c-.18-.299-.37-.613-.564-.925a21.103 21.103 0 0 0-.654-1.002c-.202-.286-.411-.554-.605-.727c-.36-.32-.824-.514-1.235-.623a3.768 3.768 0 0 0-.914-.13c.023.057.049.114.078.167c.37.687.465.87.483.905'/%3e%3cpath fill='%23FFC83D' d='M29.953 22.372v-9.485c-.1-.9-.75-2.11-2.437-2.11c-1.97.095-2.047 2.11-2.047 2.11l-3-5.36c-.75-1.14-1.98-1.22-2.75-.75S18.78 8.2 18.78 8.2l-.625-.813c-.47-.77-1.876-.86-2.593-.422c-1.191.727-1.364 2.232-.594 3.063c-.05-.055-.639-.258-1.625.344c-.77.47-1.008 1.875-.578 2.672c.43.796.492.921.492.921s-.664-.312-1.711.391c-.749.503-1.017 1.996-.547 2.766l2.521 4.25l3.47 5.67c2.04 2.892 6.39 3.89 9.55 1.97c2.155-1.309 3.617-4.075 3.412-6.64'/%3e%3cpath fill='%23D67D00' d='m18.785 8.183l.012.021l1.263 2.03a426.27 426.27 0 0 0 2.333 3.717a.5.5 0 1 0 .84-.543a405.636 405.636 0 0 1-2.324-3.704c-.475-.761-.928-1.49-1.262-2.028l-.34-.548a2.47 2.47 0 0 0-.522 1.055M14.889 9.99a1.86 1.86 0 0 0-.397-.035c.184-.014.318.009.397.034m1.287.657A2.725 2.725 0 0 0 14.944 10a1.788 1.788 0 0 1-.435-1.046c.598-.006 1.496.203 2.331.945c.206.183.467.549.725.94c.272.414.583.922.894 1.44c.232.387.462.778.677 1.143c.37.627.695 1.18.909 1.51a.5.5 0 1 1-.84.543a56.49 56.49 0 0 1-.95-1.577c-.212-.361-.435-.74-.654-1.105a40.348 40.348 0 0 0-.871-1.403c-.274-.416-.465-.664-.554-.744m-2.802 3.34a3.303 3.303 0 0 0-.131-.05a78.72 78.72 0 0 0-.477-.893a1.569 1.569 0 0 1-.102-.234c.333-.004.733.107 1.087.25a4.2 4.2 0 0 1 1.175.708c.202.18.415.472.615.777c.208.318.431.697.653 1.084c.135.235.269.472.399.702a29.5 29.5 0 0 0 .827 1.414a.5.5 0 1 1-.84.543c-.252-.39-.563-.942-.877-1.5a99.595 99.595 0 0 0-.376-.662c-.22-.383-.432-.741-.623-1.033c-.2-.305-.35-.495-.442-.578a3.21 3.21 0 0 0-.888-.528m13.029.554c-.172-.297-.519-.916-.934-1.662a2.66 2.66 0 0 1 .44-1.268c.598 1.078 1.134 2.04 1.36 2.428a.5.5 0 0 1-.866.502'/%3e%3cpath fill='%2346A4FB' d='m8.052 4.817l-1.22-1.651a.468.468 0 0 1 .23-.723l1.36-.423c.3-.093.6.155.58.475l-.14 2.074c-.04.424-.56.589-.81.248M5.692 6.44l-1.86-.78a.443.443 0 0 1-.15-.72l.97-1.03a.45.45 0 0 1 .73.11l.89 1.81c.17.37-.2.77-.58.61M2.52 9.359l2.071-.27c.425-.052.56-.602.207-.85l-1.73-1.163a.472.472 0 0 0-.714.28l-.342 1.432a.463.463 0 0 0 .508.571'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .joy {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M16 29c8.668 0 13-5.82 13-13S24.668 3 16 3S3 8.82 3 16s4.332 13 13 13'/%3e%3cpath fill='%23BB1D80' d='M5 3h12L3 16V5a2 2 0 0 1 2-2'/%3e%3cpath fill='%235092FF' d='M3 8.414L8.414 3H5.586L3 5.586zm0 5L13.414 3h-2.828L3 10.586z'/%3e%3cpath fill='%23F70A8D' d='M28.5 5.75a.75.75 0 0 0-1.5 0C27 7.052 25.909 8 24.75 8a.75.75 0 0 0 0 1.5c1.918 0 3.75-1.552 3.75-3.75m-18 19a.75.75 0 0 0-1.5 0C9 26.052 7.909 27 6.75 27a.75.75 0 0 0 0 1.5c1.918 0 3.75-1.552 3.75-3.75'/%3e%3cpath fill='%23402A32' d='M9.982 14.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.544 3.544 0 0 0-.85-1.747C13.563 11.452 12.696 11 11.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38m10 0c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.543 3.543 0 0 0-.85-1.747C23.563 11.452 22.696 11 21.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38'/%3e%3cpath fill='%2300A6ED' d='M25 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0M9 21a1 1 0 1 0 0-2a1 1 0 0 0 0 2m17 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2m.321-16A3.321 3.321 0 0 0 23 16.321v.129A2.55 2.55 0 0 0 25.55 19a1.95 1.95 0 0 0 1.95-1.95v-.3a.75.75 0 0 0-1.5 0v.3a.45.45 0 0 1-.45.45c-.58 0-1.05-.47-1.05-1.05v-.129c0-1.006.816-1.821 1.821-1.821h.179a2 2 0 0 1 2 2v.361A3.139 3.139 0 0 1 25.361 20H19a.75.75 0 0 0 0 1.5h6.361A4.639 4.639 0 0 0 30 16.861V16.5a3.5 3.5 0 0 0-3.5-3.5z'/%3e%3cpath fill='%23402A32' d='M17.67 16.92a1 1 0 1 0 0 2a.52.52 0 1 1 0 1.04a1 1 0 1 0 0 2a.52.52 0 1 1 0 1.04a1 1 0 1 0 0 2a2.52 2.52 0 0 0 2.01-4.04a2.52 2.52 0 0 0-2.01-4.04'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .bored {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3ccircle cx='16' cy='21' r='6' fill='%23BB1D80'/%3e%3cpath fill='%23FF822D' fill-rule='evenodd' d='M13.2 17.939a1.25 1.25 0 0 0-1.927-1.573l-3.116 3.116V18.5c0-.69-.56-1.25-1.25-1.25s-1.25.56-1.285 1.249c-.086 1.636-.346 3.822-.965 4.751c-1 1.5-1 4.5 1 6c3.816 2.862 8.334-2.018 8.741-2.473l2.643-2.643A1.25 1.25 0 0 0 16.126 22l.354-.31a1.25 1.25 0 0 0-1.512-1.983l1.073-1.073a1.25 1.25 0 0 0-1.768-1.768z' clip-rule='evenodd'/%3e%3cpath fill='%23402A32' fill-rule='evenodd' d='M7.894 12.447c.355-.709 1.11-1.311 2.047-1.623c.937-.313 1.903-.284 2.612.07a1 1 0 1 0 .894-1.789c-1.29-.645-2.825-.617-4.138-.179c-1.314.438-2.558 1.336-3.203 2.627a1 1 0 1 0 1.788.894m16.211 0c-.354-.709-1.11-1.311-2.046-1.623c-.937-.313-1.903-.284-2.612.07a1 1 0 1 1-.894-1.789c1.29-.645 2.825-.617 4.138-.179c1.314.438 2.558 1.336 3.203 2.627a1 1 0 1 1-1.788.894' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .shock {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23fff' d='M10.5 19a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9'/%3e%3cpath fill='%23402A32' d='M8.07 7.988c-.594.562-.952 1.24-1.096 1.67a.5.5 0 1 1-.948-.316c.19-.57.63-1.392 1.355-2.08C8.113 6.567 9.148 6 10.5 6a.5.5 0 0 1 0 1c-1.048 0-1.846.433-2.43.988M12 17a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4m5.026-7.342c-.144-.43-.503-1.108-1.095-1.67C23.346 7.433 22.548 7 21.5 7a.5.5 0 1 1 0-1c1.352 0 2.387.567 3.12 1.262c.723.688 1.164 1.51 1.354 2.08a.5.5 0 1 1-.948.316'/%3e%3cpath fill='%23BB1D80' d='M13.17 22c-.11.313-.17.65-.17 1v2a3 3 0 1 0 6 0v-2c0-.35-.06-.687-.17-1L16 21z'/%3e%3cpath fill='%23fff' d='M13.17 22a3.001 3.001 0 0 1 5.66 0z'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .cringe {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23FF6723' d='M11 21c0 1.105-1.343 2-3 2s-3-.895-3-2s1.343-2 3-2s3 .895 3 2m16 0c0 1.105-1.343 2-3 2s-3-.895-3-2s1.343-2 3-2s3 .895 3 2'/%3e%3cpath fill='%23fff' d='M10.5 18a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9'/%3e%3cpath fill='%23402A32' d='M12 16a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4M8.07 7.988c-.594.562-.952 1.24-1.096 1.67a.5.5 0 1 1-.948-.316c.19-.57.63-1.392 1.355-2.08C8.113 6.567 9.148 6 10.5 6a.5.5 0 0 1 0 1c-1.048 0-1.846.433-2.43.988m15.86 0c.593.562.952 1.24 1.096 1.67a.5.5 0 0 0 .948-.316c-.19-.57-.631-1.392-1.355-2.08C23.887 6.567 22.852 6 21.5 6a.5.5 0 1 0 0 1c1.049 0 1.847.433 2.432.988M14 22a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .sadness {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23fff' d='M10.42 19.224a4.206 4.206 0 1 0 0-8.411a4.206 4.206 0 0 0 0 8.411m11.148.077a4.244 4.244 0 1 0 0-8.489a4.244 4.244 0 0 0 0 8.49'/%3e%3cpath fill='%23402A32' d='M6.974 10.658c.144-.43.502-1.108 1.095-1.67C8.654 8.433 9.452 8 10.5 8a.5.5 0 0 0 0-1c-1.351 0-2.386.567-3.118 1.262c-.724.688-1.166 1.51-1.355 2.08a.5.5 0 1 0 .948.316m6.732 13.049c.28-.28 1.007-.707 2.293-.707c1.227 0 2.018.433 2.293.707a1 1 0 0 0 1.414-1.414C18.981 21.567 17.639 21 16 21c-1.714 0-2.986.572-3.707 1.293a1 1 0 0 0 1.414 1.414M23.93 8.988c.593.562.952 1.24 1.096 1.67a.5.5 0 1 0 .948-.316c-.19-.57-.631-1.392-1.355-2.08C23.887 7.567 22.852 7 21.5 7a.5.5 0 1 0 0 1c1.049 0 1.847.433 2.432.988M14 15a3 3 0 1 1-6 0a3 3 0 0 1 6 0m10 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0'/%3e%3cpath fill='%233F5FFF' d='M6 21a2 2 0 1 1 4 0v3a2 2 0 1 1-4 0z'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .anger {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23F8312F' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23fff' d='M10.5 19a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9'/%3e%3cpath fill='%23402A32' d='M14.999 11.29a.75.75 0 0 0-.71-.789c-.828-.044-1.504-.241-2.039-.613c-.527-.367-.979-.948-1.289-1.876a.75.75 0 1 0-1.422.476c.394 1.18 1.019 2.049 1.854 2.63c.828.577 1.8.827 2.817.881a.75.75 0 0 0 .789-.71m2.002.001a.75.75 0 0 1 .709-.789c.83-.044 1.505-.241 2.04-.613c.526-.367.978-.948 1.289-1.876a.75.75 0 1 1 1.422.476c-.394 1.18-1.019 2.049-1.854 2.63c-.828.577-1.8.827-2.817.881a.75.75 0 0 1-.789-.71M14 15a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0'/%3e%3cpath fill='%23533566' d='M7 21.5A1.5 1.5 0 0 1 8.5 20h15a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 7 27.5z'/%3e%3cpath fill='%23fff' d='M12.176 22.032a.5.5 0 0 1 .292.644l-.121.324h1.431l.254-.675a.5.5 0 0 1 .936.35l-.121.325H15a.5.5 0 0 1 0 1h-.528l-.375 1h.403a.5.5 0 0 1 0 1h-.778l-.254.676a.5.5 0 0 1-.936-.351l.121-.325h-1.431l-.254.676a.5.5 0 0 1-.936-.351l.121-.325H10a.5.5 0 1 1 0-1h.528l.375-1H10.5a.5.5 0 1 1 0-1h.778l.254-.675a.5.5 0 0 1 .644-.293M13.403 24h-1.431l-.375 1h1.431zm5.565-1.324a.5.5 0 0 0-.936-.351l-1.5 4a.5.5 0 0 0 .936.35zM19 27a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m3-4.5a.5.5 0 0 0-1 0v2a.5.5 0 1 0 1 0zm-5.5.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m5.5 3.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .disgust {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23FFB02E' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23402A32' d='M9.447 12.106a1 1 0 0 0-.894 1.788L10.763 15l-2.21 1.105a1 1 0 0 0 .894 1.79l4-2a1 1 0 0 0 0-1.79zm13.106 0a1 1 0 0 1 .894 1.788L21.237 15l2.21 1.105a1 1 0 0 1-.894 1.79l-4-2a1 1 0 0 1 0-1.79z'/%3e%3cpath fill='%23BB1D80' d='M8 23a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3z'/%3e%3cpath fill='%2300D26A' d='M21.01 23.16c.15 2.65 2.78 4.87 6.01 4.87c1.1 0 1.98.97 1.98 1.97H3c0-1.11.87-1.97 1.98-1.97c3.33 0 6.03-2.35 6.03-5.11L11 20h10z'/%3e%3cpath fill='%2300D26A' d='M7 25.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m21.75 1a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m-.75-4a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .facepalm {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3e%3cpath fill='%23ffb300' d='M33.6 2C52 2 62 13.4 62 28.3V62H5.3V28.3C5.3 6.1 20.6 6.5 20.6 6.5S21.8 2 33.6 2'/%3e%3cpath fill='%23c28fef' d='M21 52.2h25.2V62H21z'/%3e%3cpath fill='%23ffdd67' d='M54.1 44.8s4.1-1 4.1-7.1c0-4.8-3.1-5.6-3.1-5.6c-19.1 0-29.3-9.4-29.3-9.4s-6.9 7.7-13.5 9.4c0 0-3.2.6-3.2 5.6c0 6.1 4.3 7.1 4.3 7.1c0 3.8 12.7 16.2 20.3 16.2c7.6.1 20.4-12.3 20.4-16.2'/%3e%3cellipse cx='33.6' cy='55.2' fill='%23937237' rx='4' ry='3'/%3e%3cpath d='M13.7 17.3s2.9 1.4 3.9 5.3c.6 2.3.9 2.4 2 3.2l6.2-12c.6-1.1 1.9-1.5 2.9-.9s1.4 1.9.8 3l.7-1.4c.7-1.3 2.3-1.8 3.5-1.1c1.2.7 1.7 2.2 1 3.5l-.5 1c.6-1.1 2-1.6 3-1c1.1.6 1.4 1.9.8 3.1l-1.2 2.3c.6-1 1.8-1.5 2.8-.9c1 .5 1.6 1.9 1 2.9c-10.1 18.1-10.7 19.2-15.3 19.8c0 0-3.9 4.4-7 17.9l1.6-25.1z' opacity='.3'/%3e%3cpath fill='%23b386e2' d='m23.9 42l-8.7-4.7S7.8 47.3 2 61.9h16.3c0 .1.1-11.2 5.6-19.9'/%3e%3cpath fill='%23ffdd67' d='M11.4 17.3c1.5-1 3.9.3 4.8 4.2c.6 2.3.7 3.2 1.8 4l7-12.8c1.8-3 4.9-1.1 3.5 1.9l-5.1 10l6.4-10.8c1.6-3 5.8-1.6 4.1 2l-6.2 10.7l6-9.2c2.1-3.2 5-.9 3.5 1.6l-5.1 9.7l4.8-7c1.6-2.5 4.3-.5 3 1.8c0 0-8 15.5-11.3 18c-4.8 3.7-16.6-.9-15.7-11.1c.2-2-.6-4-1-6.2c-.3-2.8-2.2-5.7-.5-6.8'/%3e%3cpath fill='%23937237' d='M38.4 40.8c2.7 5.1 8.2 5.1 10.9 0c.1-.3-.2-.4-.7-.7c-2.7 2.1-7.2 2-9.6 0c-.4.4-.8.5-.6.7'/%3e%3c/svg%3e");
  }
  & .clown {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23F7A7B8' d='M15.999 1C11.095 1 7.313 2.654 4.763 5.423C2.226 8.178 1 11.938 1 15.999c0 4.061 1.226 7.82 3.763 10.576c2.55 2.769 6.332 4.423 11.236 4.423c4.904 0 8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576c0-4.061-1.227-7.821-3.764-10.576C24.684 2.654 20.903 1 16 1'/%3e%3cpath fill='%23F8312F' d='M11 7a3 3 0 1 0-2.14-5.102A5 5 0 0 0 1.898 8.86a3 3 0 1 0 5.1 2.04A5.006 5.006 0 0 0 10.9 6.998zm10 0a3 3 0 1 1 2.14-5.102a5 5 0 0 1 6.962 6.962a3 3 0 1 1-5.1 2.04A5.006 5.006 0 0 1 21.1 6.998A3.028 3.028 0 0 1 21 7'/%3e%3cpath fill='%23fff' d='M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999c0 7.731 4.664 13.999 13.999 13.999'/%3e%3cpath fill='%23F70A8D' d='M24.262 17.86c.449.201.738.648.738 1.14c0 2.498-1.048 4.538-2.741 5.93C20.589 26.304 18.356 27 16 27c-2.356 0-4.59-.697-6.259-2.07C8.048 23.539 7 21.499 7 19a1.25 1.25 0 0 1 1.972-1.02l.01.006l.066.044a6 6 0 0 0 .317.186c.291.16.74.383 1.338.608c1.193.45 2.98.913 5.296.913c2.612-.004 4.393-.473 5.488-.909a7.14 7.14 0 0 0 1.164-.576a3.45 3.45 0 0 0 .239-.164l.04-.031a1.25 1.25 0 0 1 1.332-.197m-2.254 3.443c-1.386.496-3.356.93-6.006.934H16c-2.576 0-4.617-.5-6.05-1.025A4.908 4.908 0 0 0 11.329 23c1.146.942 2.787 1.5 4.671 1.5c1.884 0 3.525-.558 4.671-1.5a4.919 4.919 0 0 0 1.337-1.697'/%3e%3cpath fill='%23F8312F' d='M16 18a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5'/%3e%3cpath fill='%230074BA' d='M15 12a5 5 0 1 1-10 0a5 5 0 0 1 10 0m12 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0'/%3e%3cpath fill='%23fff' d='M15 12.25a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0m9.5 0a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0'/%3e%3cpath fill='%23402A32' d='M14.5 12.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m7.5 0a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0'/%3e%3c/g%3e%3c/svg%3e");
  }
  & .poop {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cg fill='none'%3e%3cpath fill='%23B35F47' d='M22.072 6.66c.126 1.058-.063 1.734-.309 2.133c2.029.56 3.879 1.974 4.743 3.82c.625 1.532.66 3.359.192 5.027C29.18 18.847 31 21.547 31 24.429c0 3.722-2.723 6.399-6.574 6.624v.016H9.03v-.004C4.26 30.95 2 27.75 2 24.023c0-2.494 2.149-5.47 4.549-6.49c-.002-.22.02-.387.056-.512c-.929-1.88.021-3.78.618-4.5l.227-.294l.01-.013c.83-1.083 1.331-1.736 4.895-3.279c3.887-1.683 5.269-3.336 5.8-4.006c.146-.184.281-.425.42-.672c.366-.652.763-1.358 1.478-1.245c.987.156 1.761 1.465 2.02 3.647'/%3e%3cpath fill='%23F92F60' d='M12.625 25.159h7.906c0 2.379-1.77 3.918-3.953 3.918s-3.953-1.476-3.953-3.918'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M15.585 19.619a4.485 4.485 0 1 1-8.97 0a4.485 4.485 0 0 1 8.97 0m10.9 0a4.485 4.485 0 1 1-8.97 0a4.485 4.485 0 0 1 8.97 0' clip-rule='evenodd'/%3e%3cpath fill='%23402A32' fill-rule='evenodd' d='M12.015 22.131a2.483 2.483 0 1 0 0-4.967a2.483 2.483 0 0 0 0 4.967m9.011 0a2.483 2.483 0 1 0 0-4.967a2.483 2.483 0 0 0 0 4.967' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e");
  }
}
.comment-row .reaction-main-container {
  display: inline-flex;
  gap: 2px;
  & .svg-icon-bg {
    background-size: 100%;
    width: 18px;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}
.custom-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  font-size: 13px;
  border-radius: 6px;
  padding: 6px 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  white-space: nowrap;
  z-index: 10;
  top: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  min-width: fit-content;
}

.reaction-main-container {
  position: relative;
  margin-top: 5px;
  &:empty {
    display: none;
  }
}

.custom-tooltip.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.tooltip-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
}

.tooltip-count {
  font-weight: 500;
}

@media (max-width: 980px) {
  .user-profile-header .user-profile-navigation {
    background-color: transparent;
  }
  .user-profile-header .ad-holder {
    display: none;
    height: 0;
  }
  .page-aside .content-block {
    max-width: none;
    margin-right: 0;
  }
  .user-profile-header {
    padding: 20px 0 0 0;
    margin: 0;
    & .user-profile-navigation ul {
      padding: 0;
    }
  }
  .user-profile-header .side-two {
    padding: 20px 0 0 0;
    border: none;
  }

  .user-profile-header-bar {
    margin-inline: 0;
  }
  .user-profile-header .side-one {
    flex-basis: auto;
    margin: 0 20px;
  }
  .user-profile-header .flexbox-container {
    align-items: normal;
  }
  .user-profile-header .avatar-container {
    width: 120px;
    height: 120px;
  }

  .prime-content-box {
    margin: 20px 0;
    & .items-wrapper  {
      overflow: scroll;
    }
    &  .tags-list {
      display: block;
      margin: 20px 0;
      & .item {
        display: inline-flex;
      }
    }
  }
  .games-catalogue-flow {
    display: flex;
    & .item.empty {
      display: none;
    }
  }
  .prizes-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    & .item {
      display: flex;
      gap: 20px;
      text-align: left;
      & img {
        max-width: 140px;
      }
    }
  }
  .user-events-stream .events-content {
    padding: 0;
    margin-top: 10px;
  }
  .media-announce-image {
    float: none;
    display: inline-block;
    margin-right: 0;
  }
  .user-friends-list .item {
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }
  .user-friends-list .item > div:last-child,
  .user-friends-list .avatar {
    margin: 0;
  }
  .media-announce-item {
    flex-direction: column;
    box-shadow: none;
  }
  .media-announce-content {
    flex-basis: initial;
    padding: 15px 0 40px;
  }
  .user-events-stream .event-body img {
    float: none !important;
    margin-left: 0;
  }
  .user-events-stream .event-image {
    margin-bottom: 10px;
    width: auto;
    float: none;
    margin-left: 0;
    display: block;
  }
  .user-events-stream .events-content .col-md-3 {
    text-align: left;
  }
  .user-comments-history .comment-header {
    display: block;
  }
  .user-comments-history .comment-link {
    order: 0
  }
  .user-comments-history .comment-object {
    order: 1
  }

  .post-flow-container figure img {
    width: 150px;
    height: 150px
  }

  .user-profile-header-bar {
    display: flex;
    align-items: unset;
    flex-direction: column-reverse;
    padding: 6px;
    gap: 5px;
    background-color: #343434;
    & .user-interaction {
      flex-basis: auto;
    }
  }
  .user-profile-header-bar .btn-dark {
    background-color: #222;
  }
  .user-profile-moderator-tools {
    position: static;
    flex-wrap: wrap;
  }
  .user-profile-sidebar .content {
    display: block;
    background: transparent;
    padding: 0;
  }
  .user-profile-sidebar.profile-nav .user-profile-navigation .item > a {
    background-color: #212121;
    color: #d7d7d7;
  }
  .prime-content-box  {
    & .post-flow-container {
      grid-template-columns: auto;
    }
  }
}
a.js-service-user-self-delete-cancel {
  margin: 20px 0 0;
}
.js-service-user-self-delete-execute {
  margin-bottom: 20px;
}