:root {
  --main-color: #b31919;
  --main-text-color: #e20400;
  /* Основные цвета */
  --color-primary: #e20400;
  --color-secondary: #2ecc71;
  --color-danger: #e74c3c;
  --color-hover: #b31919;
  --color-contrast: #0e0e0e;
  --color-chat: rgb(0, 123, 255);

  /* Фоны */
  --bg-body: #999999;
  --bg-header: #242424;
  --bg-footer: #242424;
  --bg-column: #ebebeb;
  --bg-card: #ffffff;
  --bg-modal: #ffffff;
  --bg-button-muted: #a9a9a9;
  --bg-button-primary: #cfcfcf;
  --bg-button-secondary: #f0f0f0;
  --bg-accent: #e5e5e5;
  --bg-content-highlite: #f5f5f5;
  --bg-chat-message: #c6e6ff;
  --bg-mobile-nav: #dddddd;
  --bg-box: #e4e4e4;

  /* Текст */
  --text-primary: #444444;
  --text-secondary: #aaaaaa;
  --text-on-primary: #ffffff; /* Для текста на цветных фонах */
  --text-hover: #b31919;

  /* Рамки */
  --border-base: #d7d7d7;
  --border-active: #000000;

  /* Состояния кнопок */
  --button-hover: #2980b9;
  --button-active: #1474b8;
  --button-disabled: #bdc3c7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* Основные цвета */
  --color-primary: #ff2a2a;
  --color-secondary: #2ecc71;
  --color-danger: #e74c3c;
  --color-hover: #ff0000;
  --color-contrast: #ffffff;
  --color-chat: rgb(0, 123, 255);

  /* Фоны */
  --bg-body: #0f0f0f;
  --bg-header: #151515;
  --bg-footer: #151515;
  --bg-column: #3d3d3d;
  --bg-card: #2d2d2d;
  --bg-modal: #1e1e1e;
  --bg-button-muted: #2f2f2f;
  --bg-button-primary: #212121;
  --bg-button-secondary: #454545;
  --bg-accent: #1f1f1f;
  --bg-content-highlite: #3d3d3d;
  --bg-chat-message: #103049;
  --bg-mobile-nav: #202020;
  --bg-box: #363636;

  /* Текст */
  --text-primary: #c1c1c1;
  --text-secondary: #aaaaaa;
  --text-on-primary: #e2e2e2; /* Для текста на цветных фонах */
  --text-hover: #fff;

  /* Рамки */
  --border-base: #131313e8;
  --border-active: #000000;

  /* Состояния кнопок */
  --button-hover: #2980b9;
  --button-active: #33a3f4;
  --button-disabled: #bdc3c7;
  }
}
:root[data-theme="dark"] {
  /* Основные цвета */
--color-primary: #ff2a2a;
--color-secondary: #2ecc71;
--color-danger: #e74c3c;
--color-hover: #ff0000;
--color-contrast: #ffffff;
--color-chat: rgb(0, 123, 255);

/* Фоны */
--bg-body: #0f0f0f;
--bg-header: #151515;
--bg-footer: #151515;
--bg-column: #3d3d3d;
--bg-card: #2d2d2d;
--bg-modal: #1e1e1e;
--bg-button-muted: #2f2f2f;
--bg-button-primary: #212121;
--bg-button-secondary: #454545;
--bg-accent: #1f1f1f;
--bg-content-highlite: #3d3d3d;
--bg-chat-message: #103049;
--bg-mobile-nav: #202020;
--bg-box: #363636;

/* Текст */
--text-primary: #c1c1c1;
--text-secondary: #aaaaaa;
--text-on-primary: #e2e2e2; /* Для текста на цветных фонах */
--text-hover: #fff;

/* Рамки */
--border-base: #131313e8;
--border-active: #000000;

/* Состояния кнопок */
--button-hover: #2980b9;
--button-active: #33a3f4;
--button-disabled: #bdc3c7;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.playground.ru/css/font/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
button,
input,
select,
textarea {
  color: var(--text-primary);
}
html, body {
  height: 100%;
}
body {
  background: var(--bg-body);
  font-family: "Roboto Condensed", Arial, sans-serif;
  padding-top: 85px;
  color: var(--text-primary);
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--border-base);
  margin: 0 0 1em;
  padding: 0;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
a {
  color: var(--text-primary);
  text-decoration: none;
}
a:hover {
  color: var(--main-text-color);
  text-decoration: none;
}
a:focus {
  text-decoration: none;
  color: var(--main-text-color);
  outline: none;
}
input[type=checkbox] {
  vertical-align: middle;
}

input[type=text] {
  max-width: 100%;
}

th, td {
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}

iframe {
  max-width: 100%;
  border: none;
}

table caption {
  color: #444;
  padding-bottom: 3px;
  font-size: 1.5rem;
  font-weight: bold;
}

label.required:after {
  content: "*";
  color: #f30101;
}
.navbar-footer {
  white-space: nowrap;
  max-width: 1160px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 auto;
}
.foundation-wrapper {
  height: 100%;
}
.tower {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}
.main-layers-wrapper {
  height: 100%;
}
.page-main-column {
  background: var(--bg-column);
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  cursor: default;
  flex-grow: 1;
  padding: 30px;
  width: 100%;
}
.content_aside-container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
}
.content_aside-container .content-column {
  width: 100%;
}
.content_aside-container .page-aside {
  order: 1;
}
.content_aside-container .page-aside .adv {
  min-width: 300px;
  height: 1px;
}
body:has(.mezzanine) .page-aside {
  padding-top: 50px;
}
.mezzanine {
  color: #bcbcbc;
  background-color: #2d2d2d;
  padding: 30px;
  margin: -30px -30px 0;
  display: grid;
  grid-template-columns: 370px auto;
  grid-template-rows: auto auto auto;
    @media (max-width: 1190px) {
      grid-template-columns: none;
    }
}
.mezzanine-aside {
  display: flex;
  flex-wrap: wrap;
  @media (max-width: 1190px) {
    align-items: flex-start;
  }
}
.mezzanine-center {
  display: flex;
  flex-direction: column;
  @media (max-width: 1190px) {
    margin-top: 10px;
  }
}
@media (max-width: 1190px) {
  .mezzanine-center [id^=yandex]{
    display: none;
  }
}
.mezzanine a {
  color: #ececec;
}
.mezzanine a:hover {
  color: #fff;
}
.mezzanine .game-search {
  width: 100%;
  margin: 15px 0 -10px 0;
  grid-column: span 2;
  @media (max-width: 1190px) {
    grid-column: auto;
  }
}
.game-search .gsc-control-cse {
  padding: 0 ;
  margin-bottom: 20px;
}
.game-search form.gsc-search-box {
  margin-bottom: 0;
}
.game-search .gsc-input-box {
  border: none;
  background-color: #1d1d1d;
  box-shadow: 0 0 2px #000 inset;
}
.game-search form.gsc-search-box .gsib_b {
  padding: 0;
}
.game-search table.gsc-search-box td.gsc-input {
  padding: 0;
}
.game-search .gsc-input {
  background-color: transparent;
  color: #eee
}
.game-search td.gsc-search-button {
  padding: 0 0 0 10px;
}
.game-search .gsc-search-button-v2 {
  color: #fff;
  font-size: 1.3rem;
  text-transform: uppercase;
  background-color: #1a1a1a;
}
.game-search .gsc-search-button-v2:after {
  content: "Найти";
}
.game-search .gsc-search-button-v2 svg {
  display: none;
}

.gsc-control-cse {
  margin-top: 30px;
}
.gcsc-more-maybe-branding-root {
  display: none;
}
.gsc-cursor-box.gs-bidi-start-align {
  text-align: center;
  margin-top: 40px !important;
  font-size: 1.6rem;
}
.mezzanine-info {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 0 0;
  font-size: 1.2rem;
  position: relative;
  flex: 1;
  & .game-title {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
    color: #fff;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  & .tags {
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    & .item {
      white-space: nowrap;
    }
  }
}
.mezzanine-aside .footer {
  margin-top: auto;
  display: flex;
  gap: 10px;
  margin: 10px 0 0 0;
  & .follow-tooltip {
    position: absolute;
    border-radius: 4px;
    width: 260px;
    top: 100%;
    left: 0;
    z-index: 3;
    padding: 20px 20px 10px 20px;
    background-color: #363636;
    color: #eee;
    margin: 10px 0 0 0;
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.7));
    &::before {
      position: absolute;
      top: -10px;
      content: '';
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #363636 transparent;
      transform: rotate(0deg);
    }
    & button {
      background-color: #202020;
      color: #eee;
      padding: 5px 10px;
      border: 1px solid #2c2c2c;
      display: flex;
      border-radius: 4px;
    }
  }
}
.mezzanine .game-poster {
  margin-right: 15px;
  flex-shrink: 0;
  position: relative;
}
.mezzanine .game-poster .backside {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  display: none;
  align-items: center;
  flex-direction: column;
  width: 100%;
  justify-content: space-evenly;
  padding: 10px;
}
.mezzanine .game-poster:hover .backside {
  display: flex;
}
.mezzanine .game-poster .backside .btn {
  background-color: #333;
  padding: 5px;
  display: block;
  width: 100%;
  color: #bfbfbf;
}
.mezzanine .game-poster .backside .btn:hover {
  color: #fff;
  background-color: #444;
}
.mezzanine .game-rating {
  color: #868686;
  margin-top: auto;
}
.mezzanine .game-rating .value {
  font-weight: bold;
  font-size: 2rem;
}
.mezzanine .game-rating  .value.users{
  color: #2d9eff;
}
.mezzanine #asideNavigationBar {
  margin: auto 0 0 0;
}

.user-profile-navigation .item > a {
  display: block;
  color: #d7d7d7;
  font-size: 1.4rem;
  padding: 7px 10px;
  text-align: center;
  background-color: #212121;
  border: none;
  border-radius: 3px;
  line-height: 1;
  position: relative;
  white-space: nowrap;
}
.user-profile-navigation .item > a::first-letter {
  text-transform: uppercase;
}
.user-profile-navigation .item > a:hover,
.mezzanine .footer .btn:hover  {
  background-color: #111;
  color: #fff
}
.user-profile-navigation .current > a {
  color: #fff;
  background-color: #b31919;
}
.mezzanine .footer > .btn,
.mezzanine .footer > .btn.active {
  background-color: #212121;
  border: none;
  color: #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-rating-button {
  padding-inline: 18px;
}
.mezzanine .btn .round  > div{
  display: none;
}
.mezzanine .game-rating-button .value {
  display: none;
}
.mezzanine .game-rating-button .active {
  display: inline-flex;
  background-color: #000;
  border-radius: 4px;
  min-width: 20px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: bold;
  margin-left: 4px;
}
.mezzanine  .btn.active .badge {
  color: #ddd;
}
/***************************************************************************************************
**********************Переопределение стилей bootstrap и других плагинов****************************
****************************************************************************************************/
.nav-tabs {
  border-color: var(--border-base);
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
  border-color: var(--border-base);
  background-color: var(--bg-accent);
  color: var(--text-primary);
}
.modal-body .btn-default.active,
.modal-body .btn-default:active {
  background-color: var(--main-color);
  color: var(--text-on-primary);
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-color: var(--border-base);
}
.btn-default {
  background-color: var(--bg-button-secondary);
  border-color: var(--border-base);
  color: var(--text-primary)
}
.dropdown-menu>li>a {
  color: var(--text-primary);
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background-color: var(--bg-content-highlite);
  color: var(--text-primary);
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  background-color: var(--bg-accent);
  border-color: var(--border-base);
}
.brighttheme.ui-pnotify-container {
  padding: 26px 26px 26px 32px !important;
}
.modal-content {
  background-color: var(--bg-modal);
}
.modal-header,
.modal-footer {
  border-color: var(--border-base);
}
.input-group-addon {
  background-color: var(--bg-accent);
  border-color: var(--border-base);
  color: var(--text-primary);
}
.ui-pnotify-text {
  font-size: 1.4rem;
}
.form-control {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text-primary);
  background-color: var(--bg-content-highlite);
  border-color: var(--border-base);
}
.btn.focus, .btn:focus, .btn:hover {
  color: var(--text-primary);
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
  color: var(--text-on-primary);
}
.popover {
  font-family: "Roboto Condensed", Arial, sans-serif;
}
.carousel-indicators {
  z-index: 1;
}
.stack-center {
  left: calc(50% - 190px);
}
.stack-petition {
  width: 460px !important;
}
.stack-center.stack-petition {
  left: calc(50% - 230px) !important;
}
.stack-petition .ui-pnotify-container.brighttheme {
  background-color: #f1f1f1;
  padding: 30px 30px 15px;
  border: 7px solid #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  color: #444;
  font-size: 1.6rem;
  font-weight: normal;
}
.stack-petition .ui-pnotify-title {
  font-weight: bold;
}
.stack-petition .ui-pnotify-icon {
  display: none;
}
.stack-petition .btn {
  margin-top: 20px;
}
.stack-petition .brighttheme-icon-closer {
  font-size: 1.6rem;
}
.panel-heading {
  padding: 0;
}
.panel-title {
  display: block;
  padding: 10px 15px;
}
.modal {
  z-index: 11000;
}
.bootstrap-dialog-message li {
  margin-bottom: 8px;
}
.dropdown-menu {
  margin-top: 0;
  background-color: var(--bg-accent);
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
  margin-top: 0;
  margin-left: 20px;
}
.modal-body, .modal-header, .modal-footer {
  padding-left: 30px;
  padding-right: 30px;
}
.modal-header .sub-title a {
  color: #337ab7;
}
.modal.fade .modal-dialog {
  transition: unset;
}
.modal-open .modal.in {
  display: grid !important;
  justify-content: center;
  align-items: center;
}
.modal.fade.in .modal-dialog, .modal.in .modal-dialog {
  transform: none;
}

.breadcrumb {
  margin-bottom: 5px;
  background: none;
  padding: 0;
}

.page-heading .h1 {
  margin-top: 0;
}
.article-content a,
.comments-content a,
.gp-game-heading .description a {
  color: var(--color-primary);
}
.article-content a:hover,
.comments-content a:hover,
.gp-game-heading .description a:hover {
  color: var(--main-color);
  text-decoration-color: var(--main-color);
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-underline-position: below;
}
.article-content .text-muted {
  color: #777;
}

.table-striped > tbody > tr {
  background-color: var(--bg-content-highlite);
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--bg-card);
}
.table-hover>tbody>tr:hover {
  background-color: var(--bg-accent);
}
.text-danger, .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #cc5d54;
}

.has-error .form-control {
  border-color: #cc5d54;
}

.text-info {
  color: #54acc4;
}

.well, .well.well-lg {
  border-radius: 0;
  box-shadow: none;
  background-color: var(--bg-card);
  border-color: var(--border-base);
}
.well .h1, .well .h2 {
  margin-top: 0;
}
.alert-dismissible .close {
  right: 0;
  opacity: 1;
  top: -10px;
}
.alert {
  border-radius: 0;
  border-width: 0;
  padding: 20px 40px;
  line-height: 1.5;
  font-size: 1.3rem;
}
.alert .alert-link, .alert a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
.alert .alert-link:hover, .alert a:hover {
  color: #fff;
}
.alert .article-content {
  color: #fff;
}
.alert p:last-of-type {
  margin-bottom: 0
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-success {
  background-color: #70b670;
  color: #fff;
}
.alert-warning {
  background-color: #fdf8e4;
  color: #8a6e3f;
}
.alert-warning a, .alert-warning a:hover, .alert-warning .alert-link, .alert-warning .alert-link:hover {
  color: #8a6e3f;
}
.alert-info a, .alert-info a:hover, .alert-info .alert-link, .alert-info .alert-link:hover {
  color: #062c33;
}
.alert-danger {
  background-color: #cc5d54;
  color: #fff;
}
.alert-default {
  background-color: #eee;
}
.alert-default .alert-link {
  color: #444
}
.alert-default .alert-link:hover {
  color: var(--main-color)
}
.alert-icon {
  float: left;
  margin-right: 20px;
  margin-left: 5px;
  text-align: center;
  font-size: 3rem;
}
.alert-default .alert-icon {
  color: #888;
}
.alert .alert-btn {
  border-radius: 0;
  text-decoration: none;
}
.alert .alert-btn {
  margin-left: 20px;
  font-weight: normal;
}
.alert-default .alert-btn {
  background: #d4d4d4;
  color: #888;
}
.navbar-header {
  max-width: 1260px;
  margin: auto;
  display: flex;
}
.navbar-footer .item{
  text-align:center;
  color: var(--text-primary);
  font:bold 1.1rem/1 'Roboto Condensed',Arial,sans-serif;
  padding:15px 12px 14px;
  align-items:center;
  text-transform:uppercase;
  margin:0 5px;
  display:inline-block
}
  .navbar-footer .item:hover{
    background-color:var(--main-color);
    color:#fff
  }
.main-navigation{
  float:none
}
.main-navigation.navbar-nav>li{
  float:none;
  display:inline-block;
  vertical-align:middle
}
.svg-icon {
  background-position: center center;
  background-repeat: no-repeat;
}
.svg-icon-bg {
  background-repeat: no-repeat;
  display: inline-flex;
  width: 16px;
  aspect-ratio: 1/1;
  height: auto;
  background-position: center center;
}
.navbar-header  .btn.color-theme-switcher {
  background-color: #3b3b3b;
}
[data-theme="light"] .color-theme-switcher  .svg-icon-bg,
.color-theme-switcher .svg-icon-bg {
  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 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='M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .color-theme-switcher .svg-icon-bg {
  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 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='M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  }
}
[data-theme="dark"] .color-theme-switcher  .svg-icon-bg {
  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 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='M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.svg-icon-bg.hamburger {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' height='100%25' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3' y='17' width='18' height='2' rx='1' ry='1'%3e%3c/rect%3e%3crect x='3' y='11' width='18' height='2' rx='1' ry='1'%3e%3c/rect%3e%3crect x='3' y='5' width='18' height='2' rx='1' ry='1'%3e%3c/rect%3e%3c/svg%3e");
}
.svg-icon-bg.chevron-up {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18px' height='18px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23494c4e' d='M2.49 10.39L8 5.38A1.524 1.524 0 0 1 9 5a1.474 1.474 0 0 1 1 .38l5.51 5.01a1.5 1.5 0 0 1-2.02 2.22L9 8.53l-4.49 4.08a1.5 1.5 0 0 1-2.02-2.22z'/%3e%3c/svg%3e");
}
.svg-icon-bg.chevron-down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 7.5L10 12.5L5 7.5' stroke='%23494C4E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.svg-icon-bg.bookmark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' height='100%25' viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='%23444444'%3e%3cpath d='M43.62,52a2,2,0,0,1-1.09-.33L26,40.83,9.47,51.67a2,2,0,0,1-2,.09,2,2,0,0,1-1-1.76V2a2,2,0,0,1,2-2H43.62a2,2,0,0,1,2,2V50a2,2,0,0,1-1,1.76A2,2,0,0,1,43.62,52ZM26,36.44a2.1,2.1,0,0,1,1.1.32L41.62,46.3V4H10.38V46.3L24.9,36.76A2.1,2.1,0,0,1,26,36.44Z'/%3e%3c/svg%3e");
}
.mezzanine .svg-icon-bg.bookmark,
.article-content-footer .svg-icon-bg.bookmark {
  filter: invert(1);
}
.svg-icon-bg.checkmark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2444444' viewBox='0 0 1792 1792'%3e%3cpath d='M1536.4,424.6c-56.8-56.4-148.3-56.4-204.7,0l-633.9,634.6L460.3,821.9c-56.8-56.4-148.3-56.4-204.7,0 c-56.4,56.8-56.4,148.3,0,204.7l326.1,325.8c3.9,5.1,8.2,10.1,12.9,14.8c34.6,34.6,82.3,48.1,126.9,40.5 c29.2-4.6,57.3-18.1,79.7-40.5c4.7-4.7,9-9.7,12.9-14.9l722.3-723C1592.8,572.5,1592.8,481,1536.4,424.6z'/%3e%3c/svg%3e ");
}
.mezzanine .svg-icon-bg.checkmark,
.article-content-footer .svg-icon-bg.checkmark {
  filter: invert(1);
}
.svg-icon-bg.link{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 482.8 482.8'%3e%3cpath d='M255.2,209.3c-5.3,5.3-5.3,13.8,0,19.1c21.9,21.9,21.9,57.5,0,79.4l-115,115c-21.9,21.9-57.5,21.9-79.4,0l-17.3-17.3 c-21.9-21.9-21.9-57.5,0-79.4l115-115c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-115,115C8.7,322.7,0,343.6,0,365.8 c0,22.2,8.6,43.1,24.4,58.8l17.3,17.3c16.2,16.2,37.5,24.3,58.8,24.3s42.6-8.1,58.8-24.3l115-115c32.4-32.4,32.4-85.2,0-117.6 C269.1,204,260.5,204,255.2,209.3z'/%3e%3cpath d='M458.5,58.2l-17.3-17.3c-32.4-32.4-85.2-32.4-117.6,0l-115,115c-32.4,32.4-32.4,85.2,0,117.6c5.3,5.3,13.8,5.3,19.1,0 s5.3-13.8,0-19.1c-21.9-21.9-21.9-57.5,0-79.4l115-115c21.9-21.9,57.5-21.9,79.4,0l17.3,17.3c21.9,21.9,21.9,57.5,0,79.4l-115,115 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l115-115c15.7-15.7,24.4-36.6,24.4-58.8 C482.8,94.8,474.2,73.9,458.5,58.2z'/%3e%3c/svg%3e");
}
.svg-icon-bg.pencil {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='100%25' height='100%25' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.0303301,2.96966991 C22.4277928,4.36713263 22.4277928,6.63286737 21.0303301,8.03033009 L9.06200371,19.9986565 C8.78512854,20.2755316 8.44079112,20.4753584 8.06302761,20.5783848 L2.94733805,21.9735729 C2.38746387,22.1262658 1.87373417,21.6125361 2.02642713,21.0526619 L3.4216152,15.9369724 C3.52464161,15.5592089 3.72446837,15.2148715 4.00134354,14.9379963 L15.9696699,2.96966991 C17.3671326,1.5722072 19.6328674,1.5722072 21.0303301,2.96966991 Z M15.0001717,6.06057288 L5.06200371,15.9986565 C4.96971199,16.0909482 4.90310306,16.2057273 4.86876093,16.3316485 L3.81891446,20.1810855 L7.6683515,19.1312391 C7.79427267,19.0968969 7.90905181,19.030288 8.00134354,18.9379963 L17.9391717,8.99957288 L15.0001717,6.06057288 Z M17.0303301,4.03033009 L16.0601717,4.99957288 L18.9991717,7.93957288 L19.9696699,6.96966991 C20.7813462,6.15799363 20.7813462,4.84200637 19.9696699,4.03033009 C19.1579936,3.21865381 17.8420064,3.21865381 17.0303301,4.03033009 Z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.signal {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' height='100%25' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M0 0h24v24H0z'%3e%3c/path%3e%3cpath d='M6.116 20.087A9.986 9.986 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10a9.986 9.986 0 0 1-4.116 8.087l-1.015-1.739a8 8 0 1 0-9.738 0l-1.015 1.739zm2.034-3.485a6 6 0 1 1 7.7 0l-1.03-1.766a4 4 0 1 0-5.64 0l-1.03 1.766zM11 13h2v9h-2v-9z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.gallery {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M453.942,118.154H10.865C5.423,118.154,0,121.902,0,127.339v315.077c0,5.438,5.423,10.507,10.865,10.507h443.077 c5.442,0,8.827-5.07,8.827-10.507V127.339C462.769,121.902,459.385,118.154,453.942,118.154z M443.077,433.231H19.692v-35.969 l138.606-138.096l131.149,121.543c3.875,3.597,10.05,3.496,13.791-0.255l71.813-72.255l68.026,59.912V433.231z M443.077,341.952 l-61.933-54.637c-3.885-3.408-9.524-3.216-13.187,0.448l-71.93,72.057L165.195,238.276c-3.873-3.596-10.399-3.495-14.14,0.256 L19.692,369.416v-231.57h423.385V341.952z'/%3e%3cpath d='M503.173,59.077H60.096c-5.442,0-10.865,3.748-10.865,9.185v40.046h19.692V78.769h423.385v295.385h-19.692v19.692h30.558 c5.442,0,8.827-5.07,8.827-10.507V68.262C512,62.825,508.615,59.077,503.173,59.077z'/%3e%3cpath d='M306.25,186.416c-27.144,0-49.231,22.087-49.231,49.231c0,27.144,22.086,49.231,49.231,49.231 c27.144,0,49.231-22.086,49.231-49.231C355.481,208.502,333.394,186.416,306.25,186.416z M306.25,265.185 c-16.288,0-29.538-13.25-29.538-29.538c0-16.288,13.25-29.539,29.539-29.539c16.288,0,29.538,13.25,29.538,29.539 C335.789,251.935,322.539,265.185,306.25,265.185z'/%3e%3c/svg%3e ");
}
.svg-icon-bg.close_icon {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' fill='%23222222' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3e%3cpolygon points='456.851,0 245,212.564 33.149,0 0.708,32.337 212.669,245.004 0.708,457.678 33.149,490 245,277.443 456.851,490 489.292,457.678 277.331,245.004 489.292,32.337 '%3e%3c/polygon%3e%3c/svg%3e")
}
.svg-icon-bg.alert-svg_icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%' height='100%' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath 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-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");
}
.svg-icon-bg.envelope {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg class='svg-icon' fill='%23c7c7c7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 483.3 483.3'%3e%3cpath d='M424.3,57.75H59.1c-32.6,0-59.1,26.5-59.1,59.1v249.6c0,32.6,26.5,59.1,59.1,59.1h365.1c32.6,0,59.1-26.5,59.1-59.1 v-249.5C483.4,84.35,456.9,57.75,424.3,57.75z M456.4,366.45c0,17.7-14.4,32.1-32.1,32.1H59.1c-17.7,0-32.1-14.4-32.1-32.1v-249.5 c0-17.7,14.4-32.1,32.1-32.1h365.1c17.7,0,32.1,14.4,32.1,32.1v249.5H456.4z'%3e%3c/path%3e%3cpath d='M304.8,238.55l118.2-106c5.5-5,6-13.5,1-19.1c-5-5.5-13.5-6-19.1-1l-163,146.3l-31.8-28.4c-0.1-0.1-0.2-0.2-0.2-0.3 c-0.7-0.7-1.4-1.3-2.2-1.9L78.3,112.35c-5.6-5-14.1-4.5-19.1,1.1c-5,5.6-4.5,14.1,1.1,19.1l119.6,106.9L60.8,350.95 c-5.4,5.1-5.7,13.6-0.6,19.1c2.7,2.8,6.3,4.3,9.9,4.3c3.3,0,6.6-1.2,9.2-3.6l120.9-113.1l32.8,29.3c2.6,2.3,5.8,3.4,9,3.4 c3.2,0,6.5-1.2,9-3.5l33.7-30.2l120.2,114.2c2.6,2.5,6,3.7,9.3,3.7c3.6,0,7.1-1.4,9.8-4.2c5.1-5.4,4.9-14-0.5-19.1L304.8,238.55z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.giftbox {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23555555' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.722 72.722'%3e%3cpath d='M66.137,18.801h-3.188h-4.962c2.904-1.824,4.811-4.823,4.811-8.214c0-5.549-5.088-10.063-11.341-10.063 c-5.306,0-11.589,9.093-15.096,14.97c-3.507-5.876-9.792-14.97-15.097-14.97c-6.253,0-11.341,4.515-11.341,10.063 c0,3.391,1.906,6.39,4.811,8.214H10.26H6.586C2.955,18.801,0,21.755,0,25.385v10.439c0,2.586,1.502,4.821,3.676,5.897v23.89 c0,3.632,2.954,6.586,6.584,6.586h52.688c3.632,0,6.586-2.954,6.586-6.586V41.456c1.907-1.154,3.188-3.242,3.188-5.63v-10.44 C72.723,21.756,69.769,18.801,66.137,18.801z M6.586,36.409C6.263,36.409,6,36.147,6,35.825v-10.44 c0-0.322,0.263-0.584,0.586-0.584H33.36v11.607L6.586,36.409L6.586,36.409z M39.361,24.801h26.776c0.323,0,0.586,0.262,0.586,0.584 v10.439c0,0.322-0.263,0.584-0.586,0.584H39.361V24.801z M51.456,6.524c2.895,0,5.341,1.861,5.341,4.063s-2.446,4.063-5.341,4.063 h-7.41C47.081,10.267,50.199,6.784,51.456,6.524z M21.181,6.519c1.32,0.264,4.454,3.749,7.493,8.133h-7.41 c-2.895,0-5.341-1.861-5.341-4.063S18.369,6.524,21.181,6.519z M9.676,65.613V42.409h23.685v23.789H10.26 C9.938,66.199,9.676,65.936,9.676,65.613z M62.949,66.199H39.361V42.409h24.174v23.203C63.535,65.936,63.272,66.199,62.949,66.199z '%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.unlock {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 -5.32 122.88 122.88' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3e%3cpath d='M40.222,78.594l-3.819,10.008h13.454l-3.541-10.143 c2.247-1.158,3.783-3.5,3.783-6.201c0-3.85-3.121-6.971-6.97-6.971c-3.849,0-6.971,3.121-6.971,6.971 C36.159,75.068,37.824,77.492,40.222,78.594L40.222,78.594z M8.07,41.656h49.502v-7.835c0-9.273,3.647-17.713,9.523-23.843 C72.998,3.822,81.146,0,90.116,0c8.918,0,16.905,3.775,22.742,9.864c5.864,6.117,9.547,14.583,9.789,23.889l0.231,8.911 c0.038,1.605-1.232,2.937-2.837,2.975c-1.604,0.038-2.937-1.233-2.974-2.838l-0.232-8.911c-0.203-7.803-3.276-14.887-8.171-19.992 c-4.771-4.978-11.287-8.063-18.549-8.063c-7.325,0-13.99,3.132-18.827,8.178c-4.863,5.073-7.882,12.084-7.882,19.809v7.835h14.782 c2.222,0,4.24,0.907,5.701,2.368c1.461,1.461,2.368,3.479,2.368,5.702v54.438c0,2.223-0.907,4.24-2.368,5.701 s-3.479,2.369-5.701,2.369H8.07c-2.223,0-4.241-0.908-5.702-2.369C0.907,108.404,0,106.387,0,104.164V49.726 c0-2.222,0.907-4.24,2.369-5.702C3.83,42.563,5.848,41.656,8.07,41.656L8.07,41.656z M78.189,47.491H8.07 c-0.612,0-1.17,0.252-1.576,0.659c-0.407,0.406-0.659,0.965-0.659,1.576v54.438c0,0.611,0.252,1.17,0.659,1.576 c0.406,0.406,0.964,0.658,1.576,0.658h70.119c0.611,0,1.17-0.252,1.576-0.658s0.659-0.965,0.659-1.576V49.726 c0-0.611-0.253-1.17-0.659-1.576C79.359,47.743,78.801,47.491,78.189,47.491L78.189,47.491z'/%3e%3c/svg%3e");
}
.svg-icon-bg.lock {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='-14.25 0 122.88 122.88' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M8.723,45.706h2.894v-8.729c0-10.139,3.987-19.368,10.412-26.069C28.479,4.177,37.386,0,47.19,0 c9.805,0,18.711,4.177,25.163,10.907c6.424,6.701,10.411,15.931,10.411,26.069v8.729h2.894c2.401,0,4.583,0.98,6.162,2.56 s2.56,3.761,2.56,6.162v59.73c0,2.401-0.98,4.583-2.56,6.162s-3.761,2.56-6.162,2.56H8.723c-2.402,0-4.583-0.98-6.163-2.56 S0,116.56,0,114.158v-59.73c0-2.401,0.981-4.583,2.56-6.162C4.14,46.687,6.321,45.706,8.723,45.706L8.723,45.706z M44,87.301 L39.81,98.28h14.762l-3.884-11.13c2.465-1.27,4.15-3.84,4.15-6.803c0-4.223-3.425-7.647-7.647-7.647 c-4.223,0-7.648,3.425-7.648,7.647C39.542,83.432,41.369,86.091,44,87.301L44,87.301z M17.753,45.706h58.875v-8.729 c0-8.511-3.326-16.236-8.686-21.826C62.61,9.589,55.265,6.137,47.19,6.137S31.77,9.589,26.438,15.15 c-5.359,5.59-8.686,13.315-8.686,21.826V45.706L17.753,45.706z M85.658,51.843H8.723c-0.708,0-1.353,0.292-1.823,0.762 c-0.47,0.47-0.762,1.116-0.762,1.823v59.73c0,0.707,0.292,1.353,0.762,1.822c0.47,0.471,1.116,0.762,1.823,0.762h76.936 c0.708,0,1.354-0.291,1.823-0.762c0.47-0.47,0.762-1.115,0.762-1.822v-59.73c0-0.707-0.292-1.353-0.762-1.823 C87.011,52.135,86.366,51.843,85.658,51.843L85.658,51.843z'/%3e%3c/svg%3e");
}
.svg-icon-bg.pin {
  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%3cpath d='M8.37658 15.6162L2.71973 21.273M11.6943 6.64169L10.1334 8.20258C10.0061 8.3299 9.9424 8.39357 9.86986 8.44415C9.80548 8.48905 9.73604 8.52622 9.66297 8.55488C9.58065 8.58717 9.49236 8.60482 9.3158 8.64014L5.65133 9.37303C4.69903 9.56349 4.22288 9.65872 4.00012 9.90977C3.80605 10.1285 3.71743 10.4212 3.75758 10.7108C3.80367 11.0433 4.14703 11.3866 4.83375 12.0733L11.9195 19.1591C12.6062 19.8458 12.9496 20.1891 13.282 20.2352C13.5716 20.2754 13.8643 20.1868 14.083 19.9927C14.3341 19.7699 14.4293 19.2938 14.6198 18.3415L15.3527 14.677C15.388 14.5005 15.4056 14.4122 15.4379 14.3298C15.4666 14.2568 15.5038 14.1873 15.5487 14.123C15.5992 14.0504 15.6629 13.9868 15.7902 13.8594L17.3511 12.2985C17.4325 12.2171 17.4732 12.1764 17.518 12.1409C17.5577 12.1093 17.5998 12.0808 17.6439 12.0557C17.6935 12.0273 17.7464 12.0046 17.8522 11.9593L20.3466 10.8903C21.0743 10.5784 21.4381 10.4225 21.6034 10.1705C21.7479 9.95013 21.7996 9.68163 21.7473 9.42335C21.6874 9.12801 21.4075 8.8481 20.8477 8.28827L15.7045 3.14514C15.1447 2.58531 14.8648 2.3054 14.5695 2.24552C14.3112 2.19317 14.0427 2.24488 13.8223 2.38941C13.5703 2.55469 13.4144 2.91854 13.1025 3.64624L12.0335 6.14059C11.9882 6.24641 11.9655 6.29932 11.9372 6.34893C11.912 6.393 11.8835 6.4351 11.8519 6.47484C11.8164 6.51958 11.7757 6.56029 11.6943 6.64169Z' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.svg-icon-bg.unpin{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M56.87891,31.92773A11.99986,11.99986,0,1,0,39.12109,48.07227L64.84424,76.36719C53.60059,77.57031,40.45313,81.9126,27.06738,92.71a20.01442,20.01442,0,0,0-1.59961,29.72852L71.0293,168,39.51465,199.51465a12.0001,12.0001,0,0,0,16.9707,16.9707L88,184.9707,133.36328,230.334a20.00193,20.00193,0,0,0,14.14746,5.86329c.4668,0,.93653-.01661,1.40528-.04932a19.96556,19.96556,0,0,0,14.5625-7.916A89.795,89.795,0,0,0,177.80469,200.624l21.3164,23.44825a11.99986,11.99986,0,1,0,17.75782-16.14454Zm90.10351,178.0835L45.69531,108.72461C66.77148,94.1377,85.209,102.084,86.68457,102.75977a11.62323,11.62323,0,0,0,3.1543,1.10156l65.92968,72.52246C158.56494,189.0835,152.45313,201.76367,146.98242,210.01123ZM240.68652,96a19.87,19.87,0,0,1-5.85937,14.14355L199.08789,145.8833a11.99992,11.99992,0,0,1-16.9707-16.97021L215.0293,96,160,40.97021,130.51563,70.45459a12.0001,12.0001,0,1,1-16.97071-16.9707l32.3125-32.3125a20.0268,20.0268,0,0,1,28.28418-.001l60.68653,60.6875A19.86721,19.86721,0,0,1,240.68652,96Z'/%3e%3c/svg%3e");
}
.svg-icon-bg.info {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3e%3cpath stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 11h1v5.5m0 0h1.5m-1.5 0h-1.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9.5-4v-.5h.5V8h-.5Z'/%3e%3c/svg%3e");
}

.black-tooltip .svg-icon-bg.alert-svg_icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 24 24' fill='%23eee' xmlns='http://www.w3.org/2000/svg'%3e%3cpath 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-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");
}
.navbar-header .btn:hover .svg-icon {
  fill: #fff
}
.svg-icon-bg.discord, .icon-discord {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 32 32' fill='%23cccccc' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.992 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.050 0.005 0.109 0.005 0.168 0 1.523-1.191 2.768-2.693 2.854l-0.008 0zM11.026 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.048 0.005 0.104 0.005 0.161 0 1.525-1.19 2.771-2.692 2.862l-0.008 0zM26.393 6.465c-1.763-0.832-3.811-1.49-5.955-1.871l-0.149-0.022c-0.005-0.001-0.011-0.002-0.017-0.002-0.035 0-0.065 0.019-0.081 0.047l-0 0c-0.234 0.411-0.488 0.924-0.717 1.45l-0.043 0.111c-1.030-0.165-2.218-0.259-3.428-0.259s-2.398 0.094-3.557 0.275l0.129-0.017c-0.27-0.63-0.528-1.142-0.813-1.638l0.041 0.077c-0.017-0.029-0.048-0.047-0.083-0.047-0.005 0-0.011 0-0.016 0.001l0.001-0c-2.293 0.403-4.342 1.060-6.256 1.957l0.151-0.064c-0.017 0.007-0.031 0.019-0.040 0.034l-0 0c-2.854 4.041-4.562 9.069-4.562 14.496 0 0.907 0.048 1.802 0.141 2.684l-0.009-0.11c0.003 0.029 0.018 0.053 0.039 0.070l0 0c2.14 1.601 4.628 2.891 7.313 3.738l0.176 0.048c0.008 0.003 0.018 0.004 0.028 0.004 0.032 0 0.060-0.015 0.077-0.038l0-0c0.535-0.72 1.044-1.536 1.485-2.392l0.047-0.1c0.006-0.012 0.010-0.027 0.010-0.043 0-0.041-0.026-0.075-0.062-0.089l-0.001-0c-0.912-0.352-1.683-0.727-2.417-1.157l0.077 0.042c-0.029-0.017-0.048-0.048-0.048-0.083 0-0.031 0.015-0.059 0.038-0.076l0-0c0.157-0.118 0.315-0.24 0.465-0.364 0.016-0.013 0.037-0.021 0.059-0.021 0.014 0 0.027 0.003 0.038 0.008l-0.001-0c2.208 1.061 4.8 1.681 7.536 1.681s5.329-0.62 7.643-1.727l-0.107 0.046c0.012-0.006 0.025-0.009 0.040-0.009 0.022 0 0.043 0.008 0.059 0.021l-0-0c0.15 0.124 0.307 0.248 0.466 0.365 0.023 0.018 0.038 0.046 0.038 0.077 0 0.035-0.019 0.065-0.046 0.082l-0 0c-0.661 0.395-1.432 0.769-2.235 1.078l-0.105 0.036c-0.036 0.014-0.062 0.049-0.062 0.089 0 0.016 0.004 0.031 0.011 0.044l-0-0.001c0.501 0.96 1.009 1.775 1.571 2.548l-0.040-0.057c0.017 0.024 0.046 0.040 0.077 0.040 0.010 0 0.020-0.002 0.029-0.004l-0.001 0c2.865-0.892 5.358-2.182 7.566-3.832l-0.065 0.047c0.022-0.016 0.036-0.041 0.039-0.069l0-0c0.087-0.784 0.136-1.694 0.136-2.615 0-5.415-1.712-10.43-4.623-14.534l0.052 0.078c-0.008-0.016-0.022-0.029-0.038-0.036l-0-0z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.twitch, .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");
}
.svg-icon-bg.odnoklassniki, .icon-ok {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23cccccc' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.481 95.481' %3e%3cpath d='M43.041,67.254c-7.402-0.772-14.076-2.595-19.79-7.064c-0.709-0.556-1.441-1.092-2.088-1.713 c-2.501-2.402-2.753-5.153-0.774-7.988c1.693-2.426,4.535-3.075,7.489-1.682c0.572,0.27,1.117,0.607,1.639,0.969 c10.649,7.317,25.278,7.519,35.967,0.329c1.059-0.812,2.191-1.474,3.503-1.812c2.551-0.655,4.93,0.282,6.299,2.514 c1.564,2.549,1.544,5.037-0.383,7.016c-2.956,3.034-6.511,5.229-10.461,6.761c-3.735,1.448-7.826,2.177-11.875,2.661 c0.611,0.665,0.899,0.992,1.281,1.376c5.498,5.524,11.02,11.025,16.5,16.566c1.867,1.888,2.257,4.229,1.229,6.425 c-1.124,2.4-3.64,3.979-6.107,3.81c-1.563-0.108-2.782-0.886-3.865-1.977c-4.149-4.175-8.376-8.273-12.441-12.527 c-1.183-1.237-1.752-1.003-2.796,0.071c-4.174,4.297-8.416,8.528-12.683,12.735c-1.916,1.889-4.196,2.229-6.418,1.15 c-2.362-1.145-3.865-3.556-3.749-5.979c0.08-1.639,0.886-2.891,2.011-4.014c5.441-5.433,10.867-10.88,16.295-16.322 C42.183,68.197,42.518,67.813,43.041,67.254z'/%3e%3cpath d='M47.55,48.329c-13.205-0.045-24.033-10.992-23.956-24.218C23.67,10.739,34.505-0.037,47.84,0 c13.362,0.036,24.087,10.967,24.02,24.478C71.792,37.677,60.889,48.375,47.55,48.329z M59.551,24.143 c-0.023-6.567-5.253-11.795-11.807-11.801c-6.609-0.007-11.886,5.316-11.835,11.943c0.049,6.542,5.324,11.733,11.896,11.709 C54.357,35.971,59.573,30.709,59.551,24.143z'/%3e%3c/svg%3e");
}
.svg-icon-bg.shield {
  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%3cpath d='M15.5 9.5L11 14L9.5 12.5M12 3L4 7C4 12.1932 6.78428 19.5098 12 21C17.2157 19.5098 20 12.1932 20 7L12 3Z' stroke='green' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.svg-icon-bg.back {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23ffffff' d='M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z'/%3e%3cpath fill='%23ffffff' d='m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z'/%3e%3c/svg%3e");
}
.svg-icon-bg.list{
  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%3cpath d='M8 6.00067L21 6.00139M8 12.0007L21 12.0015M8 18.0007L21 18.0015M3.5 6H3.51M3.5 12H3.51M3.5 18H3.51M4 6C4 6.27614 3.77614 6.5 3.5 6.5C3.22386 6.5 3 6.27614 3 6C3 5.72386 3.22386 5.5 3.5 5.5C3.77614 5.5 4 5.72386 4 6ZM4 12C4 12.2761 3.77614 12.5 3.5 12.5C3.22386 12.5 3 12.2761 3 12C3 11.7239 3.22386 11.5 3.5 11.5C3.77614 11.5 4 11.7239 4 12ZM4 18C4 18.2761 3.77614 18.5 3.5 18.5C3.22386 18.5 3 18.2761 3 18C3 17.7239 3.22386 17.5 3.5 17.5C3.77614 17.5 4 17.7239 4 18Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.svg-icon-bg.arrow-right {
  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%3cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.svg-icon-bg.filter {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cg %3e%3cpath d='M12,25l6.67,6.67a1,1,0,0,0,.7.29.91.91,0,0,0,.39-.08,1,1,0,0,0,.61-.92V13.08L31.71,1.71A1,1,0,0,0,31.92.62,1,1,0,0,0,31,0H1A1,1,0,0,0,.08.62,1,1,0,0,0,.29,1.71L11.67,13.08V24.33A1,1,0,0,0,12,25ZM3.41,2H28.59l-10,10a1,1,0,0,0-.3.71V28.59l-4.66-4.67V12.67a1,1,0,0,0-.3-.71Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.svg-icon-bg.gift {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 13V21H11V13H4ZM12 13V21H19V13H12ZM20 13V22H3V13H2V7H5.04L5 6.5C5 5.57174 5.36875 4.6815 6.02513 4.02513C6.6815 3.36875 7.57174 3 8.5 3C9.77 3 10.89 3.68 11.5 4.7C12.11 3.68 13.23 3 14.5 3C15.4283 3 16.3185 3.36875 16.9749 4.02513C17.6313 4.6815 18 5.57174 18 6.5L17.96 7H21V13H20ZM3 8V12H11V8H3ZM20 12V8H12V12H20ZM16.95 7L17 6.5C17 5.83696 16.7366 5.20107 16.2678 4.73223C15.7989 4.26339 15.163 4 14.5 4C13.837 4 13.2011 4.26339 12.7322 4.73223C12.2634 5.20107 12 5.83696 12 6.5V7H16.95ZM11 7V6.5C11 5.83696 10.7366 5.20107 10.2678 4.73223C9.79893 4.26339 9.16304 4 8.5 4C7.83696 4 7.20107 4.26339 6.73223 4.73223C6.26339 5.20107 6 5.83696 6 6.5L6.05 7H11Z' fill='black'/%3e%3c/svg%3e");
}
.svg-icon-bg.bets {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 21C10.7573 21 9.58867 20.7633 8.494 20.29C7.39933 19.816 6.447 19.174 5.637 18.364C4.82633 17.5533 4.18433 16.6007 3.711 15.506C3.237 14.4113 3 13.2427 3 12C3 10.7573 3.23667 9.58867 3.71 8.494C4.18333 7.39933 4.82567 6.447 5.637 5.637C6.44833 4.827 7.40067 4.18467 8.494 3.71C9.58933 3.23667 10.758 3 12 3C13.242 3 14.4107 3.23667 15.506 3.71C16.6007 4.184 17.553 4.82633 18.363 5.637C19.1737 6.447 19.8157 7.39933 20.289 8.494C20.763 9.58933 21 10.758 21 12C21 13.242 20.7633 14.4107 20.29 15.506C19.816 16.6007 19.174 17.553 18.364 18.363C17.5533 19.1737 16.6007 19.8157 15.506 20.289C14.4113 20.763 13.2427 21 12 21ZM11.5 19.983V18.136C10.8267 18.0913 10.1967 17.9427 9.61 17.69C9.02333 17.4373 8.49067 17.106 8.012 16.696L6.696 17.998C7.34867 18.572 8.081 19.0353 8.893 19.388C9.705 19.7407 10.574 19.939 11.5 19.983ZM12.5 19.983C13.426 19.9377 14.2917 19.739 15.097 19.387C15.903 19.035 16.6323 18.572 17.285 17.998L15.989 16.696C15.509 17.106 14.9757 17.4373 14.389 17.69C13.8023 17.9433 13.1727 18.092 12.5 18.136V19.983ZM12 17.173C13.4347 17.173 14.6557 16.6697 15.663 15.663C16.6703 14.6563 17.1737 13.4353 17.173 12C17.1723 10.5647 16.669 9.344 15.663 8.338C14.657 7.332 13.436 6.82833 12 6.827C10.564 6.82567 9.34333 7.329 8.338 8.337C7.33267 9.345 6.829 10.566 6.827 12C6.825 13.434 7.32833 14.655 8.337 15.663C9.34567 16.671 10.5667 17.1743 12 17.173ZM17.998 17.303C18.5727 16.651 19.036 15.919 19.388 15.107C19.74 14.295 19.9383 13.426 19.983 12.5H18.136C18.0913 13.1733 17.9427 13.8033 17.69 14.39C17.4373 14.9767 17.106 15.5093 16.696 15.988L17.998 17.303ZM6.002 17.303L7.304 15.983C6.894 15.503 6.56267 14.9707 6.31 14.386C6.05667 13.8013 5.908 13.1727 5.864 12.5H4.017C4.06233 13.4253 4.261 14.2943 4.613 15.107C4.965 15.9197 5.428 16.652 6.002 17.304M11.677 14.994L9.797 12.484C9.68833 12.3393 9.634 12.178 9.634 12C9.634 11.822 9.688 11.6603 9.796 11.515L11.677 9.005C11.7637 8.89833 11.8713 8.845 12 8.845C12.1287 8.845 12.2363 8.89833 12.323 9.005L14.203 11.515C14.3117 11.6603 14.366 11.822 14.366 12C14.366 12.178 14.312 12.3393 14.204 12.484L12.323 14.994C12.2363 15.102 12.1287 15.156 12 15.156C11.8713 15.156 11.7637 15.102 11.677 14.994ZM4.017 11.5H5.863C5.90833 10.8267 6.057 10.198 6.309 9.614C6.56233 9.02867 6.894 8.49633 7.304 8.017L6.002 6.716C5.428 7.368 4.96467 8.097 4.612 8.903C4.25933 9.709 4.06033 10.5747 4.017 11.5ZM18.138 11.5H19.984C19.9393 10.5747 19.74 9.709 19.386 8.903C19.032 8.097 18.5677 7.368 17.993 6.716L16.697 8.012C17.1077 8.49133 17.4393 9.02433 17.692 9.611C17.944 10.1977 18.0927 10.8273 18.138 11.5ZM8.017 7.304C8.497 6.89333 9.02933 6.56167 9.614 6.309C10.198 6.057 10.8267 5.90833 11.5 5.863V4.018C10.5747 4.06333 9.70567 4.262 8.893 4.614C8.08033 4.966 7.348 5.42867 6.696 6.002L8.017 7.304ZM15.989 7.304L17.285 6.008C16.6317 5.43333 15.9023 4.969 15.097 4.615C14.2917 4.26167 13.426 4.06233 12.5 4.017V5.863C13.1733 5.90833 13.8033 6.057 14.39 6.309C14.9767 6.56233 15.5097 6.894 15.989 7.304Z' fill='black'/%3e%3c/svg%3e");
}
.svg-icon-bg.steam {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 2.0625C6.072 2.0625 2.0625 6.072 2.0625 11C2.0625 15.928 6.072 19.9375 11 19.9375C15.928 19.9375 19.9375 15.928 19.9375 11C19.9375 6.072 15.928 2.0625 11 2.0625ZM11 3.4375C15.1697 3.4375 18.5625 6.83031 18.5625 11C18.5625 15.1697 15.1697 18.5625 11 18.5625C7.48756 18.5625 4.53681 16.1521 3.68981 12.9016L6.21019 13.981C6.26533 14.4838 6.50388 14.9485 6.88021 15.2864C7.25654 15.6243 7.74423 15.8116 8.25 15.8125C8.79701 15.8125 9.32161 15.5952 9.70841 15.2084C10.0952 14.8216 10.3125 14.297 10.3125 13.75C10.3125 13.728 10.3063 13.7067 10.3056 13.6854L13.178 11.6765C13.8858 11.6484 14.5553 11.3477 15.0464 10.8371C15.5375 10.3266 15.812 9.64587 15.8125 8.9375C15.8125 8.20815 15.5228 7.50868 15.007 6.99296C14.4913 6.47723 13.7918 6.1875 13.0625 6.1875C12.3544 6.18836 11.674 6.46304 11.1638 6.95407C10.6535 7.4451 10.3529 8.11442 10.3249 8.822L8.31462 11.6944C8.29262 11.6937 8.272 11.6875 8.25 11.6875C7.79419 11.6875 7.37688 11.8401 7.0345 12.0904L3.46019 10.5579C3.69188 6.5945 6.9795 3.4375 11 3.4375ZM13.0625 6.875C13.6095 6.875 14.1341 7.0923 14.5209 7.47909C14.9077 7.86589 15.125 8.39049 15.125 8.9375C15.125 9.48451 14.9077 10.0091 14.5209 10.3959C14.1341 10.7827 13.6095 11 13.0625 11C12.5155 11 11.9909 10.7827 11.6041 10.3959C11.2173 10.0091 11 9.48451 11 8.9375C11 8.39049 11.2173 7.86589 11.6041 7.47909C11.9909 7.0923 12.5155 6.875 13.0625 6.875ZM13.0625 7.5625C12.6978 7.5625 12.3481 7.70737 12.0902 7.96523C11.8324 8.22309 11.6875 8.57283 11.6875 8.9375C11.6875 9.30217 11.8324 9.65191 12.0902 9.90977C12.3481 10.1676 12.6978 10.3125 13.0625 10.3125C13.4272 10.3125 13.7769 10.1676 14.0348 9.90977C14.2926 9.65191 14.4375 9.30217 14.4375 8.9375C14.4375 8.57283 14.2926 8.22309 14.0348 7.96523C13.7769 7.70737 13.4272 7.5625 13.0625 7.5625ZM8.25 12.375C8.49714 12.3744 8.73986 12.4405 8.95262 12.5662C9.16539 12.6919 9.34034 12.8727 9.45907 13.0894C9.57779 13.3062 9.63591 13.5509 9.62729 13.7979C9.61868 14.0449 9.54366 14.285 9.41012 14.493C9.27658 14.7009 9.08947 14.869 8.86846 14.9796C8.64745 15.0902 8.40072 15.1392 8.15422 15.1214C7.90772 15.1037 7.67058 15.0198 7.46772 14.8786C7.26487 14.7374 7.10382 14.5442 7.0015 14.3192L7.53981 14.5502C7.79122 14.6575 8.0749 14.6608 8.32875 14.5594C8.58259 14.458 8.78591 14.2602 8.89419 14.0092C9.00175 13.7577 9.00503 13.4739 8.9033 13.22C8.80158 12.9661 8.60318 12.7631 8.35175 12.6555L7.85125 12.441C7.97844 12.4018 8.11044 12.375 8.25 12.375Z' fill='black'/%3e%3c/svg%3e ");
}
.svg-icon-bg.coins {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.5 13C19.0899 13 22 12.1046 22 11C22 9.89543 19.0899 9 15.5 9C11.9101 9 9 9.89543 9 11C9 12.1046 11.9101 13 15.5 13Z' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M22 15.5C22 16.605 19.09 17.5 15.5 17.5C11.91 17.5 9 16.605 9 15.5' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M22 11V19.8C22 21.015 19.09 22 15.5 22C11.91 22 9 21.015 9 19.8V11' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8.5 6C12.0899 6 15 5.10457 15 4C15 2.89543 12.0899 2 8.5 2C4.91015 2 2 2.89543 2 4C2 5.10457 4.91015 6 8.5 6Z' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 11C4.108 10.77 2.37 10.175 2 9M6 16C4.108 15.77 2.37 15.175 2 14' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 21C4.108 20.77 2.37 20.174 2 19V4M15 6V4' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.svg-icon-bg.bell {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='20' viewBox='0 0 24 24' width='20' focusable='false' aria-hidden='true' style='pointer-events: none; display: inherit; width: 100%25; height: 100%25;'%3e%3cpath d='M10 20h4c0 1.1-.9 2-2 2s-2-.9-2-2zm10-2.65V19H4v-1.65l2-1.88v-5.15C6 7.4 7.56 5.1 10 4.34v-.38c0-1.42 1.49-2.5 2.99-1.76.65.32 1.01 1.03 1.01 1.76v.39c2.44.75 4 3.06 4 5.98v5.15l2 1.87zm-1 .42-2-1.88v-5.47c0-2.47-1.19-4.36-3.13-5.1-1.26-.53-2.64-.5-3.84.03C8.15 6.11 7 7.99 7 10.42v5.47l-2 1.88V18h14v-.23z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.bell-off {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='20' viewBox='0 0 24 24' width='20' focusable='false' aria-hidden='true' style='pointer-events: none; display: inherit; width: 100%25; height: 100%25;'%3e%3cpath d='M21.5 9h-2v-.19c0-1.91-1.11-3.62-2.9-4.48l.87-1.8c2.49 1.19 4.03 3.6 4.03 6.28V9zm-17-.19c0-1.91 1.11-3.62 2.9-4.48l-.87-1.8C4.04 3.72 2.5 6.13 2.5 8.81V9h2v-.19zM12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm8-4.65V19H4v-1.65l2-1.88v-5.15C6 7.4 7.56 5.1 10 4.34v-.38c0-1.42 1.49-2.5 2.99-1.76.65.32 1.01 1.03 1.01 1.76v.39c2.44.75 4 3.06 4 5.98v5.15l2 1.87z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.bell-cancel {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='20' viewBox='0 0 24 24' width='20' focusable='false' aria-hidden='true' style='pointer-events: none; display: inherit; width: 100%25; height: 100%25;'%3e%3cpath d='m3.85 3.15-.7.7 3.48 3.48C6.22 8.21 6 9.22 6 10.32v5.15l-2 1.88V19h14.29l1.85 1.85.71-.71-17-16.99zM5 18v-.23l2-1.88v-5.47c0-.85.15-1.62.41-2.3L17.29 18H5zm5 2h4c0 1.1-.9 2-2 2s-2-.9-2-2zM9.28 5.75l-.7-.7c.43-.29.9-.54 1.42-.7v-.39c0-1.42 1.49-2.5 2.99-1.76.65.32 1.01 1.03 1.01 1.76v.39c2.44.75 4 3.06 4 5.98v4.14l-1-1v-3.05c0-2.47-1.19-4.36-3.13-5.1-1.26-.53-2.64-.5-3.84.03-.27.11-.51.24-.75.4z'%3e%3c/path%3e%3c/svg%3e");
}
.svg-icon-bg.comment-multiple{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpath fill='currentColor' d='M14.39 4.114A3.5 3.5 0 0 1 17 7.5v6c.607-.456 1-1.182 1-2v-4A4.5 4.5 0 0 0 13.5 3h-7c-.818 0-1.544.393-2 1h9a3.5 3.5 0 0 1 .89.114M4.5 5A2.5 2.5 0 0 0 2 7.5v6A2.5 2.5 0 0 0 4.5 16H5v.995a1 1 0 0 0 1.59.808L9.057 16H13.5a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 13.5 5zM3 7.5A1.5 1.5 0 0 1 4.5 6h9A1.5 1.5 0 0 1 15 7.5v6a1.5 1.5 0 0 1-1.5 1.5H8.73L6 16.995V15H4.5A1.5 1.5 0 0 1 3 13.5z'/%3e%3c/svg%3e");
}
.svg-icon-bg.plus-square {
  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 id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg  stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M9 12H15' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M12 9L12 15' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M3 12C3 4.5885 4.5885 3 12 3C19.4115 3 21 4.5885 21 12C21 19.4115 19.4115 21 12 21C4.5885 21 3 19.4115 3 12Z' stroke='%23000000' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.svg-icon-bg.bad {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' viewBox='0 0 16 16' 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%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M16,7a2,2,0,0,0-1.34-1.89A1.94,1.94,0,0,0,15,4a2,2,0,0,0-1.16-1.82A1.51,1.51,0,0,0,14,1.5,1.5,1.5,0,0,0,12.5,0h-7A3.47,3.47,0,0,0,2.89,1.2.49.49,0,0,0,2.5,1H.5a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5h2A.51.51,0,0,0,3,9.67l1.2,1.2A4.59,4.59,0,0,1,5.35,13L6,15.62A.49.49,0,0,0,6.5,16h.44a2.5,2.5,0,0,0,2-1,2.47,2.47,0,0,0,.45-2.15L9.14,12H14a2,2,0,0,0,2-2,2,2,0,0,0-.68-1.5A2,2,0,0,0,16,7ZM2,9H1V2H2V9ZM12.5,9H14a1,1,0,0,1,0,2H7.5a.5.5,0,0,0,0,1h.61l.28,1.14a1.44,1.44,0,0,1-.27,1.28A1.49,1.49,0,0,1,6.94,15H6.89l-.57-2.28a5.44,5.44,0,0,0-1.45-2.55L3,8.29V3.5A2.5,2.5,0,0,1,5.5,1h7a.5.5,0,0,1,0,1h-1a.5.5,0,0,0,0,1H13a1,1,0,0,1,0,2h-.5a.5.5,0,0,0,0,1H14a1,1,0,0,1,0,2H12.5a.5.5,0,0,0,0,1Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.svg-icon-bg.puzzle {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' viewBox='0 0 32 32' version='1.1' 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%3ctitle%3epuzzle%3c/title%3e%3cpath d='M23.994 18.252h-2.711c-0.014-0.001-0.025-0.008-0.039-0.008-0.414 0-0.75 0.336-0.75 0.75v0c0 0.002 0 0.004 0 0.006 0 1.104-0.895 2-2 2s-2-0.895-2-2c0-0.002 0-0.004 0-0.007v0c-0-0.414-0.336-0.75-0.75-0.75v0c-0.014 0-0.025 0.007-0.039 0.008h-1.957v-1.33c1.584-0.354 2.75-1.748 2.75-3.415s-1.166-3.060-2.727-3.41l-0.023-0.004v-2.095c-0-0.414-0.336-0.75-0.75-0.75h-10.999c-0.414 0-0.75 0.336-0.75 0.75v0 10.976l-0.005 0.024v11c0 0.414 0.336 0.75 0.75 0.75l21.999 0.004c0.414-0 0.75-0.336 0.75-0.75v0-11c-0-0.414-0.336-0.75-0.75-0.75v0zM2.75 8.748h9.499v2.010c0 0.414 0.336 0.75 0.75 0.75v0c1.105 0 2 0.895 2 2s-0.895 2-2 2v0c-0.414 0-0.75 0.336-0.75 0.75v0 1.99h-1.331c-0.351-1.588-1.746-2.758-3.415-2.758s-3.064 1.17-3.411 2.734l-0.004 0.023h-1.338zM2.745 19.748h1.957c0.017 0.001 0.031 0.010 0.048 0.010 0.416-0.006 0.751-0.343 0.754-0.759v-0c0.003-1.101 0.896-1.993 1.998-1.993 1.103 0 1.998 0.894 1.998 1.998 0 0.002 0 0.003 0 0.005v-0c0 0.414 0.336 0.75 0.75 0.75v0c0.017 0 0.031-0.009 0.048-0.010h1.948v1.332c-1.584 0.355-2.75 1.75-2.75 3.416 0 1.442 0.873 2.681 2.12 3.215l0.023 0.009c0.171 0.074 0.374 0.139 0.584 0.186l0.023 0.004v1.338h-9.5zM23.244 29.252h-9.499v-1.96c0.001-0.015 0.009-0.028 0.009-0.043-0.006-0.416-0.343-0.751-0.758-0.754h-0c-1.102-0.003-1.994-0.896-1.994-1.998 0-1.104 0.895-1.998 1.998-1.998 0.002 0 0.003 0 0.005 0h-0c0.414-0 0.75-0.336 0.75-0.75v0c0-0.015-0.008-0.028-0.009-0.043v-1.953h1.338c0.357 1.58 1.749 2.742 3.412 2.742s3.055-1.162 3.407-2.719l0.004-0.023h1.338zM29.994 1.25h-10.998c-0.414 0-0.75 0.336-0.75 0.75v0 2.702c-0.001 0.017-0.010 0.031-0.010 0.048 0 0.414 0.336 0.75 0.75 0.75v0c1.105 0 2 0.895 2 2s-0.895 2-2 2v0c-0.414 0-0.75 0.336-0.75 0.75v0c0 0.017 0.009 0.031 0.010 0.048v2.702c0 0.414 0.336 0.75 0.75 0.75h2.076c0.354 1.584 1.748 2.75 3.415 2.75s3.060-1.166 3.41-2.727l0.004-0.023h2.093c0.414-0 0.75-0.336 0.75-0.75v0-11c-0-0.414-0.336-0.75-0.75-0.75h-0zM29.244 12.25h-2.008c-0.414 0-0.75 0.336-0.75 0.75v0c0 1.105-0.895 2-2 2s-2-0.895-2-2v0c-0-0.414-0.336-0.75-0.75-0.75h-1.99v-1.338c1.579-0.358 2.74-1.749 2.74-3.412s-1.161-3.054-2.717-3.407l-0.023-0.004v-1.338h9.498z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.notify-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px
}
.notify-btn.min-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 20px;
  aspect-ratio: 1/1;
  height: auto;
  margin-inline: 10px;
  & .svg-icon-bg {
    width: 100%;
    height: 100%;
  }
}
.ui-pnotify .notify-btn {
  background-color: transparent;
  border: 1px solid #104300;
  justify-content: center;
  &:hover {
    background-color: #c4ff9f;
  }
}
.type-page-post-list {
  display: flex;
}

.post-sorting {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.post-sorting-item {
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding: 6px 12px;
}
.post-sorting-item.active,
.post-sorting-item.active:hover {
  box-shadow: none;
}
.post-sorting-item:hover, .post-sorting-item:active {
  background-color: transparent !important;
  box-shadow: none !important;
}
.post-sorting-item .chevron-down {
  margin-left: 8px;
  width: 12px;
  height: 12px;
}
.post-sorting-item .filter {
  margin-right: 8px;
  width: 14px;
  height: 14px;
}
.navbar-toggle.post-sorting-item {
  display: none;
}
.game-categories {
  margin-bottom: 14px;
}
.post-flow-wrapper {
  flex-basis: 100%;
}
.btn-new-post {
  border: 1px solid var(--border-base);
  font-size: 1.4rem;
  padding: 5px 10px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.btn-new-post .svg-icon-bg {
  margin-right: 6px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23e20400' viewBox='-2.88 -2.88 37.76 37.76' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23e20400'%3e%3cg  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='M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.post-flow-container .post-cat {
  font-size: 1.2rem;
}
.post-flow-top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0;
  justify-content: space-between;
}
.post-flow-top-bar-title {
  margin: 0;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
}
.post-flow-title {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1;
  margin: 0;
}
.pagination {
  margin: 30px 0 10px;
  display: flex;
  justify-content: center;

}
.pagination > li > a,
.pagination > li > span {
  color: var(--text-primary);
  background-color: transparent;
  border: none;
  border-radius: 100% !important;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1;
  height: 38px;
  min-width: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  background-color: transparent;
}
.pagination > li >  a:hover {
  color: var(--main-color);
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--main-color);
}
.pagination > li.next .glyphicon,
.pagination > li.prev .glyphicon {
  top:0
}

.pagination > li.next > span,
.pagination > li.prev > span {
  visibility: hidden;
}
.dropdown-menu > li > label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: var(--text-primary);
  white-space: nowrap;
}
.dropdown-menu > li > label:hover,
.dropdown-menu > li > label:focus {
  text-decoration: none;
  background-color: var(--bg-button-secondary);
}
.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  color: #999999;
}
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.dropdown-menu > li > label {
  margin-bottom: 0;
  cursor: pointer;
}
.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
  display: none;
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > a:before {
  display: block;
  float: right;
  width: 0;
  height: 0;
  content: "";
  margin-top: 6px;
  margin-right: -8px;
  border-width: 4px 0 4px 4px;
  border-style: solid;
  border-left-style: dashed;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.dropdown-hover {
  position: relative;
}
.dropdown-hover > .dropdown-menu {
  visibility: hidden;
  display: block;
}
.dropdown-hover:hover > .dropdown-menu {
  visibility: visible;
}
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}

.navbar-header .mobile-logo {
  display: none;
}

.content-block {
  margin: 0 0 20px 0;
  background-color: var(--bg-card);
  padding: 30px 20px;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  display: block;
}
.content-block:last-child {
  margin-bottom: 0;
}
.content-block-heading {
  margin-bottom: 30px;
  font: bold 1.8rem/1 "Roboto Condensed", Arial, sans-serif;
}

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:active:hover  {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background-color: #fff;
  outline: none;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--main-color);
}
.btn-outline-secondary {
  border: 1px solid #337ab7;
  color: #337ab7;
  outline: none;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #337ab7;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none ;
}
.btn-standart {
  color: var(--text-primary);
  text-shadow: none;
  background-color: var(--bg-card);
  background-image: none;
  border: 1px solid var(--border-base);
  border-radius: 4px;
  box-shadow: none;
}

.btn-standart:hover,
.btn-standart:focus,
.btn-standart:active,
.btn-standart.active,
.btn-standart.disabled,
.btn-standart[disabled] {
  color: #333333;
  background-color: #e6e6e6;
}

.btn-standart:active,
.btn-standart.active {
  background-color: #cccccc;
}

.btn-standart:hover,
.btn-standart:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -100px;
  transition: background-position 0.1s linear;
}

.btn-standart:focus {
  outline: none;
  outline-offset: -2px;
}

.btn-standart.active,
.btn-standart:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-standart.disabled,
.btn-standart[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  border-color: transparent;
  box-shadow: none;
}

.btn-dark {
  color: #aaa;
  background-color: #303030;
  border-color: #222;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #171717;
  border-color: #2B2B2B;
  outline: none;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
  outline: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #242424;
  border-color: #2B2B2B;
}
.btn-primary {
  background: #72b3e5;
  background: -moz-linear-gradient(top, #72b3e5 1%, #337ab7 100%);
  background: -webkit-linear-gradient(top, #72b3e5 1%,#337ab7 100%);
  background: linear-gradient(to bottom, #72b3e5 1%,#337ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b3e5', endColorstr='#337ab7',GradientType=0 );
  border-color: #589edc #3a8ddc #0f73b8 #589edc;
}
.btn-primary:hover {
  border-color: #589edc #2a72b1 #0e4b82 #589edc;
}
.btn-dark .badge {
  color: #242424;
  background-color: #fff;
}
.btn-dark.btn-arrow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -8px;
  left: 50%;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #242424 transparent transparent;
  margin-left: -8px;
}
.btn-extra {
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  background: #af5454;
  background: linear-gradient(to bottom, #e47575 1%,#b31919 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47575', endColorstr='#b31919',GradientType=0 );
  color: #fff;
  border: none;
}
.btn-extra:hover, .btn-extra:focus {
  color: #fff;
  background: linear-gradient(to bottom, #c92d11 1%,#b31919 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47575', endColorstr='#b31919',GradientType=0 );
  outline: none;
  text-decoration: none;
}
.btn-extra:active {
  position: relative;
  top: 1px;
}
.btn-quote {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.btn-quote:before {
  font-family: "icomoon";
  content: "\e900";
}
.btn-inverse {
  color: #fff;
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808;
}

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn.spinner,
.btn.spinner:hover,
.btn.working_on,
.btn.working_on:hover {
  color: transparent;
  position: relative;
  cursor: not-allowed;
  text-shadow: none;
}
.btn.spinner:after,
.btn.working_on:after {
  content: '\e649';
  font-family: "icomoon";
  font-size: medium;
  display: block;
  animation: anim-rotate 1s infinite linear;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
.btn-lg.spinner:after,
.btn-lg.working_on:after {
  font-size: large;
}
.btn.spinner {
  color: transparent !important;
  & .svg-icon-bg {
    visibility: hidden;
  }
}
.preloader-120 {
  color: transparent;
  position: relative;
  cursor: not-allowed;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader-120:after {
  content: '\e649';
  font-family: "icomoon";
  display: block;
  animation: anim-rotate 1s infinite linear;
  color: #777;
  margin: -10px 0 0 -10px;
  font-size: 120px;
}
.btn-outline-primary.disabled:after,
.btn-standart.disabled:after,
.btn-outline-primary[disabled]:after,
.btn-standart[disabled]:after,
.btn-default[disabled]:after {
  color: #111
}
.btn-link.active  {
  color: #aaa;
}
.feedback-button {
  cursor: pointer;
  background: #333;
  text-shadow: none;
  box-shadow: none;
  border-color: #222;
  border-radius: 0;
  margin: 14px 0 0 0;
  padding: 8px 20px;
  height: auto;
  color: #aaa;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.feedback-button .glyphicon {
  margin-right: 7px;
  font-size: 1.6rem;
}
.feedback-button:hover, .feedback-button:focus {
  color: #fff;
}
.css-table {
  display: table;
  width: 100%
}

.css-table-row {
  display: table-row;
}

.css-table-cell {
  display: table-cell;
}
.popover.popover-custom {
  max-width: 315px;
}

.popover.popover-mini {
  font-size: 1.2rem;
  width: 450px;
}

.popover.popover-mini .form-control {
  height: auto;
  padding: 4px 3px;
  font-size: 1.2rem;
}

.popover.popover-mini .form-group {
  margin-bottom: 10px;
}

.popover.popover-mini .close {
  margin-top: -3px
}

.popover-title {
  overflow: hidden;
}

.dark-popover {
  background-color: #333
}

.dark-popover .popover-title {
  background-color: #333;
  color: #eee;
  border-bottom-color: #222;
}

.dark-popover .popover-content {
  background-color: #333;
  color: #ccc;
  font-size: 1.2rem;
  line-height: 1.6
}

.dark-popover.popover.right > .arrow:after {
  border-right-color: #333;
}

.dark-popover.popover.bottom > .arrow:after {
  border-bottom-color: #333;
}

.dark-popover .btn {
  background-color: #444;
  color: #ccc;
}

.popover-content .btn.pull-right {
  margin-right: -5px
}

.dark-popover .btn:hover {
  background-color: #222;
  color: #eee;
}

.dark-popover.popover {
  z-index: 50;
}
.noscroll {
  overflow: hidden;
}
.loader-icon {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
  font-size: 7rem;
  color: #333333;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}
.sticky {
  position: sticky;
  top: 0;
}
.mce-i-iu {
  background-image: url(../img/ui/upload_d.png) !important;
  margin: 2px 0 0 0 !important;
}
#promoteBtn {
  animation-iteration-count: 2;
}
.scrollup {
  position: fixed;
  left: 50%;
  bottom: 20px;
  padding: 9px 10px 9px 12px;
  font-size: 25px;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
  background-color: #444;
  color: #fff;
  justify-content: center;
  align-items: center;
  z-index: 10;
  margin-left: -700px;
  opacity: 0.7;
  line-height: 1;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  display: none;
}
.scrollup .glyphicon {
  top: 0
}
.scrollup:hover {
  opacity: 1;
}
.media-left .media-object, .media-right .media-object {
  max-width: none;
}

.media .pull-left .media-object {
  margin-bottom: 10px;
}

.scrollable-menu {
  height: auto;
  max-height: 350px;
  overflow-x: hidden;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
  padding: 0;
  margin-left: 26px;
}

.nav-pills.grey > li.active > a,
.nav-pills.grey > li.active > a:focus,
.nav-pills.grey > li.active > a:hover {
  background: #666;
  color: #fff
}

.form-group {
  margin-bottom: 20px;
}

.dl-horizontal.left-oriented dt {
  text-align: left;
  width: auto;
}

.dl-horizontal.left-oriented dd {
  margin: 0 0 10px 150px;
}

.text-mutedx2 {
  color: #aaa;
}

.popover-custom .popover-title {
  background: #FCF8E3;
}

.popover-custom.popover.bottom > .arrow::after {
  border-bottom-color: #FCF8E3
}

.popover-custom .popover-content {
  background: #FCF8E3;
}

.popover-content label {
  font-weight: normal;
}

.scroll-to, .article-content h2[id], .article-content h3[id] {
  scroll-margin-top: 100px;
}

.ui-front {
  z-index: 1000
}

.panel-simple {
  border-radius: 0;
  box-shadow: none;
}
.text-overflow {
  overflow: auto;
}

/* ==========================================================================
  Global custom styles
   ========================================================================== */
.user-panel-navigation-body {
  max-width: 360px;
}
.user-panel-navigation .btn-round:active {
background-color: #000;
color: #fff
}
.user-panel-data .avatar-image {
border-radius: 100%;
}
.navbar-header .btn .value {
  position: absolute;
  z-index: 1;
  background: #c00;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  right: 0;
  top: 4px;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  letter-spacing: -0.05rem;
}
.page-header .dropdown-menu {
  cursor: default;
  right: auto;
  left: 50%;
  padding: 10px 0 0 0;
  border-radius: 10px;
  top: 100%;
  min-width: 280px;
  width: max-content;
  box-shadow: 0 0 50px rgba(0,0,0,0.7);
  border: none;
  transform: translate(-50%, -1px);
  background-color: var(--bg-card);
}

.user-panel-area {
gap: 5px;
display:flex;
align-items:center;
margin-left: auto;
}
#userNotAuthorized .user-panel-area {
  gap: 10px
}

.navbar-header .dropdown-menu .color-theme-switcher {
  width: 30px;
  height: 30px;
  background-color: #979797;
  position: absolute;
  top: 20px;
  right: 10px;
  & .svg-icon-bg {
    width: 20px;
    height: 20px;
  }
  &:hover {
    background-color: #424242;
  }
}

.page-header .dropdown-menu .footer {
  padding: 16px 20px 20px;
  background-color: var(--bg-card);

  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 0 0 10px 10px;
  line-height: 1.2;
  border-top: 1px solid var(--border-base);
  & .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-button-secondary);
    color: var(--text-primary);
    border: none;
    gap: 5px;
    font-size: 1.4rem;
    &:hover {
      color: #fff;
      background-color: #111;
    }
  }
  &.bonus-footer {
    gap: 10px;
    padding: 0;
    overflow: hidden;;
    flex-direction: row;
    & .main {
      padding: 15px 0 15px 30px;
      flex: 1;
    }
    & .aside {
      margin-right: auto;
      background-color: #b31919;
      color: #fff;
      display: flex;
      align-items: center;
      width: 60px;
      justify-content: center;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2917 12L9.04574 7.75399C8.95241 7.66065 8.90241 7.54599 8.89574 7.40999C8.88908 7.27399 8.93908 7.15265 9.04574 7.04599C9.15241 6.93932 9.27041 6.88599 9.39974 6.88599C9.52908 6.88599 9.64708 6.93932 9.75374 7.04599L14.1417 11.435C14.2291 11.5217 14.2904 11.6107 14.3257 11.702C14.3611 11.7933 14.3787 11.8927 14.3787 12C14.3787 12.1073 14.3611 12.2067 14.3257 12.298C14.2904 12.3893 14.2291 12.4787 14.1417 12.566L9.75374 16.954C9.66041 17.0473 9.54574 17.0973 9.40974 17.104C9.27374 17.1107 9.15241 17.0607 9.04574 16.954C8.93908 16.8473 8.88574 16.7293 8.88574 16.6C8.88574 16.4707 8.93908 16.3527 9.04574 16.246L13.2917 12Z' fill='white'/%3e%3c/svg%3e");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%;
    }
    & .title {
      max-width: 280px;
      font-size: 1.4rem;
      font-weight: bold;
      overflow: hidden;
      white-space: nowrap;
      margin-top: 5px;
      text-overflow: ellipsis;
    }
    & .subtitle {
      font-size: 1.2rem;
    }
    &:hover {
      background-color: var(--bg-accent);
      color: var(--color-hover);
    }
  }
}
.page-header .dropdown-menu .glyphicon {
  font-size: inherit;
  top: 0;
}
.page-header .dropdown-menu .header .item {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}

.page-header .dropdown-menu .avatar {
  flex-shrink: 0;
  margin: 0 15px 0 0;
}
.page-header .dropdown-menu .avatar img {
max-width: none;
border-radius: 100%;
}

.page-header .dropdown-menu .menu-item {
  color: #929292;
  font-size: 1.2rem;
  line-height: 1;
  & .title {
    font-size: 1.6rem;
    color: var(--text-primary);
    line-height: 1.4;
  }
  & a {
    padding: 14px 20px;
    display: block;
    &:hover {
      color: var(--text-primary);
    }
  }
}
.page-header .main-navigation.navbar-nav .btn-steam-pay {
  color: #3cff00;
  display: inline-flex;
  align-items: center;
  padding: 16px 12px 14px 12px;
  gap: 5px;
  &:hover {
    color: #91ff47;
  }
}
.page-header .dropdown-menu .menu-item a > div {
  display: flex;
  align-items: center;
}
.page-header .dropdown-menu .menu-item .svg-icon-bg,
.page-header .dropdown-menu .menu-item .svg-icon {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
:root[data-theme=dark] .menu-item .svg-icon-bg,
:root[data-theme=dark] .chevron-down,
:root[data-theme=dark] .bookmark,
:root[data-theme=dark] .post-control-button .svg-icon,
:root[data-theme=dark] .ya-share2__icon_more,
:root[data-theme=dark] .messenger-launcher .svg-icon-bg,
:root[data-theme=dark] .modal .svg-icon-bg,
:root[data-theme=dark] .im .svg-icon-bg,
:root[data-theme=dark] .post-control-button span,
:root[data-theme=dark] .dropdown-menu .svg-icon-bg,
:root[data-theme=dark] .post-control-button svg,
:root[data-theme=dark] .view-controll .svg-icon-bg,
:root[data-theme=dark] .comments-flow-container .arrow-right,
:root[data-theme=dark] .svg-icon-bg.bell,
:root[data-theme=dark] .svg-icon-bg.bell-off,
:root[data-theme=dark] .svg-icon-bg.puzzle {
  filter: invert(100%);
}
.page-header .dropdown-menu .menu-item .glyphicon {
  font-size: 1.8rem;
  margin: 0 10px 0 0;
  color: #2b2b2b;
}
.page-header .dropdown-menu .menu-item:hover {
  background-color: var(--bg-accent);
}
.navbar-header .btn-round {
  border-radius: 100%;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  color: #e4e4e4;
  margin: 0 2px;
  flex: 1;
  padding: 0;
}
.navbar-header  .btn-round .glyphicon {
  font-size: 1.8rem;
  margin: 0;
  top: 0
}
.navbar-header .btn-round:hover {
  color: #fff;
  background-color: #000;
}
.navbar-header .btn {
font-size: 20px;
color: #dedede;
}
.user-panel-data > .btn,
.user-panel-data .dropdown > .btn {
  background: none;
  border: none;
  padding: 0;
  text-align: center;
  position: relative;
  margin: 0;
  font-size: 20px;
  color: #dedede;
}
.user-panel-data .btn-special {
  font: bold 14px "Roboto Condensed", Arial, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.main-navigation.first-level {
  display: flex;
  align-items: center;
  & > .dropdown-hover:hover {
    background-color: #000;
    & > a {
      color: #fff;
      & .svg-icon-bg {
        transform: rotate(180deg);
        transition-delay: 200ms;
      }
    }
  }
  & > li > .dropdown-menu {
    border-radius: 10px;
    background-color: var(--bg-card);
  }
  & .svg-icon-bg {
    margin: 0 0 0 5px;
    filter: brightness(3);
    width: 8px;
    height: 8px;
  }
}
.main-navigation.first-level > .dropdown-hover > .dropdown-menu,
.user-panel-area > .dropdown-hover > .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease 200ms, visibility 0.2s ease 200ms;
  transition-delay: 0s;
}
.main-navigation.first-level > .dropdown-hover:hover > .dropdown-menu,
.user-panel-area > .dropdown-hover:hover > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transition-delay: 200ms;
}
.main-navigation .second-level {
  min-width: 280px;
  margin: 15px 0 30px;
  & > li {
    position: static;
    &:hover {
      background-color: var(--bg-accent);
    }
  }
  & > li.separator {
    height: 1px;
    margin: 5px 0;
    background-color: var(--bg-accent);
  }
  & > li > a {
    padding: 12px 10px 12px 26px;
    display: block;
    line-height: 1;
    white-space: nowrap;
    font-size: 1.6rem;
    color: var(--text-primary);
    position: relative;
    &:hover {
      background-color: var(--bg-accent);
      color: var(--color-hover);
    }
    &::first-letter {
      text-transform: uppercase;
    }
  }
  & .dropdown-menu {
    background-color: var(--bg-accent);
    border: none;
    left: 100%;
    top: 0;
    transform: none;
    width: max-content;
    max-width: 920px;
    padding: 20px;
    border-radius: 0 10px 10px 0;
    box-shadow: 20px 0 20px rgba(0,0,0,0.4);
  }
  & > .dropdown-hover > a {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2917 12L9.04574 7.75399C8.95241 7.66065 8.90241 7.54599 8.89574 7.40999C8.88908 7.27399 8.93908 7.15265 9.04574 7.04599C9.15241 6.93932 9.27041 6.88599 9.39974 6.88599C9.52908 6.88599 9.64708 6.93932 9.75374 7.04599L14.1417 11.435C14.2291 11.5217 14.2904 11.6107 14.3257 11.702C14.3611 11.7933 14.3787 11.8927 14.3787 12C14.3787 12.1073 14.3611 12.2067 14.3257 12.298C14.2904 12.3893 14.2291 12.4787 14.1417 12.566L9.75374 16.954C9.66041 17.0473 9.54574 17.0973 9.40974 17.104C9.27374 17.1107 9.15241 17.0607 9.04574 16.954C8.93908 16.8473 8.88574 16.7293 8.88574 16.6C8.88574 16.4707 8.93908 16.3527 9.04574 16.246L13.2917 12Z' fill='grey'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 20px center;
    &:hover{
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2917 12L9.04574 7.75399C8.95241 7.66065 8.90241 7.54599 8.89574 7.40999C8.88908 7.27399 8.93908 7.15265 9.04574 7.04599C9.15241 6.93932 9.27041 6.88599 9.39974 6.88599C9.52908 6.88599 9.64708 6.93932 9.75374 7.04599L14.1417 11.435C14.2291 11.5217 14.2904 11.6107 14.3257 11.702C14.3611 11.7933 14.3787 11.8927 14.3787 12C14.3787 12.1073 14.3611 12.2067 14.3257 12.298C14.2904 12.3893 14.2291 12.4787 14.1417 12.566L9.75374 16.954C9.66041 17.0473 9.54574 17.0973 9.40974 17.104C9.27374 17.1107 9.15241 17.0607 9.04574 16.954C8.93908 16.8473 8.88574 16.7293 8.88574 16.6C8.88574 16.4707 8.93908 16.3527 9.04574 16.246L13.2917 12Z' fill='black'/%3e%3c/svg%3e");
    }
  }
}
.main-navigation .dropdown-menu:has(.dropdown-hover:hover) {
  border-radius: 10px 0 10px 10px;
}
body:has(.navbar-header .dropdown-hover):after {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  position: fixed;
  inset: 0 0 0 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease 200ms;
}

body:has(.navbar-header .dropdown-hover:hover):after {
  opacity: 1;
}

body:has(.navbar-header .dropdown-hover):not(:has(.dropdown-hover:hover)):after {
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.main-navigation .promoted-content {
  font-size: 1.2rem;
  margin: 20px 0 0 0;
  text-align: center;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  justify-content: space-between;
  content-visibility: auto;
  background-color: transparent;
  padding: 0;
  & .item {
    color: var(--text-primary);
    display: inline-flex;
    flex-direction: column;
    width: 205px;
    text-align: left;
    & img {
      display: block;
      background-color: var(--bg-card);
    }
    & .title {
      display: block;
      word-wrap: break-word;
      font-size: 1.4rem;
      line-height: 1.2;
      margin: 10px 0 0 0;

    }
  }
}
.main-navigation .promoted-content.games {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  & .item {
    width: 130px;
    text-align: center;
  }
}
.main-navigation .dropdown-menu .sidebyside  {
  display: flex;
  background-color: var(--bg-card);
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  & .aside {
    background-color: var(--bg-card);
    padding: 20px;
  }
}
.main-navigation .dropdown-menu .horisontal ul {
  color: #222;
  display: flex;
  gap: 10px;
  overflow: hidden;
  & a {
    background-color: var(--bg-button-secondary);
    padding: 5px 8px;
    white-space: nowrap;
    display: block;
    line-height: 1;
    border-radius: 5px;
    &:hover {
      background-color: var(--main-color);
      color: var(--text-on-primary);
    }
  }
}
.main-navigation .promoted-content a:hover {
  color: var(--color-hover);
}
.main-navigation .dropdown-toggle:focus {
  color: #c8c8c8 !important;
}
.main-navigation .avatar-area.default-size {
  background: none;
  margin-right: 0;
  box-shadow: none;
}
.page-header .dropdown-menu.pull-right {
  right: 0;
  transform: translateY(-1px);
  left: auto;
}
.page-header .dropdown-menu.pull-left {
  left: -186px;
  transform: translateY(-1px);
}

.page-header .dropdown-menu .header {
  display: flex;
  align-items: center;
  padding: 10px 14px 10px 20px;
  font-size: 1.2rem;
  border-bottom: 1px solid var(--border-base);
  & .special {
    background-color: var(--bg-accent);
    border-radius: 5px;
    padding: 0;
    margin: 0;

    display: block;
    & .inner {
      padding: 10px 10px 5px;
      display: block;
      &:hover {
        color: #fff;
      }
    }
    & .title {
      font-size: 1.4rem;
      margin: 0;
    }
    &:hover {
      background-color: var(--main-color);
      color: #fff;
    }
  }
  & .title {
    margin-bottom: 5px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.dropdown-menu:has(.dropdown-hover:nth-child(4):hover),
.dropdown-menu:has(.dropdown-hover:nth-child(5):hover),
.dropdown-menu:has(.dropdown-hover:nth-child(6):hover),
.dropdown-menu:has(.dropdown-hover:nth-child(7):hover) {
  border-radius: 10px 0 0 10px;
}

.page-aside .adfox-vertical {
  max-width: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
}
/* .content_aside-container:has(.page-aside .adfox-vertical:empty) {
  gap: 0;
}
.content_aside-container:has(#post-item),
.content_aside-container:has(forum-category.forum-category) {
  gap: 40px;
} */
.article-header {
  flex-shrink: 0;
  flex-basis: 100%;
}
.image-thumb {
  background: #aaa;
  border: 3px solid #fff;
}
.image-thumb.vertical {
  height: 140px;
  width: 100px;
}
.image-thumb.vertical.tiny-size {
  height: 72px;
  width: 56px;
}
.image-thumb.tiny-size {
  height: 54px;
  width: 100px;
  border: none;
  box-shadow: 0 5px 5px -3px #333;
  margin-right: 5px;
}
.horisontal li {
  display: inline-block;
}
.semantic-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.innercontent-center * {
  margin: 0 auto;
}
.table.vert-align tbody > tr > td {
  vertical-align: middle;
}
.text-left {
  text-align: left;
}

.ib {
  display: inline-block;
  vertical-align: top;
}

.ib-m {
  display: inline-block;
  vertical-align: middle;
}

.drop-down-layer {
  display: none;
  position: absolute;
}
.ui-button {
  cursor: pointer;
}
.btn-lg, .btn-group-lg > .btn {
  border-radius: 3px
}
.btn-metadata {
  color: #000;
  margin: 1px 20px 0 -10px;
  border-right: 1px solid #aaa;
  padding: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.flexbox-container {
  display: flex;
}
.position-rel {
  position: relative;
}
.avatar {
  border-radius: 100%;
}

.ad-post {
  overflow: hidden;
}
.comments-wall .content-rating-area {
  padding: 0;
  margin: -1px 0 0 0;
  background-color: transparent;
  border-top: 1px solid #ddd;
}

.preloader-advert-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 640px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -320px;
  z-index: 1;
}

#text_ifr {
  min-height: 350px;
}

.comments-js-error,
.error-message {
  color: #cc0000;
}

big.huge {
  font-size: 150%
}
.pg-hide-head {
  cursor: pointer;
  padding: 5px 5px 5px 10px;
  margin: 5px 0 10px;
  font-weight: bold;
  font-size: 1.3rem;
  border-style: dashed;
  border-color: var(--border-base);
  border-width: 2px;
}
.pg-hide-head:before {
  content: "\f0a3";
  font-family: 'icomoon';
  margin: 0 10px 0 0;
}

.pg-hide-head.active {
  border-width: 2px 2px 0 2px;
  border-color: var(--border-active);
  border-bottom: none;
  color: var(--main-text-color);
}

.pg-hide-head.active:before {
  content: "\f0a2";
  font-family: 'icomoon';
  margin: 0 10px 0 0;
}
.pg-hide-head:hover {
  border-color: var(--border-active);
  color: var(--main-text-color);
}
.pg-hide-body {
  display: none;
  position: relative;
  padding: 5px 15px;
  border-style: dashed;
  border-color: var(--border-active);
  border-width: 0 2px 2px 2px;
  top: -9px
}
.pg-hide-head.active + .pg-hide-body {
  display: block;
}
.comments-content .pg-hide-body img {
  margin-top: 5px;
}
.flexbox-wrapper {
  display: flex;
}
.modal-backdrop.in {
  opacity: 0.85;
}
.search-form input:focus {
  outline: none;
}

.page-header .social-group-links {
  margin: 8px 0 0 0;
}
.page-header .navbar-nav > li > a {
  color: #c7c7c7;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 17px 12px 15px;
  &:hover {
    color: #fff;
  }
  &:focus {
    color: #c7c7c7;
  }
}
.page-header .navbar-nav .spec-link {
  padding: 6px 0 4px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-inline: 10px;
}

.page-header .search-btn:focus {
  color: #c7c7c7 !important;
}
.page-header .navbar-nav > li > a.search-btn:hover {
  color: #fff;
}
.social-group-links .icon.tiny-size {
  border-radius: 100%;
  background: #444;
  margin: 0 5px 0 0;
  text-decoration: none !important;
  color: #fff;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}

.social-group-links .icon.vkontakte:hover {
  background-color: #57799D;
}

.social-group-links .icon.facebook:hover {
  background-color: #3C599B;
}

.social-group-links .icon.steam:hover {
  background-color: #020202;
}

.social-group-links .icon.youtube:hover {
  background-color: #DF2A21;
}

.social-group-links .icon.telegram:hover {
  background-color: #2AABEE;
}

.social-group-links .icon.dzen:hover {
  background-color: #020202;
}

.social-group-links svg {
  fill: #fff
}
.action-link {
  border-bottom: 1px dashed #337ab7;
  cursor: pointer;
}
.action-link:hover {
  border-bottom-color: var(--main-color);
}

.page-header {
  background-color: var(--bg-header);
}
.page-header .svg-icon{
  display: flex;
}
.user-panel-data .btn-new-post {
  background-color: #000;
  color: #dedede;
  border-radius: 5px;
  padding: 5px 10px 6px;
}

.user-panel-data .btn-new-post:hover {
  background-color: #333;
  color: #fff;
}

.module-header .avatar-image {
  width: 35px;
  height: 35px;
}

.module-header .all-link {
  color: var(--main-color);
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 10px 15px 0 0;
}

.module-title {
  display: inline-block;
  color: var(--text-primary);
  font-weight: normal;
  font-size: 3rem;
  line-height: 1;
  margin: 0 15px 5px 0;
}
.module-title a {
  color:  var(--text-primary);
  text-decoration: none;
}
.module-title a:hover {
  color: var(--main-color);
}
.module-title .btn {
  padding-top: 0;
  padding-bottom: 0;
  color: #777;
}
.module-tabs-set {
  display: inline-block;
}

.module-subtitle {
  font-size: 18px;
  text-transform: lowercase;
  margin: 0 0 0 10px;
}

.module-item {
  margin-bottom: 20px;
  padding: 0 10px;
}

.module-content {
  padding: 10px 0;
}

.module-content .tab-content {
  display: none;
}

.module-content .tab-content:first-child {
  display: block;
}

.module-item-title {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
  color: #444;
  text-decoration: none;
}

.module-item-title:hover {
  text-decoration: none;
}

.module-item .wrapper {
  padding: 0 7px;
}

.module-item-counters,
.module-item-counters a {
  color: #6f6f6f;
}


.article-content{
  height:auto!important
}
/*************************************TAGS**********************************************/

.tags-cloud .tag {
  padding: 8px 10px;
  margin: 5px;
  border-radius: 2px;
}

.tags-cloud .tag:before,
.tags-cloud .tag:after {
  display: none;
}

.tags-cloud .active,
.tags-cloud .active .tag-num {
  background: #444;
  color: #fff;
}

.tag-num {
  color: #999;
  padding: 0 7px 0 5px;
  display: inline-block;
  margin: 0 -6px 0 5px;
  border-left: 1px solid #ccc;
}

.subheading {
  font: normal 17px/1 Arial, sans-serif;
  padding: 0 0 10px 0;
}

.gp-game-follow.active {
  background-color: var(--bg-button-secondary);
  box-shadow: none;
  border-color: var(--border-base);
  color: var(--text-primary);
}
.gp-game-follow.btn-primary.active .badge {
  color: #868686;
  border-left-color: #aaa;
}
.filter .drop-down-layer.standart .active {
  color: #ccc !important;
}

.filter .drop-down-layer.standart a:hover {
  color: #fff;
  background: #444;
}

.filter .drop-down-layer.standart a:active {
  background: #fff;
}

/**404**/
.sorry-massage {
  padding: 25px 0;
}
.sorry-massage-header {
  font: bold 3.8rem/1  Arial, sans-serif;
  color: #888;
  margin: 0 0 25px 0;
}
.sorry-massage-content {
  font-size: 2rem;
}

.post {
  position: relative;
  font-size: 1.6rem;
  padding-top: 20px;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
}

.post-title {
  font-size: 3.2rem;
  line-height: 1;
  margin: 0 0 20px 0;
  word-break: break-word;
  color: var(--text-primary);
}

.post .post-title a {
  position: static;
  &:hover {
    color: var(--color-contrast);
  }
}
.post .post-title a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-content img {
  margin: 10px 0;
  display: block;
  height: auto;
}
.post-content p {
  margin: 20px 0 0;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  font-size: 1.4rem;
  word-break: break-word;
}
.post-footer {
  margin-bottom: 10px;
  padding: 0 0 5px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3rem !important;
  color: #aaa;
}
.post-flow-container .post-footer {
  margin: auto 0 0;
  padding:0;
  font-size: 1.3rem;
}
.post-metadata {
  color: var(--text-secondary);
  font-size: 1.2rem;
}
.post-metadata a {
  color: #aaa;
  position: relative;
  z-index: 2;
}
.comments-link {
  display: flex;
  align-items: center;
}
.svg-icon.comment{
  width: 16px;
  height: 16px;
  display: inline-flex;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='%23969696'%3e%3cpath d='M5.25,18 C3.45507456,18 2,16.5449254 2,14.75 L2,6.25 C2,4.45507456 3.45507456,3 5.25,3 L18.75,3 C20.5449254,3 22,4.45507456 22,6.25 L22,14.75 C22,16.5449254 20.5449254,18 18.75,18 L13.0124851,18 L7.99868152,21.7506795 C7.44585139,22.1641649 6.66249789,22.0512036 6.2490125,21.4983735 C6.08735764,21.2822409 6,21.0195912 6,20.7499063 L5.99921427,18 L5.25,18 Z M12.5135149,16.5 L18.75,16.5 C19.7164983,16.5 20.5,15.7164983 20.5,14.75 L20.5,6.25 C20.5,5.28350169 19.7164983,4.5 18.75,4.5 L5.25,4.5 C4.28350169,4.5 3.5,5.28350169 3.5,6.25 L3.5,14.75 C3.5,15.7164983 4.28350169,16.5 5.25,16.5 L7.49878573,16.5 L7.49899997,17.2497857 L7.49985739,20.2505702 L12.5135149,16.5 Z'%3e%3c/path%3e%3c/svg%3e");
}
.comments-link .svg-icon {
  margin-right: 2px;
}
.comments-link:hover .svg-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23b31919'%3e%3cpath d='M5.25,18 C3.45507456,18 2,16.5449254 2,14.75 L2,6.25 C2,4.45507456 3.45507456,3 5.25,3 L18.75,3 C20.5449254,3 22,4.45507456 22,6.25 L22,14.75 C22,16.5449254 20.5449254,18 18.75,18 L13.0124851,18 L7.99868152,21.7506795 C7.44585139,22.1641649 6.66249789,22.0512036 6.2490125,21.4983735 C6.08735764,21.2822409 6,21.0195912 6,20.7499063 L5.99921427,18 L5.25,18 Z M12.5135149,16.5 L18.75,16.5 C19.7164983,16.5 20.5,15.7164983 20.5,14.75 L20.5,6.25 C20.5,5.28350169 19.7164983,4.5 18.75,4.5 L5.25,4.5 C4.28350169,4.5 3.5,5.28350169 3.5,6.25 L3.5,14.75 C3.5,15.7164983 4.28350169,16.5 5.25,16.5 L7.49878573,16.5 L7.49899997,17.2497857 L7.49985739,20.2505702 L12.5135149,16.5 Z'%3e%3c/path%3e%3c/svg%3e");
}
.download-counter {
  margin-right: 12px;
}
.svg-icon.download {
  width: 16px;
  height: 16px;
  display: inline-flex;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' fill='%23888' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.2 471.2'%3e%3cpath d='M457.7,230.15c-7.5,0-13.5,6-13.5,13.5v122.8c0,33.4-27.2,60.5-60.5,60.5H87.5c-33.4,0-60.5-27.2-60.5-60.5v-124.8 c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v124.8c0,48.3,39.3,87.5,87.5,87.5h296.2c48.3,0,87.5-39.3,87.5-87.5v-122.8 C471.2,236.25,465.2,230.15,457.7,230.15z'/%3e%3cpath d='M226.1,346.75c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.8-85.8c5.3-5.3,5.3-13.8,0-19.1c-5.3-5.3-13.8-5.3-19.1,0l-62.7,62.8 V30.75c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v273.9l-62.8-62.8c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 L226.1,346.75z'/%3e%3c/svg%3e");
}

.post-metadata a:hover,
.post-metadata a:hover span {
  color: var(--main-text-color);
}
.post-footer .author{
  display: flex;
  align-items: center;
}
.post-footer .author:hover .avatar {
  opacity: 1;
}
.post-footer > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.post-metadata .avatar {
  border-radius: 100%;
  margin: 0 5px 0 0;
  opacity: 0.5;
}
.post-metadata .module-item-counters {
  color: #aaa;
  display: flex;
  align-items: center;
}
.post-flow-container {
  display: grid;
  gap: 12px;
}
.post-flow-container.tile-view {
  grid-template-columns: repeat(3, 1fr);
}
.post-list-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-controll {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  margin-left: auto;
  & .btn {
      border: none;
      background-color: var(--bg-button-primary);
      font-size: 0;
      line-height: 0;
      box-shadow: none;
      opacity: 0.5;
      padding: 6px;
    & span {
        width: 24px;
        height: 24px;
      }
  }
  & .active {
      opacity: 1;
  }
  & .svg-icon-bg.tile {
    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%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 6C13 4.89543 13.8954 4 15 4H18C19.1046 4 20 4.89543 20 6V9C20 10.1046 19.1046 11 18 11H15C13.8954 11 13 10.1046 13 9V6ZM18 6H15V9H18V6ZM6 13C4.89543 13 4 13.8954 4 15V18C4 19.1046 4.89543 20 6 20H9C10.1046 20 11 19.1046 11 18V15C11 13.8954 10.1046 13 9 13H6ZM6 15H9V18H6V15ZM15 13C13.8954 13 13 13.8954 13 15V18C13 19.1046 13.8954 20 15 20H18C19.1046 20 20 19.1046 20 18V15C20 13.8954 19.1046 13 18 13H15ZM15 15H18V18H15V15ZM6 4C4.89543 4 4 4.89543 4 6V9C4 10.1046 4.89543 11 6 11H9C10.1046 11 11 10.1046 11 9V6C11 4.89543 10.1046 4 9 4H6ZM6 6H9V9H6V6Z' fill='%23000000'/%3e%3c/svg%3e");}
  & .svg-icon-bg.list {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'/%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3elist_check_3_line%3c/title%3e%3cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Editor' transform='translate(-48.000000, -192.000000)'%3e%3cg id='list_check_3_line' transform='translate(48.000000, 192.000000)'%3e%3cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3e%3c/path%3e%3cpath d='M7,13 C8.05436227,13 8.91816517,13.81585 8.99451427,14.8507339 L9,15 L9,18 C9,19.0543909 8.18412267,19.9181678 7.14926241,19.9945144 L7,20 L4,20 C2.94563773,20 2.08183483,19.18415 2.00548573,18.1492661 L2,18 L2,15 C2,13.9456091 2.81587733,13.0818322 3.85073759,13.0054856 L4,13 L7,13 Z M16,17 C16.5523,17 17,17.4477 17,18 C17,18.51285 16.613973,18.9355092 16.1166239,18.9932725 L16,19 L12,19 C11.4477,19 11,18.5523 11,18 C11,17.48715 11.386027,17.0644908 11.8833761,17.0067275 L12,17 L16,17 Z M7,15 L4,15 L4,18 L7,18 L7,15 Z M20,13 C20.5523,13 21,13.4477 21,14 C21,14.5523 20.5523,15 20,15 L12,15 C11.4477,15 11,14.5523 11,14 C11,13.4477 11.4477,13 12,13 L20,13 Z M7,3 C8.10457,3 9,3.89543 9,5 L9,8 C9,9.10457 8.10457,10 7,10 L4,10 C2.89543,10 2,9.10457 2,8 L2,5 C2,3.89543 2.89543,3 4,3 L7,3 Z M16,7 C16.5523,7 17,7.44772 17,8 C17,8.51283143 16.613973,8.93550653 16.1166239,8.9932722 L16,9 L12,9 C11.4477,9 11,8.55228 11,8 C11,7.48716857 11.386027,7.06449347 11.8833761,7.0067278 L12,7 L16,7 Z M7,5 L4,5 L4,8 L7,8 L7,5 Z M20,3 C20.5523,3 21,3.44772 21,4 C21,4.51283143 20.613973,4.93550653 20.1166239,4.9932722 L20,5 L12,5 C11.4477,5 11,4.55228 11,4 C11,3.48716857 11.386027,3.06449347 11.8833761,3.0067278 L12,3 L20,3 Z'  fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");}
}
.post-flow-container .post {
  background-color: var(--bg-card);
  display: flex;
  flex-direction: column;
  padding: 0 0 12px 0;
}
.post-flow-container.list-view .post {
  display: flex;
  padding: 10px;
  min-width: 100%;
  flex-direction: row;
}
.post-flow-container.tile-view .post {
  padding: 0 0 12px 0;
  flex-direction: column;
  min-width: 280px;
}
.content-column {
  container-type: inline-size;
  container-name: content-column;
}
@container content-column (min-width: 1000px) {
  .post-flow-container.list-view .post-title,
  .post-game-flow-container.list-view .post-title {
    max-width: 65%;
  }
}
@container content-column (min-width: 460px) and (max-width: 980px) {
  .post-flow-container.tile-view {
    gap: 18px 24px;
  }
  .post-flow-container.tile-view .post {
    min-width: auto;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    & .post-title {
      margin: 0 0 4px 0;
      font-size: 1.6rem;
      line-height: 1.2;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }
    & .post-content {
      padding: 6px 0 0 0;
      flex-direction: column-reverse;
      justify-content: flex-end;
    }
    & .post-metadata:first-child {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1;
    }
    & .post-footer {
      position: absolute;
      margin: 0;
      width: 100%;
      top: 125px;
      left: 0;
      padding: 0 10px;
      flex-wrap: nowrap;
      opacity: 0;
      transition: opacity;
      transition-duration: 200ms;
      & .post-footer-aside {
        flex-wrap: nowrap;
      }
      & :first-child {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }
    &:hover .post-footer {
      opacity: 1;
    }
    & picture {
      position: relative;
      & img {
        border-radius: 10px;
      }
    }
    & picture::after {
      content: '';
      position: absolute;
      height: 70px;
      width: 100%;
      bottom: 0;
      left: 0;
      background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
      opacity: 0;
      transition: opacity;
      transition-duration: 200ms;
    }
    &:hover picture::after {
      opacity: 1;
    }
  }
}
.post-flow-container .post-content {
  display: flex;
  padding: 10px 20px 0 20px;
  flex-direction: column;
  height: 100%;
}
.post-flow-container .post-title {
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1.1;
  margin: 10px 0 20px 0;
}

.post-flow-container .post-content p {
  margin: 10px 0 20px 0;
}
.post-flow-container picture {
  text-align: center;
}
.post-flow-container picture img {
  height: auto;
}

.post-flow-container picture .lazy {
  width: 100%;
  position: absolute;
  left: 0;
  height: auto;
  background-color: #f8f8f8;
  image-rendering: -webkit-optimize-contrast;
}

.post-game-flow-container .post {
  background-color: var(--bg-card);
  margin-bottom: 10px;
  display: flex;
  padding: 15px;
}
.post-game-flow-container .post-content {
  display: flex;
  width: 78%;
  padding: 0 0 0 20px;
  flex-direction: column;
}
.post-game-flow-container  .post-title {
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1;
  margin-top: 12px;
}

.post-game-flow-container .post-footer {
  border: none;
  margin: auto 0 0;
  padding: 0;
}
.post-flow-container .post-status-label {
  font-size: 1.4rem;
  padding: 4px 10px;
  &.danger {
    background-color: var(--color-danger);
    color: var(--text-on-primary);
  }
}
.list-view.post-flow-container .post-status-label {
  position: absolute;
  top:0;
  left:0;
  right: 0;
}
.post-rating-counter {
  position: relative;
  z-index: 2;
  margin-left: 12px;
  cursor: default;
  display: flex;
  align-items: center;
  gap: 2px;
}

.svg-icon.rating {
  display: inline-flex;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3e%3cpath fill='%23bbbbbb' d='M923 283.6a260.04 260.04 0 0 0-56.9-82.8a264.4 264.4 0 0 0-84-55.5A265.34 265.34 0 0 0 679.7 125c-49.3 0-97.4 13.5-139.2 39c-10 6.1-19.5 12.8-28.5 20.1c-9-7.3-18.5-14-28.5-20.1c-41.8-25.5-89.9-39-139.2-39c-35.5 0-69.9 6.8-102.4 20.3c-31.4 13-59.7 31.7-84 55.5a258.44 258.44 0 0 0-56.9 82.8c-13.9 32.3-21 66.6-21 101.9c0 33.3 6.8 68 20.3 103.3c11.3 29.5 27.5 60.1 48.2 91c32.8 48.9 77.9 99.9 133.9 151.6c92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3c56-51.7 101.1-102.7 133.9-151.6c20.7-30.9 37-61.5 48.2-91c13.5-35.3 20.3-70 20.3-103.3c.1-35.3-7-69.6-20.9-101.9M512 814.8S156 586.7 156 385.5C156 283.6 240.3 201 344.3 201c73.1 0 136.5 40.8 167.7 100.4C543.2 241.8 606.6 201 679.7 201c104 0 188.3 82.6 188.3 184.5c0 201.2-356 429.3-356 429.3'/%3e%3c/svg%3e");
}
.post .post-footer-aside {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.page-aside .pix-widget {
  margin-bottom: 20px;
}
.page-aside .pix-widget .item {
  float: left;
  width: 50%;
}
.page-aside .pix-widget li:nth-child(odd) {
  padding-right: 2px;
}
.page-aside .pix-widget li:nth-child(even) {
  padding-left: 2px;
}
.page-aside .pix-widget .img-wrapper {
  position: relative;
  display: block;
  margin-bottom: 5px;
}
.page-aside .pix-widget .img-wrapper:hover .title {
  display: none;
}
.page-aside .pix-widget .title {
  position: absolute;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font: bold 1.4rem Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 1px 1px 1px #000;
}
.page-aside .sreenshots-module {
  margin-bottom: 20px;
}

.general-categories-collapse .collapse {
  display: block;
}

.post-flow-container.list-view .post-content {
  flex-basis: 100%;
  height: auto;
}
.type-page-post-list .post-flow-container .post-content p {
  display: none;
}
.type-page-post-list .post-metadata,
.post-game-flow-container .post-metadata{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-page-post-list .post-label,
.post-game-flow-container .post-label{
  color: #b31919;
}
.type-page-post-list .post-label:hover,
.post-game-flow-container .post-label:hover{
  color: #ff2121;
}
.promoted-content {
  margin: 30px 0 0 0;
  content-visibility: auto;
}

.promoted-content .post-edit-btn {
  display: none;
}
.promoted-content .post-content img {
  margin: 0 0 20px 0;
}
.promoted-content a:hover {
  color: var(--main-color);
}
.promoted-content .files-listing {
  margin: 10px 0 40px;
}
.promoted-content .files-listing .item {
  padding: 8px 0;
  font: bold 1.3rem/1 Arial, sans-serif;
  border-top: 1px solid #e2e2e2;
  margin: 0;
}
.promoted-bonus-component {
  margin: 20px 0 0 0;
}
.promoted-content .heading,
.promoted-bonus-component .heading  {
  font: bold 1.8rem "Roboto Condensed", Arial, sans-serif;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.promoted-bonus-component .list-items {
  display: flex;
  gap: 12px;
}
.promoted-bonus-component .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-basis: 100%;
  padding: 2px;
  border-radius: 4px;
  background-color: #b31919;
  overflow: hidden;
}
.promoted-bonus-component .item img {
  border-radius: 3px 3px 0 0;
}
.promoted-bonus-component .notauthorised .item {
  flex-basis: calc(100% / 3 - (12px * 2/3));
  position: relative;
  border: none;
  padding: 0;
}
.promoted-bonus-component .title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 6px;
  height: 100%;
  text-align: center;
}
.promoted-bonus-component .notauthorised .title {
  height: 90px;
  font: bold 1.9rem/1.1 "Roboto Condensed", Arial, sans-serif;
  padding:  0 24px;
  opacity: 0.95;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff
}

.promoted-bonus-component .notauthorised .item:nth-child(1) .title {
  background-color: #60b502;
}
.promoted-bonus-component .notauthorised .item:nth-child(2) .title {
  background-color: #636363;
}
.promoted-bonus-component .notauthorised .item:nth-child(3) .title {
  background-color: #02406f;
}

  /**********************ГОЛОСОВАНИЕ*******************************/

.poll-module .block-content {
  padding: 20px 10px 10px 20px;
  background: #fff;
}

.page-aside .poll-module .block-content {
  padding: 0;
}

.poll-qwestions-form .radio {
  margin: 14px 0
}

.poll-qwestions-form .radio input {
  margin-top: 2px
}

.poll-module .module-title {
  font: bold 1.3rem Arial, sans-serif;
  padding: 5px 0 2px 0;
  color: var(--main-color);
}

.poll-module .poll-theme {
  font: bold 1.5rem/1 Arial, sans-serif;
  color: #444;
  margin: 10px 10px 0 0;
  display: block;
}

.poll-module .poll-theme a {
  color: #444;
  text-decoration: none;
}

.poll-module .module-item {
  margin: 0 5px 10px 0;
  padding: 0;
  min-height: 32px;
  cursor: default;
  font-weight: normal;
  font-size: 1.4rem;
}

.poll-module .module-item .inner {
  padding: 8px 2px 2px 2px;
}

.poll-module .bottom {
  padding: 10px 0;
}

.poll-module .poll-summary {
  vertical-align: middle;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 30px;
}

.poll-module .progress-custom {
  margin-bottom: 5px;
}

.poll-module .cntrl-holder {
  margin-left: 5px;
}

a:hover .progress-bar-custom {
  background: var(--main-color)
}

.breadcrumbs a:hover,
.breadcrumbs .btn-link:hover {
  color: var(--main-color);
}
.breadcrumbs .dropdown-menu > li > a {
  font-size: 1.3rem;
}
.breadcrumbs .dropdown-menu > li > a:hover {
  text-decoration: none;
  color: var(--main-color);
}
.breadcrumbs .btn-group {
  vertical-align: top;
}


.module-header .module-tabs-set .nav > li > a {
  border: none !important;
  background: none !important;
  border-radius: 0;
}
.module-header-navigation {
  border-bottom: 1px solid var(--border-base);
  margin: 10px 0 0;
}
.module-header-navigation.page-subnav {
  margin: 20px 0;
}
.module-header-navigation.page-subnav .post-votes-btns {
  margin-left: auto;
}
.module-header-navigation.page-subnav .post-votes-btns .btn {
  border: none;
  color: #3C3C3C;
}
.module-header-navigation.page-subnav .post-votes-btns .active {
  color: #b31919
}
.page-subnav-title {
  margin: 0 0 0 10px;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0;
  display: inline-block;
}
.module-header-navigation .item {
  margin: 0 10px -1px 0;
}

.module-header-navigation .item a:hover,
.module-header-navigation .item a:focus {
  background: transparent;
}
.module-header-navigation.page-subnav .btn {
  background-color: transparent;
}
.tab-content {
  padding: 10px 0 0 0;
}
.tags-cloud {
  margin: 16px 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.tags-cloud .btn {
  padding: 5px 10px;
  margin: 0;
  background-color: var(--bg-button-secondary);
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 3px;
  color: var(--text-primary);
  margin: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)
}
.tags-cloud .btn:hover {
  color: var(--text-on-primary);
  box-shadow: none;
  background-color: #222;
}
.tags-cloud .active,
.tags-cloud .active:hover,
.post-categories .item.active {
  color: #fff;
  background-color: #b31919;
  border-color: #b31919;
}

/* ==========================================================================
    Footer styles
   ========================================================================== */

.page-footer {
  position: relative;
  background: var(--bg-footer);
  padding: 30px 40px 20px;
  color: #737373;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2), -2px 0 2px rgba(0, 0, 0, 0.2) ;
  cursor: default;
  width: 100%;
}
.page-footer .bottom-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.page-footer .bottom-bar-item {
  flex-grow: 1;
  flex-basis: 0;
}
.page-footer .bottom-bar-item:first-child {
  flex-grow: 2;
}
.page-footer .social-group-links {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.page-footer a {
  color: #aaa;
}
.page-footer .highlighted a {
  color: #fff;
}
.page-footer .subscribe-form {
  margin: 12px 0 0 0;
}
.page-footer-nav {
  padding: 20px 0;
  text-transform: uppercase;
}
.page-footer .bottom-bar li {
  margin: 0 0 5px 0;
}
.page-footer .additional-navigation a:hover {
  color: #fff;
}
.page-footer .additional-navigation .heading {
  color: #606060;
  font-weight: bold;
  font-size: 1.6rem;
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;
}
.page-footer .copyright-info {
  font-size: 1.1rem;
  line-height: 1;
}
.page-footer .copyright-info strong {
  color: #fff;
  font-size: 1.2rem;
  margin: 0 0 5px 0;
  display: block;
}
.page-aside a:hover {
  text-decoration: none;
}
.page-footer .counters {
  margin-top: 5px
}
.page-footer .counters img {
  opacity: 0.15;
}
.page-footer .counters img:hover {
  opacity: 1;
}
.page-footer .adult-icon {
  border: 2px solid #fff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin: 0 0 10px 0;
  color: #fff;
  width: 42px;
  height: 42px;
  text-align: center;
  letter-spacing: -2px;
  text-indent: -2px;
  line-height: 1;
}
.page-footer .adult-icon span:last-child {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
}
.gp-main-column {
  position: relative;
}

.panel-group.rules {
  border: 1px solid #DBCE90;
}

.panel-group.rules ul {
  padding-left: 10px;
}

.panel-group.rules li {
  margin-bottom: 10px;
}

.new-post-textarea textarea {
  height: 270px
}

.panel-group.rules .panel-title a {
  display: block;
  text-decoration: none !important
}

.panel-group.rules .glyphicon:before {
  content: "\e253";
}

.panel-group.rules .collapsed .glyphicon:before {
  content: "\e252";
}

/*******************************************/

.page-aside .sreenshots-module .title{
  position: absolute;
  left: 50%;
  top: 50%;
  font-weight: bold;
  line-height: 1;
  font-size: 3rem;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.8;
  pointer-events: none;
}

.modal.vert-align {
  text-align: center;
  padding: 0 !important;
}
.modal.vert-align:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal.dark .modal-content {
  background-color: #1f1f1f;
  color: #ccc;
}
.modal.dark .modal-header {
  border-bottom: 1px solid #111;
  color: #ccc;
}
.modal.dark .modal-header .btn {
  background-color: #444;
  border-color: #111;
  color: #222;
}
.modal.vert-align .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.link-text {
  color: #222
}

.gp-game-follow {
  outline: none !important;
  display: inline-flex;
  align-items: center;
}
.gp-game-follow div {
  width: 100%;
}
.gp-game-follow .badge {
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1;
  background-color: transparent;
  padding: 0;
  top: 1px;
  color: #d7d7d7;
  margin-left: 7px;
}
.gp-game-follow .svg-icon-bg {
  margin-right: 7px;
}
.gp-game-follow.btn-primary .badge {
  border-left: 1px solid #194E7A;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  padding: 0 0 0 7px;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
}
.gp-game-follow .text {
  line-height: 1;
  font-size: 1.2rem;
}

.btn-vkontakte {
  background: #507299;
  padding: 5px 8px;
  border: none;
}

.user-profile-navigation > ul {
  display: flex;
  margin: 0;
  justify-content: space-between;
  gap: 8px;
}
.user-profile-navigation .item {
  flex: 1;
}
.page-header-bottom .user-profile-navigation .item {
  flex: 0;
}
.user-profile-navigation .counter {
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
  color: #aaa;
  font-size: 0.9rem;
  font-weight: normal;
}
.user-profile-navigation .counter.new {
  color: var(--main-color);
}
.user-profile-navigation a.index {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: none;
  padding: 13px 12px;
  background-color:  var(--main-color);
  color: #fff;
  font-weight: bold;
}
.user-profile-navigation a:hover .counter {
  display: block
}
.user-profile-navigation .index {
  display: none;
}
.page-header-bottom {
  background-color: var(--bg-card);
  position: relative;
}
.page-header-bottom .user-profile-navigation .item > a {
  padding: 15px 14px 12px;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--text-primary);
  display: block;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase;
}
.page-header-bottom .user-profile-navigation .item > a::first-letter {
  text-transform: uppercase;
}
.page-header-bottom .user-profile-navigation .index a {
  background-color: var(--main-color);
  color: #fff;
  white-space: nowrap;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-header-bottom .user-profile-navigation .index {
  display: block;
}
.page-header-bottom .user-profile-navigation .counter {
  top: 0;
  bottom: auto;
}
.page-header-bottom .user-profile-navigation .current > a {
  border-bottom-color: var(--main-color);
  color: var(--main-text-color);
}
.page-header-bottom .user-profile-navigation:hover .current > a {
  border-bottom-color: transparent;
}
.page-header-bottom .user-profile-navigation .item > a:hover {
  border-color: var(--main-color);
}
.page-header-bottom .content {
  max-width: 1260px;
  margin: 0 auto;
}
.user-profile-sidebar .subnav {
  background: #fff;
  min-width: 200px;
  margin: 0;
  list-style: none;
  padding: 0;
  z-index: 1001;
  position: absolute;
  left: 0;
  top: 100%;
}
.user-profile-sidebar .subnav .subnav {
  top: 0;
  left: 100%;
  border: none;
  border-radius: 0
}
.user-profile-sidebar .item .parent {
  position: relative
}
.user-profile-sidebar .subnav a {
  text-transform: none;
  font: normal 1.2rem/1 Arial, sans-serif;
  padding: 10px 25px 10px 15px;
  height: auto;
  border-bottom: 1px solid #ccc !important;
  white-space: nowrap;
  text-align: left;
}
.user-profile-sidebar .subnav a:hover {
  color: #000;
  background-color: #eee;
}
.user-profile-sidebar .subnav .parent:after {
  content: '»';
  position: absolute;
  right: 10px;
  top: 5px;
  color: #ccc;
}
.user-profile-navigation .item > a .glyphicon {
  margin-right: 5px;
  top: -1px
}
.page-header-bottom .user-profile-sidebar,
.mezzanine .sticked {
  width: 100%;
  margin: 0 !important;
  padding-left: 0 !important;
}
.page-header-bottom .user-profile-sidebar ul,
.sticked ul {
  justify-content: center;
}
.page-header-bottom .user-profile-sidebar .item > a{
  padding-left: 14px;
  padding-right: 14px;
}
.page-header-bottom  ul {
  display: flex;
}

.user-avatar.big-size img {
  width: 100px;
  height: 100px;
  box-shadow: 0 0 5px #333;
}

/* ==========================================================================
    Страница публикации
   ========================================================================== */


/*general styles for all CSS Checkboxes*/
input[type=checkbox].css-checkbox {
  display: none;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 23px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  left: 25px
}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -18px;
}

label.css-label {
  background-image: url(../img/ui/csscheckbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn input[type=checkbox].css-checkbox + label.css-label {
  position: static;
  margin: 0;
}

.dialog-confirm {
  display: none;
}

.glyphicon-rub {
  font-size: 1.2rem;
  line-height: 1
}
.community-list .avatar-image {
  border-radius: 100%;
  margin-right: 5px;
}

.community-list .table-condensed > tbody > tr > td {
  vertical-align: middle;
}

.article-content img.pull-right {
  margin-left: 20px;
}

.article img.pull-left {
  margin-right: 20px;
}

.empty-link,
.dropdown-menu.light > li > a.empty-link,
.article-content .empty-link {
  color: #9e9e9e;
}


/* ==========================================================================
  Модальное окно регистрации и авторизации
   ========================================================================== */
.modal-open .login-signup-modal-window.modal.in {
  align-items: normal;
  padding-right: 0 !important;
  justify-content: normal;
}
.login-signup-modal-window .modal-dialog {
  width: 100%;
  margin: 0;
  height: 100%;
  background-color: var(--bg-modal);
}
#userNotAuthorized .login-signup-modal-window .modal-dialog {
  background-color: var(--bg-card);
}
.login-signup-modal-window  .flexbox-wrapper {
  margin-bottom: 20px;
  height: 100%;
}
.login-signup-modal-window .modal-content {
  box-shadow: none;
  border: none;
  height: 100%;
  background-color: transparent;
}
.login-signup-modal-window .modal-header {
  border: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.login-signup-modal-window .modal-body {
  padding: 0;
  font-size: 1.6rem;
  height: 100%;
}
.login-signup-modal-window .aside {
  flex-basis: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 100px 60px 60px;
  align-items: center;
  justify-content: center;
}
#userNotAuthorized .login-signup-modal-window .aside {
  flex-basis: 50%;
  align-items: normal;
  justify-content: normal;
}
.login-signup-modal-window .aside .footer {
  margin-top: auto;
}
.login-signup-modal-window .aside.about {
  background-color: #b31919;
  color: #fff;
}
.login-signup-modal-window .reminder-link {
  margin: 0 0 12px 0;
  float: right;
  border: none;
  background: transparent;
}
.login-signup-modal-window .social-group-links {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.login-signup-modal-window form {
  margin: 0 0 20px 0;
}
.login-signup-modal-window .social-group-links .btn {
  padding: 0;
  line-height: 1;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 100ms ease-out;
}
.login-signup-modal-window .social-group-links .btn:hover {
  transform: translate(0px, 0px) scale(1.1, 1.1)
}
.login-signup-modal-window .social-group-links .btn span {
  font-size: 1.8rem;
}
.login-signup-modal-window .social-group-links .btn:has(iframe) {
  line-height: 1;
  width: 38px;
  height: 38px;
  background-color: #54a9eb;
  border-radius: 3px;
  overflow: hidden;
}
.login-signup-modal-window .social-group-links .btn iframe {
  transform: translate(-7px);
}
.login-signup-modal-window .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  opacity: 1;
}
.login-signup-modal-window p a  {
  color: #b31919;
}
.login-signup-modal-window p a:hover  {
  text-decoration: underline;
}
.login-signup-modal-window .close .svg-icon-bg{
  width: 24px;
  height: 24px;
}
.login-signup-modal-window .collapsing {
  transition: none;
  display: none;
}
.login-signup-modal-window .btn-outline-primary {
  background-color: #b31919;
  color: #fff;
}
.login-signup-modal-window .btn-outline-primary:hover {
  background-color: #cc0000;
}
.login-signup-modal-window .btn-outline-primary.spinner b {
  color: transparent;
}
.login-signup-modal-window .btn-outline-primary.spinner:after {
  color: #fff;
}
.login-signup-modal-window form .btn:first-of-type  {
  margin-bottom: 20px;
}
.login-signup-modal-window .signup-motivation {
  margin: 0 auto;
  font-size: 2.4rem;
  max-width: 600px;
}
.login-signup-modal-window .signup-motivation .h1 {
  font-size: 3rem;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.login-signup-modal-window .signup-motivation p {
  margin: 30px 0;
  line-height: 1.2;
}
.login-signup-modal-window .signup-motivation a {
  color: #fff;
  text-decoration:underline;
}
.social-group-links .btn {
  color: #fff;
  padding: 5px 10px;
  border: none;
}
.btn-vkontakte {
  background-color: #45668e;
}
.btn-facebook {
  background-color: #4267b2;
}
.btn-google {
  background-color: #ea4335;
}
.btn-mail_ru {
  background-color: #168de2;
}
.btn-yandex {
  background-color: #fc3f1d;
}
.btn-ok {
  background-color: #ed812b;
}
.btn-telegram {
  background-color: #54a9eb;
}
.login-signup-modal-window .form-group {
  margin: 18px 0 0 0;
}
.login-signup-modal-window .show-pass-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.login-signup-modal-window .show-pass-btn .svg-icon-bg {
  width: 24px;
  height: 24px;
}
.login-signup-modal-window .show-pass-btn.off .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23888888' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'%3e%3c/path%3e%3c/svg%3e");
}
.login-signup-modal-window .show-pass-btn.on .svg-icon-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23888888' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'%3e%3c/path%3e%3c/svg%3e");
}
.page-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(00, 00, 00, 0.8);
}
.login-signup-modal-window .form-group:focus-within .glyphicon {
  color: #fff;
}
.login-signup-modal-window .form-control:focus {
  box-shadow: none;
}
.login-signup-modal-window .form-group:focus-within .input-group-addon {
  background-color: rgb(102, 175, 233);
  border-color: rgb(102, 175, 233);
}
.login-signup-modal-window .verify-button {
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 15px center;
  margin-bottom: 10px;
  padding: 12px 20px;
  font-weight: bold;
  text-indent: 30px;
  background-color: var(--bg-button-secondary);
  border-radius: 6px;
  border: 1px solid var(--border-base);
  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%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 8C1.25 4.27208 4.27208 1.25 8 1.25H16C19.7279 1.25 22.75 4.27208 22.75 8V16C22.75 19.7279 19.7279 22.75 16 22.75H8C4.27208 22.75 1.25 19.7279 1.25 16V8ZM8 2.75C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75H8Z' fill='%230f0f0f' /%3e%3c/svg%3e");
}
.login-signup-modal-window .verify-button.loading {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000FF' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z' opacity='.25'/%3e%3cpath d='M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.75s' values='0 12 12;360 12 12' repeatCount='indefinite'/%3e%3c/path%3e%3c/svg%3e");
}
.login-signup-modal-window .verify-button.success {
  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 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%3cg id='style=stroke'%3e%3cg id='check-box'%3e%3cpath id='vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M16.5303 8.96967C16.8232 9.26256 16.8232 9.73744 16.5303 10.0303L11.9041 14.6566C11.2207 15.34 10.1126 15.34 9.42923 14.6566L7.46967 12.697C7.17678 12.4041 7.17678 11.9292 7.46967 11.6363C7.76256 11.3434 8.23744 11.3434 8.53033 11.6363L10.4899 13.5959C10.5875 13.6935 10.7458 13.6935 10.8434 13.5959L15.4697 8.96967C15.7626 8.67678 16.2374 8.67678 16.5303 8.96967Z' fill='%232ead00'%3e%3c/path%3e%3cpath id='vector (Stroke)_2' fill-rule='evenodd' clip-rule='evenodd' d='M1.25 8C1.25 4.27208 4.27208 1.25 8 1.25H16C19.7279 1.25 22.75 4.27208 22.75 8V16C22.75 19.7279 19.7279 22.75 16 22.75H8C4.27208 22.75 1.25 19.7279 1.25 16V8ZM8 2.75C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75H8Z' fill='%232ead00'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.login-signup-modal-window .verify-button.error {
  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 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%3cg id='style=linear'%3e%3cg id='error-box'%3e%3cpath id='vector' d='M2 8C2 4.68629 4.68629 2 8 2H16C19.3137 2 22 4.68629 22 8V16C22 19.3137 19.3137 22 16 22H8C4.68629 22 2 19.3137 2 16V8Z' stroke='%23f50000' stroke-width='1.5'%3e%3c/path%3e%3cpath id='vector_2' d='M9.00012 9L15.0001 15' stroke='%23f50000' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3cpath id='vector_3' d='M15 9L9 14.9999' stroke='%23f50000' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.social-signin .social-icon {
  width: 48px;
  height: 47px;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  font-size: 2.6rem;
  color: #fff;
  line-height: 47px;
  background: #7d7e7d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  text-decoration: none !important;
}

.social-icon.vk:hover {
  background: #57799D;
}

.social-icon.fb:hover {
  background: #3C599B;
}

.social-icon.tw:hover {
  background: #41AAE1;
}

.social-icon.mr:hover {
  background: #144786;
}

.social-icon.goo:hover {
  background: #DC4B38;
}

.social-icon.yan:hover {
  background: #FFD427;
}

.social-icon.odn:hover {
  background: #F8892F;
}

.float-teaser {
  height: 34px;
  margin: 0;
  background-color: #b31919;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.float-teaser-title {
  color: #fff !important;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
}
.float-teaser .close {
  opacity: 0.8;
  text-shadow: none;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 1.6rem;
  padding: 10px;
  color: #fff;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.float-teaser .close:hover {
  opacity: 1;
}
.float-teaser .close:before {
  content: "\e014";
  font-family: 'Glyphicons Halflings';
}
.page-header-bottom + .float-teaser {
  margin-top: -2px;
}

/**********************************
*************Скриншоты ************
/*********************************/
.screenshots-module .module-content {
  padding: 15px 0;
}
.screenshots-gallery.slide-view {
  position: relative;
}
.screenshots-gallery.slide-view a {
  display: block;
}

.screenshots-gallery .multipanel-cntrl {
  margin: 0;
  z-index: 100;
  background: none;
  position: absolute;
  font-size: 2.5rem;
  color: #fff;
  top: 0;
  height: 85px;
  text-align: center;
  width: 32px;
  line-height: 85px;
}
.screenshots-gallery .multipanel-cntrl:hover {
  background: rgba(255, 255, 255, 0.5)
}

.screenshots-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}
.screenshots-gallery .gallery-item {
  min-width: 200px;
  margin: 2px;
  flex-basis: calc(25% - 4px);
}

.service-icon {
  font-family: "icomoon";
  font-size: 1.3rem;
}
.social-accounts .btn {
  margin-left: 5px;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  text-align: center;
  padding: 0;
  line-height: 26px;
  vertical-align: middle;
  font-size: 1.5rem;
  background-color: #1b1b1b;
}
.service-icon.facebook:before {
  content: "\e603";
}
.service-icon.vk:before {
  content: "\f189";
}
.service-icon.yandex:before {
  content: "\e605";
}
.service-icon.mail_ru:before {
  content: "\e600";
}
.service-icon.ok:before {
  content: "\e601";
}
.service-icon.google:before {
  content: "\e905";
}
.service-icon.steam:before {
  content: "\f1b6";
}
.js-oauth .service-icon.telegram:before {
  content: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

.service-item.block {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.service-item .btn {
  outline: 0 !important;
}
.service-title {
  cursor: default !important;
  color: #444;
  border: none;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}

.game-box-image.xs {
  box-shadow: 0 5px 5px -3px #333;
  margin-right: 10px
}

.positive {
  color: #00b800;
}

.negative {
  color: #c00;
}

.progress-bar-wrapper {
  height: 20px;
  margin: 5px 0 0 0;
  width: 200px;
  text-align: center;
}

.led-progress-bar.disable {
  visibility: hidden;
  text-align: center
}

.user-gallery-intro .user-gal-thumb {
  width: auto;
  height: auto;
}
.user-gallery-intro .tag {
  margin: 5px 5px 5px 0;
}
.user-gallery-intro-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;

}
.user-gallery-intro-wrapper .item {
  aspect-ratio: 16/15;
  display: block;
  text-align: center;
  position: relative;
  color: #fff;
}
.user-gallery-intro-wrapper .thumbs-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000000;
}
.user-gallery-intro-wrapper .thumbs-wrapper img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.user-gallery-intro-wrapper .item:hover img {
  animation: round 4s infinite;
}
.user-gallery-intro-wrapper .thumbs-wrapper img:nth-child(1) {
  opacity: 1;
  animation-delay: 0s;
}
.user-gallery-intro-wrapper .thumbs-wrapper img:nth-child(2) {
  animation-delay: -1s;
}
.user-gallery-intro-wrapper .thumbs-wrapper img:nth-child(3) {
  animation-delay: -2s;
}
.user-gallery-intro-wrapper .thumbs-wrapper img:nth-child(4) {
  animation-delay: -3s;
}
/* Определение анимации */
@keyframes round {
  0%, 20% {
    opacity: 1; /* Изображение становится видимым */
  }
  25%, 100% {
    opacity: 0; /* Изображение становится невидимым */
  }
}
.user-gallery-intro-wrapper .section-title {
  font-size: 1.8rem;
  color: #eee;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  margin: 0;
}

.ui-autocomplete.ui-front {
  z-index: 1000
}

.module-header {
  padding: 20px 0 0 0;
}

.module-header-navigation .nav-pills {
  display: inline-block;
  vertical-align: middle;
}

.module-header-navigation .nav-pills > li > a {
  padding: 5px;
  border-radius: 0;
  border-bottom: 1px solid transparent;
}

.module-header-navigation .nav-pills > li.active > a,
.module-header-navigation .nav-pills > li.active > a:hover,
.module-header-navigation .nav-pills > li.active > a:focus {
  background-color: transparent;
  border-bottom: 1px solid var(--main-color);
  color: #b31919;
}

.server-module {
  font-size: 1.4rem;
  font-weight: bold;
}
.server-module .module-item {
  margin-bottom: 120px;
}
.server-module .heading {
  height: 70px;
  vertical-align: middle;
}
.server-module .title {
  margin-right: 10px;
  color: var(--main-color);
}
.server-module .heading img {
  margin: 0 20px 0 0;
  float: left;
}

.ui-progressbar {
  position: relative;
}
.progress-label {
  position: absolute;
  left: 50%;
  top: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

/***************************************
  Страница поиска
****************************************/

.advanced-search .text {
  padding: 5px;
  width: 250px;
  margin: 0 15px 0 5px
}

.advanced-search select {
  padding: 5px;
  width: 250px;
  margin: 0 15px 0 5px
}

.search-results-filter .badge {
  font: normal 1.1rem/1 Arial, sans-serif;
  background: #eee;
  color: #444;
  margin-left: 5px
}

.search-results-filter .btn {
  margin: 5px 3px
}

.search-results {
  overflow: hidden;
  padding: 15px 20px 20px 0;
}

.search-results .item {
  margin: 0 0 20px 0;
  padding: 0 20px 17px 0;
  border-bottom: 1px solid #aaa;
}

.search-results .item:last-child {
  border: none;
}

.search-results .content-tag {
  color: var(--main-color)
}
.search-results .release {
  color: #aaa
}

.page-notification {
  position: absolute;
  left: 0;
  top: -35px;
  width: 100%;
  padding: 0 15px;
  background: var(--main-color);
  color: #444;
  font: normal 1.7rem Arial, sans-serif;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.page-notification .content {
  margin: 0 10px;
}
.page-notification .content *,
.page-notification .content {
  color: #fff !important;
  text-decoration: none !important;
  flex-basis: 100%;
}
.page-notification .btn {
  font-size: 2rem;
  padding: 0;
  line-height: 1;
  color: #fff;
  margin-left: auto;
}

#adfox_165046487830396334 {
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 5;
}
#adfox_169271095224538376 {
  font-size: 0;
  position: fixed !important;
  left: 10px;
  bottom: 10px;
  z-index: 1000;
}

.fullscreen-close .glyphicon {
  top: 3px;
  font-size: 2.6rem;
}
.vacancy-description {
  padding: 0 25px 25px;
  background: #EDEDED;
  border: 1px dashed #ccc;
  margin: 10px 0 20px;
}
.vacancy-tabs .simple-button {
  margin: 25px 10px 0 20px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)
}
.article-header {
  margin: 20px 0;
  position: relative;
}
.upload_box iframe {
  width: 100%
}
.modal.ui-draggable .modal-backdrop {
  display: none
}

.game-rating.hidden-md {
  margin: -5px 0 5px 0;
}

.file-input-wrapper {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.file-input-wrapper input[type=file],
.file-input-wrapper input[type=file]:focus,
.file-input-wrapper input[type=file]:hover {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
}

.file-input-name {
  margin-left: 8px;
}
.report-dropdown {
  font-size: 1.7rem;
  text-align: left;
  margin-top: 20px;
}
.violation-report-item {
  padding: 5px 10px;
  border-radius: 4px;
}
.violation-report-item:has([type="radio"]:checked) {
  background-color: var(--main-color);
  color: #fff
}
.violation-report-item label {
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin: 0;
}
.violation-report-item .form-group {
  margin: 0;
}
.violation-report-item:hover {
  background-color: var(--bg-content-highlite);
}
.violation-report-item input.report-radio {
  display: none;
}

.css-joa6r4.css-joa6r4.css-joa6r4.css-joa6r4  {
  max-width: none !important;
}
.css-joa6r4.css-joa6r4.css-joa6r4.css-joa6r4 .qc-cmp2-summary-section {
  width: 82% !important;
}
.css-joa6r4.css-joa6r4.css-joa6r4.css-joa6r4 .qc-cmp2-footer {
  width: 18% !important;
}
.css-joa6r4.css-joa6r4 .qc-cmp2-consent-info {
  padding: 0 30px 0 10px !important;
}
.css-joa6r4.css-joa6r4 .qc-cmp2-summary-section .qc-cmp2-summary-info {
  padding-bottom: 0 !important;
}
.css-joa6r4.css-joa6r4 .qc-cmp2-summary-section .qc-cmp2-summary-info div {
  font-size: 12px !important;
}
.css-joa6r4.css-joa6r4.css-joa6r4.css-joa6r4 .qc-cmp2-footer .qc-cmp2-summary-buttons {
  margin-right: 10px;
}
.ui-pnotify-text a {
  font-weight: bold;
  text-decoration: underline;
  color: inherit;
}
.ui-pnotify.like-modal {
  top: 50% !important;
  right: auto !important;
  left: 50% !important;
  width: auto !important;
  max-width: 640px !important;
  bottom: auto !important;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
}
.ui-pnotify.like-modal .ui-pnotify-text {
  padding: 20px;
  background-color: #fff;
  color: #444;
}
.ui-pnotify.like-modal .ui-pnotify-text p a {
  text-decoration: underline;
  color: #b31919;
}
.ui-pnotify .btn-success {
  font-size: 14px;
  color: #fff !important;
  margin-top: 10px !important;
  background-color: #5cb85c !important;
}
.ui-pnotify .btn-success + br, #registerSuccessText + br {
  display: none;
}
.ui-pnotify.step-0 {
  right: 0!important;
  left: auto !important;
  top: 65px !important;
}
.ui-pnotify.atLeft:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 55px 75px 55px;
  border-color: transparent transparent #aff29a transparent;
  position: absolute;
  top: -30px;
  left: 60px
}
.ui-pnotify.step-0 {
  position: fixed !important;
  right: 5px !important;
  left: auto !important;
  top: 65px !important;
}
.ui-pnotify.step-0::before {
  content: '';
  position: absolute;
  top: -20px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #aff29a transparent;
}
.ui-pnotify.step-1 {
  position: absolute !important;
  right: 50px !important;
  left: auto !important;
  top: 20px !important;
}
.ui-pnotify.step-1::before {
  content: '';
  position: absolute;
  top: 20px;
  right: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent  transparent #aff29a;
}
.ui-pnotify.step-2 {
  position: absolute !important;
  right: 0!important;
  left: 50px !important;
  top: 85px !important;
}
.ui-pnotify.step-2::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #aff29a transparent;
}
.ui-pnotify.step-3 {
  position: fixed !important;
  right: 100px !important;
  left: auto !important;
  top: 65px !important;
}
.ui-pnotify.step-3::before {
  content: '';
  position: absolute;
  top: -20px;
  right: 35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #aff29a transparent;
}
.has-inner-nav {
  display: flex;
}
.has-inner-nav .wiki-page-nav {
  margin: 0 20px 0 0;
  min-width: 260px;
}
.has-inner-nav .wiki-page-nav .nav>li>a {
  padding: 5px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
}
.has-inner-nav h2 {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
}
.has-inner-nav li ul {
  margin-top: 20px;
}
.has-inner-nav .wiki-page-nav nav{
  position: sticky;
  top: 85px
}
.has-inner-nav .wiki-page-nav .active a {
  color: #b31919
}
.page-header  .mobile-icons-container {
  display: none;
}

.container-fluid{
  max-width:990px;
}
.container-fluid.wider{
  max-width:none;
}

.page-aside .sticked {
  position: sticky;
  top: 85px;
}
.messenger-launcher {
  font-weight: bold;
  padding: 5px 20px 5px 12px;
  position: absolute;
  cursor: pointer;
  background-color: var(--bg-button-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  white-space: nowrap;
  border: 1px solid var(--border-base);
  right: calc((100vw - 1220px) / 2);
  top: 5px;
  & .svg-icon-bg {
    width: 20px;
    height: 18px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='var(--ci-primary-color, %23000000)' d='M448.205,392.507c30.519-27.2,47.8-63.455,47.8-101.078,0-39.984-18.718-77.378-52.707-105.3C410.218,158.963,366.432,144,320,144s-90.218,14.963-123.293,42.131C162.718,214.051,144,251.445,144,291.429s18.718,77.378,52.707,105.3c33.075,27.168,76.861,42.13,123.293,42.13,6.187,0,12.412-.273,18.585-.816l10.546,9.141A199.849,199.849,0,0,0,480,496h16V461.943l-4.686-4.685A199.17,199.17,0,0,1,448.205,392.507ZM370.089,423l-21.161-18.341-7.056.865A180.275,180.275,0,0,1,320,406.857c-79.4,0-144-51.781-144-115.428S240.6,176,320,176s144,51.781,144,115.429c0,31.71-15.82,61.314-44.546,83.358l-9.215,7.071,4.252,12.035a231.287,231.287,0,0,0,37.882,67.817A167.839,167.839,0,0,1,370.089,423Z' class='ci-primary'/%3e%3cpath fill='var(--ci-primary-color, %23000000)' d='M60.185,317.476a220.491,220.491,0,0,0,34.808-63.023l4.22-11.975-9.207-7.066C62.918,214.626,48,186.728,48,156.857,48,96.833,109.009,48,184,48c55.168,0,102.767,26.43,124.077,64.3,3.957-.192,7.931-.3,11.923-.3q12.027,0,23.834,1.167c-8.235-21.335-22.537-40.811-42.2-56.961C270.072,30.279,228.3,16,184,16S97.928,30.279,66.364,56.206C33.886,82.885,16,118.63,16,156.857c0,35.8,16.352,70.295,45.25,96.243a188.4,188.4,0,0,1-40.563,60.729L16,318.515V352H32a190.643,190.643,0,0,0,85.231-20.125,157.3,157.3,0,0,1-5.071-33.645A158.729,158.729,0,0,1,60.185,317.476Z' class='ci-primary'/%3e%3c/svg%3e");
  }
  & .value {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -4px;
    right: -4px;
    background-color: #c00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 11px;
    line-height: 1;
  }
  @media (max-width: 960px) {
    bottom: 5px;
    right: 5px;
    top: auto;
    position: fixed;
    border: 1px solid #aaa;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
}


ul.autocomplete_container {
  list-style: none;
  margin: 0;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul.autocomplete_container li {
  padding: 5px;
  cursor: pointer;
  font-size: 1.4rem;
}
ul.autocomplete_container li:hover {
  background-color: #eee;
}
.temp-header {
  position: fixed;
  font-weight: bold;
  top: 85px;
  left: 0;
  height: 32px;
  font-size: 1.4rem;
  background-color: #f19200;
  width: 100%;
  color: #000;
  z-index: 4;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

body:has(.temp-header) .page-header {
  box-shadow: none;
}
#pgFlyScreen {
  position: fixed;
  bottom: 0;
  left: 5px;
  z-index: 11;
  filter: drop-shadow(0 0 10px #222);
}
#pgFlyScreen iframe {
  border: none;
  width:360px;
  height: 202px;
}
#pgFlyScreenBtn {
  position: absolute;
  top: -22px;
  right: 0;
  background-color: #f9f9f9;
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius:0;
  padding: 5px;
  width: 22px;
  height: 22px;
}
/***************************************************************************************************************/
/***************************************************Media Queries***********************************************/
/***************************************************************************************************************/
@media (min-width:980px) {
  .dfp-container {
    height: 250px
  }
}
@media (min-width: 1000px) {
  .xmass-bg {
    top: 0;
    left:0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
    background-image: url('https://www.playground.ru/img/ui/xmass/300.png'),
    url('https://www.playground.ru/img/ui/xmass/400.png'),
    url('https://www.playground.ru/img/ui/xmass/500.png');
    animation: 15s fadeIn, snow 15s linear infinite;
  }
  @keyframes snow {
    0% {
      background-position: 0 0, 0 0, 0 0;
    }
    100% {
      background-position: 0 300px, 0 400px, 0 500px;
    }
  }
  .page-header:has(.xmass-bg) .navbar-brand {
    transform: translateY(-22px);
  }
}
@media (max-width: 999px) {
  .xmass-bg {
    display: none;
  }
}
@media (min-width:768px){
  .container{width:100%}
}
@media (min-width:1280px){
  .container{
    width:1260px
  }
}
@media (max-width: 1280px) {
  .page-header-bottom .user-profile-sidebar {
    left: 0;
    width: 100% !important;
  }
  .page-header-bottom .user-profile-navigation > ul {
    justify-content: center;
  }
  .page-header-bottom .user-profile-navigation .item {
    flex-grow: 0;
  }
}

@media (max-width: 1050px) {

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    background: none;
  }
  .dropdown.open .dropdown-menu {
    float: none !important;
  }
  .user-profile-header .social-accounts {
    position: static;
    margin-top: 10px;
  }
  .screenshots-gallery .gallery-item {
    flex-grow: 1;
  }
}

@media (max-width: 980px) {
  body {
    padding-top: 45px;
  }
  body:has(.temp-header) {
    padding-top: 77px;
  }
  .temp-header {
    top: 45px;
    text-align: center;
    font-size: 1.2rem;
  }
  .tower {
    display: block;
  }
  .page-aside .sticked {
    position: static;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .login-signup-modal-window .close {
    display: block;
    opacity: 0.8;
  }
  .post-flow-top-bar {
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    text-align: center;
  }
  .navbar-toggle.post-sorting-item {
    display: block;
  }
  .post-sorting {
    justify-content: center;
  }
  .post-flow-container .post {
    padding: 10px;
  }
  .post-full {
    padding: 20px;
  }
  .page-header-bottom .user-profile-navigation .item > a {
    color: inherit;
  }
  .page-main-column  {
    padding: 0 !important;
  }
  .page-header {
    height: 45px;
  }
  .navbar-header {
    padding: 0 5px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    align-items: center;
    justify-content: space-between;
    background-color: var(--bg-header);
  }
  .navbar-header .mobile-logo {
    display: block;
  }
  .navbar-brand {
    margin: 0;
  }
  .page-header  .mobile-icons-container {
    display: flex;
    align-items: center;
    justify-self: start;
    margin: 0;
    & .btn {
      margin: 0;
    }
    & .svg-icon-bg {
      width: 24px;
      height: 24px;
    }
    & .coins {
      filter: invert(80%);
    }
  }
  .page-header .search-btn .text{
    display: inline-block;
  }

  .navbar-default .navbar-toggle.collapsed .svg-icon-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23c7c7c7' width='24px' height='24px' class='svg-icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3' y='17' width='18' height='2' rx='1' ry='1'/%3e%3crect x='3' y='11' width='18' height='2' rx='1' ry='1'/%3e%3crect x='3' y='5' width='18' height='2' rx='1' ry='1'/%3e%3c/svg%3e");
  }
  .navbar-default .navbar-toggle .svg-icon-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100%25' fill='%23c7c7c7' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3e%3cpolygon points='456.851,0 245,212.564 33.149,0 0.708,32.337 212.669,245.004 0.708,457.678 33.149,490 245,277.443 456.851,490 489.292,457.678 277.331,245.004 489.292,32.337 '%3e%3c/polygon%3e%3c/svg%3e");
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background: none;
  }

  .navbar-brand > img {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
  .content-layout {
    margin-top: 0;
    padding: 0 0 20px 0;
  }
  .mezzanine-info {
    flex-grow: 1;
    padding: 0;
  }
  .content_aside-container {
    grid-template-columns: none;
    box-shadow: 0 -3px 5px rgba(0,0,0,0.2);
  }
  .content_aside-container .content-column {
    margin: 0;
    width: auto;
    padding: 0;
  }
  .content_aside-container .page-aside {
    margin-left: 0 !important;
    margin-top: 20px;
    width: auto;
    order: 1;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .user-profile-sidebar {
    font-size: 1.2rem;
    overflow: hidden;
  }
  .user-profile-sidebar-header  {
    background-color: var(--bg-card);
    padding: 15px 10px;
  }
  .user-profile-sidebar-header .primary {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .user-profile-sidebar-header .secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .user-profile-sidebar-header .game-title {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
  }
  .user-profile-sidebar-header .secondary .btn {
    background-color: var(--bg-button-secondary);
    border: none;
    display: flex;
    padding-inline: 7px;
    & .svg-icon-bg {
      width: 18px;
      height: 18px;
    }
  }
  :root[data-theme=dark] .user-profile-sidebar-header .secondary .svg-icon-bg {
    filter: invert(1);
  }
  .user-profile-sidebar-header .gp-game-follow .badge {
    color: var(--text-primary);
    font-weight: bold;
    font-size: 1.2rem;
  }
  .user-profile-sidebar-header .game-rating-button .value {
    display: none;
    background-color: #ddd;
    color: #444;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 20px;
    font-weight: bold;
    text-indent: -1px;
    margin-left: 10px;
  }
  .user-profile-sidebar-header .game-rating-button .active {
    display: inline-flex;
  }
  .user-profile-sidebar-header .game-search {
    width: 100%;
  }
  .user-profile-sidebar-header .game-search .gsc-input-box {
    background-color: #c2c2c2;
    box-shadow: none;
    padding: 0 5px;
    border-radius: 20px;
  }
  .game-search .gsc-input {
    color: #444;
  }
  .gsst_a .gscb_a {
    color: #666 !important
  }
  .gcsc-find-more-on-google-root {
    display: none;
  }
  .user-profile-sidebar-header .game-search td.gsc-search-button {
    padding: 0;
    display: none;
  }
  .gsc-control-cse {
    margin-top: 0;
  }
  .user-profile-navigation {
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  #gameNavMobile {
    background-color: var(--bg-mobile-nav);
  }
  .user-profile-navigation ul {
    padding: 0 14px;
    gap: 10px;
    overflow-x: scroll;
    width: 100%;
    position: relative;
    user-select: none;
  }
  .user-profile-navigation ul::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
  .user-profile-navigation .index a {
    background-color: transparent;
    color: #555;
  }
  .user-profile-navigation .item a {
    padding: 6px 8px;
    margin: 10px 0;
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: capitalize;
    white-space: nowrap;
  }
  #gameNavMobile .item a {
    color: var(--text-primary);
    background-color: var(--bg-button-secondary);
  }
  .user-profile-navigation .current > a,
  #gameNavMobile .current > a {
    box-shadow: none;
    border-bottom: none;
    background-color: var(--main-color);
    color: #fff;
  }
  .navbar-footer {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .user-profile-navigation .btn-scroll {
    padding: 0;
    position: absolute;
    z-index: 10;
    width: 18px;
    height: 100%;
    border-radius: 0;
    top: 0;
    background-color: rgba(255,255,255,0.5);
  }
  .game-info-box .game-rating {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
  }
  .game-info-box .game-rating .value {
    font-size: 2.4rem;
    color: #0189fd;
    font-weight: bold;
    margin: 0;
  }

  .game-info-box .releases {
    margin: 15px 0 10px;
  }
  .game-info-box .mezzanine-info .item {
    white-space: nowrap;
  }
  .mezzanine-info .footer {
    margin: 20px 0 10px;
  }
  :root[data-theme=dark] #googleSearchToggle svg {
    filter: invert(100%);
  }
  .game-info-box .btn .value {
    display: none;
  }
  .game-info-box .btn .value.active {
    display: inline-flex;
    background-color: #333;
    color: #fff;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
    font-weight: normal;
  }
  .user-profile-sidebar .game-info-box .btn .value.active {
    display: inline-flex;
    background-color: #a4a4a4;
    border-radius: 100%;
    width: 20px;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-weight: bold;
    text-indent: unset;
    margin-left: 4px;
  }
  .post-flow-container .post  {
    flex-grow: 1;
  }
  .games-genre-list {
    width: auto;
    overflow: visible;
  }
  .games-genre-list .list-group {
    width: 100%
  }
  .main-navigation .drop-down-layer {
    display: none !important
  }
  .top-bar {
    overflow-y: auto;
    background-color: #292929;
    padding: 0;
  }
  .navbar-toggle {
    display: block;
  }
  .page-header-bottom {
    display: none;
  }
  .navbar-collapse {
    position: fixed;
    top: 45px;
    left: 0;
    width: 100%;
    height: calc(100vh - 45px);
    overflow: auto;
  }
  .navbar-collapse:after,
  .navbar-collapse:before,
  .main-navigation:after,
  .main-navigation:before{
    content: none
  }
  .main-navigation.first-level {
    margin: 0;
    flex-direction: column;
    font-size: 1.6rem;
    align-items: normal;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    margin: 0;
  }

  .main-navigation .last .dropdown-menu {
    float: none;
    position: static;
    visibility: visible !important;
    padding: 0;
    right: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    display: block !important;
  }
  .main-navigation .last .dropdown-menu a {
    text-transform: uppercase;
    padding: 14px 15px;
    border-bottom: 1px solid #111;
    font: bold 1.3rem/1 "Roboto Condensed", Arial, Helvetica, sans-serif;
  }
  .main-navigation .last .dropdown-menu a:active {
    background-color: #000;
    color: #fff;
  }
  .main-navigation .last > a {
    display: none;
  }

  .main-navigation .dropdown-toggle {
    padding: 14px 15px;
    border-bottom: 1px solid #111;
  }
  .main-navigation a:hover, .main-navigation li:hover {
    background: none !important;
  }


  .general-categories-collapse .collapse {
    display: none;
  }
  .general-categories-collapse .collapse.in{
    display: block;
  }
  .type-page-post-list {
    display: block;
  }
  .type-page-post-list .general-categories {
    width: auto;
    min-height: auto
  }
  .general-categories-collapse .navbar-toggle {
    float: none
  }

  .mezzanine-center > div:first-child {
    margin: 0;
  }
  .announcement-block .post-flow-container .post-title,
  .promoted-content .post-flow-container .post-title {
    margin-bottom: 0;
  }
  .main-navigation > .dropdown-hover > a {
    display: none;
  }
  .main-navigation > li > .dropdown-menu.section-menu {
    visibility: visible !important;
    opacity: 1 !important;
    position: static;
    transform: none;
    background: none;
    box-shadow: none;
    display: block;
    border-radius: 0;
    margin: 0;
    &  .second-level {
      margin: 0;
    }
    & a {
      color: #eee;
      padding: 12px 20px;
      border: none;
      background: none;
    }
  }
  .page-header .navbar-nav > li > a {
    padding: 12px 20px;
  }
  .user-panel-area {
    margin-left: 0;
  }
  .user-panel-navigation-body {
    max-width: none;
  }
}

@media (min-width: 961px) {
  .navbar-collapse.collapse {
      display: none;
  }
  .navbar-collapse.collapse.in {
      display: block;
  }
}
@media (min-width: 981px) {
  .navbar-collapse.collapse {
      display: block;
  }
}
@media (max-width: 768px) {
  #adfox_169271095224538376 {
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .scrollup {
    display: none;
  }
  .sticky, .page-aside .sticky {
    position: static !important;
  }
  .user-profile-header .avatar {
    width: 100px;
    height: 100px;
  }
  .dl-horizontal.left-oriented dt {
    float: left;
  }
  .article-header {
    margin: 0 0 10px 0;
  }
  .navbar-nav .dropdown-submenu > a:before {
    margin-top: 8px;
    border-color: inherit;
    border-style: solid;
    border-width: 4px 4px 0;
    border-left-color: transparent;
    border-right-color: transparent;
  }

  .navbar-nav .dropdown-submenu > a {
    padding-left: 40px;
  }

  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label {
    padding-left: 35px;
  }

  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 45px;
  }

  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 55px;
  }

  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 65px;
  }

  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 75px;
  }

  .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
    border-top-color: #555;
  }

  .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
    border-top-color: #fff;
  }

  .page-header .search-form {
    margin-left: 50px
  }

  .container > .navbar-collapse li a:hover {
    background-color: transparent;
  }

  .navbar-default .navbar-nav > li:hover {
    background: none;
  }

  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
  }
  .page-header .search-form {
    background: none;
    position: static;
    border: none;
    width: 100% !important;
    margin: 0;
    display: block !important;
  }

  .article-title {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .article-header .copyright {
    top: -1rem;
    font-size: 1.5rem;
  }
  .page-aside .sreenshots-module .item {
    float: left;
    width: 50%
  }
  .gp-game-summary-about .panel {
    float: none;
    width: auto;
    margin-left: 0;
  }

  .text-logo.middle {
    display: none;
  }

  .page-aside .pix-widget .item {
    width: 150px;
    padding: 0 !important;
  }

  .page-aside .pix-widget .img-wrapper {
    margin: 0 0 0 15px;
  }

  .post-rating-area {
    justify-content: center;
  }


  .ui-pnotify-mobile-able.ui-pnotify {
    left: 0 !important;
  }
  .page-footer .bottom-bar-item {
    margin-bottom: 14px;
  }
  .page-footer .social-group-links {
    justify-content: center;
  }
  .ui-pnotify.like-modal {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    transform: none;
    height: 100% !important;
    overflow: auto;
    bottom: auto !important;
  }
  .ui-pnotify.like-modal .ui-pnotify-container {
    height: auto;
  }
  .page-footer .bottom-bar {
    display: block;
    text-align: center;
  }


  .molding {
    padding: 0;
  }
  .post-full .post-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.1;
  }
  .fullscreen-message {
    margin-left: 0;
  }
  .fullscreen-close {
    margin: 10px;
  }

  .fullscreen-content img {
    height: auto;
  }
  .compact.block-content {
    border: none;
    padding: 20px 0 20px 0;
  }
  .user-profile-header .bottom-lined {
    position: static;
    margin-top: 10px;
  }

  .navbar-header .btn-extra {
    margin-left: 25px;
  }
  .page-notification {
    font-size: 1.3rem;
  }
  .filter-block.btn-group-justified > .btn,
  .filter-block.btn-group-justified > .btn-group {
    display: block;
    width: 100%;
  }
  .comment-anchor,
  .flexbox-wrapper {
    display: block;
  }
  .content-rating-buttons {
    margin: 20px auto 0;
  }
  .content-rating-area.flexbox-container {
    padding: 20px 5px;
  }
  .content-rating-area .source-link {
    flex-basis: 100%;
    margin-top: -60px;
  }
  .content-rating-area .source-link a {
    color: #ccc
  }
  .page-footer {
    padding: 20px 10px;
  }

  .content-block {
    padding: 30px 15px;
  }
  .google-auto-placed {
    display: none;
  }
  .content-block .post {
    padding: 10px 0;
  }
  .float-teaser-title {
    font-size: 1.2rem;
    margin: 0 30px;
  }
  .float-teaser .close {
    right: 0
  }
  .login-signup-modal-window .aside {
    margin: 0;
    padding: 60px 20px 60px;
  }
  .login-signup-modal-window .aside.about {
    display: none
  }
  .has-inner-nav {
    display: block;
  }
  .has-inner-nav .wiki-page-nav {
    margin: 0;
    min-width: auto;
    padding-bottom: 0;
  }
  .promoted-content .heading,
  .promoted-bonus-component .heading {
    margin-left: 10px;
  }
  .promoted-bonus-component .list-items{
    flex-direction: column;
    margin: 0;
  }
  .promoted-bonus-component .title {
    text-align: left;
  }
  .promoted-bonus-component .item {
    flex-basis: 100%;
    margin: 0 0 5px;
    flex-direction: row;
    min-width: 280px;
    position: static;
    padding: 12px 15px;
    align-items: center;
  }
  .promoted-bonus-component .authorised .item {
    background-color: #fff;
    border: none;
    border-radius: 0;
    margin: 6px 0;
  }
  .promoted-bonus-component .authorised .title {
    color: #444;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 14px;
    min-height: auto;
    background-color: transparent;
  }
  .promoted-bonus-component img {
    height: 130px;
    width: 130px;
    border-radius: 10px;
    max-width: none;
  }

  .promoted-bonus-component .notauthorised .title {
    position: static;
    height: auto;
    display: inline-block;
    padding: 0 0 0 14px;
    color: #fff;
    font: bold 1.9rem/1.1 "Roboto Condensed", Arial, sans-serif;
    background-color: transparent;
  }
  .promoted-bonus-component .notauthorised .item:nth-child(1)  {
    background-color: #60b502;
  }
  .promoted-bonus-component .notauthorised .item:nth-child(2) {
    background-color: #636363;
  }
  .promoted-bonus-component .notauthorised .item:nth-child(3) {
    background-color: #02406f;
  }
  .stack-center.stack-petition {
    left: 0 !important;
    width: auto;
    right: 0 !important;
  }
  .view-controll {
    display: none;
  }
}
@media (max-width: 600px) {
  .post-flow-container {
    margin: 0;
    overflow: hidden;
  }
  .post-flow-container .post {
    flex-direction: row;
    width: auto;
  }
  .post-flow-container .post-content {
    height: auto;
    padding: 0 0 0 14px;
  }
  .post-game-flow-container .post-content {
    padding-left: 14px;
  }
  .post-flow-container picture {
    display: block;
  }
  .post-flow-container picture,
  .post-game-flow-container picture {
    flex-shrink: 0;
  }
  .post-flow-container picture img,
  .post-game-flow-container picture img {
    border-radius: 10px;
    width: 130px;
    height: 130px;
  }
  .post-game-flow-container picture img {
    width: auto;
    max-width: 100%;
    margin: 0;
  }
  .post-flow-container .post-content p {
    display: none;
  }
  .post-flow-container .post-title {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
    max-width: none;
    margin: 6px 0 0 0;
  }
  .post-game-flow-container .post-title {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 6px 0 0 0;
  }
  .announcement-block .post-flow-container .post-title,
  .promoted-content.post-flow-container .post-title {
    margin-bottom: 0;
  }
}
@media (max-width: 460px) {
  .pagination {
    align-items: center;
  }
  .pagination .page-item {
    display: none;
  }
  .pagination .page-item.next,
  .pagination .page-item.prev,
  .pagination .page-item.active {
    display: inline-block;
  }
  .pagination .page-item.active .page-link {
    background-color: transparent;
    color: #222;
    font-weight: bold;
  }
  .post-flow-title {
    font-size: 1.4rem;
  }

  .general-categories-collapse .post-sorting-item {
    margin: auto;
    display: flex;
    align-items: center;
  }
  .general-categories-collapse .post-sorting-item .svg-icon-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23444444' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3' y='17' width='18' height='2' rx='1' ry='1'/%3e%3crect x='3' y='11' width='18' height='2' rx='1' ry='1'/%3e%3crect x='3' y='5' width='18' height='2' rx='1' ry='1'/%3e%3c/svg%3e");
    margin-right: 5px;
  }

  .tags-cloud {
    justify-content: center;
  }
  .tags-cloud .btn {
    font-size: 1.2rem;
  }

  .user-panel-area .dropdown-menu,
  .user-panel-area .dropdown-menu.pull-right {
    max-width: none;
    min-width: auto;
    left: 0;
    top: auto;
    right: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    transform: none;
    & .footer {
      border-radius: 0;
    }
  }
  .user-panel-area .dropdown-menu .new-post {
    & .svg-icon-bg {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23b31919' viewBox='-2.88 -2.88 37.76 37.76' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23b31919'%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='M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    }
  }
}
@media (max-height: 768px) {
  .page-aside .sticky {
    position: static;
  }
}

button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;font-family:sans-serif !important;font-weight:normal !important;font-style:normal !important;text-shadow:none !important;font-size:12px !important;background:rgba(17,17,17,0.9);border-radius:3px;color:#fff;content:attr(data-balloon);padding:.5em 1em;position:absolute;white-space:nowrap;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;content:'';position:absolute;z-index:10}[data-balloon]:hover:before,[data-balloon]:hover:after,[data-balloon][data-balloon-visible]:before,[data-balloon][data-balloon-visible]:after{filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-k-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:before,[data-balloon][data-balloon-blunt]:after{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}[data-balloon][data-balloon-pos="up"]:after{bottom:100%;left:50%;margin-bottom:11px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up"]:before{bottom:100%;left:50%;margin-bottom:5px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up"]:hover:after,[data-balloon][data-balloon-pos="up"][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos="up"]:hover:before,[data-balloon][data-balloon-pos="up"][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos="up-left"]:after{bottom:100%;left:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up-left"]:before{bottom:100%;left:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up-left"]:hover:after,[data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos="up-left"]:hover:before,[data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos="up-right"]:after{bottom:100%;right:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up-right"]:before{bottom:100%;right:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos="up-right"]:hover:after,[data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos="up-right"]:hover:before,[data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down']:after{left:50%;margin-top:11px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-transform:translate(-50%, -10px);transform:translate(-50%, -10px)}[data-balloon][data-balloon-pos='down']:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:50%;margin-top:5px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-transform:translate(-50%, -10px);transform:translate(-50%, -10px)}[data-balloon][data-balloon-pos='down']:hover:after,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down']:hover:before,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down-left']:after{left:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:hover:after,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-left']:hover:before,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:after{right:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:hover:after,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:hover:before,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='left']:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-transform:translate(10px, -50%);transform:translate(10px, -50%)}[data-balloon][data-balloon-pos='left']:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-transform:translate(10px, -50%);transform:translate(10px, -50%)}[data-balloon][data-balloon-pos='left']:hover:after,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='left']:hover:before,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}[data-balloon][data-balloon-pos='right']:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}[data-balloon][data-balloon-pos='right']:hover:after,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:hover:before,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-length='small']:after{white-space:normal;width:80px}[data-balloon][data-balloon-length='medium']:after{white-space:normal;width:150px}[data-balloon][data-balloon-length='large']:after{white-space:normal;width:260px}[data-balloon][data-balloon-length='xlarge']:after{white-space:normal;width:380px}@media screen and (max-width: 768px){[data-balloon][data-balloon-length='xlarge']:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length='fit']:after{white-space:normal;width:100%}