.page-main-column {
  padding-bottom: 0;
}
.content_aside-container .page-aside {
  order: 1;
  padding-bottom: 50px;
}
.content_aside-container {
  gap: 40px;
  grid-template-columns: 1fr 300px;
}
.comments   {
  margin: 0 0 40px 0;
}

.content_aside-container .page-aside .adv {
  min-width: 300px;
  height: 1px;
}
body:has(.mezzanine) .page-aside {
  padding-top: 20px;
}
#comments{
  scroll-margin-top: 100px;
}
.post-full  {
  background-color: var(--bg-card);
  padding: 20px 80px 20px 30px; 
  margin-top: 0;
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
body:has(.mezzanine) .content-column .post-full {
  margin-top: 20px;
}
.post-full .comments-block {
  border: none;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  min-height: 180px;
}

.post-full .post-metadata {
  display: flex;
  gap: 5px;
  align-items: center;
}
.user-special-label {
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-flex;
  line-height: 1;
  align-items: center;
  border: 1px solid #b31919;
  color: #b31919;
  border-radius: 5px;
  padding: 3px 5px;
  gap: 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='%23b31919' 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='%23b31919' 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;
  }
}

.comments .user-special-label,
.post-sign-name .user-special-label {
  border: none;
  padding: 0;
}
.post-sign-name a:has(.user-special-label){
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.post-sign-name,
.post-full .post-metadata {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 1.4rem;
}
.post-full .post-metadata a {
  display: flex;
  align-items: center;
  gap: 5px;
  position: static;
  color: var(--text-primary);
  font-weight: normal;
}
.post-full  .post-metadata .avatar {
  opacity: 1;
  margin: 0;
}
.post-full .post-metadata .author {
  font-size: 1.4rem;
}

/* Фикс для скролла uquiz, чтобы шапка меню не перекрывала контент */
iframe.uquiz {
  padding-top: 85px;
  margin-top: -85px;
}
.post-copyright::after {
  content: '\00A9';
  font-size: 1.9rem;
  color: var(--main-color);
  line-height: 1;
  vertical-align: top;
  margin: 0 0 0 -8px;
}
pg-embed {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
pg-embed iframe {
  display: block;
  max-height: 640px;
  margin-left: auto;
  margin-right: auto;
}
pg-embed[type="twitter"] iframe {
  max-height: none;
}
pg-embed .informational-video-notice {
  text-align: center;
  position: absolute;
  right: 0;
  top: 60px;
  margin: 0 0 8px 0 !important;
  color: white;
  background: rgba(23, 23, 23, .8);
  height: 47px;
  padding: 10px;
  width: 100%;
}

@media (max-width: 960px) {
  pg-embed .informational-video-notice {
    font-size: 1.3rem;
    height: 40px;
    top: 60px;
  }
}

@media (max-width: 500px) {
  pg-embed .informational-video-notice {
    font-size: 1rem;
    height: 28px;
    top: 50px;
    padding: 5px;
  }
}
.post-flow-container pg-embed {
  margin: 0;
}
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;
  aspect-ratio: 16 / 9;
  display: block;
  margin-inline: auto;
}

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;
}
pg-embed[type="steam"] iframe {
  min-width: 646px;
  min-height: 190px;
}
pg-embed[type="coub"] iframe {
  min-width: 640px;
  min-height: 360px;
}
pg-embed[type="giphy"] iframe {
  min-width: 400px;
  min-height: 400px;
}
twitter-widget,
pg-embed[type="twitter"] iframe,
pg-embed[type="instagram"] iframe,
.twitter-tweet {
  margin-left: auto !important;
  margin-right: auto !important;
}
.article-content .post-embed a {
  text-align: left;
  padding: 15px 30px;
  margin: 25px 0;
  font-size: clamp(1.4rem, 2.5vw, 1.6rem);
  line-height: 1.2;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  border-radius: 5px;
  display: block;
  background-color: var(--bg-content-highlite);
  color: var(--color-contrast);
  text-decoration: none;
}
.article-content .post-embed a:hover {
  background-color: var(--bg-button-secondary);
  color: var(--color-primary);
}
.pg-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.pg-gallery .pg-gallery-item {
  flex-basis: calc(100% / 3 - (3px * 2 /3));
  position: relative;
}
.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);
}
.article-content {
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--text-primary);
  font-family: Arial, Helvetica, sans-serif;
  word-break: break-word;
}
.article-content .pg-gallery figure{
  margin: 0;
}
pg-hide {
  margin: 25px 0;
  display: block;
}
.article-content pg-file + figure,
.article-content pg-file + p {
  margin-top: 20px;
}
.article-content .pg-hide-body > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.article-content figcaption {
  width: 100%;
  padding: 0 40px;
  color: #999;
  font: normal italic 1.4rem/1.2 Arial, sans-serif !important;
  text-align: center;
  display: block;
  margin-top: 5px;
  border: none;
  cursor: default;
}
.article-content pre span,
.article-content pre {
  white-space: pre-wrap
}
.article-content h2,
.article-content h3 {
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  clear: left;
  font-weight: normal;
  padding: 0;
  line-height: 1;
  margin: 25px 0;
}
.article-content h2 {
  font-size: 3rem;
}
.article-content h3 {
  font-size: 2.6rem;
}
.article-content h4 {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 25px;
}
.article-content h2 strong,
.article-content h3 strong {
  font-weight: normal;
}
.article-content h2 a, .article-content h3 a {
  color: var(--color-contrast);
}
.article-content blockquote {
  background: var(--bg-button-secondary);
  font-size: 1.6rem;
  font-weight: normal;
  padding: 30px 40px 30px 60px;
  line-height: 1.5;
  margin: 25px 0;
  font-style: normal;
  position: relative;
  border: none;
  border-radius: 5px;
}
.article-content blockquote:before {
  position: absolute;
  left: 20px;
  top: 70px;
  content: "\201C";
  font-size: 8rem;
  margin: -20px 0 0 0;
  color: #ccc;
  line-height: 25px;
}
.article-content blockquote:after {
  position: absolute;
  right: 20px;
  bottom: 0;
  content: "\201D";
  font-size: 8rem;
  color: #ccc;
  line-height: 25px;
}
.article-content blockquote p {
  margin: 15px 0;
}

.article-content .article-summary {
  font-style: italic;
  color: #111;
  font-size: 1.7rem;
  font-weight: normal;
  margin: 25px 0;
  line-height: 1.4;
}
.article-content .insetblock {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin-bottom: 20px;
}
.article-content .insetblock img {
  display: inline-block;
  width: 145px;
  height: auto;
  margin: 0 4px 7px 0;
}
.article-content .insetblock br {
  display: none;
}
.article-content p {
  margin: 25px 0;
  vertical-align: top;
}
.article-content ul,
.article-content ol {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 0;
  & li {
    margin-left: 1.5em;
  }
}
.article-content ul ul,
.article-content ol ul,
.article-content ol ol {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 1.5em;
}
.article-content ol ol {
  list-style-type: lower-alpha;
}
.article-content li {
  margin-bottom: 8px;
}
.article-content p span, .article-content li span {
  font-size: inherit !important;
}
.user-content-image {
  vertical-align: top;
}
.article-content .image-wrapper {
  margin: 10px auto 25px;
  font: normal 2rem/1 'Arial Narrow', Arial, sans-serif;
  text-align: center;
}
.article-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.article-content object {
  max-width: 100%;
}
.article-content.publication-content img {
  height: auto;
  border: none;
}
.article-content * + h2 {
  margin-top: 50px;
}
.article-content * + h3 {
  margin-top: 40px;
}
.article-content img + img {
  margin-top: 10px;
}
.user-content-image + .user-content-image, .user-content-image + img {
  margin-top: 10px;
  display: inline-block;
}
.article-content figure {
  vertical-align: top;
  margin: 20px 0;
  text-align: center;
}
.article-content a + .info-btn {
  background-color: var(--bg-button-secondary);
  border: 1px solid var(--border-base);
  padding: 2px 3px;
  display: inline-flex;
  margin-inline: 2px 0;
  vertical-align: top;
  & span {
    opacity: 0.7;
  }
  &:hover span {
    opacity: 1;
  }
}
.article-content h2 a + .info-btn {
  vertical-align: baseline;
  margin-left: 5px;
}
.article-content p:empty {
  display: none;
}
.youtube-embedding-error a {
  text-decoration: underline;
}
.article-content.publication-content table {
  width: auto;
  border-color: #eee;
}

.article-content.publication-content table td {
  border-color: #eee;
}

.article-content .image-wrapper a {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin-bottom: 15px;
}

.article-content-prefooter .header {
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-content-prefooter.files .header {
  display: block;
}
.article-content-prefooter.files .title {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0 0 5px 0;
}
.article-content-prefooter.files .post-signature {
  margin: 10px 0 0 0;
}
.article-content-footer {
  display: flex;
  padding: 15px;
  background-color: var(--bg-card);
  margin: 40px 0;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  overflow: hidden;
  font-size: 1.4rem;
}
.article-content-footer img {
  margin: 0 20px 0 0;
}
.article-content-footer .title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 5px;
}
.article-content-footer .gp-game-follow {
  background-color: #444;
  margin: 10px 0 0 0;
}
.article-content-footer .gp-game-follow .text {
  display: block;
  color: #eee;
}

.article-content .pg-separator,
.article-content hr {
  margin: 50px 0;
  position: relative;
  display: block;
  border: none;
  height: 32px;
}

.article-content .pg-separator > :before,
.article-content hr:before {
  content: '***';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
  font-size: 4rem;
  line-height: 50px;
}

.article-content a:hover,
.comments-content a:hover,
.gp-game-heading .description a:hover {
  color: var(--color-hover);
}
.article-content .comments-item-author {
  color: #4a4a4a;
}
.article-content .text-muted {
  color: #777;
}
.article-content a strong {
  font-weight: normal;
}
.post-signature {
  color: #919191;
  font-size: 1.2rem;
}
.post-signature .avatar-image {
  border-radius: 100%;
  margin: 0 10px 0 0;
  max-width: none;
}
.post-signature .post-sign-name {
  font-weight: bold;
  font-size: 1.6rem;
}

.post-sign-name a:hover,
.post-signature a:hover  {
  color: var(--main-color);
}
.post-signature-info {
  display: flex;
  align-items: center;
}

.post-signature-info-header .btn {
  margin: 0 0 0 5px;
  border: none
}
.post-signature-aside {
  width: 100%;
}

.content-rating-area {
  padding-top: 20px;
  border-top: 1px solid #eee;
  margin: 40px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.post-rating-area .btn-set  {
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-rating-wrapper {
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 20px;
  padding-bottom: 20px;
}

.post-rating-wrapper .buttons {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: sticky;
  top: 85px;
}

.reaction-main-container {
  height: 110px;
  padding: 13px 0 10px;
  background-color: var(--bg-button-secondary);
  width: 40px;
  border-radius: 20px;
  margin: 0 0 25px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  & .main-button-wrapper {
    position: relative;
    margin: 0 0 15px 0;
    width: 100%;
    text-align: center;
    & .main-button {
      width: 30px;
      height: 30px;
      padding: 0;
      border: none;
      border-radius: 100%;
      background-color: transparent;
      & span {
        width: 100%;
        height: 100%;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-flex;
        &.empty {
          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='%23cccccc' d='M61.1 18.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4 36.7 29.6 53.3 32 56c2.4-2.2 36-19.6 29.1-37.8'/%3e%3c/svg%3e");
          background-size: 70%;
          &:hover {
            filter: brightness(0.8);
          }
        }
      }
      &:has(.empty) {
        background-color: var(--bg-card);
      }
    }
    & .reaction-long-list {
      position: absolute;
      background-color: var(--bg-accent);
      border-radius: 10px;
      padding: 10px;
      box-shadow: 0 0 2px rgba(0,0,0,0.5);
      right: 100%;
      top: 0;
      grid-template-columns: repeat(7, 1fr);
      gap: 12px;
      display: grid;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.2s ease, transform 0.2s ease;
      pointer-events: none;
      &.visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }
      & .item {
        position: relative; 
        & button {
          width: 30px;
          height: 30px;
          padding: 0;
          border: none;
          border-radius: 100%;
          background-color: transparent;
          & span {
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            display: inline-flex;
            background-size: 100%;
            transition: transform 0.3s ease;
          }
        }
        & .counter {
          position: absolute;
          bottom: 0;
          right: 0;
          display: inline-flex;
          width: 16px;
          height: 16px;
          line-height: 1;
          align-items: center;
          justify-content: center;
          background-color: #eee;
          color: #666;
          font-size: 1.2rem;
          border-radius: 100%;
          pointer-events: none;
        }
        &:hover .counter {
          display: none;
        }
        &:hover button span {
          transform: scale(170%);
        }
      }
      & [data-balloon]:after, [data-balloon]:before {
        transition-delay: 800ms;
        pointer-events: none;
      }
    }
  }
  & .reaction-main-counter {
    font-size: 1.4rem;
    margin: 6px 0 0 0;
    line-height: 1;
    text-align: center;
  }
  & .reaction-short-list {
    min-height: 18px;
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    & .item {
      background-size: 100%;
      border-radius: 100%;
      min-width: 18px;
      aspect-ratio: 1 / 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background-position: center center;
    }
  }
} 
.reaction-long-list button:not(:hover)[data-balloon]:after,
.reaction-long-list button:not(:hover)[data-balloon]:before {
  transition-delay: 0ms !important;
  transition-delay: 0ms !important;
}
.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");
  }
}

.comments-block .reaction-main-container {
  flex-direction: row;
  align-items: center;
  height: auto;
  margin: 0;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  width: auto;
  & .main-button-wrapper { 
    margin: 0 25px 0 0;
    display: flex;
    & .main-button {
      width: 26px;
      height: 26px;
      background-color: transparent;
      &:has(.empty) {
        background-color: var(--bg-button-secondary);
      }
    }
  }
  & .reaction-long-list {
    right: auto;
    left: 0;
    top: auto;
    bottom: 100%;
    z-index: 3;
  }
  & .reaction-main-counter {
    margin: 0 0 0 5px;
    line-height: normal;
  }
}
.comments-block .comment-owner .main-button-wrapper {
  display: none;
}
.btn.post-control-button {
  margin: 5px 0;
  border-radius: 100%;
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-button-secondary);
  &.flagged .alert-svg_icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='red' d='M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z'/%3e%3cpath fill='red' fill-rule='evenodd' d='M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z'/%3e%3c/svg%3e");
}
}
.ya-share2 {
  margin: 5px 0;
}
.btn.post-control-button:hover {
  background-color: var(--bg-accent);
  color: var(--text-primary);
}
.btn.post-control-button:hover:after {
  border-top-color: var(--bg-accent);
}
.post-control-button.comments-btn {
  background-color: var(--bg-button-secondary);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 5px;
  line-height: 1;
  font-weight: bold;
  min-width: 30px;
  position: relative;
  height: auto;
}
.post-control-button.comments-btn:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  margin: 0 0 0 -5px;
  border-color:  var(--bg-button-secondary) transparent transparent transparent;
}

.post-categories {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.post-categories .item {
  border-radius: 3px;
  padding: 5px 10px;
  color: #555;
  background-color: var(--bg-button-secondary);
}
.post-categories .item:hover {
  color: #444;
  background-color: #ccc;
}



.btn-group >.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group >.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
  border-radius: 4px;
}

.tooltip .heading {
  margin: 0 12px 0 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.post-summary {
  position: relative;
  z-index: 1;
  font: normal 1.4rem/1.5 Arial, Helvetica, sans-serif;
}
.post-summary a {
  text-decoration: underline;
}

.post-game-flow-container .special-post.post {
  background-color: #222;
  color: #ccc;
}
.post-game-flow-container .special-post.post a {
  color: #fff
}
.special-post.post .post-summary a:hover {
  color: #c00;
  text-decoration: underline;
}
.special-post.post .post-title a:hover {
  color: #c00;
}
.special-post.post .post-signature {
  max-width: none;
  justify-content: normal;
}
.special-post.post .post-signature .avatar {
  margin-right: 10px;
}


.jwplayer.jw-flag-audio-player .jw-media {
  visibility: visible !important;
}
  /**********************RELATED module*******************************/
.related-post-list {
  margin: 20px 0;
}
.related-post-list .item {
  margin: 26px 0;
  display: flex;
}
.related-post-list .item .title {
  margin: 0 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.2;
}
.related-post-list .item  img {
  height: auto;
  border-radius: 5px;
  width: 140px;
}
.related-post-list .item picture {
  flex-shrink: 0;
}

.share-title {
  font-size: 1.4rem;
  margin: 0 5px 0 -50px;
}


.promoted-content {
  margin: 30px -30px 0;
  padding: 30px;
  background-color: #eee;
}
.promoted-bonus-component {
  padding: 0 30px 30px;
  margin: 20px -30px 0;
  display: none;
}
.register-suggest {
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.register-suggest a {
  color: #b31919;
}
.register-suggest .btn{
  background-color: #b31919;
  color: #fff;
  margin-top: 10px;
}
.post-blank {
  margin-top: 20px;
  background-image: url("../img/post-blank.jpg");
  height: 630px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 0 0;
  background-color: var(--bg-card);
  border-radius: 10px;
}
:root[data-theme=dark] .post-blank {
  background-image: url("../img/post-blank-dark.jpg");
}
.post-blank .title {
  background-color: var(--main-color);
  position: absolute;
  display: inline-flex;
  align-items: center;
  font-size: 1.4rem;
  top: 40px;
  left: 50%;
  padding: 10px 15px;
  text-align: center;
  justify-content: center;
  color: var(--text-on-primary);
  transform: translateX(-50%);
  border-radius: 5px;
}

.post-editor-aside {
  font-size: 1.4rem ;
}
.modal .post-reject-label {
  background-color: var(--main-color);
  color: var(--text-on-primary);
  padding: 20px;
  & ol {
    margin: 20px 0;
    padding: 0 0 0 10px;
  }
  & a {
    color: #fff;
  }
}
.post-editor-aside .post-reject-label {
  background-color: var(--bg-card);
  & ol {
    margin: 20px 0;
    padding: 0 0 0 10px;
  }
  & .content-block-heading {
    background-color: var(--main-color);
    color: var(--text-on-primary);
    padding: 10px 20px;
  }
  & a {
    color: var(--color-danger);
  }
}
.post .poll-module {
  background-color: var(--bg-card);
  padding: 30px;
  border-radius: 10px;
}
.post .poll-module label {
  display: flex;
  align-items: center;
}
.post .poll-module .h4 {
  font-weight: bold;
}
.post .poll-module .btn {
  background: #b31919;
  color: #fff;
  text-shadow: none;
  font-weight: bold;
  font-size: 1.8rem;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background-color: var(--bg-button-secondary) !important;
}
@media (min-width: 1250px) {
  #pgContentRoll {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
    height: 225px;
    z-index: 999999999;
    box-shadow: 0 0 20px rgba(0,0,0,0.35);
  }
  #pgContentRoll:empty{
    display: none;
  }

  .post-rating-wrapper .reaction-main-container {
    & .reaction-short-list {
      & .item  {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--bg-button-secondary);
        &:nth-child(1) {
          z-index: 2;
        }
        &:nth-child(2) {
          z-index: 1;
        }
        &:nth-child(3) {
          z-index: 0;
        }
        &:hover {
          z-index: 3;
        }
        &:nth-last-child(2):first-child {
          left: calc(50% - 6px);
        }
        &:nth-last-child(2):first-child + .item {
          left: calc(50% - 12px);
        }
        &:nth-last-child(3):first-child {
          left: calc(50% - 2px);
        }
        &:nth-last-child(3):first-child + .item {
          left: calc(50% - 10px);
        }
        &:nth-last-child(3):first-child + .item + .item  {
          left: calc(50% - 20px);
        }
      }
    }
  }
}
.user-recommendation {
  padding: 15px 15px 10px;
  background-color: var(--bg-card);
  margin: 0 0 20px 0;
  border-radius: 10px;
  font-size: 1.4rem;
}
body:has(.mezzanine) .user-recommendation {
  margin: 0 0 20px 0;
}
.user-recommendation .post-title {
  font-size: 1.8rem;
  margin: 15px 0 10px 0;
}
.user-recommendation .user-promote {
    position: relative;
    z-index: 1;
    padding: 4px 6px;
    background-color: var(--bg-button-secondary);
    margin: 0px 0 0 0;
    color: #999;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    border-radius: 5px;
}
.user-recommendation .user-promote:hover {
  background-color: #989898;
  color: #eee;
}
@media (max-width: 1250px) {
  .post-rating-wrapper {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    margin-left: auto;
  }
  .post-control-button.btn,
  .ya-share2 {
    margin: 0 5px
  }
  .ya-share2__link_more .ya-share2__icon {
    height: 24px !important;
    width: 24px !important;
    background-size: 14px 14px !important;
  }
  .post-rating-wrapper .buttons {
    flex-direction: row-reverse;
    position: static;
    justify-content: center;
  }
  .reaction-main-container {
    height: auto;
    flex-direction: row;
    padding: 0;
    width: auto;
    margin: 0 0 0 5px;
    align-items: center;
    background-color: transparent;
    & .main-button-wrapper {
      margin: 0 15px 0 0;
      display: flex;
      & .main-button {
        &:has(.empty) {
            background-color: var(--bg-button-secondary);
        }
      }
      & .reaction-long-list {
        top: auto;
        right: auto;
        left: 50%;
        bottom: 100%;
        z-index: 2;
        transform: translate(-50%, -10px);
        &.visible {
          transform: translate(-50%, 0);
        }
      }
    }
    & .reaction-main-counter {
      margin: 0 0 0 5px;
    }
  }
  .comments-block .reaction-main-container {
    & .reaction-long-list {
      right: auto;
      transform: translate(-50%, -10px);
    }
  }
}

@media (max-width: 960px) {
  .reaction-main-container {
    & .main-button-wrapper {
      position: static;
    }
  }
  .content_aside-container .page-aside {
    padding-bottom: 0;
  }
  .post-full {
    padding: 20px;
    margin: 0;
    border-radius: 0;
  }
  .content_aside-container {
    grid-template-columns: none;
    gap: 0;
  }
  .promoted-content {
    width: 100%;
    padding: 30px 0;
    margin: 30px 0 0;
  }
  .promoted-bonus-component {
    padding: 20px 0;
    margin: 0;
    background-color: #eee;
  }
  .user-profile-sidebar {
    overflow: hidden;
  }
  .related-post-list  {
    padding: 20px 15px;
    background-color: transparent;
    border-top: 1px solid #eee;
    margin: 0;
  }
  .related-post-list .header {
    flex-direction: column;
  }
  .related-post-list .header .btn {
    margin: 10px 0;
  }
  
  .post-rating-area {
    justify-content: center;
  }
  .related-post-list .wrapper {
    margin: 0;
    flex-direction: column;
  }
  .related-post-list .item {
    display: flex;
    margin: 20px 0 0;
    max-width: none;
  }
  .related-post-list .item .title {
    margin: 10px 0 0 10px;
    flex-basis: 78%;
  }


  .promoted-content.post-flow-container .post {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .post-flow-container .post-content {
    flex-basis: 78%;
    height: auto;
  }
  .post-flow-container .post-title {
    margin-bottom: 0;
    max-width: none;
  }
  .post-flow-container .post.ad-post {
    display: block;
  }

  .promoted-content.post-flow-container .post {
    flex-basis: 100%;
  }
  .article-content {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    position: relative;
  }
  .article-content blockquote:before {
    left: 10px;
    top: 45px;
  }
  .article-content blockquote:after {
    right: 10px;
    bottom: -16px;
  }
  .article-content blockquote {
    padding: 30px;
  }
  .post-signature {
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
  }
  .post-signature-info {
    min-width: auto;
  }
  pg-embed[type="steam"] iframe,
  pg-embed[type="coub"] iframe {
    min-width: auto;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .article-content pg-embed[type="playground"],
  .article-content pg-embed[type="youtube"],
  .article-content pg-embed[type="twitch_video"],
  .article-content pg-embed[type="twitch_channel"] {
    margin-inline: -20px;
  }

  .article-content figure,
  pg-embed[type="steam"] {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .related-post-list .item figure {
    flex-basis: 150px;
    flex-shrink: 0;
  }
  .related-post-list .item img {
    border-radius: 10px;
    width: 130px;
    max-width: none;
    height: 130px;
  }
  .post-summary {
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  
  .post-signature-container {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .pg-gallery {
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: normal;
  }
  .pg-gallery .pg-gallery-item {
    flex-shrink: 0;
    flex-basis: auto;
    display: block !important;
  }
  .article-content .pg-gallery figure {
    width: auto;
    position: static;
  }
  .pg-gallery .pg-gallery-item a::before,
  .pg-gallery-item-more div {
    display: none;
  }
  .article-content-prefooter .header {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
  }
  .article-content-prefooter .post-categories {
    font-size: 1.2rem;
  }
  .article-content-footer > *:first-child {
    flex-shrink: 0;
  }
  .user-recommendation {
    display: flex;
    gap: 10px;
    border-radius: 0;
  }
  .user-recommendation img {
    border-radius: 10px;
  }
}
@media (orientation: portrait) {
  pg-embed[type="youtube"].vertical {
    margin-inline: auto !important;
    aspect-ratio: 9 / 16;
    border-radius: 10px;
    overflow: hidden;
    & .youtube-button {
      background-position: center center;
      background-size: cover !important;
    }
  }
  pg-embed[type="vk"].vertical {
    aspect-ratio: 8.1 / 16;
  }
}