@charset "UTF-8";

.checkbox-large {
  position: absolute;
  opacity: 0;
}

.checkbox-large:checked ~ .checkbox-large--mark::after {
  display: block;
}

.checkbox-large--mark {
  position: relative;
  top: 6px;
  left: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid var(--checkbox-border-color, #bdbdbd);
  background-color: var(--checkbox-bg-color, #fff);
}

.checkbox-large--mark::after {
  display: none;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--checkbox-color, #606060);
  content: '';
}

.checkbox-large--mark_remove::after {
  top: 0;
  height: 14px;
  transform: rotate(90deg);
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: var(--checkbox-color, #bdbdbd);
}

.checkbox-large--mark_clean {
  top: 0;
}

.check-setup {
  position: absolute;
  opacity: 0;
}

.check-setup:checked ~ .check-setup--mark::after {
  display: block;
}

.check-setup--mark {
  position: relative;
  top: 2px;
  left: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid var(--checkbox-border-color, #bdbdbd);
  background-color: var(--checkbox-bg-color, #fff);
}

.check-setup--mark::after {
  display: none;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--checkbox-color, #606060);
  content: '';
}

.check-setup--mark_remove::after {
  top: 0;
  height: 14px;
  transform: rotate(90deg);
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: var(--checkbox-color, #bdbdbd);
}

.check-setup--mark_clean {
  top: 0;
}

.checkbox-small {
  position: absolute;
  opacity: 0;
}

.checkbox-small:checked ~ .checkbox-small--mark::after {
  display: block;
}

.checkbox-small--mark {
  position: relative;
  top: 9px;
  left: 0;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  border: 1px solid var(--checkbox-border-color, #bdbdbd);
  background-color: var(--checkbox-bg-color, #fff);
}

.checkbox-small--mark::after {
  display: none;
  position: absolute;
  top: 0;
  left: 4px;
  width: 5px;
  height: 9px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--checkbox-color, #606060);
  content: '';
}

.checkbox-open {
  position: absolute;
  opacity: 0;
}

.checkbox-open:checked ~ .checkbox-open--mark::after {
  display: block;
}

.checkbox-open--mark {
  position: relative;
  top: 7px;
  left: 0;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  border: 1px solid var(--checkbox-border-color, #bdbdbd);
  background-color: var(--checkbox-bg-color, #fff);
}

.checkbox-open--mark::after {
  display: none;
  position: absolute;
  top: 0;
  left: 4px;
  width: 5px;
  height: 9px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--checkbox-color, #606060);
  content: '';
}

.checkbox-setup {
  position: absolute;
  opacity: 0;
}

.checkbox-setup:checked ~ .checkbox-setup--mark::after {
  display: block;
}

.checkbox-setup--mark {
  position: relative;
  top: 3px;
  left: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid var(--checkbox-border-color, #bdbdbd);
  background-color: var(--checkbox-bg-color, #fff);
}

.checkbox-setup--mark::after {
  display: none;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--checkbox-color, #606060);
  content: '';
}

.checkbox-setup--mark_remove::after {
  top: 0;
  height: 14px;
  transform: rotate(90deg);
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: var(--checkbox-color, #bdbdbd);
}

.checkbox-setup--mark_clean {
  top: 0;
}


/* stylelint-disable -- declaration-colon-newline-after value-list-comma-newline-after value-list-comma-space-after */

@font-face {
  src: url("/fonts/muller/MullerRegular.woff2") format("woff2"),
         url("/fonts/muller/MullerRegular.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  src: url("/fonts/muller/MullerMedium.woff2") format("woff2"),
         url("/fonts/muller/MullerMedium.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  src: url("/fonts/muller/MullerBold.woff2") format("woff2"),
         url("/fonts/muller/MullerBold.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 700;
}


/* stylelint-enable */

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

b,
strong {
  font-weight: bolder;
}

input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.15;
}

button,
select {
  text-transform: none;
}

[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
}

input {
  overflow: visible;
}

input:focus-visible {
  outline: none;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

details {
  display: block;
}

summary {
  display: list-item;
}

html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

body {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  background-color: var(--layer-3-color, #fff);
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width: 64em) {
  body {
    background-color: var(--layer-1-color, #b2b2b2);
  }
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  overflow: auto;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

select:focus-visible {
  outline: none;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.5;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}

a {
  color: #005581;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:active,
a:focus,
a:hover {
  outline-width: 0;
}

a img {
  border: 0;
}

dl,
ol,
ul {
  margin-bottom: 1rem;
  line-height: 1.5;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 0;
  list-style-type: none;
}

ul ol,
ul ul {
  margin-bottom: 0;
  margin-left: 1.25rem;
}

ol {
  margin-left: 0;
}

ol ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.25rem;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: .3rem;
  font-weight: 700;
}

cite {
  display: block;
  color: #8a8a8a;
  font-size: .8125rem;
}

cite::before {
  content: '— ';
}

figure {
  margin: 0;
}

:root[theme="dark"] {
  --layer-1-color: #1a1a1a;
  --layer-2-color: #212121;
  --layer-2a-color: #252525;
  --layer-3-color: #2a2a2a;
  --layer-4-color: #3a3a3a;
  --layer-5-color: #424242;
  --control-1-bg-color: #424242;
  --control-1-color: #ccc;
  --control-1-border-color: #616161;
  --checkbox-bg-color: #212121;
  --checkbox-color: #ccc;
  --checkbox-border-color: #616161;
  --pal-gt-accent: #91081c;
  --line-0-color: #323232;
  --line-1-color: #424242;
  --line-2-color: #616161;
  --text-1-color: #fff;
  --text-2-color: #e0e0e0;
  --text-3-color: #ccc;
  --text-4-color: #bdbdbd;
  --text-5-color: #9e9e9e;
  --text-6-color: #757575;
  --pal-icon-color1: #9e9e9e;
  --pal-icon-color2: #fefefe;
  --icon-1-filter: invert(.8);
  --icon-2-filter: invert(.85);
  --icon-3-filter: brightness(.5);
  --icon-4-filter: brightness(.57);
  --icon-5-filter: brightness(.85);
  --icon-6-filter: brightness(1.75);
  --header-bg-color: var(--layer-3-color);
  --header-item-color: #ccc;
  --header-stripe-color: #757575;
  --header-menu-color: #fff;
  --slider-bg-color: #2a2a2a;
  --slider-bg-color-alpha: rgba(42, 42, 42, 0);
  --sidebar-clear-border-color: #333;
  --sidebar-mark-read-color: #616161;
  --sidebar-link-color: #909090;
  --promo-avatar-bg-color: #616161;
  --promo-border-color: #757575;
  --breadcrumbs-color: #616161;
  --post-bg-color: #2a2a2a;
  --post-color: #dcdcdc;
  --post-blockquote-bg-color: #333;
  --post-longquote-bg-color-alpha: rgba(51, 51, 51, 0);
  --post-link-color: #dcdcdc;
  --post-rlist-bg-color: #212121;
  --post-rlist-nick-color: #808080;
  --post-header-icon-filter: brightness(2.5);
  --editor-color: #dcdcdc;
  --editor-button-primary-bg-color: #5a5a5a;
  --offer-button-bg-color: #5a5a5a;
  --site-bg-color: #1a1a1a;
  --theme-content-bg-color: #212121;
  --sim-bg-color-alpha: rgba(58, 58, 58, .25);
  --w-layer-1a-color: #22262d;
  --w-layer-2-color: #303641;
  --w-line-1a-color: #303641;
  --w-line-2-color: #4d5159;
  --w-text-1-color: #fff;
  --w-text-7-color: #636568;
}

.hidden {
  display: none !important;
}

.header {
  --x-header-bg-color: var(--header-bg-color, #fff);
  --x-header-slogan-color: var(--header-slogan-color, #4d5159);
  --x-header-menu-color: var(--header-menu-color, #000);
  --x-header-icon-color: var(--header-icon-color, #444);
  --x-header-line-color: var(--header-line-color, #ebedee);
  --x-header-sep-color: var(--header-sep-color, #ebedee);
  --x-header-dropdown-bg-color: var(--header-dropdown-bg-color, #fff);
  --x-header-dropdown-line-color: var(--header-dropdown-line-color, #ebedee);
  --x-header-dropdown-gtp-color: var(--header-dropdown-gtp-color, #33691e);
  --x-header-avatar-bg-color: var(--layer-2a-color, #eef0f5);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 67px;
  margin: 0;
  background-color: var(--x-header-bg-color);
}

[theme='dark'] .header {
  --header-shadow: 0 3px #424242;
  --header-bg-color: #2a2a2a;
  --header-slogan-color: #a8a8a9;
  --header-menu-color: #fff;
  --header-icon-color: #fff;
  --header-line-color: #424242;
  --header-sep-color: #424242;
  --header-dropdown-bg-color: #424242;
  --header-dropdown-line-color: #616161;
  --header-dropdown-gtp-color: #689f38;
}

@media screen and (min-width: 64em) {
  .header {
    min-height: auto;
  }
}

[theme='dark'] .theme-new-year .header {
  --header-sep-color: rgba(255, 255, 255, .35);
}

.theme-new-year .header {
  background-repeat: repeat;
  background-size: 200px;
}

@media screen and (min-width: 64em) {
  .theme-new-year .header {
    background-image: url(/img/pattern-ny-transparent.png);
  }
  [theme='dark'] .theme-new-year .header {
    background-image: url(/img/pattern-ny-dark.png);
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .theme-new-year .header {
    background-size: 100px;
  }
}

.top-header {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 67px 0 0;
}

@media screen and (min-width: 48em) {
  .top-header {
    min-height: 80px;
  }
}

@media screen and (min-width: 64em) {
  .top-header {
    flex-direction: row;
    height: 85px;
    margin: 0;
    padding: 5px 0 0;
  }
}

.top-header:has(.top-header--insert) {
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .top-header:has(.top-header--insert) {
    height: 125px;
    overflow: initial;
  }
}

.top-header--inner {
  display: flex;
  flex: 1;
  align-items: center;
  align-self: center;
  justify-content: center;
  max-width: 750px;
}

@media screen and (min-width: 48em) {
  .top-header--inner {
    height: auto;
  }
}

.top-header--inner:has(.top-header--insert) {
  max-width: initial;
}

.top-header--insert {
  display: flex;
  flex: 1;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .top-header--insert {
    height: auto;
  }
}

.top-header--target {
  flex-shrink: 1;
}

.top-header--target img {
  max-height: 80px;
}

.gritter-notice-wrapper {
  gap: 5px 0;
  display: flex;
  z-index: 1002;
  position: fixed;
  bottom: 20px;
  left: 0;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .gritter-notice-wrapper {
    padding: 0 20px;
  }
}

.header-alert {
  z-index: 1002;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .header-alert {
    width: auto;
  }
}

.header-alert--inner {
  gap: 0 16px;
  display: flex;
  align-items: center;
  padding: 16px 32px 16px 16px;
  background-color: #2a2a2a;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

@media screen and (min-width: 64em) {
  .header-alert--inner {
    padding: 16px 32px 16px 24px;
    border-radius: 10px;
  }
}

[theme='dark'] .header-alert--inner {
  background-color: #fff;
}

.header-alert--icon {
  flex-shrink: 0;
  font-size: 35px;
  line-height: 1;
}

.header-alert--wrap {
  gap: 2px 0;
  display: flex;
  flex-direction: column;
}

.header-alert--title {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

[theme='dark'] .header-alert--title {
  color: #202020;
}

.header-alert--title a {
  color: #fff;
  text-decoration: underline;
}

[theme='dark'] .header-alert--title a {
  color: #000;
}

.header-alert--text {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

[theme='dark'] .header-alert--text {
  color: #202020;
}

.header-alert--text a {
  color: #fff;
  text-decoration: underline;
}

[theme='dark'] .header-alert--text a {
  color: #000;
}

.header-alert--close {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 10'%3E%3Cpath fill='%23A8A8A9' d='M10.083 1.907 8.176 0 5.083 3.093 1.99 0 .083 1.907 3.176 5 .083 8.093 1.99 10l3.093-3.093L8.176 10l1.907-1.907L6.99 5l3.093-3.093Z' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  cursor: pointer;
}

.middle-header {
  display: none;
  justify-content: center;
  width: 100%;
  padding: 0 30px;
}

@media screen and (min-width: 64em) {
  .middle-header {
    display: flex;
  }
}

.middle-header--inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1246px;
  height: 104px;
}

.middle-header--logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0 auto 0 0;
}

.middle-header--logo svg {
  --i-color1: var(--x-header-icon-color);
  --i-color2: #e51e25;
  flex-shrink: 0;
  width: 128px;
  height: 40px;
  margin: 0 20px 0 0;
}

.theme-new-year .middle-header--logo {
  padding: 0 0 0 10px;
  background-image: url(/img/dm-ny-mob.png);
  background-repeat: no-repeat;
  background-size: 45px;
}

.theme-new-year .middle-header--logo svg {
  --i-color2: transparent;
}

.middle-header--slogan {
  flex-shrink: 0;
  color: var(--x-header-slogan-color);
  font-size: 12px;
  line-height: 15px;
}

.submenu-header {
  gap: 0 20px;
  display: flex;
  margin: 0 25px 0 0;
}

.submenu-header--item {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}

.submenu-header--item svg {
  --i-color1: var(--x-header-icon-color);
  width: inherit;
  height: inherit;
}

.submenu-header--item_active {
  font-weight: 700;
}

.submenu-header--badge {
  display: flex;
  position: absolute;
  top: -8px;
  left: 7px;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #e51e25;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-align: center;
}

.submenu-header--item_message .submenu-header--badge {
  left: 11px;
}

.submenu-header--unread {
  margin: 0 0 0 8px;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #e51e25;
  color: #eee;
  font-size: 14px;
  line-height: 1;
}

.header-user {
  display: flex;
  position: relative;
  align-items: center;
}

.header-user--avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  background-color: var(--x-header-avatar-bg-color);
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.header-user--nick {
  display: flex;
  align-items: center;
  color: var(--x-header-menu-color);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.header-user--nick svg {
  --i-color1: var(--x-header-icon-color);
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.header-user--nick.active svg {
  --i-color1: #e51e25;
  transform: rotate(180deg);
}

.header-user--options {
  display: none;
  z-index: 999;
  position: absolute;
  top: 64px;
  right: 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  background-color: var(--x-header-dropdown-bg-color);
  box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

.header-user--options.show {
  display: flex;
}

.header-user--top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 32px 32px 24px;
}

.header-user--bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 24px 32px;
  border-top: 1px solid var(--x-header-dropdown-line-color);
}

.header-user--link {
  display: flex;
  align-items: center;
  color: var(--x-header-menu-color);
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap;
}

.header-user--link:not(:last-child) {
  margin: 0 0 24px;
}

.header-user--link svg {
  --i-color1: var(--x-header-icon-color);
  width: 16px;
  height: 16px;
  margin: 0 16px 0 0;
}

.header-user--gtp {
  margin: 0 0 0 5px;
  color: var(--x-header-dropdown-gtp-color);
}

.middle-header--login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 40px;
  border: 1px solid #e51e25;
  border-radius: 10px;
  color: #e51e25;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.modal-login {
  display: flex;
  z-index: 1004;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 438px;
  max-height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: var(--layer-2a-color, #fff);
}

.modal-login.hidden {
  display: none;
}

.modal-login--close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 10;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  background-image: url(/img/close-modal-login12.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.modal-login--overlay {
  z-index: 1003;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}

.modal-login--overlay.hidden {
  display: none;
}

.modal-login--inner {
  flex-grow: 1;
  padding: 40px 16px;
}

@media screen and (min-width: 30em) {
  .modal-login--inner {
    padding: 40px;
  }
}

.modal-login--heading {
  margin: 0 0 16px;
  color: var(--text-1-color, #000);
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
}

.modal-login--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0 0;
}

.modal-login--label {
  margin: 0 0 8px;
  color: var(--text-1-color, #000);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.modal-login--input-login {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 0 32px;
  padding: 14px 16px;
  border: 1px solid var(--text-6-color, #dfe1e4);
  border-radius: 10px;
  background-color: var(--layer-2a-color, #fff);
  color: var(--text-2-color, #212121);
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
}

.modal-login--input-login::-moz-placeholder {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 1;
}

.modal-login--input-login::placeholder {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 1;
}

.modal-login--input-pass {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--text-6-color, #dfe1e4);
  border-radius: 10px;
  background-color: var(--layer-2a-color, #fff);
  color: var(--text-2-color, #212121);
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
}

.modal-login--input-pass::-moz-placeholder {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 1;
}

.modal-login--input-pass::placeholder {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 1;
}

.modal-login--remind {
  margin: 7px 0 0;
  color: var(--text-1-color, #000);
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}

.modal-login--submit {
  width: 100%;
  margin: 32px 0 0;
  padding: 18px 24px;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

.modal-login--reg {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-login--subheading {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 40px;
}

.modal-login--subheading::after,
.modal-login--subheading::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--text-6-color, #ebedee);
  content: '';
}

.modal-login--subheading span {
  padding: 0 30px;
  color: #a8a8a9;
  font-size: 14px;
  line-height: 24px;
}

.modal-login--reglink {
  gap: 0 10px;
  display: flex;
  align-items: center;
  margin: 0 auto 40px;
  padding: 19px 40px;
  border-radius: 10px;
  background-color: #45ae52;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.modal-login--reglink svg {
  flex-shrink: 0;
  width: 20px;
  height: 13px;
}

.modal-login--note {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

.modal-login--note a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}

.modal-social {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 32px 0 0;
}

.modal-social--heading {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 32px;
}

.modal-social--heading::after,
.modal-social--heading::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--text-6-color, #ebedee);
  content: '';
}

.modal-social--heading span {
  padding: 0 30px;
  color: #a8a8a9;
  font-size: 14px;
  line-height: 24px;
}

.modal-social--inner {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .modal-social--inner {
    gap: 16px 8px;
  }
}

.modal-social--link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  border: 1px solid #e51e25;
  border-radius: 10px;
}

.modal-social--link svg {
  width: 24px;
  height: 24px;
}

.age-check-overlay {
  z-index: 103;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.age-check-overlay.hidden {
  display: none;
}

.age-check {
  display: flex;
  z-index: 103;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  max-height: 100%;
  padding: 0 8px;
  transform: translate(-50%, -50%);
}

.age-check.hidden {
  display: none;
}

.age-check--inner {
  flex-grow: 1;
  padding: 40px 24px;
  border-radius: 10px;
  background-color: #fff;
}

.age-check--icon {
  margin: 0 0 16px;
  font-size: 45px;
  line-height: 1;
  text-align: center;
}

.age-check--heading {
  margin: 0 0 24px;
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.age-check--grid {
  gap: 0 8px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.age-check--button {
  width: 100%;
  max-width: 110px;
  padding: 10px;
  border: 1px solid #9f9f9f;
  border-radius: 10px;
  color: #2a2a2a;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}

.age-check--button_active {
  border-color: #e51e25;
  background-color: #e51e25;
  color: #fff;
}

.age-check--text {
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.mobile-top {
  --m-item-color: var(--text-1-color, #000);
  --m-icon-color: var(--text-1-color, #000);
  --m-dropdown-bg-color: var(--layer-5-color, #fff);
  --m-dropdown-line-color: var(--line-2-color, #ebedee);
  --m-dropdown-gtp-color: var(--m-gtp-color, #33691e);
  --mtop-bg-color: var(--layer-3-color, #fff);
  --mtop-border-color: var(--line-2-color, #e1e1e1);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  z-index: 1002;
  position: fixed;
  align-items: center;
  width: 100%;
  height: 64px;
  margin: 0 0 3px;
  padding: 0 16px;
  background-color: var(--mtop-bg-color);
  box-shadow: var(--mobile-shadow, 0 3px #eef0f5);
}

[theme='dark'] .mobile-top {
  --m-gtp-color: #689f38;
  --mobile-shadow: 0 3px #424242;
}

@media screen and (min-width: 64em) {
  .mobile-top {
    display: none;
  }
}

.theme-new-year .mobile-top {
  --mtop-sep-bg-color: rgba(255, 255, 255, .85);
  background-image: url(/img/pattern-ny-transparent.png);
  background-repeat: repeat;
  background-size: 100px;
}

[theme='dark'] .theme-new-year .mobile-top {
  --mtop-sep-bg-color: rgba(255, 255, 255, .35);
  background-image: url(/img/pattern-ny-dark.png);
}

.mobile-top--logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.theme-new-year .mobile-top--logo {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-image: url(/img/dm-ny-mob.png);
  background-repeat: no-repeat;
  background-size: 32px;
}

.theme-new-year .mobile-top--logo svg {
  display: none;
}

.mobile-top--inner {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  margin: 0 21px 0 0;
}

.mobile-top--promo {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 34px;
  margin: 0 12px 0 0;
}

.mobile-top--promo svg {
  --i-color1: #333;
  flex-shrink: 0;
}

[theme='dark'] .mobile-top--promo svg {
  --i-color1: #fff;
  --i-color2: #2a2a2a;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless_mobile .tooltipster-arrow {
  left: -10px !important;
}

.mobile-top--item {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 34px;
  margin: 0 8px;
}

.mobile-top--item strong {
  margin: 0 0 0 6px;
  color: var(--text-2-color, #292929);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.mobile-top--item svg {
  --i-color1: #333;
  flex-shrink: 0;
}

[theme='dark'] .mobile-top--item svg {
  --i-color1: #fff;
  --i-color2: #2a2a2a;
}

.mobile-top--badge {
  display: flex;
  position: absolute;
  top: -5px;
  left: 14px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e51e25;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.mobile-top--item_message .mobile-top--badge {
  left: 18px;
}

.mobile-top--avatar {
  width: 36px;
  height: 36px;
  border: 2px solid var(--mtop-bg-color);
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px var(--mtop-border-color);
}

.mobile-top--login {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  height: 34px;
  color: #e51e25;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.mobile-top--login svg {
  flex-shrink: 0;
  margin: 0 5px 0 0;
}

.mobile-top--button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.mobile-top--button svg {
  --i-color1: #202020;
  flex-shrink: 0;
}

[theme='dark'] .mobile-top--button svg {
  --i-color1: #fff;
}

.mobile-top--button .mobile-i-close {
  display: none;
}

.mobile-top--button.menu-opened .mobile-i-menu {
  display: none;
}

.mobile-top--button.menu-opened .mobile-i-close {
  display: block;
}

.mobile-top--button.submenu .mobile-i-close {
  --i-color1: #e51e25;
}

.lock-scroll {
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .lock-scroll {
    overflow: initial;
  }
}

.mobile-menu {
  -webkit-tap-highlight-color: transparent;
  display: none;
  z-index: 1001;
  position: absolute;
  top: 67px;
  left: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: calc(100vh - 67px);
  overflow-y: auto;
  background-color: var(--m-bottom-bg-color);
}

.mobile-menu.menu-opened {
  display: flex;
}

@media screen and (min-width: 64em) {
  .mobile-menu.menu-opened {
    display: none;
  }
}

.mobile-menu--wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 0 24px;
}

.mobile-user {
  display: flex;
  z-index: 1010;
  position: relative;
  margin: 0 0 0 12px;
}

.mobile-user--avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 16px 0 0;
  border-radius: 10px;
  background-color: var(--m-user-avatar-bg-color);
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-user--nick {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--m-item-color);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.mobile-user--nick svg {
  --i-color1: var(--m-icon-color);
  width: 22px;
  height: 22px;
  margin: 0 0 0 auto;
}

.mobile-user--nick.active svg {
  --i-color1: #e51e25;
  transform: rotate(180deg);
}

.mobile-user--login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px solid #e51e25;
  border-radius: 10px;
  color: #e51e25;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.mobile-user--options {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  background-color: var(--m-dropdown-bg-color);
  box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

.mobile-user--options.show {
  display: flex;
}

.mobile-user--top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 32px 32px 24px;
}

.mobile-user--bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 24px 32px;
  border-top: 1px solid var(--m-dropdown-line-color);
}

.mobile-user--link {
  display: flex;
  align-items: center;
  color: var(--m-item-color);
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap;
}

.mobile-user--link:not(:last-child) {
  margin: 0 0 24px;
}

.mobile-user--link svg {
  --i-color1: var(--m-icon-color);
  width: 16px;
  height: 16px;
  margin: 0 16px 0 0;
}

.mobile-user--gtp {
  margin: 0 0 0 5px;
  color: var(--m-dropdown-gtp-color);
}

.mobile-submenu {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 28px 0;
  border-top: 1px solid var(--m-sub-line-color);
  border-bottom: 1px solid var(--m-sub-line-color);
}

.mobile-submenu--top {
  display: flex;
  align-items: center;
}

.mobile-submenu--item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: var(--m-item-color);
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}

.mobile-submenu--item_support svg {
  margin: 0 16px 0 0;
}

.mobile-submenu--item svg {
  --i-color1: var(--m-icon-color);
  width: 16px;
  height: 16px;
}

.mobile-submenu--sep {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  margin: 0 42px;
  background-color: var(--m-sep-bg-color);
  content: '';
  pointer-events: none;
}

.mobile-submenu_lang .mobile-submenu--sep {
  margin: 0 25px;
}

.mobile-menu .mobile-submenu .theme-icon-sun {
  --i-color1: #000;
  flex-shrink: 0;
  margin: 0;
}

[theme='dark'] .mobile-menu .mobile-submenu .theme-icon-sun {
  --i-color1: #474747;
  display: none;
}

.mobile-menu .mobile-submenu .theme-icon-moon {
  --i-color1: #aaa;
  display: none;
  flex-shrink: 0;
  margin: 0;
}

[theme='dark'] .mobile-menu .mobile-submenu .theme-icon-moon {
  --i-color1: #fff;
  display: block;
}

.mobile-menu .mobile-submenu .theme-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: transparent;
}

[theme='dark'] .mobile-menu .mobile-submenu .theme-button {
  background-color: transparent;
}

.mobile-menu--inner {
  z-index: 1002;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 0 30px;
}

@supports (-webkit-touch-callout: none) {
  .mobile-menu--inner {
    padding: 20px 0 90px;
  }
}

.mobile-menu--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}

.mobile-menu--link {
  padding: 16px 0;
  color: var(--m-item-color);
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
}

.mobile-menu--link_active {
  color: #e51e25;
}

.mobile-menu--link_vip {
  color: #e51e25;
}

.promomenu-list {
  --dropmenu-bg-color: var(--layer-4-color, #f4f4f4);
  --dropmenu-icon-bg-color: var(--layer-3-color, #fff);
  --dropmenu-link-color: var(--text-1-color, #000);
  --dropmenu-line-color: var(--line-2-color, #e3e3e3);
  --dropmenu-close-color: var(--line-2-color, #aaa);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 16px 24px;
  background-color: var(--dropmenu-bg-color);
}

.promomenu-list--item {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 312px;
  white-space: nowrap;
}

.promomenu-list--item:not(:last-child) {
  border-bottom: 1px solid var(--dropmenu-line-color);
}

.promomenu-list--item a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 16px 0;
  color: var(--dropmenu-link-color);
  font-size: 14px;
  line-height: 24px;
}

.promomenu-list--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 32px 0 0;
  border-radius: 10px;
  background-color: var(--dropmenu-icon-bg-color);
}

[theme='dark'] .promomenu-list--icon_all svg {
  --color1: #fff;
}

.promomenu-list--icon svg {
  width: 18px;
  height: 18px;
}

.allrooms-list {
  --allrooms-bg-color: var(--layer-4-color, #f4f4f4);
  --allrooms-arrow-color: var(--line-2-color, #aaa);
  --allrooms-icon-bg-color: var(--layer-3-color, #fff);
  --allrooms-link-color: var(--text-1-color, #000);
  --allrooms-line-color: var(--line-2-color, #e3e3e3);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 16px 24px;
  background-color: var(--allrooms-bg-color);
}

.allrooms-list--item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 312px;
  white-space: nowrap;
}

.allrooms-list--item:not(:last-child) {
  border-bottom: 1px solid var(--allrooms-line-color);
}

.allrooms-list--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 32px 0 0;
  border-radius: 10px;
  background-color: var(--allrooms-icon-bg-color);
}

.allrooms-list--icon_rate {
  background-color: #44d487;
}

[theme='dark'] .allrooms-list--icon_all svg {
  --i-color1: #fff;
}

.allrooms-list--icon svg {
  width: 16px;
  height: 16px;
}

.allrooms-list--icon_dark {
  display: none;
}

[theme='dark'] .allrooms-list--icon_dark {
  display: flex;
}

[theme='dark'] .allrooms-list--icon_light {
  display: none;
}

.allrooms-list--link {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 16px 0;
  color: var(--allrooms-link-color);
  font-size: 14px;
  line-height: 16px;
}

.allrooms-list--link_active {
  color: #e51e25;
  font-weight: 700;
}

.allrooms-list--arrow {
  --i-color1: var(--allrooms-arrow-color);
  width: 24px;
  height: 24px;
  margin: 0 0 0 auto;
  transform: rotate(90deg);
}

.allrooms-list--link_active .allrooms-list--arrow {
  --i-color1: #e51e25;
  transform: rotate(270deg);
}

.room-submenu {
  --roomsub-icon-color: var(--text-1-color, #000);
  --roomsub-icon-bg-color: var(--layer-3-color, #fff);
  --roomsub-link-color: var(--text-1-color, #000);
  --roomsub-line-color: var(--line-2-color, #e3e3e3);
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

.room-submenu--item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.room-submenu--item:not(:last-child) {
  border-bottom: 1px solid var(--roomsub-line-color);
}

.room-submenu--item a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 16px 0;
  color: var(--roomsub-link-color);
  font-size: 14px;
  line-height: 24px;
}

.room-submenu--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 24px 0 0;
  border-radius: 10px;
  background-color: var(--roomsub-icon-bg-color);
}

.room-submenu--icon svg {
  --i-color1: var(--roomsub-icon-color);
  width: 16px;
  height: 16px;
}

.menu-top {
  --mnt-bg-color: var(--layer-3-color, #fff);
  --mnt-icon-color: var(--text-1-color, #000);
  --mnt-submenu-mobile-color: var(--text-3-color, #808080);
  --mnt-submenu-color: var(--text-3-color, #000);
  -webkit-tap-highlight-color: transparent;
  display: none;
  z-index: 1001;
  position: fixed;
  top: 67px;
  left: 0;
  justify-content: center;
  width: 100%;
  height: calc(100vh - 67px);
  padding: 32px 30px 48px;
  overflow-y: auto;
  background-color: var(--mnt-bg-color);
  box-shadow: var(--header-shadow, 0 3px #eef0f5);
}

@media screen and (min-width: 64em) {
  .menu-top {
    display: flex;
    z-index: 101;
    position: relative;
    top: auto;
    height: auto;
    padding: 0 30px;
    overflow-y: initial;
  }
}

.menu-top.menu-opened {
  display: flex;
}

@media screen and (min-width: 64em) {
  .theme-new-year .menu-top {
    background-color: rgba(255, 255, 255, .65);
  }
  [theme='dark'] .theme-new-year .menu-top {
    background-color: rgba(255, 255, 255, .1);
  }
}

.menu-top--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 64em) {
  .menu-top--inner {
    flex-direction: row;
    align-items: center;
    height: 77px;
    border-top: 1px solid var(--x-header-line-color);
  }
}

.menu-top--inner::after {
  flex-shrink: 0;
  width: 100%;
  height: 48px;
  content: '';
}

@media screen and (min-width: 64em) {
  .menu-top--inner::after {
    display: none;
  }
}

.theme-new-year .menu-top--inner {
  border-top: 1px solid transparent;
}

.menu-top--section {
  display: flex;
  flex-direction: column;
  margin: 0 0 8px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--line-1-color, #ebedee);
}

@media screen and (min-width: 64em) {
  .menu-top--section {
    flex-direction: row;
    align-items: center;
    margin: 0 auto 0 0;
    padding: 0;
    border: 0;
  }
}

.menu-top--item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.menu-top--item:not(:last-child) {
  margin: 0 0 16px;
}

@media screen and (min-width: 64em) {
  .menu-top--item {
    flex-direction: row;
  }
  .menu-top--item:not(:last-child) {
    margin: 0 32px 0 0;
  }
}

.menu-top--link {
  display: flex;
  position: relative;
  align-items: center;
  color: var(--x-header-menu-color);
  font-size: 19px;
  font-weight: 500;
  line-height: 28px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .menu-top--link {
    font-size: 16px;
    font-weight: 400;
  }
}

.menu-top--link.active {
  color: #e51e25;
}

.menu-top--link span {
  position: absolute;
  top: -4px;
  right: -10px;
  color: #e51e25;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.menu-top--link svg {
  flex-shrink: 0;
  margin: 0 8px 0 0;
}

.menu-top--promo {
  -webkit-tap-highlight-color: transparent;
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 18px 0 0;
}

@media screen and (min-width: 64em) {
  .menu-top--promo {
    display: flex;
  }
}

.menu-top--promo svg {
  --i-color1: #333;
  flex-shrink: 0;
}

[theme='dark'] .menu-top--promo svg {
  --i-color1: #fff;
  --i-color2: #2a2a2a;
}

.submenu-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0 21px;
}

@media screen and (min-width: 64em) {
  .submenu-top {
    gap: 0 20px;
    flex-direction: row;
    align-items: center;
    margin: 0 24px 0 0;
    padding: 0;
  }
}

.submenu-top--search {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 0 21px;
}

@media screen and (min-width: 64em) {
  .submenu-top--search {
    justify-content: center;
    margin: 0;
  }
}

.submenu-top--search svg {
  --i-color1: var(--text-1-color, #000);
  margin: 0 12px 0 0;
}

@media screen and (min-width: 64em) {
  .submenu-top--search svg {
    margin: 0;
  }
}

.submenu-top--search span {
  color: var(--mnt-submenu-mobile-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .submenu-top--search span {
    display: none;
  }
}

.submenu-top--support {
  display: flex;
  position: relative;
  align-items: center;
}

@media screen and (min-width: 64em) {
  .submenu-top--support {
    justify-content: center;
  }
}

.submenu-top--support svg {
  --i-color1: var(--text-1-color, #000);
  margin: 0 12px 0 0;
}

@media screen and (min-width: 64em) {
  .submenu-top--support svg {
    margin: 0;
  }
}

@media screen and (min-width: 70.625em) {
  .submenu-top--support svg {
    display: none;
  }
}

.submenu-top--support span {
  color: var(--mnt-submenu-mobile-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .submenu-top--support span {
    display: none;
  }
}

@media screen and (min-width: 70.625em) {
  .submenu-top--support span {
    display: block;
    color: var(--mnt-submenu-color);
    font-family: Roboto, Arial, sans-serif;
  }
}

.theme-button-wrap {
  display: flex;
  align-items: center;
  margin: 0 0 21px;
}

@media screen and (min-width: 64em) {
  .theme-button-wrap {
    justify-content: center;
    margin: 0;
  }
}

.theme-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: transparent;
}

[theme='dark'] .theme-button {
  background-color: transparent;
}

.theme-icon-sun {
  display: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

@media screen and (min-width: 64em) {
  .theme-icon-sun {
    margin: 0;
  }
}

[theme='dark'] .theme-icon-sun {
  --i-color1: #fff;
  display: block;
}

.theme-icon-moon {
  --i-color1: #333;
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

@media screen and (min-width: 64em) {
  .theme-icon-moon {
    margin: 0;
  }
}

[theme='dark'] .theme-icon-moon {
  display: none;
}

.theme-button--text {
  color: var(--mnt-submenu-mobile-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .theme-button--text {
    display: none;
  }
}

[theme='dark'] .theme-button--text_dark {
  display: none;
}

.theme-button--text_light {
  display: none;
}

[theme='dark'] .theme-button--text_light {
  display: block;
}

@media screen and (min-width: 64em) {
  [theme='dark'] .theme-button--text_light {
    display: none;
  }
}

.lang-flag-wrap {
  gap: 0 16px;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: flex-start;
  min-width: 16px;
  min-height: 16px;
  padding: 0 0 21px;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .lang-flag-wrap {
    gap: 0;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 24px;
    padding: 0;
  }
}

.mobile-submenu .lang-flag-wrap {
  padding: 0 3px 0 0;
}

.lang-flag-wrap svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.flag-options {
  display: none;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 64em) {
  .flag-options {
    z-index: 1003;
    position: absolute;
    top: 32px;
    right: 0;
    left: auto;
  }
}

.flag-options_show {
  display: flex;
  padding: 0 0 32px;
}

@media screen and (min-width: 64em) {
  .flag-options_show {
    padding: 0;
  }
}

.flag-options--inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 16px 32px;
  border-radius: 10px;
  background-color: var(--x-header-dropdown-bg-color);
  box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

@media screen and (min-width: 64em) {
  .flag-options--inner {
    padding: 32px;
  }
}

.flag-options--link {
  display: flex;
  align-items: center;
  color: var(--x-header-menu-color);
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}

.flag-options--link:not(:last-child) {
  margin: 0 0 24px;
}

.flag-options--link svg {
  --i-color1: var(--x-header-icon-color);
  width: 16px;
  height: 16px;
  margin: 0 16px 0 0;
}

.menu-top--sublink {
  display: flex;
  align-items: flex-start;
  margin: 3px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--line-1-color, #ebedee);
}

@media screen and (min-width: 64em) {
  .menu-top--sublink {
    display: none;
  }
}

.menu-top--sublink a {
  color: var(--mnt-submenu-mobile-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
}

.menu-main {
  display: none;
  justify-content: center;
  width: 100%;
  background-color: #000;
}

@media screen and (min-width: 64em) {
  .menu-main {
    display: flex;
  }
}

.menu-main--inner {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1276px;
  height: 64px;
  padding: 0 15px;
}

@media screen and (min-width: 64em) {
  .menu-main--inner {
    display: flex;
  }
}

.menu-main--item {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0 20px 0 0;
  padding: 2px 0 0;
  border-bottom: 2px solid transparent;
  color: var(--footer-menu-color, #fff);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.menu-main--item:nth-last-child(1) {
  margin: 0;
}

.menu-main--item_room {
  --footer-menu-color: #e50e2c;
}

.menu-main--item.active {
  border-bottom-color: #e51e25;
}

.menu-main--counter {
  margin: 0 0 0 2px;
  padding: 0 4px;
  color: #828282;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.menu-main--vip {
  flex-shrink: 0;
  width: 34px;
  height: 48px;
  margin: 0 20px 0 0;
  background-image: url(/img/500plus-logo-white.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
}

.menu-main--search {
  margin: 0 0 0 auto;
  padding: 0 0 0 28px;
  background-image: url(/img/menu-search.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  color: #606060;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.dropmenu {
  --dropmenu-bg-color: var(--layer-4-color, #f4f4f4);
  --dropmenu-icon-bg-color: var(--layer-3-color, #fff);
  --dropmenu-link-color: var(--text-1-color, #000);
  --dropmenu-line-color: var(--line-2-color, #e3e3e3);
  --dropmenu-close-color: var(--line-2-color, #aaa);
  -webkit-tap-highlight-color: transparent;
  display: none;
  width: 100%;
  padding: 16px 0;
}

@media screen and (min-width: 64em) {
  .dropmenu {
    display: block;
  }
}

.dropmenu--close {
  display: flex;
  position: absolute;
  top: 12px;
  right: 24px;
  width: 24px;
  height: 24px;
  padding: 6px;
}

.dropmenu--close svg {
  --i-color1: var(--dropmenu-close-color);
  width: 12px;
  height: 12px;
}

.dropmenu--inner {
  display: flex;
  width: 100%;
  max-width: 1246px;
}

.dropmenu--list {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.dropmenu--item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dropmenu--item:not(:last-child) {
  border-bottom: 1px solid transparent;
}

.dropmenu--item a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 4px 0;
  color: var(--dropmenu-link-color);
  font-size: 14px;
  line-height: 19px;
}

.dropmenu--item a:hover {
  color: #e51e25;
}

.dropmenu--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 10px;
  background-color: var(--dropmenu-icon-bg-color);
}

[theme='dark'] .dropmenu--icon_all svg {
  --color1: #fff;
}

.dropmenu--icon svg {
  width: 18px;
  height: 18px;
}

.roommenu {
  --roommenu-bg-color: var(--layer-5-color, #e0e0e0);
  --roommenu-icon-color: var(--text-1-color, #000);
  --roommenu-icon-bg-color: var(--layer-3-color, #fff);
  --roommenu-link-color: var(--text-1-color, #000);
  --roommenu-line-color: var(--line-2-color, #e3e3e3);
  --roommenu-close-color: var(--line-2-color, #aaa);
  --roommenu-scroll-bg-color: var(--layer-3-color, #fff);
  --roommenu-scroll-color: var(--line-1-color, #e3e3e3);
  -webkit-tap-highlight-color: transparent;
  display: none;
  z-index: 4;
  position: absolute;
  top: 77px;
  left: 0;
  padding: 0 16px;
  background-color: var(--roommenu-bg-color);
}

@media screen and (min-width: 64em) {
  .roommenu {
    display: block;
  }
}

.roommenu_rakeback {
  left: 106px;
  padding: 0 0 0 16px;
}

.roommenu_offers {
  left: 291px;
}

.roommenu--close {
  display: none;
  position: absolute;
  top: 12px;
  right: 24px;
  width: 24px;
  height: 24px;
  padding: 6px;
}

.roommenu--close svg {
  --i-color1: var(--roommenu-close-color);
  width: 12px;
  height: 12px;
}

.roommenu--inner {
  display: flex;
  width: 100%;
  max-width: 1246px;
}

.roommenu_rakeback .roommenu--inner {
  padding: 0 16px 0 0;
}

.roommenu--list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 270px;
  margin: 0;
}

.roommenu--item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.roommenu--item:not(:last-child) {
  border-bottom: 1px solid transparent;
}

.roommenu--item a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 4px 0;
  color: var(--roommenu-link-color);
  font-size: 14px;
  line-height: 19px;
}

.roommenu--item a:hover {
  color: #e51e25;
}

.roommenu--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 10px;
  background-color: var(--roommenu-icon-bg-color);
}

.roommenu--icon svg {
  --i-color1: var(--roommenu-icon-color);
  width: 16px;
  height: 16px;
}

.roommenu--grid {
  gap: 0 16px;
  display: grid;
  grid-template-columns: 220px 1fr;
  padding: 16px 0;
}

.roommain {
  --roommenu-bg-color: var(--layer-4-color, #f4f4f4);
  --roommenu-icon-color: var(--text-1-color, #000);
  --roommenu-icon-bg-color: var(--layer-3-color, #fff);
  --roommenu-link-color: var(--text-1-color, #000);
  --roommenu-line-color: var(--line-2-color, #e3e3e3);
  --roommenu-close-color: var(--line-2-color, #aaa);
  --roommenu-arrow-color: var(--line-2-color, #aaa);
  scrollbar-width: thin;
  scrollbar-color: var(--roommenu-scroll-color) var(--roommenu-scroll-bg-color);
  display: flex;
  width: 100%;
  max-width: 1246px;
  overflow: auto;
}

.roommain--list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.roommain--item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.roommain--item:not(:last-child) {
  border-bottom: 1px solid transparent;
}

.roommain--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 10px;
  background-color: var(--roommenu-icon-bg-color);
}

.roommain--icon_rate {
  background-color: #44d487;
}

.roommain--icon svg {
  width: 16px;
  height: 16px;
}

[theme='dark'] .roommain--icon_all svg {
  --i-color1: #fff;
}

.roommain--icon_dark {
  display: none;
}

[theme='dark'] .roommain--icon_dark {
  display: flex;
}

[theme='dark'] .roommain--icon_light {
  display: none;
}

.roommain::-webkit-scrollbar {
  width: 16px;
}

.roommain::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: var(--roommenu-scroll-bg-color);
}

.roommain::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  border-radius: 100px;
  background-clip: content-box;
  background-color: var(--roommenu-scroll-color);
}

.roommain--link {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 4px 0;
  color: var(--roommenu-link-color);
  font-size: 14px;
  line-height: 19px;
}

.roommain--link:hover {
  color: #e51e25;
}

.roommain--link_active {
  color: #e51e25;
  font-weight: 700;
}

.roommain--arrow {
  --i-color1: var(--roommenu-arrow-color);
  width: 24px;
  height: 24px;
  margin: 0 0 0 auto;
}

.roommain--link_active .roommain--arrow {
  --i-color1: #e51e25;
}

.widemenu-open .header {
  z-index: 6;
  position: relative;
}

.widemenu-overlay {
  display: none;
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

[theme='dark'] .widemenu-overlay {
  background: rgba(0, 0, 0, .75);
}

@media screen and (min-width: 64em) {
  .widemenu-open .widemenu-overlay {
    display: block;
  }
}

.widemenu {
  --widemenu-bg-color: var(--layer-3-color, #fff);
  --widemenu-heading-color: var(--text-5-color, #000);
  --widemenu-icon-color: var(--text-5-color, #000);
  --widemenu-link-color: var(--text-1-color, #000);
  --widemenu-border-color: var(--line-1-color, #e1e1e1);
  --widemenu-subheading-color: var(--text-5-color, #808080);
  --widemenu-line-color: var(--line-2-color, #ebedee);
  --widemenu-cardhead-color: var(--text-2-color, #000);
  --widemenu-cardsubhead-color: var(--text-4-color, #000);
  --softmenu-link-color: var(--text-1-color, #404040);
  --widemenu-desc-color: var(--text-4-color, #404040);
  -webkit-tap-highlight-color: transparent;
  display: none;
  z-index: 4;
  justify-content: center;
  width: 100%;
  min-height: 386px;
  padding: 24px 0;
  background-color: var(--widemenu-bg-color);
}

@media screen and (min-width: 64em) {
  .widemenu {
    position: absolute;
    top: 78px;
    left: 0;
    padding: 40px 30px 48px;
  }
}

.widemenu.menu-opened {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding: 32px 30px;
}

@media screen and (min-width: 64em) {
  .widemenu.menu-opened {
    top: 78px;
    padding: 40px 30px 48px;
  }
}

.widemenu--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 48px 0 0;
}

@media screen and (min-width: 64em) {
  .widemenu--inner {
    padding: 40px 0 0;
  }
}

.widemenu--grid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
}

.widemenu--grid::after {
  flex-shrink: 0;
  height: 100px;
  content: '';
}

@media screen and (min-width: 64em) {
  .widemenu--grid {
    gap: 0 24px;
    grid-template-columns: 240px 1fr;
  }
  .widemenu--grid::after {
    display: none;
  }
}

@media screen and (min-width: 70.625em) {
  .widemenu--grid {
    gap: 0 64px;
  }
}

.widelist {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.widelist--heading {
  margin: 0 0 18px;
  color: var(--widemenu-subheading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 21px;
}

@media screen and (min-width: 64em) {
  .widelist--heading {
    margin: 0 0 24px;
    color: var(--widemenu-heading-color);
    font-family: "PT Serif", serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
  }
}

.widelist--main {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.widelist--item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.widelist--item:not(:last-child) {
  margin: 0 0 5px;
}

.widelist--link {
  padding: 4px 0;
  color: var(--widemenu-link-color);
  font-size: 18px;
  line-height: 22px;
}

.widelist--link::after {
  display: inline-flex;
  width: 7px;
  height: 8px;
  margin: 0 0 0 4px;
  transform: translateY(-1px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23000' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

[theme='dark'] .widelist--link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23fff' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

.widelist--link_active {
  color: #e51e25;
  font-weight: 500;
}

.widelist--link_active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23e51e25' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

[theme='dark'] .widelist--link_active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23e51e25' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

.widelist--link:hover {
  color: #e51e25;
}

.widelist--link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23e51e25' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

.widelist--link_icon {
  display: flex;
  align-items: center;
}

.widelist--link_icon::after {
  transform: translateY(1px);
}

.widelist--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 0;
}

.widelist--icon svg {
  --i-color1: var(--widemenu-icon-color);
  width: 20px;
  height: 22px;
}

.widemenu--subheading {
  margin: 0 0 26px;
  color: var(--widemenu-subheading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (min-width: 64em) {
  .widemenu--subheading {
    margin: 0 0 13px;
  }
}

.widemenu--subgrid {
  width: 100%;
}

.widemenu--subgrid_rooms {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 64em) {
  .widemenu--subgrid_rooms {
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }
}

.widemenu--subgrid_actions {
  gap: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 64em) {
  .widemenu--subgrid_actions {
    gap: 0 32px;
    grid-template-columns: repeat(3, minmax(198px, 1fr));
  }
}

.wroom-link {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 150px;
  height: 60px;
  padding: 5px 0;
  border-top: 1px solid var(--widemenu-border-color);
}

@media screen and (min-width: 64em) {
  .wroom-link {
    height: 50px;
    padding: 0;
    border: 0;
  }
}

.wroom-link:last-child {
  border-bottom: 1px solid var(--widemenu-border-color);
}

@media screen and (min-width: 64em) {
  .wroom-link:last-child {
    border: 0;
  }
}

.wroom-link--wrap {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .wroom-link--wrap {
    justify-content: center;
  }
}

.wroom-link--wrap_dark {
  display: none;
}

[theme='dark'] .wroom-link--wrap_dark {
  display: flex;
}

[theme='dark'] .wroom-link--wrap_light {
  display: none;
}

.wroom-link--wrap img {
  height: 100%;
}

.wroom-link-more {
  width: 100%;
  max-width: 150px;
  height: 60px;
  padding: 5px 0;
  border-top: 1px solid var(--widemenu-border-color);
  color: #e51e25;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .wroom-link-more {
    height: 50px;
    border: 0;
  }
}

.wroom-link-more::after {
  display: inline-flex;
  width: 7px;
  height: 8px;
  margin: 0 0 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23e51e25' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.actions-menucard {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  padding: 0 0 16px;
}

@media screen and (min-width: 64em) {
  .actions-menucard {
    padding: 12px 0 0;
  }
}

.actions-menucard:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--widemenu-line-color);
  content: '';
}

@media screen and (min-width: 64em) {
  .actions-menucard:not(:last-child)::after {
    top: 1px;
    right: -16px;
    bottom: auto;
    left: auto;
    width: 1px;
    height: 100%;
  }
}

.actions-menucard--logo {
  display: flex;
  margin: 0 0 20px;
}

.actions-menucard--img {
  display: flex;
  justify-content: center;
  height: 55px;
}

[theme='dark'] .actions-menucard--img_light {
  display: none;
}

.actions-menucard--img_dark {
  display: none;
}

[theme='dark'] .actions-menucard--img_dark {
  display: flex;
}

.actions-menucard--img img {
  height: 100%;
}

.actions-menucard--img svg {
  width: 55px;
  height: 55px;
}

.actions-menucard--content {
  display: flex;
  flex-direction: column;
}

.actions-menucard--date {
  display: flex;
  align-items: center;
}

.actions-menucard--time {
  margin: 0 0 9px;
  color: #e51e25;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.actions-menucard--heading {
  margin: 0 0 12px;
  color: var(--widemenu-cardhead-color);
  font-family: "PT Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.actions-menucard--heading::after {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.actions-menucard--mark {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: auto 0 0;
}

.actions-menucard--tag {
  display: inline-flex;
  margin: 0 5px 4px 0;
  padding: 3px 6px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  color: #8f8f8f;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}

.soft-menucard {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .soft-menucard {
    padding: 15px 0 0;
  }
}

@media screen and (min-width: 64em) {
  .soft-menucard:not(:last-child)::after {
    position: absolute;
    top: 1px;
    right: -16px;
    width: 1px;
    height: 100%;
    background-color: var(--widemenu-line-color);
    content: '';
  }
}

.soft-menucard--list--main {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.soft-menucard--item {
  display: flex;
  align-items: center;
}

.soft-menucard--item:not(:last-child) {
  margin: 0 0 4px;
}

.soft-menucard--link {
  padding: 4px 0 2px;
  color: var(--softmenu-link-color);
  font-size: 16px;
  line-height: 19px;
}

.soft-menucard--link::after {
  display: inline-flex;
  width: 7px;
  height: 8px;
  margin: 0 0 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23000' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

[theme='dark'] .soft-menucard--link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23fff' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

.soft-menucard--link:hover {
  color: #e51e25;
}

.soft-menucard--link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 8'%3E%3Cpath fill='%23e51e25' d='M3.487 3.626.774.657c-.27-.296.101-.737.439-.52L6.55 3.57c.21.135.21.442 0 .577L1.213 7.578c-.338.217-.71-.223-.439-.52L3.487 4.09a.343.343 0 0 0 0-.463Z'/%3E%3C/svg%3E");
}

.widelist--headlogo {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
  color: var(--widemenu-heading-color);
  font-family: "PT Serif", serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
}

@media screen and (min-width: 64em) {
  .widelist--headlogo {
    margin: 0 0 24px;
    font-size: 24px;
    line-height: 31px;
  }
}

.widelist--pluslogo {
  flex-shrink: 0;
  width: 40px;
  height: 38px;
  margin: 0 8px 0 0;
}

@media screen and (min-width: 64em) {
  .widelist--pluslogo {
    width: 62px;
    height: 62px;
    margin: 0 12px 0 0;
  }
}

.gtpl-menucard {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 292px;
  padding: 0 0 16px;
}

@media screen and (min-width: 64em) {
  .gtpl-menucard {
    max-width: initial;
    padding: 0;
  }
}

.gtpl-menucard:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--widemenu-line-color);
  content: '';
}

@media screen and (min-width: 64em) {
  .gtpl-menucard:not(:last-child)::after {
    top: 34px;
    right: -16px;
    bottom: auto;
    left: auto;
    width: 1px;
    height: calc(100% - 34px);
  }
}

.gtpl-menucard--head {
  margin: 0 0 26px;
  color: var(--widemenu-subheading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (min-width: 64em) {
  .gtpl-menucard--head {
    margin: 0 0 13px;
  }
}

.gtpl-menucard--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  margin: 14px 0;
}

@media screen and (min-width: 64em) {
  .gtpl-menucard--logo {
    margin: 24px 0 14px;
  }
}

.gtpl-menucard--logo_room {
  min-height: initial;
  margin: 14px 0;
}

@media screen and (min-width: 64em) {
  .gtpl-menucard--logo_room {
    margin: 32px 0 36px;
  }
}

[theme='dark'] .gtpl-menucard--logo_room svg {
  --i-color2: #e0e0e0;
  --i-color1: #e51e25;
}

[theme='dark'] .gtpl-i-promo {
  --i-color1: #e51e25;
  --i-color2: #424242;
  --i-color3: #e0e0e0;
}

[theme='dark'] .gtpl-i-refs {
  --i-color1: #e0e0e0;
  --i-color2: #e51e25;
  --i-color3: transparent;
}

.gtpl-menucard--img {
  display: flex;
  justify-content: center;
  height: 55px;
}

[theme='dark'] .gtpl-menucard--img_light {
  display: none;
}

.gtpl-menucard--img_dark {
  display: none;
}

[theme='dark'] .gtpl-menucard--img_dark {
  display: flex;
}

.gtpl-menucard--img img {
  height: 100%;
}

.gtpl-menucard--content {
  display: flex;
  flex-direction: column;
}

.gtpl-menucard--content_room {
  align-self: center;
  width: 100%;
  max-width: 220px;
}

.gtpl-menucard--heading {
  margin: 0 0 10px;
  color: var(--widemenu-cardhead-color);
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

.gtpl-menucard--heading_room {
  margin: 0;
}

.gtpl-menucard--heading::after {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.gtpl-menucard--subheading {
  margin: 0 0 10px;
  color: var(--widemenu-cardsubhead-color);
  font-size: 16px;
  line-height: 21px;
  text-align: center;
}

.shop-menucard {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  padding: 0 0 16px;
}

@media screen and (min-width: 64em) {
  .shop-menucard {
    padding: 12px 0 0;
  }
}

.shop-menucard:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--widemenu-line-color);
  content: '';
}

@media screen and (min-width: 64em) {
  .shop-menucard:not(:last-child)::after {
    top: 1px;
    right: -16px;
    bottom: auto;
    left: auto;
    width: 1px;
    height: 100%;
  }
}

.shop-menucard--logo {
  display: flex;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.shop-menucard--img {
  display: flex;
  justify-content: center;
  height: 60px;
}

[theme='dark'] .shop-menucard--img_light {
  display: none;
}

.shop-menucard--img_dark {
  display: none;
}

[theme='dark'] .shop-menucard--img_dark {
  display: flex;
}

.shop-menucard--img img {
  height: 100%;
  border-radius: 10px;
}

.shop-menucard--content {
  grid-gap: 0 20px;
  display: grid;
  grid-template-columns: 60px 1fr;
  margin: 0 0 16px;
}

.shop-menucard--data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.shop-menucard--heading {
  margin: 0 0 7px;
  color: var(--widemenu-cardhead-color);
  font-family: "PT Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.shop-menucard--heading::after {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.shop-menucard--price {
  color: #e51e25;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-transform: uppercase;
}

.shop-menucard--bottom {
  display: flex;
}

.shop-menucard--desc {
  color: var(--widemenu-desc-color);
  font-size: 16px;
  line-height: 21px;
}

.modal-500-overlay {
  display: flex;
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.modal-500-overlay.hidden {
  display: none;
}

.modal-500 {
  display: flex;
  z-index: 100;
  width: 100%;
  max-width: 670px;
  max-height: 100%;
  padding: 10px 15px;
}

.modal-500.hidden {
  display: none;
}

.modal-500--close {
  z-index: 10;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}

.modal-500--close::after,
.modal-500--close::before {
  position: absolute;
  top: 0;
  left: 11px;
  width: 1px;
  height: 24px;
  background-color: #9e9e9e;
  content: '';
}

.modal-500--close::before {
  transform: rotate(45deg);
}

.modal-500--close::after {
  transform: rotate(-45deg);
}

.modal-500--inner {
  position: relative;
  flex-grow: 1;
  padding: 20px 15px 25px;
  overflow-y: auto;
  background-color: #fff;
}

@media screen and (min-width: 48em) {
  .modal-500--inner {
    padding: 50px 40px;
  }
}

.modal-500--logo {
  width: 100%;
  height: 65px;
  margin: 0 0 18px;
  background-image: url(/img/500plus-logo-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75px;
}

@media screen and (min-width: 48em) {
  .modal-500--logo {
    height: 80px;
    background-size: 90px;
  }
}

.modal-500--heading {
  margin: 0 0 15px;
  color: #202020;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .modal-500--heading {
    margin: 0 0 28px;
    font-size: 28px;
  }
}

.modal-500--txt {
  margin: 0 0 10px;
  color: #404040;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .modal-500--txt {
    font-size: 18px;
  }
}

.modal-form500 {
  width: 100%;
  padding: 20px 0 0;
}

.modal-form500--inner {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  margin: 0 auto;
}

.modal-form500--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 0 15px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #efefef;
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #333;
  font-family: inherit;
  font-size: 18px;
  line-height: 38px;
}

@media screen and (min-width: 48em) {
  .modal-form500--select {
    margin: 0 0 20px;
  }
}

.modal-form500--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 0 15px;
  padding: 8px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 18px;
  line-height: 22px;
}

@media screen and (min-width: 48em) {
  .modal-form500--field {
    margin: 0 0 20px;
  }
}

.modal-form500--submit {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background-color: #ff1300;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.footer {
  --f-footer-bg-color: var(--footer-bg-color, #fff);
  --f-footer-menu-color: var(--footer-menu-color, #a8a8a9);
  --f-footer-logo-color: var(--footer-logo-color, #000);
  --f-footer-line-color: var(--footer-line-color, #ebedee);
  --f-footer-icon-color: var(--footer-icon-color, #a8a8a9);
  display: flex;
  z-index: 1;
  justify-content: center;
  width: 100%;
  background-color: var(--f-footer-bg-color);
  box-shadow: var(--footer-shadow, 0 -3px #eef0f5);
}

[theme='dark'] .footer {
  --footer-shadow: 0 -3px #424242;
  --footer-bg-color: #2b2b2b;
  --footer-menu-color: #636568;
  --footer-logo-color: #fff;
  --footer-line-color: #424242;
  --footer-icon-color: #636568;
}

.footer--grid {
  display: grid;
  grid-template-areas: 'info' 'menu' 'data' 'support' 'rules';
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1306px;
  padding: 0 24px 16px;
}

@media screen and (min-width: 64em) {
  .footer--grid {
    gap: 32px 16px;
    display: grid;
    grid-template-areas: 'menu menu menu menu' 'info rules data support';
    grid-template-columns: auto minmax(auto, 320px) auto auto;
    justify-content: space-between;
    padding: 0 30px 32px;
  }
}

.footer-menu {
  grid-area: menu;
  justify-content: center;
  width: 100%;
}

.footer-menu--inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1246px;
  height: 64px;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 64em) {
  .footer-menu--inner {
    justify-content: flex-start;
    height: 77px;
  }
}

.footer-menu--section {
  display: none;
  align-items: center;
  margin: 0 auto 0 0;
}

@media screen and (min-width: 64em) {
  .footer-menu--section {
    display: flex;
  }
}

.footer-menu--item {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 3px 0 0;
  border-bottom: 2px solid transparent;
  color: var(--f-footer-menu-color);
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
}

.footer-menu--item:not(:last-child) {
  margin: 0 20px 0 0;
}

.footer-menu--item.active {
  border-bottom-color: #e51e25;
}

.footer-menu--item_vip {
  color: #e51e25;
}

.footer-submenu {
  display: flex;
  align-items: center;
}

.footer-submenu--item {
  --i-color1: var(--f-footer-icon-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 0;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .footer-submenu--item {
    font-size: 16px;
    line-height: 19px;
  }
}

.footer-submenu--item svg {
  width: 16px;
  height: 16px;
  margin: 0 16px 0 0;
}

.footer-time {
  --i-color1: var(--f-footer-icon-color);
  display: flex;
  align-items: center;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .footer-time {
    font-size: 16px;
    line-height: 19px;
  }
}

.footer-time--first {
  margin: 0 4px 0 0;
}

.footer-time--mid {
  margin: 0 8px;
}

.footer-time--last {
  margin: 0 0 0 4px;
}

.footer-time svg {
  width: 28px;
  height: 28px;
}

.footer-info {
  display: flex;
  grid-area: info;
  flex-direction: column;
}

.footer-info--logo {
  --i-color1: var(--f-footer-logo-color);
  --i-color2: #e51e25;
  display: flex;
  justify-content: center;
  padding: 22px 0;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 64em) {
  .footer-info--logo {
    justify-content: flex-start;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
  }
}

.footer-info--logo svg {
  width: 154px;
  height: 32px;
}

@media screen and (min-width: 64em) {
  .footer-info--logo svg {
    width: 192px;
    height: 40px;
  }
}

.footer-info--inner {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 40em) {
  .footer-info--inner {
    flex-direction: row;
  }
}

@media screen and (min-width: 64em) {
  .footer-info--inner {
    flex-direction: column;
    padding: 0;
    border: 0;
  }
}

.footer-info--copyright {
  margin: 0 0 12px;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 40em) {
  .footer-info--copyright {
    margin: 0 auto 0 0;
  }
}

@media screen and (min-width: 64em) {
  .footer-info--copyright {
    margin: 0 0 24px;
  }
}

.footer-info--copyright span {
  margin: 0 0 0 5px;
}

.footer-info--copyright a {
  margin: 0 0 0 3px;
  color: var(--f-footer-menu-color);
}

.footer-info--links {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 40em) {
  .footer-info--links {
    flex-direction: row;
  }
}

@media screen and (min-width: 64em) {
  .footer-info--links {
    flex-direction: column;
  }
}

.footer-info--partners {
  margin: 0 0 12px;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 40em) {
  .footer-info--partners {
    margin: 0 24px 0 0;
  }
}

@media screen and (min-width: 64em) {
  .footer-info--partners {
    margin: 0 0 12px;
  }
}

.footer-info--ads {
  margin: 0 0 12px;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 40em) {
  .footer-info--ads {
    margin: 0 24px 0 0;
  }
}

@media screen and (min-width: 64em) {
  .footer-info--ads {
    margin: 0 0 12px;
  }
}

.footer-info--vacancy {
  color: var(--f-footer-menu-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

.footer-rules {
  display: flex;
  grid-area: rules;
  flex-direction: column;
}

.footer-rules--wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 0 20px;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 64em) {
  .footer-rules--wrap {
    margin: 0 0 24px;
    padding: 0;
    border: 0;
  }
}

.footer-rules--item {
  margin: 0 0 12px;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  line-height: 16px;
}

.footer-rules--item a {
  color: var(--f-footer-menu-color);
}

.footer-rules--disc {
  color: var(--f-footer-menu-color);
  font-size: 12px;
  line-height: 20px;
}

.footer-social {
  --i-color1: var(--f-footer-icon-color);
  gap: 8px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 24px);
  align-self: center;
  width: 100%;
  max-width: 312px;
  padding: 24px 0 8px;
}

@media screen and (min-width: 64em) {
  .footer-social {
    align-self: auto;
    padding: 0;
  }
}

.footer-social--item {
  display: flex;
}

.footer-social--item svg {
  width: 24px;
  height: 24px;
}

.footer-data {
  grid-area: data;
  padding: 27px 0 20px;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 64em) {
  .footer-data {
    padding: 0;
    border: 0;
  }
}

.footer-data--list {
  margin: 0;
}

.footer-data--list li {
  display: flex;
  align-items: flex-start;
}

.footer-data--list li:not(:last-child) {
  margin: 0 0 16px;
}

.footer-data--list a {
  color: var(--f-footer-menu-color);
  font-size: 14px;
  line-height: 16px;
}

.footer-support {
  display: flex;
  grid-area: support;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid var(--f-footer-line-color);
}

@media screen and (min-width: 64em) {
  .footer-support {
    padding: 0;
    border: 0;
  }
}

.footer-support--item {
  --i-color1: var(--f-footer-icon-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--f-footer-menu-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

.footer-support--item:not(:last-child) {
  margin: 0 0 24px;
}

.footer-support--item svg {
  width: 16px;
  height: 16px;
  margin: 0 16px 0 0;
}

.custom-promo {
  --custom-promo-bg-color: var(--layer-4-color, #fff);
  --custom-promo-avatar-border-color: var(--line-2-color, #fff);
  --custom-promo-avatar-bg-color: var(--promo-avatar-bg-color, #e0e0e0);
  --custom-promo-text-color: var(--text-4-color, #333);
  --custom-promo-border-color: var(--promo-border-color, #ccc);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 615px;
  margin: 0 auto 10px;
}

@media screen and (min-width: 48em) {
  .custom-promo {
    max-width: 645px;
    padding: 0 15px;
  }
}

@media screen and (min-width: 64em) {
  .custom-promo {
    max-width: 1276px;
    margin: 10px auto;
  }
}

.app-forum .custom-promo {
  max-width: initial;
}

@media screen and (min-width: 48em) {
  .app-forum .custom-promo {
    max-width: 1276px;
  }
}

.custom-promo--top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}

@media screen and (min-width: 48em) {
  .custom-promo--top {
    padding: 0 30px;
  }
}

.custom-promo--avatar {
  width: 44px;
  height: 44px;
  transform: translateY(10px);
  border: 3px solid var(--custom-promo-avatar-border-color);
  border-radius: 50%;
  background-color: var(--custom-promo-avatar-bg-color);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-promo--head {
  width: 100%;
  padding: 15px 30px;
  background-color: #66bb6a;
}

.custom-promo--heading {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.custom-promo--inner {
  width: 100%;
  padding: 0 20px;
  background-color: var(--custom-promo-bg-color);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

@media screen and (min-width: 48em) {
  .custom-promo--inner {
    padding: 0 30px;
  }
}

.pr-item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid transparent;
}

@media screen and (min-width: 64em) {
  .pr-item {
    grid-gap: 0 10px;
    grid-template-columns: 110px 1fr 130px;
  }
}

.pr-item:not(:last-child) {
  border-color: var(--custom-promo-border-color);
}

.pr-item--logo {
  display: flex;
  align-items: flex-start;
  width: 90px;
  min-height: 35px;
}

.pr-item--slogan {
  margin: 0 0 13px;
  color: var(--custom-promo-text-color);
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

@media screen and (min-width: 64em) {
  .pr-item--slogan {
    margin: 0;
  }
}

.pr-item--date {
  display: flex;
  position: relative;
  align-items: center;
  color: var(--custom-promo-text-color);
  font-size: 14px;
  line-height: 20px;
}

.pr-item--date::before {
  width: 13px;
  height: 13px;
  margin: 0 14px 0 0;
  background-image: url(/img/icon-calendar.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.special-promo {
  --prs-bg-color: var(--layer-3-color, #fff);
  --prs-color: var(--text-1-color, #212121);
  --prs-sub-color: var(--text-4-color, #757575);
  --prs-rules-color: var(--text-3-color, #616161);
  --prs-border-color: var(--line-1-color, #dcdcdc);
  --prs-line-color: var(--line-1-color, #ccc);
  display: flex;
  z-index: 1;
  flex-direction: column;
  width: 100%;
  max-width: 1276px;
  margin: 0 auto 10px;
}

@media screen and (min-width: 48em) {
  .special-promo_actions {
    padding: 24px 15px 0;
  }
}

.special-promo--top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.special-promo--avatar {
  width: 56px;
  height: 48px;
  transform: translateY(24px);
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='48' viewBox='0 0 56 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='28' cy='24' rx='28' ry='24' fill='%23E61D27'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}

.special-promo--head {
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 24px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='607' height='115' viewBox='0 0 607 115' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.271683 101.069C-0.918976 108.371 4.71702 115 12.1153 115H594.885C602.283 115 607.919 108.371 606.728 101.069L595.751 33.7512C594.903 28.5499 590.691 24.4998 585.469 23.7912C366.706 -5.89381 240.167 -9.61396 21.3548 23.668C16.2199 24.4491 12.1101 28.4688 11.2742 33.5951L0.271683 101.069Z' fill='%23dcdcdc' /%3E%3C/svg%3E");
  background-position: 50% 0;
  background-repeat: no-repeat;
}

[theme='dark'] .special-promo--head {
  background-image: url("data:image/svg+xml,%3Csvg width='607' height='115' viewBox='0 0 607 115' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.271683 101.069C-0.918976 108.371 4.71702 115 12.1153 115H594.885C602.283 115 607.919 108.371 606.728 101.069L595.751 33.7512C594.903 28.5499 590.691 24.4998 585.469 23.7912C366.706 -5.89381 240.167 -9.61396 21.3548 23.668C16.2199 24.4491 12.1101 28.4688 11.2742 33.5951L0.271683 101.069Z' fill='%23424242' /%3E%3C/svg%3E");
}

.special-promo--head::before {
  position: absolute;
  top: -32px;
  left: calc(50% - 25px);
  width: 50px;
  height: 55px;
  background-image: url(/img/action-icon-fr.svg);
  background-repeat: no-repeat;
  content: '';
}

.special-promo--heading {
  color: var(--prs-color);
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

.special-promo--subheading {
  color: var(--prs-sub-color);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .special-promo--subheading {
    font-size: 15px;
  }
}

.special-promo--inner {
  position: relative;
  width: 100%;
  padding: 0 20px;
  border: solid 6px var(--prs-border-color);
  background-color: var(--prs-bg-color);
}

@media screen and (min-width: 48em) {
  .special-promo--inner {
    padding: 0 30px;
  }
}

.special-promo--bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

@media screen and (min-width: 48em) {
  .special-promo--bottom {
    padding: 0 30px;
  }
}

.special-promo--bottom a {
  width: 100%;
  padding: 15px;
  background-color: #fff;
  color: #f85e5e;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.sp-item {
  border-bottom: 1px solid transparent;
}

.sp-item:not(:last-child) {
  border-color: var(--prs-line-color);
}

.sp-item--inner {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: start;
  width: 100%;
  padding: 14px 0;
}

@media screen and (min-width: 64em) {
  .sp-item--inner {
    grid-gap: 0 10px;
    grid-template-columns: 110px 1fr 130px;
  }
}

@media screen and (min-width: 64em) {
  .special-promo_active .sp-item--inner {
    grid-gap: 0 10px;
    grid-template-columns: 110px 1fr 250px;
  }
}

.sp-item--logo {
  display: flex;
  align-items: flex-start;
  width: 90px;
  min-height: 35px;
  margin: 0 0 10px;
}

@media screen and (min-width: 64em) {
  .sp-item--logo {
    margin: 0;
  }
}

.sp-item--slogan {
  margin: 0 0 13px;
  color: var(--prs-color);
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

@media screen and (min-width: 64em) {
  .sp-item--slogan {
    margin: 0;
  }
}

.sp-item--slogan::after {
  display: inline-flex;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin: 0 0 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46143 1.5L5.54823 5.58679L9.63503 1.5' stroke='%23000' stroke-width='2' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

[theme='dark'] .sp-item--slogan::after {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46143 1.5L5.54823 5.58679L9.63503 1.5' stroke='%23fff' stroke-width='2' /%3E%3C/svg%3E");
}

.sp-item--slogan.active::after {
  transform: rotate(180deg);
}

.sp-item_confirmed .sp-item--slogan::before {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 4px 0 0;
  background-image: url(/img/round-check.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  content: '';
}

.sp-item--date {
  color: #e51e25;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  .sp-item--date {
    justify-self: end;
  }
}

.sp-item--button {
  position: relative;
  height: 36px;
  margin: 15px 0 0;
  padding: 0 27px 0 10px;
  border-radius: 3px;
  background-color: #f85e5e;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  .sp-item--button {
    margin: 0;
  }
}

.sp-item--button::after {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 1px 1px 0;
  content: '';
}

.sp-item--button.active::after {
  top: 16px;
  transform: rotate(225deg);
}

.sp-item--offer {
  display: none;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid var(--prs-line-color);
}

@media screen and (min-width: 64em) {
  .sp-item--offer {
    padding: 0 270px 0 120px;
  }
}

.sp-item--offer.show {
  display: flex;
}

.sp-item--rules {
  padding: 15px 0 20px;
}

.sp-item--rules p {
  margin: 0 0 5px;
  color: var(--prs-rules-color);
  font-size: 16px;
  line-height: 22px;
}

.sp-item--action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 25px;
}

@media screen and (min-width: 64em) {
  .sp-item--action {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
  }
}

.sp-item--note {
  color: var(--prs-sub-color);
  font-size: 14px;
  line-height: 16px;
}

.sp-item--reg {
  position: relative;
  height: 34px;
  margin: 15px 0 0;
  padding: 0 16px 0 34px;
  background-color: #e51e25;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 34px;
}

@media screen and (min-width: 64em) {
  .sp-item--reg {
    margin: 0 20px 0 0;
  }
}

.sp-item--reg::before {
  position: absolute;
  top: 9px;
  left: 17px;
  width: 7px;
  height: 12px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
}

.wgt-gtplus {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.profile .wgt-gtplus {
  margin: 0 0 10px;
}

.sidebar-medium .wgt-gtplus {
  margin: 0 0 10px;
}

.wgt-gtplus--link {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  min-height: 60px;
  padding: 5px 8px;
  border: 1px solid #43d387;
  border-radius: 5px;
  background-color: #2f2f2f;
}

.sidebar-medium .wgt-gtplus--link {
  font-size: 16px;
}

.wgt-gtplus--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3px 4px;
}

.wgt-gtplus--top {
  display: flex;
  position: relative;
  width: 126px;
  height: 22px;
  margin: 0 0 6px;
}

.wgt-gtplus--top::before {
  position: absolute;
  top: 7px;
  left: -17px;
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2343d387' d='M7.7 15H7v-2.14h-.7V10h-.71v-.72H2.1v-.71H0V7.14h2.1v-.72h2.11v-.71h1.4V2.86h.69V0H7v2.86h.7V5h.71v.71h2.78v.71H14v.71h-2.1v1.44H9.79v.72h-1.4v1.42H7.7z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.wgt-gtplus--top::after {
  position: absolute;
  top: -1px;
  right: -17px;
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2343d387' d='M7.7 15H7v-2.14h-.7V10h-.71v-.72H2.1v-.71H0V7.14h2.1v-.72h2.11v-.71h1.4V2.86h.69V0H7v2.86h.7V5h.71v.71h2.78v.71H14v.71h-2.1v1.44H9.79v.72h-1.4v1.42H7.7z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.wgt-gtplus--flag {
  position: relative;
  left: 6px;
  width: 114px;
  height: 22px;
  background-color: #f00;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}

.wgt-gtplus--flag::before {
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 11px solid #f00;
  border-bottom: 11px solid #f00;
  border-left: 6px solid transparent;
  content: '';
}

.wgt-gtplus--flag::after {
  position: absolute;
  right: -6px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 11px solid #f00;
  border-right: 6px solid transparent;
  border-bottom: 11px solid #f00;
  content: '';
}

.wgt-gtplus--lead {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.sidebar-medium .wgt-gtplus--lead {
  font-size: 16px;
}

.wgt-gtplus--button {
  height: 36px;
  margin: 3px 4px;
  padding: 0 20px;
  border-radius: 18px;
  background-color: #43d387;
  color: #212121;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
}

.profile-button {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 2px;
}

.sidebar-medium .profile-button {
  max-width: 230px;
}

.profile-button--inner {
  gap: 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  padding: 24px 20px;
  border-radius: 5px;
  background-image: linear-gradient(0deg, #daa513, #f7e3ab);
  box-shadow: 0 2px 0 #9e7810;
}

@media screen and (min-width: 40em) {
  .profile-button--inner {
    flex-direction: row;
  }
  .sidebar-medium .profile-button--inner {
    gap: 10px 16px;
    flex-direction: column;
    padding: 12px 15px;
  }
}

.profile-button--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 62px;
}

.sidebar-medium .profile-button--logo {
  display: none;
}

.profile-button--logo svg {
  width: 64px;
  height: 62px;
}

.profile-button--heading {
  color: #000;
  font-family: "PT Serif", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.sidebar-medium .profile-button--heading {
  display: none;
}

.profile-button--heading_bookmarks {
  display: none;
}

.sidebar-medium .profile-button--heading_bookmarks {
  display: initial;
  font-size: 14px;
  line-height: 16px;
}

.profile-button--heading::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.profile-button--cta {
  display: flex;
  position: relative;
  flex-shrink: 0;
  width: 200px;
  height: 28px;
  padding: 0 20px;
}

.profile-button--cta::before {
  position: absolute;
  top: 7px;
  left: 5px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 9'%3E%3Cpath fill='%23E50C2C' d='M4.96.28c.08-.37.6-.37.69 0l.63 2.97c.03.13.14.24.27.27l2.97.63c.37.08.37.62 0 .7l-2.97.63a.35.35 0 0 0-.27.27l-.63 2.97c-.08.37-.61.37-.7 0l-.63-2.97a.35.35 0 0 0-.27-.27l-2.97-.63c-.37-.08-.37-.62 0-.7l2.97-.63a.35.35 0 0 0 .27-.27L4.96.28Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.profile-button--cta::after {
  position: absolute;
  top: 7px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 9'%3E%3Cpath fill='%23E50C2C' d='M4.96.28c.08-.37.6-.37.69 0l.63 2.97c.03.13.14.24.27.27l2.97.63c.37.08.37.62 0 .7l-2.97.63a.35.35 0 0 0-.27.27l-.63 2.97c-.08.37-.61.37-.7 0l-.63-2.97a.35.35 0 0 0-.27-.27l-2.97-.63c-.37-.08-.37-.62 0-.7l2.97-.63a.35.35 0 0 0 .27-.27L4.96.28Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.profile-button--stars {
  position: relative;
  width: 100%;
}

.profile-button--stars::before {
  position: absolute;
  top: 1px;
  left: -20px;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 9'%3E%3Cpath fill='%23E50C2C' d='M4.96.28c.08-.37.6-.37.69 0l.63 2.97c.03.13.14.24.27.27l2.97.63c.37.08.37.62 0 .7l-2.97.63a.35.35 0 0 0-.27.27l-.63 2.97c-.08.37-.61.37-.7 0l-.63-2.97a.35.35 0 0 0-.27-.27l-2.97-.63c-.37-.08-.37-.62 0-.7l2.97-.63a.35.35 0 0 0 .27-.27L4.96.28Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.profile-button--stars::after {
  position: absolute;
  top: 1px;
  right: -20px;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 9'%3E%3Cpath fill='%23E50C2C' d='M4.96.28c.08-.37.6-.37.69 0l.63 2.97c.03.13.14.24.27.27l2.97.63c.37.08.37.62 0 .7l-2.97.63a.35.35 0 0 0-.27.27l-.63 2.97c-.08.37-.61.37-.7 0l-.63-2.97a.35.35 0 0 0-.27-.27l-2.97-.63c-.37-.08-.37-.62 0-.7l2.97-.63a.35.35 0 0 0 .27-.27L4.96.28Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.profile-button--flag {
  --cta-color: #f00;
  position: relative;
  left: 8px;
  width: 144px;
  height: 28px;
  background-color: var(--cta-color);
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.sidebar-medium .profile-button--flag {
  font-size: 14px;
}

.profile-button--flag::before {
  position: absolute;
  bottom: 0;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 14px solid var(--cta-color);
  border-bottom: 14px solid var(--cta-color);
  border-left: 8px solid transparent;
  content: '';
}

.profile-button--flag::after {
  position: absolute;
  right: -8px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 14px solid var(--cta-color);
  border-right: 8px solid transparent;
  border-bottom: 14px solid var(--cta-color);
  content: '';
}

.profile-button--flag span::before {
  display: inline-flex;
  flex-shrink: 0;
  width: 9px;
  height: 14px;
  margin: 0 6px 0 0;
  transform: translateY(1px);
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.800781 14V0L8.80078 7L0.800781 14Z' fill='%23fff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.sidebar-medium .profile-button--text {
  display: none;
}

.profile-button--text_bookmarks {
  display: none;
}

.sidebar-medium .profile-button--text_bookmarks {
  display: initial;
}

.profile-cta {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
}

.sidebar-medium .profile-cta {
  max-width: 230px;
}

.sidebar-medium .profile-cta--main {
  display: none;
}

.profile-cta--mobile {
  max-width: 594px;
  margin: 0 auto;
}

@media screen and (min-width: 64em) {
  .profile-cta--mobile {
    display: none;
  }
}

.profile-cta--desktop {
  display: none;
}

@media screen and (min-width: 64em) {
  .profile-cta--desktop {
    display: block;
  }
}

.profile-cta--bookmarks {
  display: none;
}

.sidebar-medium .profile-cta--bookmarks {
  display: block;
}

.profile-cta--bookmarks img {
  max-width: 230px;
}

.post {
  --x-post-shadow-color: var(--line-0-color, #ddd);
  --x-post-bg-color: var(--post-bg-color, #fff);
  --x-post-bg-dim-color: var(--layer-4-color, #f1f1f1);
  --x-post-bg-unread-color: var(--layer-5-color, #ececec);
  --x-post-border-color: var(--line-1-color, #e0e0e0);
  --x-post-color: var(--post-color, #333);
  --x-post-link-color: var(--post-link-color, #202020);
  --x-post-blockquote-bg-color: var(--post-blockquote-bg-color, #f4f4f4);
  --x-post-blockquote-bg-unread-color: var(--post-blockquote-bg-color, #f9f9f9);
  --x-post-blockquote-border-color: var(--line-1-color, #ccc);
  --x-post-blockquote-color: var(--text-4-color, #606060);
  --x-post-blockquote-icon-filter: var(--icon-4-filter, none);
  --x-post-longquote-button-bg-color: var(--layer-3-color, #fff);
  --x-post-longquote-bg-color-alpha: var(--post-longquote-bg-color-alpha, rgba(241, 241, 241, 0));
  --x-post-control-border-color: var(--line-1-color, #efefef);
  --x-post-spoiler-bg-color: var(--layer-5-color, transparent);
  --x-post-spoiler-color: var(--text-3-color, #606060);
  --x-post-spoiler-border-color: var(--line-2-color, #ccc);
  --x-post-rlist-bg-color: var(--post-rlist-bg-color, #f9f9f9);
  --x-post-author-data-color: var(--text-6-color, #909090);
  --x-post-author-icon-filter: var(--icon-5-filter, none);
  --x-post-author-menu-hover-color: var(--text-1-color, #000);
  --x-post-author-menu-bg-color: var(--control-1-bg-color, #efefef);
  --x-post-author-menu-border-color: var(--control-1-border-color, #cbcbcb);
  --x-post-reply-link-color: var(--text-4-color, #404040);
  --x-post-nav-icon-filter: var(--icon-6-filter, none);
  --x-post-header-bg-color: var(--layer-4-color, #f5f5f5);
  --x-post-header-color: var(--text-4-color, #404040);
  --x-post-header-link-color: var(--text-3-color, #404040);
  --x-post-header-icon-filter: var(--post-header-icon-filter, none);
  --x-post-link-icon-filter: var(--icon-4-filter, none);
  --x-post-link-tooltip-bg-color: var(--layer-1-color, #616161);
  --x-post-link-tooltip-color: var(--text-4-color, #fff);
  --xl-spoiler-color-bg: var(--post-blockquote-bg-color, #fbfbfb);
  --xl-spoiler-border-color: var(--line-1-color, #eee);
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 8px;
  background-color: var(--x-post-bg-color);
  box-shadow: 0 0 0 1px var(--x-post-shadow-color);
}

@container post-list (min-width: 723px) {
  .post {
    margin: 0 0 15px;
  }
}

.post_widget {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

.post--list {
  container-type: inline-size;
  container-name: post-list;
  width: 100%;
  margin: 0;
}

.post--list_site {
  max-width: 1000px;
  margin: 0 auto;
}

.post--inner {
  display: flex;
  flex-direction: column;
}

.post_search {
  padding: 0;
}

.post_dim {
  background-color: var(--x-post-bg-dim-color);
}

.post_unread {
  background-color: var(--x-post-bg-unread-color);
}

.post-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 16px;
  background-color: var(--layer-2a-color, #f4f4f4);
}

@container post-list (min-width: 723px) {
  .post-header {
    padding: 0 24px;
  }
}

.post-header--inner {
  display: flex;
  align-items: center;
  padding: 12px 0;
  line-height: 17px;
}

.post-header--link {
  display: flex;
  align-items: center;
  color: var(--x-post-header-link-color);
  font-size: 11px;
  text-transform: uppercase;
}

.post-header--link::after {
  flex-shrink: 0;
  width: 12px;
  height: 7px;
  margin: 0 0 0 6px;
  background-image: url(/img/arrow-right-author.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  content: '';
  filter: var(--x-post-header-icon-filter);
}

.post-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 10px 0 0;
  padding: 12px 0;
  line-height: 18px;
}

.post-breadcrumbs a {
  color: var(--x-post-header-color);
  font-size: 12px;
}

.post-breadcrumbs strong {
  display: flex;
}

.post-breadcrumbs--arrow {
  width: 30px;
  height: 18px;
  background-image: url(/img/br-arrow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.post-author {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 16px;
  background-color: var(--layer-2a-color, #f4f4f4);
}

@container post-list (min-width: 723px) {
  .post-author {
    padding: 16px 24px;
  }
}

.post-author--swap {
  display: flex;
  align-items: flex-start;
  align-self: end;
  justify-content: space-between;
}

.post-author--topnav {
  gap: 0 18px;
  display: none;
  align-items: center;
  margin: -2px 0;
}

@container post-list (min-width: 723px) {
  .post-author--topnav {
    display: flex;
  }
}

.post-author--nick {
  gap: 4px 12px;
  display: flex;
  align-items: center;
}

.status-swap .post-author--nick {
  gap: 12px;
  flex-wrap: wrap;
}

.post-author--badge {
  display: none;
  padding: 5px 8px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #606060);
  color: #eee;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

@container post-list (min-width: 723px) {
  .post-author--badge {
    display: block;
  }
}

.post-author--badge_mobile {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  padding: 3px 5px;
  border-radius: 0 0 2px 2px;
  font-size: 10px;
}

@container post-list (min-width: 723px) {
  .post-author--badge_mobile {
    display: none;
  }
}

.post-author--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: var(--text-2-color, #333);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

@container post-list (min-width: 723px) {
  .post-author--link {
    font-size: 18px;
    white-space: nowrap;
  }
}

.post-author--link::before {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-6-color, #ababad);
  content: '';
}

.post-author--link.online::before {
  background-color: #86d97d;
}

.post-author--link_site {
  padding: 0;
}

.post-author--link_site::before {
  display: none;
}

.post-author--inner {
  gap: 10px 16px;
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: start;
}

.post-author--section {
  display: flex;
  position: relative;
  grid-column: 1;
  grid-row: 1 / 3;
  flex-direction: column;
  align-self: center;
}

.post-author--avatar {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 48px;
  height: 48px;
}

.post-author--avatar img {
  object-fit: scale-down;
}

.post-author--data {
  gap: 6px 8px;
  display: flex;
  grid-column: 2;
  flex-wrap: wrap;
  align-items: center;
  transform: translateY(1px);
}

@container post-list (min-width: 723px) {
  .post-author--data {
    gap: 6px 16px;
    grid-column: 2;
  }
}

.post-author--title {
  display: flex;
  color: var(--text-3-color, #909090);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.post-author--title strong {
  padding: 0 4px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #b4b4b4);
  color: var(--text-4-color, #fff);
  font-weight: 700;
}

.post-author--member {
  display: flex;
  color: #e51e25;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

[theme='dark'] .post-author--member {
  color: #bb001c;
}

.post-author--member span {
  padding: 0 4px;
  border-radius: 2px;
  color: #fff;
  font-weight: 700;
}

[theme='dark'] .post-author--member span {
  color: #fff;
}

.post-author--member a {
  padding: 0 4px;
  border-radius: 2px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

.post-author--member .colorDefault,
.post-author--member .colorDefault a,
.post-author--member a.colorDefault {
  color: #606060;
}

[theme='dark'] .post-author--member .colorDefault,
[theme='dark']
.post-author--member .colorDefault a,
[theme='dark']
.post-author--member a.colorDefault {
  color: #9e9e9e;
}

.post-author--member .colorGrn,
.post-author--member .colorGrn a,
.post-author--member a.colorGrn {
  background-color: #649213;
}

[theme='dark'] .post-author--member .colorGrn,
[theme='dark']
.post-author--member .colorGrn a,
[theme='dark']
.post-author--member a.colorGrn {
  background-color: #3d6f0b;
}

.post-author--member .colorRed,
.post-author--member .colorRed a,
.post-author--member a.colorRed {
  background-color: #c30300;
}

.post-author--member .colorRb,
.post-author--member .colorRb a,
.post-author--member a.colorRb {
  background-color: #090;
}

.post-author--member .colorSc,
.post-author--member .colorSc a,
.post-author--member a.colorSc {
  background-color: #ff8000;
}

.post-author--member .colorLb,
.post-author--member .colorLb a,
.post-author--member a.colorLb {
  background-color: #00bfff;
}

.post-author--member .colorFf,
.post-author--member .colorFf a,
.post-author--member a.colorFf {
  background-color: #6d11bb;
}

.post-author--slogan {
  display: flex;
  color: var(--text-3-color, #909090);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.post-author--stacking {
  margin: -1px 0 0;
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 1;
}

.post-author--arbitrage {
  padding: 3px 4px;
  border-radius: 2px;
  background-color: #a72e1c;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.post-author--score {
  margin: 0 0 0 4px;
  color: #909090;
  white-space: nowrap;
}

@container post-list (min-width: 723px) {
  .post-author--score:hover {
    text-decoration: underline;
  }
}

.post-author--score .positive {
  color: #529410;
}

.post-author--score .negative {
  color: #e51e25;
}

.post-author--row {
  gap: 4px 8px;
  display: flex;
  flex-wrap: wrap;
}

@container post-list (min-width: 723px) {
  .post-author--row {
    gap: 4px 16px;
  }
}

.post-author--rating {
  gap: 0 4px;
  display: flex;
  align-items: center;
  margin: -1px 0 0;
  color: var(--text-5-color, #ababad);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.post-author--rating.positive {
  --i-color1: #529410;
  color: #529410;
}

[theme='dark'] .post-author--rating.positive {
  --i-color1: #468d00;
  color: #468d00;
}

.post-author--rating.negative {
  --i-color1: #e50c2c;
  color: #e50c2c;
}

[theme='dark'] .post-author--rating.negative {
  --i-color1: #bb001c;
  color: #bb001c;
}

.post-author--messages {
  gap: 0 4px;
  display: flex;
  align-items: center;
  margin: -1px 0 0;
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 1;
}

.post-author--regdata {
  gap: 0 4px;
  display: flex;
  align-items: center;
  margin: -1px 0 0;
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 1;
}

.post-author--icon {
  width: 16px;
  height: 16px;
  filter: var(--x-post-author-icon-filter);
}

.post-author--icon.icon-messages {
  background-image: url(/img/theme-reader-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.post-author--icon.icon-rating {
  background-image: url(/img/theme-rate-icon.svg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 13px;
}

.post-author--contacts {
  display: flex;
  padding: 4px 0;
}

.post-author--resize {
  display: flex;
  align-items: flex-start;
}

.status-swap .post-author--resize {
  order: 3;
  width: 100%;
}

.post-author--status {
  position: relative;
  justify-self: start;
  margin: -3px 0;
  padding: 3px 8px;
  border: solid 1px var(--line-2-color, #dbdbdb);
  border-radius: 3px;
  background-color: var(--layer-3-color, #fff);
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

@container post-list (min-width: 979px) {
  .post-author--status {
    margin: -2px 0;
  }
}

.post-author--status::before {
  position: absolute;
  top: 50%;
  left: -6px;
  width: 8px;
  height: 7px;
  transform: rotate(0deg) translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23fff' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23fff' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 7px;
  content: '';
}

.status-swap .post-author--status::before {
  top: -6px;
  left: 15px;
  width: 6px;
  height: 6px;
  transform: rotate(90deg);
}

[theme='dark'] .post-author--status::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%232a2a2a' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%232a2a2a' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
}

.author-tops-wrap {
  display: flex;
}

.user-main .author-tops-wrap {
  margin: -10px 0 0;
}

@media screen and (min-width: 64em) {
  .user-main .author-tops-wrap {
    margin: -12px 0 0;
  }
}

.author-tops {
  gap: 0 4px;
  display: flex;
  height: 24px;
  margin: -4px 0;
}

@container post-list (min-width: 979px) {
  .author-tops {
    gap: 0 8px;
    height: 28px;
    margin: -5px 0;
  }
}

.user-main .author-tops {
  gap: 0;
  height: 20px;
  margin: 0;
}

@media screen and (min-width: 64em) {
  .user-main .author-tops {
    height: 24px;
  }
}

.author-tops--icon {
  display: flex;
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  filter: var(--x-post-author-icon-filter);
}

@container post-list (min-width: 979px) {
  .author-tops--icon {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }
}

.user-main .author-tops--icon {
  width: 20px;
  height: 20px;
  background-size: 20px;
}

@media screen and (min-width: 64em) {
  .user-main .author-tops--icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}

.user-main .author-tops--icon:not(:first-child) {
  margin: 0 0 0 -4px;
}

.author-tops--icon_author1 {
  border-radius: 50%;
  background-image: url(/img/top-author-day-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_author7 {
  border-radius: 50%;
  background-image: url(/img/top-author-week-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_author31 {
  border-radius: 50%;
  background-image: url(/img/top-author-month-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_blog1 {
  border-radius: 50%;
  background-image: url(/img/blog-day-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_blog7 {
  border-radius: 50%;
  background-image: url(/img/blog-week-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_blog31 {
  border-radius: 50%;
  background-image: url(/img/blog-month-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_stream {
  border-radius: 50%;
  background-image: url(/img/top-stream.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_bronze {
  border-radius: 50%;
  background-image: url(/img/top-bronze-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_silver {
  border-radius: 50%;
  background-image: url(/img/top-silver-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_gold {
  border-radius: 50%;
  background-image: url(/img/top-gold-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_new {
  border-radius: 50%;
  background-image: url(/img/top-newblog-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_greenline {
  border-radius: 50%;
  background-image: url(/img/top-greenline.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_newbie {
  border-radius: 50%;
  background-image: url(/img/bb-newbie-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_regs {
  border-radius: 50%;
  background-image: url(/img/bb-regs-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_locals {
  border-radius: 50%;
  background-image: url(/img/bb-locals-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_hero {
  border-radius: 50%;
  background-image: url(/img/bbpost-hero-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_theory {
  border-radius: 50%;
  background-image: url(/img/bbpost-theory-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_world {
  border-radius: 50%;
  background-image: url(/img/bbpost-world-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_memes {
  border-radius: 50%;
  background-image: url(/img/bbpost-memes-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_invest {
  border-radius: 50%;
  background-image: url(/img/bbpost-invest-v4.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_motivation {
  border-radius: 50%;
  background-image: url(/img/bbpost-motivation-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_offline {
  border-radius: 50%;
  background-image: url(/img/bbpost-offline-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_bets {
  border-radius: 50%;
  background-image: url(/img/bbpost-bets.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_joker {
  border-radius: 50%;
  background-image: url(/img/bbpost-joker-red-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_blackjoker {
  border-radius: 50%;
  background-image: url(/img/bbpost-joker-black-v3.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-menu {
  gap: 24px 0;
  display: none;
  z-index: 1001;
  position: absolute;
  top: 100%;
  left: 0;
  flex-direction: column;
  padding: 24px;
  background-color: var(--layer-4-color, #fff);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);
}

@container post-list (min-width: 723px) {
  .author-menu {
    gap: 16px 0;
    padding: 16px;
  }
}

[theme='dark'] .author-menu {
  box-shadow: inset 0 0 0 1px #616161;
}

.author-menu.open {
  display: flex;
}

.author-menu--item {
  gap: 0 8px;
  display: flex;
  color: var(--text-3-color, #333);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@container post-list (min-width: 723px) {
  .author-menu--item {
    font-size: 12px;
  }
}

.author-menu--item_sep {
  position: relative;
  margin: 24px 0 0;
}

@container post-list (min-width: 723px) {
  .author-menu--item_sep {
    margin: 16px 0 0;
  }
}

.author-menu--item_sep::before {
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line-2-color, #e7e8eb);
  content: '';
}

@container post-list (min-width: 723px) {
  .author-menu--item_sep::before {
    top: -16px;
  }
}

.author-menu--item svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

[theme='dark'] .author-menu--item svg {
  --i-color1: #9e9e9e;
}

.post--controls {
  --button-hover-color: var(--line-2-color, #d9d9d9);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 16px 8px;
}

@container post-list (min-width: 723px) {
  .post--controls {
    gap: 0 16px;
    padding: 0 24px 20px;
  }
}

.post-nav {
  display: flex;
  align-items: center;
  height: 22px;
  margin: 0 6px 0 0;
}

@container post-list (min-width: 723px) {
  .post-nav {
    height: 32px;
  }
}

.post-nav + .post-respond--sep_nav {
  display: block;
}

.post-nav--prev {
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M7.5 1L1 7.5L7.5 14' stroke='%23808080' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 7px;
}

.post-nav--next {
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M0.5 1L7 7.5L0.5 14' stroke='%23808080' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 7px;
}

.post-nav--number {
  color: #aaa;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

[theme='dark'] .post-nav--number {
  color: #555;
}

.post-nav--count {
  color: var(--text-6-color, #808080);
}

.post-date {
  display: none;
  align-items: center;
  line-height: 22px;
}

@container post-list (min-width: 723px) {
  .post-date {
    display: flex;
    margin: 0;
  }
}

.post-date_mobile {
  display: flex;
  margin: 0 0 0 auto;
  line-height: 32px;
}

@container post-list (min-width: 723px) {
  .post-date_mobile {
    display: none;
  }
}

.post-date--item {
  color: var(--text-6-color, #ababad);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.post-date--num {
  min-width: 32px;
  margin: 0 10px 0 0;
  color: var(--text-6-color, #909090);
  font-size: 13px;
}

.post-date--link {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.post-date--link svg {
  width: 15px;
  height: 16px;
}

[theme='dark'] .post-date--link svg {
  --i-color1: #9e9e9e;
}

@container post-list (min-width: 723px) {
  .post-date--link:active {
    top: 1px;
  }
}

.post-date--link span {
  display: none;
  z-index: 1;
  position: absolute;
  top: -29px;
  left: -4px;
  padding: 6px 8px 6px;
  border-radius: 2px;
  background-color: var(--x-post-link-tooltip-bg-color);
  color: var(--x-post-link-tooltip-color);
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  pointer-events: none;
}

.post-date--link span::after {
  position: absolute;
  bottom: -6px;
  left: 10px;
  width: 0;
  height: 0;
  border-width: 7px 6px 0 6px;
  border-style: solid;
  border-color: var(--x-post-link-tooltip-bg-color) transparent transparent transparent;
  content: '';
}

.post-reply {
  gap: 0 4px;
  display: flex;
  align-items: center;
}

@container post-list (min-width: 723px) {
  .post-reply {
    gap: 0 8px;
  }
}

.post-reply--respond {
  flex-shrink: 0;
  padding: 13px 15px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 4px;
  color: var(--text-2-color, #333);
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

@container post-list (min-width: 723px) {
  .post-reply--respond {
    padding: 9px 15px;
  }
}

.post-reply--respond:hover {
  border-color: var(--button-hover-color);
}

.post_unread .post-reply--respond {
  border-color: var(--button-hover-color);
}

.post-reply--cite {
  flex-shrink: 0;
  padding: 13px 15px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 4px;
  color: var(--text-2-color, #333);
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

@container post-list (min-width: 723px) {
  .post-reply--cite {
    padding: 9px 15px;
  }
}

.post-reply--cite:hover {
  border-color: var(--button-hover-color);
}

.post-reply--cite span {
  display: none;
}

@container post-list (min-width: 723px) {
  .post-reply--cite span {
    display: block;
  }
}

.post-reply--cite svg {
  display: block;
}

[theme='dark'] .post-reply--cite svg {
  --i-color1: #e0e0e0;
}

@container post-list (min-width: 723px) {
  .post-reply--cite svg {
    display: none;
  }
}

.post_unread .post-reply--cite {
  border-color: var(--button-hover-color);
}

.post-reply--edit {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 40px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 4px;
}

@container post-list (min-width: 723px) {
  .post-reply--edit {
    width: 32px;
    height: 32px;
  }
}

.post-reply--edit:hover {
  border-color: var(--button-hover-color);
}

.post-reply--edit svg {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}

.post-reply--delete {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 40px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 4px;
}

@container post-list (min-width: 723px) {
  .post-reply--delete {
    width: 32px;
    height: 32px;
  }
}

.post-reply--delete:hover {
  border-color: var(--button-hover-color);
}

.post-reply--delete svg {
  --i-color1: #e50c2c;
  flex-shrink: 0;
  width: 21px;
  height: 21px;
}

.post-respond {
  gap: 0 12px;
  display: flex;
  align-items: center;
  order: 2;
  width: 100%;
  margin: 10px 0 0;
}

@container post-list (min-width: 723px) {
  .post-respond {
    order: 0;
    width: auto;
    margin: 0;
  }
}

.post-respond--sep {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background-color: var(--line-1-color, #e9e9e9);
}

.post-respond--sep_nav {
  display: none;
}

.post-respond--report {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.post-respond--report svg {
  flex-shrink: 0;
  width: 16px;
  height: 17px;
}

[theme='dark'] .post-respond--report svg {
  --i-color1: #9e9e9e;
}

.post-respond--vote {
  display: flex;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
}

.post-reply--item {
  position: relative;
  flex-shrink: 0;
  padding: 13px 15px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 4px;
  color: var(--text-2-color, #333);
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

@container post-list (min-width: 723px) {
  .post-reply--item {
    padding: 9px 15px;
  }
}

.post-reply--item:hover {
  color: #e50c2c;
}

.post-reply--item_closed {
  color: #e91826;
}

.post-reply--droplink {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.post-reply--droplink.active::after {
  z-index: 10;
  position: absolute;
  top: 29px;
  left: 9px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border: solid var(--x-post-author-menu-border-color);
  border-width: 1px 0 0 1px;
  background-color: var(--x-post-author-menu-bg-color);
  content: '';
}

@container post-list (min-width: 723px) {
  .post-reply--droplink.active::after {
    top: 27px;
  }
}

.post-reply--droplink.active + .vote-dropmenu {
  display: flex;
}

.post-reply--droplink svg {
  --i-color1: #9e9e9e;
  --i-color2: #fff;
}

[theme='dark'] .post-reply--droplink svg {
  --i-color1: #2a2a2a;
  --i-color2: #9e9e9e;
}

.vote-dropmenu {
  gap: 4px 0;
  display: none;
  z-index: 9;
  position: absolute;
  top: 32px;
  left: -32px;
  flex-direction: column;
  padding: 10px 12px;
  border: 1px solid var(--x-post-author-menu-border-color);
  background-color: var(--x-post-author-menu-bg-color);
}

@container post-list (min-width: 723px) {
  .vote-dropmenu {
    top: 30px;
  }
}

.vote-dropmenu--item {
  color: var(--control-1-color, #606060);
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}

.vote-dropmenu--item:hover {
  color: var(--x-post-author-menu-hover-color);
}

.post-vote {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 0 auto;
}

.post-vote--rating {
  position: relative;
  min-width: 18px;
  margin: 0 8px;
  color: #909090;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
}

@container post-list (min-width: 723px) {
  .post-vote--rating {
    min-width: 28px;
    margin: 0 16px;
    font-size: 16px;
    line-height: 32px;
  }
}

.post-vote--rating.positive {
  color: #529410;
  font-weight: 700;
}

[theme='dark'] .post-vote--rating.positive {
  color: #468d00;
}

.post-vote--rating.negative {
  color: #e51e25;
  font-weight: 700;
}

[theme='dark'] .post-vote--rating.negative {
  color: #bb001c;
}

.post-vote--rating.neutral {
  color: var(--text-3-color, #212121);
  font-weight: 700;
}

.post-vote--rating.active::after {
  position: absolute;
  top: 46px;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  border-top: 1px solid var(--line-1-color, #e9e9e9);
  border-left: 1px solid var(--line-1-color, #e9e9e9);
  background-color: var(--layer-2a-color, #f9f9f9);
  content: '';
}

@container post-list (min-width: 723px) {
  .post-vote--rating.active::after {
    top: 42px;
  }
}

.post-vote--plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 4px;
  color: #808080;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

@container post-list (min-width: 723px) {
  .post-vote--plus {
    width: 32px;
    height: 32px;
  }
}

.post-vote--plus:hover {
  border-color: var(--button-hover-color);
  color: #529410;
}

.post-vote--minus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 4px;
  color: #808080;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

@container post-list (min-width: 723px) {
  .post-vote--minus {
    width: 32px;
    height: 32px;
  }
}

.post-vote--minus:hover {
  border-color: var(--button-hover-color);
  color: #e51e25;
}

.post-vote--cancel {
  display: none;
  width: 40px;
  height: 40px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 4px;
  background-image: url(/img/rating-cancel.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

@container post-list (min-width: 723px) {
  .post-vote--cancel {
    width: 32px;
    height: 32px;
  }
}

.post-dialog {
  gap: 0 12px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  margin: 0 0 0 12px;
}

@container post-list (min-width: 723px) {
  .post-dialog {
    margin: 0;
  }
}

.post-dialog--date {
  gap: 0 12px;
  display: flex;
  align-items: center;
  line-height: 22px;
}

.post-dialog--num {
  color: var(--text-6-color, #909090);
  font-size: 12px;
}

.post-dialog--item {
  color: var(--text-6-color, #ababad);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.post-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
}

.post-mark svg {
  --i-color1: #ababad;
  width: 24px;
  height: 24px;
}

.visited .post-mark svg {
  --i-color1: #529410;
}

.rating-list {
  gap: 16px 0;
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 12px 0 0;
  padding: 16px;
  border-top: 1px solid var(--line-1-color, #e9e9e9);
  background-color: var(--layer-2a-color, #f9f9f9);
}

@container post-list (min-width: 723px) {
  .rating-list {
    margin: 16px 0 0;
  }
}

.rating-list.show {
  display: flex;
}

.rating-list--positive {
  gap: 0 8px;
  display: flex;
}

.rating-list--negative {
  gap: 0 8px;
  display: flex;
}

.rating-list--empty {
  color: #808080;
  font-size: 13px;
  line-height: 18px;
}

.rating-list--inner {
  display: flex;
  flex-wrap: wrap;
}

.rating-list--nick {
  margin: 0 4px 0 0;
  color: var(--text-3-color, #333);
  font-size: 13px;
  line-height: 18px;
}

.rating-list--nick::after {
  content: ',';
}

.rating-list--nick:last-child::after {
  content: '';
}

.rating-list--wrap {
  display: flex;
  flex-shrink: 0;
  width: 11px;
}

.rating-list--button {
  display: block;
  width: 11px;
  height: 18px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.rating-list--button_positive {
  color: #529410;
}

.rating-list--button_negative {
  color: #e51e25;
}

.playcard-svg {
  display: inline-block;
  width: 25px;
  height: 16px;
  margin: 0 2px;
  background-image: url(/img/cards-16-fixed.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
}

.post-content {
  flex-grow: 1;
  min-width: 0;
  padding: 16px;
  color: var(--x-post-color);
  font-size: 16px;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: break-word;
}

@container post-list (min-width: 723px) {
  .post-content {
    padding: 20px 24px;
  }
}

.post .post-content.selection-tip ::-moz-selection {
  background-color: #fef1cc;
  color: #333;
}

.post .post-content.selection-tip ::selection {
  background-color: #fef1cc;
  color: #333;
}

.post-content blockquote {
  position: relative;
  margin: 12px 0;
  padding: 16px;
  border-radius: 2px;
  background-color: var(--x-post-blockquote-bg-color);
  color: var(--x-post-blockquote-color);
}

@container post-list (min-width: 723px) {
  .post-content blockquote {
    padding: 16px 24px;
  }
}

.post_unread .post-content blockquote {
  background-color: var(--x-post-blockquote-bg-unread-color);
}

.post-content blockquote.longquote:has(.longquote-btn) {
  border: 0;
}

.post-content blockquote:has(.longquote-btn) {
  border-bottom: 1px solid var(--x-post-blockquote-border-color);
  border-radius: 2px 2px 4px 4px;
}

.post-content blockquote em {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 3px;
}

.post-content blockquote em a {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 0 0 auto;
  border-radius: 50%;
  background-color: var(--layer-5-color, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M11.8334 3.87675L10.8934 4.82342L8.83342 2.76342V6.54342C8.83342 8.93675 6.89341 10.8767 4.50008 10.8767H0.166748V9.54342H4.50008C6.16675 9.54342 7.50008 8.21008 7.50008 6.54342V2.76342L5.44008 4.81675L4.50008 3.87675L8.16675 0.210083L11.8334 3.87675Z' fill='%23ababad'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  color: transparent;
}

[theme='dark'] .post-content blockquote em a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M11.8334 3.87675L10.8934 4.82342L8.83342 2.76342V6.54342C8.83342 8.93675 6.89341 10.8767 4.50008 10.8767H0.166748V9.54342H4.50008C6.16675 9.54342 7.50008 8.21008 7.50008 6.54342V2.76342L5.44008 4.81675L4.50008 3.87675L8.16675 0.210083L11.8334 3.87675Z' fill='%23757575'/%3E%3C/svg%3E");
}

.post-content blockquote .title {
  color: #9e9e9e;
  font-style: italic;
}

.post-content blockquote .origin {
  color: #9e9e9e;
}

.post-content p {
  margin: 0;
  color: var(--x-post-color);
  font-size: 16px;
  line-height: 1.4;
}

.post-content a {
  color: var(--x-post-link-color);
  font-weight: 700;
  text-decoration: underline;
  word-break: break-word;
  overflow-wrap: break-word;
}

.post-content .widget-iframe-width {
  margin: 12px 0;
}

.post-content .instagram-media {
  margin: 12px 0 !important;
}

.reply-circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 4px 0 0;
  transform: translateY(2px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M1.185 16c0 8.148 6.667 14.815 14.815 14.815s14.815-6.667 14.815-14.815c0-8.148-6.667-14.815-14.815-14.815s-14.815 6.667-14.815 14.815zM5.63 14.518l7.407-7.407v4.444c7.496 1.082 10.785 6.415 11.852 11.852-2.682-3.807-6.504-5.926-11.852-5.926v4.444l-7.407-7.407z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px;
}

[theme='dark'] .reply-circle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23dcdcdc' d='M1.185 16c0 8.148 6.667 14.815 14.815 14.815s14.815-6.667 14.815-14.815c0-8.148-6.667-14.815-14.815-14.815s-14.815 6.667-14.815 14.815zM5.63 14.518l7.407-7.407v4.444c7.496 1.082 10.785 6.415 11.852 11.852-2.682-3.807-6.504-5.926-11.852-5.926v4.444l-7.407-7.407z'%3E%3C/path%3E%3C/svg%3E");
}

.post-content .reply-circle {
  text-decoration: none;
}

.comment_text > :first-child > blockquote:first-child {
  margin-top: 0;
}

.em-cite {
  gap: 0 4px;
  display: flex;
  align-items: center;
  color: var(--text-4-color, #aaa);
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}

.em-cite::before {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M14.09 4.54346L12.27 8.4006H15V13.5435H9.8V8.14346L11.49 4.54346H14.09ZM6.29 4.54346L4.47 8.4006H7.2V13.5435H2V8.14346L3.69 4.54346H6.29Z' fill='%23909090'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  content: '';
}

.spoilerWrapper {
  margin: 12px 0;
  padding: 8px;
  background-color: var(--post-blockquote-bg-color, #f4f4f4);
}

blockquote .spoilerWrapper {
  background-color: var(--layer-3-color, #eee);
}

.post-spoiler {
  display: flex;
  align-items: center;
}

.post-spoiler--text {
  color: var(--text-2-color, #606060);
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.post-spoiler--button {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 24px;
  border-radius: 2px;
}

@container post-list (min-width: 723px) {
  .post-spoiler--button {
    gap: 0 16px;
    height: 32px;
  }
}

.post-spoiler--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #fff);
}

@container post-list (min-width: 723px) {
  .post-spoiler--icon {
    width: 32px;
    height: 32px;
  }
}

.post-spoiler--icon svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

[theme='dark'] .post-spoiler--icon svg {
  --i-color1: #bb001c;
}

.show .post-spoiler--toggle {
  display: none;
}

.post-spoiler .post-spoiler--button {
  color: var(--text-2-color, #606060);
  font-weight: 400;
  text-decoration: none;
}

.post-spoiler > strong {
  color: var(--text-2-color, #202020);
}

.spoilerContainer .filled {
  margin: 10px 0 0;
}

.spoiler-inner {
  margin: 10px 0 0;
  padding: 0 8px;
}

.resized-linked-image {
  width: auto !important;
  max-width: 700px;
  padding: 10px 0 !important;
}

.resized-linked-image a img {
  width: auto !important;
  height: auto !important;
}

.post--attach-image {
  margin: 12px 0;
}

.instagram-media {
  min-width: 260px !important;
}

.longquote {
  position: relative;
  max-height: 140px;
  overflow: hidden;
  cursor: pointer;
}

.longquote::before {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid var(--x-post-blockquote-border-color);
  border-radius: 2px 2px 4px 4px;
  background-image: linear-gradient(0deg, var(--x-post-blockquote-bg-color) 0%, var(--x-post-longquote-bg-color-alpha) 100%);
  content: '';
}

.longquote::after {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 79px;
  height: 13px;
  transform: translateX(-50%);
  border: 1px solid var(--x-post-blockquote-border-color);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background-color: var(--x-post-bg-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ababad' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: 50% 4px;
  background-repeat: no-repeat;
}

[theme='dark'] .longquote::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23616161' stroke-width='1.5'/%3E%3C/svg%3E");
}

.longquote-btn {
  display: flex;
  z-index: 2;
  position: absolute;
  bottom: -1px;
  left: 50%;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 79px;
  height: 13px;
  transform: translateX(-50%);
  border: 1px solid var(--x-post-blockquote-border-color);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background-color: var(--x-post-bg-color);
  cursor: pointer;
}

.longquote-btn::after {
  z-index: 1;
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ababad' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: 50% 1px;
  background-repeat: no-repeat;
  content: '';
}

[theme='dark'] .longquote-btn::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23616161' stroke-width='1.5'/%3E%3C/svg%3E");
}

.longquote .longquote-btn {
  bottom: 0;
}

.longquote .longquote-btn::after {
  transform: rotate(0deg);
  background-position: 50% 4px;
}

.widget-iframe-width {
  width: 100%;
  max-width: 560px !important;
}

.widget-iframe-ratio {
  position: relative !important;
  padding-bottom: 56.25% !important;
}

.widget-iframe-ratio iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.iframe-width {
  width: 100%;
  max-width: 560px;
  margin: 10px 0 0;
}

.iframe-ratio {
  position: relative;
  padding-bottom: 56.25%;
}

.iframe-ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post .card {
  display: inline-block;
  width: 25px;
  height: 16px;
  margin: 0 4px 2px 0;
  background-image: url(/img/cards-16-fixed.svg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}

.post .card_color {
  background-image: url(/img/cards-16-color-fixed.svg);
}

.post .c_D {
  background-position: 0 0;
}

.post .c_2D {
  background-position: -36px 0;
}

.post .c_3D {
  background-position: -72px 0;
}

.post .c_4D {
  background-position: 0 -18px;
}

.post .c_5D {
  background-position: -36px -18px;
}

.post .c_6D {
  background-position: -72px -18px;
}

.post .c_7D {
  background-position: 0 -36px;
}

.post .c_8D {
  background-position: -36px -36px;
}

.post .c_9D {
  background-position: -72px -36px;
}

.post .c_10D {
  background-position: 0 -54px;
}

.post .c_TD {
  background-position: 0 -54px;
}

.post .c_JD {
  background-position: -36px -54px;
}

.post .c_QD {
  background-position: -72px -54px;
}

.post .c_KD {
  background-position: 0 -72px;
}

.post .c_AD {
  background-position: -36px -72px;
}

.post .c_S {
  background-position: -72px -72px;
}

.post .c_2S {
  background-position: 0 -90px;
}

.post .c_3S {
  background-position: -36px -90px;
}

.post .c_4S {
  background-position: -72px -90px;
}

.post .c_5S {
  background-position: 0 -108px;
}

.post .c_6S {
  background-position: -36px -108px;
}

.post .c_7S {
  background-position: -72px -108px;
}

.post .c_8S {
  background-position: 0 -126px;
}

.post .c_9S {
  background-position: -36px -126px;
}

.post .c_10S {
  background-position: -72px -126px;
}

.post .c_TS {
  background-position: -72px -126px;
}

.post .c_JS {
  background-position: 0 -144px;
}

.post .c_QS {
  background-position: -36px -144px;
}

.post .c_KS {
  background-position: -72px -144px;
}

.post .c_AS {
  background-position: 0 -162px;
}

.post .c_H {
  background-position: -36px -162px;
}

.post .c_2H {
  background-position: -72px -162px;
}

.post .c_3H {
  background-position: 0 -180px;
}

.post .c_4H {
  background-position: -36px -180px;
}

.post .c_5H {
  background-position: -72px -180px;
}

.post .c_6H {
  background-position: 0 -198px;
}

.post .c_7H {
  background-position: -36px -198px;
}

.post .c_8H {
  background-position: -72px -198px;
}

.post .c_9H {
  background-position: 0 -216px;
}

.post .c_10H {
  background-position: -36px -216px;
}

.post .c_TH {
  background-position: -36px -216px;
}

.post .c_JH {
  background-position: -72px -216px;
}

.post .c_QH {
  background-position: 0 -234px;
}

.post .c_KH {
  background-position: -36px -234px;
}

.post .c_AH {
  background-position: -72px -234px;
}

.post .c_C {
  background-position: 0 -252px;
}

.post .c_2C {
  background-position: -36px -252px;
}

.post .c_3C {
  background-position: -72px -252px;
}

.post .c_4C {
  background-position: 0 -270px;
}

.post .c_5C {
  background-position: -36px -270px;
}

.post .c_6C {
  background-position: -72px -270px;
}

.post .c_7C {
  background-position: 0 -288px;
}

.post .c_8C {
  background-position: -36px -288px;
}

.post .c_9C {
  background-position: -72px -288px;
}

.post .c_10C {
  background-position: 0 -306px;
}

.post .c_TC {
  background-position: 0 -306px;
}

.post .c_JC {
  background-position: -36px -306px;
}

.post .c_QC {
  background-position: -72px -306px;
}

.post .c_KC {
  background-position: 0 -324px;
}

.post .c_AC {
  background-position: -36px -324px;
}

.post .c_X {
  background-position: -72px -324px;
}

.post .c_2X {
  background-position: 0 -342px;
}

.post .c_3X {
  background-position: -36px -342px;
}

.post .c_4X {
  background-position: -72px -342px;
}

.post .c_5X {
  background-position: 0 -360px;
}

.post .c_6X {
  background-position: -36px -360px;
}

.post .c_7X {
  background-position: -72px -360px;
}

.post .c_8X {
  background-position: 0 -378px;
}

.post .c_9X {
  background-position: -36px -378px;
}

.post .c_10X {
  background-position: -72px -378px;
}

.post .c_TX {
  background-position: -72px -378px;
}

.post .c_JX {
  background-position: 0 -396px;
}

.post .c_QX {
  background-position: -36px -396px;
}

.post .c_KX {
  background-position: -72px -396px;
}

.post .c_AX {
  background-position: 0 -414px;
}

.ck.ck-reset.ck-editor.ck-rounded-corners {
  --editor-shadow-color: var(--line-1-color, #ddd);
  box-shadow: 0 0 0 1px var(--editor-shadow-color);
}

.editor {
  --x-editor-bg-color: var(--layer-3-color, #fff);
  --x-editor-border-color: var(--line-2-color, #ccc);
  --x-editor-menu-color: var(--layer-4-color, #fff);
  --x-editor-submenu-bg-color: var(--layer-3-color, #f8f8f8);
  --x-editor-button-filter: var(--icon-6-filter, none);
  --x-editor-color: var(--editor-color, #333);
  --x-editor-button-border-color: var(--line-2-color, #e5e5e5);
  --x-editor-button-primary-bg-color: var(--editor-button-primary-bg-color, #000);
  --x-editor-button-secondary-color: var(--control-1-color, #404040);
  --x-editor-button-secondary-border-color: var(--line-2-color, #ccc);
  --x-editor-preview-border-color: var(--line-1-color, #e0e0e0);
  --x-editor-preview-bg-color: var(--post-bg-color, #fff);
  --x-editor-field-border-color: var(--control-1-border-color, #cfcfcf);
  --x-editor-field-bg-color: var(--layer-1-color, #fff);
  --x-editor-field-color: var(--control-1-color, #333);
  --x-editor-button-file-color: var(--text-6-color, #404040);
  --x-editor-upload-color: var(--text-3-color, #202020);
  --x-editor-upload-bg-color: var(--layer-2-color, #f5f5f5);
  --x-editor-upload-border-color: var(--line-1-color, #e6e6e6);
  --x-editor-button-insert-bg-color: var(--control-1-bg-color, #fff);
  --x-editor-button-insert-color: var(--control-1-color, #202020);
  --x-editor-button-insert-border-color: var(--control-1-border-color, #ccc);
  --editor-alert-bg-color: var(--layer-4-color, #fff);
  --editor-alert-border-color: var(--line-2-color, #ccc);
  --editor-alert-color: var(--text-4-color, #424242);
  --editor-alert-link-color: var(--text-2-color, #212121);
  --editor-alert-button-color: var(--text-5-color, #1a1d34);
}

.editor_theme {
  padding: 30px 15px 0;
}

@media screen and (min-width: 48em) {
  .editor_theme {
    padding: 30px 0 0;
  }
}

.editor_site {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.editor--menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 43px;
  padding: 6px 0 6px 5px;
  border-bottom: 1px solid var(--x-editor-border-color);
  border-radius: 3px 3px 0 0;
  background-color: var(--x-editor-menu-color);
}

.editor--submenu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 43px;
  background-color: var(--x-editor-menu-color);
}

.editor textarea {
  width: 100%;
  height: 148px;
  min-height: 186px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 0;
  background-color: var(--x-editor-bg-color);
  box-shadow: none;
  color: var(--x-editor-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 23px;
  vertical-align: bottom;
  overflow-wrap: break-word;
  resize: none;
}

.editor textarea:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}

.editor_large textarea {
  height: 250px;
  min-height: 250px;
}

.editor_reportage {
  width: 100%;
}

.editor_reportage textarea {
  overflow: auto;
  border-bottom: 1px solid #efefef;
}

.editor--inner {
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 3px;
}

.editor--main {
  width: 100%;
}

.editor--button {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.editor--menu .editor--button {
  filter: var(--x-editor-button-filter);
}

.editor--button_bold {
  background-image: url(/img/i-bold.svg);
}

.editor--button_italic {
  background-image: url(/img/i-italic.svg);
}

.editor--button_strike {
  background-image: url(/img/i-strike.svg);
}

.editor--button_big {
  position: relative;
  background-image: url(/img/i-big.svg);
}

.editor--button_big.active::after {
  z-index: 10;
  position: absolute;
  bottom: -17px;
  left: 18px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateX(-50%) translateX(-6px);
  border: solid #ccc;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  content: '';
}

.editor--button_color {
  position: relative;
  background-image: url(/img/i-color.svg);
}

.editor--button_color::before {
  position: absolute;
  bottom: 3px;
  left: 7px;
  width: 16px;
  height: 3px;
  background-color: #fe0707;
  content: '';
}

.editor--button_color.active::after {
  z-index: 10;
  position: absolute;
  bottom: -17px;
  left: 18px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateX(-50%) translateX(-6px);
  border: solid #ccc;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  content: '';
}

.editor--button_link {
  background-image: url(/img/i-link.svg);
}

.editor--button_spoiler {
  background-image: url(/img/i-spoiler.svg);
}

.editor--button_blockquote {
  background-image: url(/img/i-blockquote.svg);
}

.editor--button_image {
  background-image: url(/img/i-image.svg);
}

.editor--button_video {
  background-image: url(/img/i-video.svg);
}

.editor--button_audio {
  background-image: url(/img/i-audio.svg);
}

.editor--button_smile {
  position: relative;
  background-image: url(/img/i-smile.svg);
}

.editor--button_smile::after {
  position: absolute;
  top: 7px;
  right: -3px;
  width: 1px;
  height: 16px;
  background-color: var(--x-editor-button-border-color);
  content: '';
}

.editor--button_card {
  background-image: url(/img/i-card.svg);
}

.editor--button_heading {
  background-image: url(/img/i-heading.svg);
  background-size: 18px;
}

.editor--button_center {
  background-image: url(/img/i-center.svg);
  background-size: 16px;
}

.editor--button_html {
  margin: 0;
  background-image: url(/img/i-html.svg);
  background-size: 22px;
}

.editor--dropdown {
  display: none;
  z-index: 3;
  position: absolute;
  top: 36px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 6px 10px 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  white-space: nowrap;
}

.editor--dropdown.show {
  display: flex;
}

.editor--dropdown_text_size {
  right: -30px;
}

.editor--dropdown_text_size a {
  margin: 0 0 4px;
  color: #606060;
  font-size: 16px;
  line-height: 20px;
}

.editor--dropdown_text_size a:nth-child(2) {
  font-size: 18px;
}

.editor--dropdown_text_size a:hover {
  color: #202020;
}

.editor--dropdown_text_color {
  right: -72px;
  width: 174px;
  min-height: 117px;
  padding: 5px 2px;
}

.editor-colors {
  display: flex;
  flex-wrap: wrap;
}

.editor-colors--cell {
  width: 15px;
  height: 15px;
  margin: 3px;
  border: 1px solid #e6e6e6;
}

.editor--smiles {
  display: none;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 10px;
  background-color: var(--x-editor-submenu-bg-color);
}

.editor--smiles.show {
  display: flex;
}

.editor--smiles a {
  margin: 0 5px 2px 0;
}

.postedit--title {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 20px;
}

.postedit--label {
  color: #909090;
  font-size: 15px;
  line-height: 22px;
}

.postedit--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  max-width: 610px;
  padding: 5px 10px;
  border: 1px solid var(--x-editor-field-border-color);
  border-radius: 2px;
  background-color: var(--x-editor-field-bg-color);
  color: var(--x-editor-field-color);
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
}

.editor--footer {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0 20px;
}

@media screen and (min-width: 48em) {
  .editor--footer {
    padding: 24px 0 20px;
  }
}

.editor--footer .editor--button-cancel,
.editor--footer .editor--button-preview {
  text-decoration: none;
}

.editor--button-send {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 3;
  width: 100%;
  margin: 0 0 15px;
  padding: 12px 18px;
  border: 0;
  border-radius: 2px;
  background-color: #e50c2c;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .editor--button-send {
    order: 1;
    width: auto;
    margin: 0 10px 0 0;
  }
}

.editor--button-send:focus {
  outline: 0;
}

.editor--button-send svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.editor-reportage--send {
  height: 32px;
  margin: 0 10px 0 0;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.editor-reportage--send:active {
  line-height: 32px;
}

.editor-reportage--send:focus {
  outline: 0;
}

.editor-reportage--cancel {
  height: 32px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #404040;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.editor--footer .editor-reportage--cancel {
  text-decoration: none;
}

.editor--button-save {
  order: 3;
  width: 100%;
  height: 32px;
  margin: 0 0 15px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: var(--x-editor-button-primary-bg-color);
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .editor--button-save {
    order: 1;
    width: auto;
    margin: 0 10px 0 0;
  }
}

.editor--button-save:active {
  line-height: 32px;
}

.editor--button-save:focus {
  outline: 0;
}

.editor--button-save_light {
  background-color: #808080;
}

.editor--button-cancel {
  position: relative;
  order: 4;
  width: 100%;
  padding: 13px 20px;
  border: 1px solid var(--x-editor-button-secondary-border-color);
  border-radius: 2px;
  color: var(--x-editor-button-secondary-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .editor--button-cancel {
    order: 2;
    width: auto;
  }
}

.editor--button-preview {
  position: relative;
  order: 4;
  width: 100%;
  height: 32px;
  padding: 0 20px;
  border: 1px solid var(--x-editor-button-secondary-border-color);
  border-radius: 3px;
  background-color: transparent;
  color: var(--x-editor-button-secondary-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .editor--button-preview {
    order: 2;
    width: auto;
  }
}

.editor--button-preview.active::after {
  z-index: 10;
  position: absolute;
  top: 55px;
  left: 50%;
  width: 14px;
  height: 14px;
  transform: rotate(45deg) translateX(-50%) translateX(-8px);
  border: solid var(--x-editor-preview-border-color);
  border-width: 1px 0 0 1px;
  background-color: var(--x-editor-preview-bg-color);
  content: '';
}

.editor--button-preview_quick_edit {
  margin: 10px 0 0;
}

@media screen and (min-width: 48em) {
  .editor--button-preview_quick_edit {
    margin: 0 0 0 10px;
  }
}

.editor--preview {
  display: none;
}

.editor--preview.show {
  display: block;
}

.editor--wrap-buttons {
  display: flex;
  order: 1;
  margin: 0 0 10px;
}

@media screen and (min-width: 48em) {
  .editor--wrap-buttons {
    order: 3;
    margin: 0 0 0 auto;
  }
}

.editor--button-poll {
  height: 32px;
  margin: 0 10px 0 0;
  padding: 0 0 0 20px;
  background-image: url(/img/icon-poll.svg);
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 14px;
  color: #909090;
  font-size: 15px;
  line-height: 32px;
  white-space: nowrap;
}

.uploads-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.uploads-list--item {
  display: flex;
  width: 100%;
  max-width: 610px;
  margin: 0 0 5px;
  padding: 10px 10px 10px 5px;
  border: 1px solid var(--x-editor-upload-border-color);
  border-radius: 3px;
  background-color: var(--x-editor-upload-bg-color);
}

.uploads-list--item:last-child {
  margin: 0 0 25px;
}

.uploads-list--file {
  margin: 0 5px 0 0;
  padding: 4px 0 0;
  color: var(--x-editor-upload-color);
  font-size: 14px;
  line-height: 17px;
  word-break: break-all;
}

.uploads-list--remove {
  flex-shrink: 0;
  width: 20px;
  height: 25px;
  margin: 0 5px 0 0;
  background-color: transparent;
  background-image: url(/img/icon-poll-delete.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  line-height: 25px;
  cursor: pointer;
}

.uploads-list--insert {
  height: 25px;
  margin: 0 0 0 auto;
  padding: 0 5px;
  border: 1px solid var(--x-editor-button-insert-border-color);
  border-radius: 3px;
  background-color: var(--x-editor-button-insert-bg-color);
  color: var(--x-editor-button-insert-color);
  font-size: 11px;
  line-height: 23px;
  text-transform: uppercase;
  white-space: nowrap;
}

[theme='dark'] .uploads-list .qtip-light {
  background-color: var(--layer-2-color, #212121);
}

.editor--button-file {
  height: 32px;
  padding: 0 0 0 20px;
  background-image: url(/img/icon-attach.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: var(--x-editor-button-file-color);
  font-size: 15px;
  line-height: 32px;
  white-space: nowrap;
}

.editor--cards {
  display: none;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 12px 0 0 10px;
  background-color: var(--x-editor-submenu-bg-color);
}

.editor--cards.show {
  display: flex;
}

.editor--cards ul {
  display: flex;
  flex-wrap: wrap;
  width: 220px;
  margin: 0 0 7px;
}

.editor--cards .card {
  display: block;
  width: 25px;
  height: 16px;
  margin: 0 4px 2px 0;
  background-image: url(/img/cards-16-fixed.svg);
  background-repeat: no-repeat;
  cursor: pointer;
}

.editor--cards .card_color {
  background-image: url(/img/cards-16-color-fixed.svg);
}

.c_D {
  background-position: 0 0;
}

.c_2D {
  background-position: -36px 0;
}

.c_3D {
  background-position: -72px 0;
}

.c_4D {
  background-position: 0 -18px;
}

.c_5D {
  background-position: -36px -18px;
}

.c_6D {
  background-position: -72px -18px;
}

.c_7D {
  background-position: 0 -36px;
}

.c_8D {
  background-position: -36px -36px;
}

.c_9D {
  background-position: -72px -36px;
}

.c_10D {
  background-position: 0 -54px;
}

.c_TD {
  background-position: 0 -54px;
}

.c_JD {
  background-position: -36px -54px;
}

.c_QD {
  background-position: -72px -54px;
}

.c_KD {
  background-position: 0 -72px;
}

.c_AD {
  background-position: -36px -72px;
}

.c_S {
  background-position: -72px -72px;
}

.c_2S {
  background-position: 0 -90px;
}

.c_3S {
  background-position: -36px -90px;
}

.c_4S {
  background-position: -72px -90px;
}

.c_5S {
  background-position: 0 -108px;
}

.c_6S {
  background-position: -36px -108px;
}

.c_7S {
  background-position: -72px -108px;
}

.c_8S {
  background-position: 0 -126px;
}

.c_9S {
  background-position: -36px -126px;
}

.c_10S {
  background-position: -72px -126px;
}

.c_TS {
  background-position: -72px -126px;
}

.c_JS {
  background-position: 0 -144px;
}

.c_QS {
  background-position: -36px -144px;
}

.c_KS {
  background-position: -72px -144px;
}

.c_AS {
  background-position: 0 -162px;
}

.c_H {
  background-position: -36px -162px;
}

.c_2H {
  background-position: -72px -162px;
}

.c_3H {
  background-position: 0 -180px;
}

.c_4H {
  background-position: -36px -180px;
}

.c_5H {
  background-position: -72px -180px;
}

.c_6H {
  background-position: 0 -198px;
}

.c_7H {
  background-position: -36px -198px;
}

.c_8H {
  background-position: -72px -198px;
}

.c_9H {
  background-position: 0 -216px;
}

.c_10H {
  background-position: -36px -216px;
}

.c_TH {
  background-position: -36px -216px;
}

.c_JH {
  background-position: -72px -216px;
}

.c_QH {
  background-position: 0 -234px;
}

.c_KH {
  background-position: -36px -234px;
}

.c_AH {
  background-position: -72px -234px;
}

.c_C {
  background-position: 0 -252px;
}

.c_2C {
  background-position: -36px -252px;
}

.c_3C {
  background-position: -72px -252px;
}

.c_4C {
  background-position: 0 -270px;
}

.c_5C {
  background-position: -36px -270px;
}

.c_6C {
  background-position: -72px -270px;
}

.c_7C {
  background-position: 0 -288px;
}

.c_8C {
  background-position: -36px -288px;
}

.c_9C {
  background-position: -72px -288px;
}

.c_10C {
  background-position: 0 -306px;
}

.c_TC {
  background-position: 0 -306px;
}

.c_JC {
  background-position: -36px -306px;
}

.c_QC {
  background-position: -72px -306px;
}

.c_KC {
  background-position: 0 -324px;
}

.c_AC {
  background-position: -36px -324px;
}

.c_X {
  background-position: -72px -324px;
}

.c_2X {
  background-position: 0 -342px;
}

.c_3X {
  background-position: -36px -342px;
}

.c_4X {
  background-position: -72px -342px;
}

.c_5X {
  background-position: 0 -360px;
}

.c_6X {
  background-position: -36px -360px;
}

.c_7X {
  background-position: -72px -360px;
}

.c_8X {
  background-position: 0 -378px;
}

.c_9X {
  background-position: -36px -378px;
}

.c_10X {
  background-position: -72px -378px;
}

.c_TX {
  background-position: -72px -378px;
}

.c_JX {
  background-position: 0 -396px;
}

.c_QX {
  background-position: -36px -396px;
}

.c_KX {
  background-position: -72px -396px;
}

.c_AX {
  background-position: 0 -414px;
}

.modal-poll {
  --x-poll-bg-color: var(--layer-3-color, #fff);
  --x-poll-field-bg-color: var(--layer-2-color, #fff);
  --x-poll-field-color: var(--control-1-color, #212121);
  --x-poll-field-border-color: var(--control-1-border-color, #ccc);
  --x-poll-button-bg-color: var(--control-1-bg-color, #fff);
  --x-poll-button-color: var(--control-1-color, #606060);
  --x-poll-button-border-color: var(--control-1-border-color, #ccc);
  --x-poll-main-bg-color: var(--layer-1-color, #fefefe);
  --x-poll-head-color: var(--text-4-color, #909090);
  --x-poll-label-color: var(--text-5-color, #606060);
  --x-poll-border-color: var(--line-1-color, #ccc);
  display: flex;
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 390px;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background-color: var(--x-poll-bg-color);
}

.modal-poll.hidden {
  display: none;
}

.modal-poll--close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}

.modal-poll--close:hover::after,
.modal-poll--close:hover::before {
  background-color: #e50e2c;
}

.modal-poll--close::after,
.modal-poll--close::before {
  position: absolute;
  top: 2px;
  left: 9px;
  width: 1px;
  height: 16px;
  background-color: #9e9e9e;
  content: '';
}

.modal-poll--close::before {
  transform: rotate(45deg);
}

.modal-poll--close::after {
  transform: rotate(-45deg);
}

.modal-poll--overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.modal-poll--overlay.hidden {
  display: none;
}

.modal-poll--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-poll--header {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 22px 25px 18px;
  background-color: var(--x-poll-bg-color);
}

.modal-poll--heading {
  color: var(--x-poll-head-color);
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}

.modal-poll--theme {
  display: flex;
  flex-direction: column;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--x-poll-border-color);
}

.modal-poll--item {
  display: flex;
  margin: 0 0 10px;
}

.modal-poll--scroll {
  width: 100%;
  height: 228px;
  padding: 16px 25px;
  overflow-y: auto;
  background-color: var(--x-poll-main-bg-color);
}

.modal-poll--list {
  display: flex;
  align-items: flex-start;
}

.modal-poll--add {
  color: #2d9cdb;
  font-size: 14px;
  line-height: 24px;
}

.modal-poll--label {
  display: flex;
  position: relative;
  color: var(--x-poll-label-color);
  font-size: 12px;
  line-height: 14px;
}

.modal-poll--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 0 8px;
  padding: 5px 8px;
  border: 1px solid var(--x-poll-field-border-color);
  border-radius: 2px;
  background-color: var(--x-poll-field-bg-color);
  color: var(--x-poll-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 16px;
}

.modal-poll--input::-moz-placeholder {
  color: #bdbdbd;
}

.modal-poll--input::placeholder {
  color: #bdbdbd;
}

.modal-poll--answer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 5px 0 0;
  padding: 5px 8px;
  border: 1px solid var(--x-poll-field-border-color);
  border-radius: 2px;
  background-color: var(--x-poll-field-bg-color);
  color: var(--x-poll-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 16px;
}

.modal-poll--delete {
  width: 20px;
  height: 28px;
  border: 0;
  background-color: transparent;
  background-image: url(/img/icon-poll-delete.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  line-height: 26px;
  cursor: pointer;
}

.modal-poll--bottom {
  display: flex;
  width: 100%;
  padding: 8px 25px 24px;
}

.modal-poll--submit {
  height: 28px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  border: 1px solid var(--x-poll-button-border-color);
  border-radius: 2px;
  background-color: var(--x-poll-button-bg-color);
  color: var(--x-poll-button-color);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.editor-alert {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto 8px;
  padding: 8px 32px 8px 12px;
  border: 1px solid var(--editor-alert-border-color);
  border-left: 4px solid #e51e25;
  background-color: var(--editor-alert-bg-color);
}

.editor-alert--message {
  color: var(--editor-alert-color);
  font-size: 14px;
  line-height: 18px;
}

.editor-alert--message a {
  color: var(--editor-alert-link-color);
  font-size: 14px;
  text-decoration: underline;
}

.editor-alert--message a::after {
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin: 0 0 0 8px;
  transform: translateY(1px);
  background-image: url(/img/note-link.svg);
  background-repeat: no-repeat;
  content: '';
}

.editor-alert--remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 8px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.editor-alert--remove:hover::after,
.editor-alert--remove:hover::before {
  background-color: #e51e25;
}

.editor-alert--remove::after,
.editor-alert--remove::before {
  position: absolute;
  top: 2px;
  left: 9px;
  width: 1px;
  height: 13px;
  background-color: var(--editor-alert-button-color);
  content: '';
}

.editor-alert--remove::before {
  transform: rotate(45deg);
}

.editor-alert--remove::after {
  transform: rotate(-45deg);
}

.editor-review {
  --rvw-color: var(--text-4-color, #606060);
  --rvw-bg-color: var(--layer-1-color, #fafafa);
  --rvw-tick-color: var(--text-4-color, #606060);
  --rvw-line-color: var(--line-2-color, #bdbdbd);
  --rvw-border-color: var(--line-2-color, #808080);
  gap: 30px 0;
  display: flex;
  flex-wrap: wrap;
  order: 2;
  width: 100%;
  margin: 0 0 28px;
}

@media screen and (min-width: 30em) {
  .editor-review {
    gap: 12px;
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 48em) {
  .editor-review {
    width: initial;
    margin: 0;
    padding: 0 0 0 10px;
  }
}

.editor-review--wrap {
  display: flex;
  align-items: center;
}

.editor-review--label {
  display: flex;
  align-items: center;
  color: var(--rvw-color);
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
}

.editor-review--input {
  position: absolute;
  opacity: 0;
}

.editor-review--input:checked + .editor-review--square::after {
  display: block;
}

.editor-review--square {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid var(--rvw-line-color);
  background-color: var(--rvw-bg-color);
}

.editor-review--square::after {
  display: none;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border: solid var(--rvw-tick-color);
  border-width: 0 2px 2px 0;
  content: '';
}

.editor-review--inner {
  gap: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .editor-review--inner {
    gap: 0 8px;
    width: initial;
  }
}

.editor-review--rate {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.editor-review--radio {
  position: absolute;
  opacity: 0;
}

.editor-review--radio:checked + .editor-review--icon_positive {
  --i-color2: #338252;
  border-color: #728379;
  background-color: #e9f0ec;
}

[theme='dark'] .editor-review--radio:checked + .editor-review--icon_positive {
  --i-color2: #51c77f;
  border-color: #5b7767;
  background-color: #32453a;
}

.editor-review--radio:checked + .editor-review--icon_negative {
  --i-color2: #e34147;
  border-color: #a78587;
  background-color: #f8e4e5;
}

[theme='dark'] .editor-review--radio:checked + .editor-review--icon_negative {
  --i-color2: #e6484e;
  border-color: #9b6365;
  background-color: #563738;
}

.editor-review--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 46px;
  border: 1px solid var(--rvw-border-color);
  border-radius: 84px;
  background-color: var(--rvw-bg-color);
}

@media screen and (min-width: 30em) {
  .editor-review--icon {
    width: 44px;
    height: 32px;
    border-radius: 57px;
  }
}

[theme='dark'] .editor-review--icon {
  --i-color1: transparent;
}

.editor-review--icon svg {
  width: 24px;
  height: 22px;
}

@media screen and (min-width: 30em) {
  .editor-review--icon svg {
    width: 18px;
    height: 16px;
  }
}

.ck.ck-sticky-panel {
  box-shadow: none;
}

.ck.ck-editor__top .ck-sticky-panel__content > .ck-toolbar {
  padding: 0;
  border: 0;
}

.ck.ck-editor__top .ck-sticky-panel__content > .ck-toolbar .ck-toolbar__items {
  gap: 12px 18px;
  padding: 13px;
  background-color: var(--layer-4-color, #f4f4f4);
}

@media screen and (min-width: 48em) {
  .ck.ck-editor__top .ck-sticky-panel__content > .ck-toolbar .ck-toolbar__items {
    gap: 0 12px;
  }
}

.ck.ck-toolbar .ck.ck-toolbar__items .toolbar-group {
  gap: 0 18px;
  display: flex;
  margin: 0;
}

@media screen and (min-width: 48em) {
  .ck.ck-toolbar .ck.ck-toolbar__items .toolbar-group {
    gap: 0 12px;
  }
}

.ck.ck-toolbar .ck.ck-toolbar__items .toolbar-group_4 {
  margin: 0 0 0 auto;
}

@media screen and (min-width: 48em) {
  .ck.ck-toolbar .ck.ck-toolbar__items .toolbar-group_4 {
    margin: 0;
  }
}

.ck.ck-toolbar .ck.ck-toolbar__items .editor-toolbar-sep {
  display: none;
  width: 1px;
  height: 18px;
  margin: 0;
  background-color: var(--line-2-color, #ccc);
}

@media screen and (min-width: 48em) {
  .ck.ck-toolbar .ck.ck-toolbar__items .editor-toolbar-sep {
    display: block;
  }
}

.ck.ck-toolbar .ck.ck-toolbar__items :nth-last-child(2 of .editor-toolbar-sep) {
  display: block;
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 48em) {
  .ck.ck-toolbar .ck.ck-toolbar__items :nth-last-child(2 of .editor-toolbar-sep) {
    width: 1px;
    height: 18px;
  }
}

.toolbar-group .ck.ck-button {
  flex-shrink: 0;
  width: 24px;
  min-width: initial;
  height: 24px;
  min-height: initial;
  padding: 0;
  border: 0;
}

.toolbar-group .ck.ck-button:not(.ck-disabled):active {
  --i-color1: #e51e25;
  border: 0;
  box-shadow: none;
}

.toolbar-group .ck.ck-button:not(.ck-disabled):focus {
  border: 0;
  box-shadow: none;
}

.toolbar-group .ck.ck-button.ck-on,
.toolbar-group a.ck.ck-button.ck-on {
  --i-color1: #e51e25;
}

[theme='dark'] .toolbar-group .ck.ck-button.ck-on,
[theme='dark'] .toolbar-group a.ck.ck-button.ck-on {
  --i-color1: #e51e25;
}

.toolbar-group .ck.ck-dropdown .ck-button.ck-dropdown__button {
  width: 24px;
}

.ck.ck-icon.ck-button__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

[theme='dark'] .ck.ck-icon.ck-button__icon {
  --i-color1: #ccc;
}

.ck-on .ck.ck-icon.ck-button__icon {
  --i-color1: #e51e25;
}

.ck-button .ck.ck-tooltip {
  left: initial;
}

.ck-button .ck.ck-tooltip .ck-tooltip__text {
  left: initial;
}

[dir='ltr'] .ck-reset_all .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-left: 0;
}

.ck.ck-dropdown.ck-color-ui-dropdown {
  display: flex;
  width: 24px;
  height: 24px;
}

.ck.ck-reset_all .ck-file-dialog-button {
  display: flex;
  width: 24px;
  height: 24px;
}

.ck.ck-reset_all .ck.ck-dropdown {
  width: 24px;
  height: 24px;
}

.ck.ck-dropdown.ck-toolbar-dropdown {
  display: flex;
  width: 24px;
  height: 24px;
}

.post .smiley {
  display: inline-block;
  margin: 0 2px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}

.post .s_blush {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/blush.gif);
}

.post .s_blink {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/blink.gif);
}

.post .s_huh {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/huh.gif);
}

.post .s_sad {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/sad.gif);
}

.post .s_ph34r {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/ph34r.gif);
}

.post .s_laugh {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/laugh.gif);
}

.post .s_ohmy {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/ohmy.gif);
}

.post .s_unsure {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/unsure.gif);
}

.post .s_sleep {
  width: 21px;
  height: 20px;
  background-image: url(/img/emoticons/sleep.gif);
}

.post .s_mellow {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/mellow.gif);
}

.post .s_wacko {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/wacko.gif);
}

.post .s_smile {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/smile.gif);
}

.post .s_biggrin {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/biggrin.gif);
}

.post .s_rolleyes {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/rolleyes.gif);
}

.post .s_wink {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/wink.gif);
}

.post .s_angry {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/angry.gif);
}

.post .s_tongue {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/tongue.gif);
}

.post .s_dry {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/dry.gif);
}

.post .s_happy {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/happy.gif);
}

.post .s_cool {
  width: 20px;
  height: 20px;
  background-image: url(/img/emoticons/cool.gif);
}

.post .s_smirk {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/smirk.gif);
}

.post .s_bwahaha {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/bwahaha.gif);
}

.post .s_redface {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/redface.gif);
}

.post .s_table {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/table.gif);
}

.post .s_dull {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/dull.gif);
}

.post .s_capt {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/capt.gif);
}

.post .s_angrymonkey {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/angrymonkey.gif);
}

.post .s_happymonkey {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/happymonkey.gif);
}

.post .s_plus1 {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/plus1.gif);
}

.post .s_wall {
  width: 26px;
  height: 24px;
  background-image: url(/img/emoticons/wall.gif);
}

.post .s_pioneer {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/pioneer.gif);
}

.post .s_italy {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/italy.gif);
}

.post .s_winking {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/winking.gif);
}

.post .s_hehe {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/hehe.gif);
}

.post .s_lick {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/lick.gif);
}

.post .s_doctor {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/doctor.gif);
}

.post .s_fish {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/fish.gif);
}

.post .s_olen {
  width: 26px;
  height: 24px;
  background-image: url(/img/emoticons/olen.gif);
}

.post .s_happyspade {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/happyspade.gif);
}

.post .s_happyheart {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/happyheart.gif);
}

.post .s_happyclub {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/happyclub.gif);
}

.post .s_happydiamond {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/happydiamond.gif);
}

.post .s_ivey {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/ivey.gif);
}

.post .s_destroy {
  width: 28px;
  height: 24px;
  background-image: url(/img/emoticons/destroy.gif);
}

.post .s_dance {
  width: 28px;
  height: 24px;
  background-image: url(/img/emoticons/dance.gif);
}

.post .s_dontknow {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/dontknow.gif);
}

.post .s_facepalm {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/facepalm.gif);
}

.post .s_cry {
  width: 30px;
  height: 24px;
  background-image: url(/img/emoticons/cry.gif);
}

.post .s_popcorn {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/popcorn.gif);
}

.post .s_smoke {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/smoke.gif);
}

.post .s_vomit {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/vomit.gif);
}

.post .s_wife {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/wife.gif);
}

.post .s_rigged {
  width: 52px;
  height: 24px;
  background-image: url(/img/emoticons/rigged.gif);
}

.post .s_beer {
  width: 30px;
  height: 24px;
  background-image: url(/img/emoticons/beer.gif);
}

.post .s_clap {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/clap.gif);
}

.post .s_bayan {
  width: 30px;
  height: 24px;
  background-image: url(/img/emoticons/bayan.gif);
}

.post .s_fuuuu {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/fuuuu.gif);
}

.post .s_lolu {
  width: 28px;
  height: 24px;
  background-image: url(/img/emoticons/lolu.gif);
}

.post .s_noway {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/noway.gif);
}

.post .s_shark {
  width: 30px;
  height: 24px;
  background-image: url(/img/emoticons/shark.gif);
}

.post .s_respect {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/respect.gif);
}

.post .s_puzzled {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/puzzled.gif);
}

.post .s_telefon {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/telefon.gif);
}

.post .s_troll {
  width: 24px;
  height: 24px;
  background-image: url(/img/emoticons/troll.gif);
}

.settings-wrap {
  --x-sets-bg-color: var(--layer-2a-color, #fff);
  --x-sets-tab-bg-color: var(--layer-1-color, #eef0f5);
  --x-sets-tab-color: var(--text-5-color, #000);
  --x-sets-heading-color: var(--text-2-color, #000);
  --x-sets-line-color: var(--line-2-color, #dfe1e4);
  --x-sets-border-color: var(--line-1-color, #ebedee);
  --x-sets-scroll-bg-color: var(--layer-1-color, #eef0f5);
  --x-sets-check-color: var(--text-4-color, #000);
  --x-sets-main-label-color: var(--text-3-color, #000);
  --x-sets-blacklist-nick-color: var(--text-2-color, #000);
  --x-sets-theme-color: var(--text-2-color, #000);
  --x-sets-link-tg-color: var(--text-4-color, #000);
  --x-sets-control-border-color: var(--control-1-border-color, #dfe1e4);
  --x-sets-control-color: var(--control-1-color, #000);
  --x-sets-control-bg-color: var(--layer-2-color, #fff);
  --x-sets-control-default-color: var(--text-6-color, #a8a8a9);
  --x-sets-control-active-color: var(--text-2-color, #000);
  --x-sets-control-icon: url(/img/select-arrow-24.svg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding: 0 16px 80px;
  background-color: var(--x-sets-bg-color);
}

[theme='dark'] .settings-wrap {
  --x-sets-control-icon: url(/img/select-arrow-light-24.svg);
}

@media screen and (min-width: 64em) {
  .settings-wrap {
    padding: 0 30px 80px;
  }
}

.settings-wrap--top {
  gap: 24px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  width: 100%;
  max-width: 1246px;
  margin: 0 auto 60px;
  padding: 80px 0 24px;
  border-bottom: 1px solid var(--x-sets-line-color);
}

@media screen and (min-width: 48em) {
  .settings-wrap--top {
    grid-template-columns: 1fr 266px 1fr;
  }
}

.settings-heading {
  display: flex;
}

.settings-heading h1 {
  margin: 0;
  color: var(--x-sets-heading-color);
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.settings-toggle {
  display: flex;
  border-radius: 10px;
  background-color: var(--x-sets-tab-bg-color);
}

.settings-toggle--button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 133px;
  height: 40px;
  border-radius: 10px;
  color: var(--x-sets-tab-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.settings-toggle--button.tab-active {
  background-color: #e51e25;
  color: #fff;
}

.settings-head {
  display: flex;
  justify-content: center;
  padding: 75px 0 57px;
}

.settings-head h1 {
  margin: 0;
  color: var(--x-sets-heading-color);
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.settings-list {
  display: none;
  width: 100%;
  max-width: 1246px;
  margin: 0 auto;
}

.settings-list.tab-active {
  display: block;
}

.settings-grid {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 64em) {
  .settings-grid {
    gap: 0 24px;
    grid-template-columns: 1fr 1px 1fr;
  }
}

.settings-grid_forum {
  gap: 32px 24px;
  padding: 0 0 54px;
}

@media screen and (min-width: 64em) {
  .settings-grid_forum {
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
  }
}

.settings-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
}

@media screen and (min-width: 64em) {
  .settings-inner {
    min-height: 300px;
  }
}

@media screen and (min-width: 64em) {
  .settings-inner_left {
    margin: 0 0 0 auto;
  }
}

.settings-sep {
  display: none;
  width: 1px;
  height: 100%;
  background-color: var(--x-sets-line-color);
}

@media screen and (min-width: 64em) {
  .settings-sep {
    display: flex;
  }
}

.set-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 24px;
}

.set-group_mid {
  width: 100%;
  margin: 0 0 32px;
}

.set-group_small {
  margin: 0 0 16px;
}

.set-group--wrap {
  display: flex;
  width: 100%;
}

.set-grid .set-group {
  margin: 0;
}

.set-group_border {
  padding: 0 0 54px;
  border-bottom: 1px solid var(--x-sets-line-color);
}

.set-group_border_short {
  margin: 0 0 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--x-sets-line-color);
}

.set-group--heading {
  margin: 0 0 32px;
  color: var(--x-sets-heading-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.set-group--heading_tg {
  display: flex;
}

.set-group--heading_tg svg {
  --i-color1: #3aa1de;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
}

.status-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.status-heading {
  gap: 0 8px;
  display: flex;
  align-items: center;
  margin: 0 0 32px;
  color: var(--x-sets-heading-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.status-heading svg {
  --color1: var(--pal-icon-color1, #000);
  --color2: var(--pal-icon-color2, #fefefe);
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.status-heading--label {
  position: relative;
  margin: 0 0 0 6px;
  padding: 2px 8px 4px;
  border: solid 1px var(--line-2-color, #dbdbdb);
  border-radius: 2px;
  background-color: var(--layer-5-color, #fff);
  color: var(--text-5-color, #606060);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .status-heading--label {
    white-space: initial;
  }
}

.status-heading--label::before {
  position: absolute;
  top: 50%;
  left: -6px;
  width: 8px;
  height: 7px;
  transform: rotate(0deg) translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23fff' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23fff' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 7px;
  content: '';
}

[theme='dark'] .status-heading--label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23424242' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23424242' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
}

.status-state {
  margin: 8px 0 0;
  padding: 4px 10px;
  border-radius: 2px;
  background-color: #e8f5e9;
  color: #9e9e9e;
  font-size: 14px;
  line-height: 16px;
}

[theme='dark'] .status-state {
  background-color: #435444;
}

.status-state_moderation {
  background-color: #fff3e0;
  color: #de8b10;
}

[theme='dark'] .status-state_moderation {
  background-color: #786951;
}

.status-state_rejected {
  background-color: #ffe7e2;
  color: #e2222e;
}

[theme='dark'] .status-state_rejected {
  background-color: #68524e;
}

.set-label {
  margin: 0 0 13px;
  color: var(--x-sets-main-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.set-label span {
  color: #e51e25;
}

.set-error {
  margin: 6px 0 0;
  color: #e51e25;
  font-size: 14px;
  line-height: 16px;
}

.set-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 500px;
  padding: 17px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: var(--x-sets-control-bg-color);
  color: var(--x-sets-control-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 19px;
}

.set-field_mid {
  margin: 0 24px 0 0;
  padding: 7px 24px;
  font-size: 14px;
  line-height: 24px;
}

.set-field::-moz-placeholder {
  color: #a8a8a9;
}

.set-field::placeholder {
  color: #a8a8a9;
}

.regpage--grid .set-field {
  max-width: initial;
}

.regpage-single .set-field {
  border-left: 0;
  border-radius: 0 10px 10px 0;
}

@media screen and (min-width: 48em) {
  .regpage-tg .set-field {
    max-width: 460px;
    padding: 17px 17px 17px 45px;
  }
}

.regpage-contact--field .set-field {
  padding: 17px 17px 17px 45px;
  border-color: #3ba0dd;
}

.set-field-icon {
  position: relative;
}

@media screen and (min-width: 48em) {
  .set-field-icon {
    max-width: 460px;
  }
  .set-field-icon::before {
    position: absolute;
    top: 17px;
    left: 17px;
    width: 20px;
    height: 20px;
    background-image: url(/nimg/reg-tg-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
  }
}

.set-user {
  display: flex;
}

.set-user--avatar {
  position: relative;
  margin: 0 30px 0 0;
}

.set-user--image {
  width: 76px;
  height: 76px;
  border-radius: 10px;
  background-image: url(/img/imguser-a.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.set-user--inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.set-user--nickname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 15px;
}

.set-user--nick {
  color: var(--x-sets-heading-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.set-user--file {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 183px;
  height: 40px;
  border: 1px dashed #e51e25;
  border-radius: 10px;
  color: #e51e25;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
}

.set-user--file svg {
  flex-shrink: 0;
  width: 19px;
  height: 18px;
  margin: 0 16px 0 0;
}

.set-user--input {
  position: absolute;
  top: 0;
  left: 0;
  width: 183px;
  height: 40px;
  text-indent: -9999px;
  cursor: pointer;
  opacity: 0;
}

.set-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 500px;
  padding: 17px 37px 17px 17px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: var(--x-sets-control-bg-color);
  background-image: var(--x-sets-control-icon);
  background-origin: content-box;
  background-position: right -24px center;
  background-repeat: no-repeat;
  background-size: 24px;
  color: var(--x-sets-control-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 19px;
}

.set-select_space {
  margin: 0 0 24px;
}

.regpage--grid .set-select {
  max-width: initial;
}

.regpage-single .set-select {
  max-width: 340px;
  border-radius: 10px 0 0 10px;
}

.set-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 136px;
  padding: 10px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: var(--x-sets-control-bg-color);
  color: var(--x-sets-control-color);
  font-size: 16px;
  line-height: 19px;
  resize: vertical;
}

.set-social {
  gap: 16px 13px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.set-social--item {
  display: flex;
  align-items: center;
  width: 158px;
  height: 40px;
  padding: 8px 16px 8px 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: transparent;
  color: #ccc;
  font-size: 16px;
  line-height: 24px;
}

[theme='dark'] .set-social--item {
  background-color: #f5f5f5;
}

.set-social--item svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.set-social--item_google {
  border-color: #4285f4;
  color: #4285f4;
}

.set-social--item_facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.set-social--item_twitter {
  border-color: #00acee;
  color: #00acee;
}

.set-social--item_apple {
  border-color: #000;
  color: #000;
}

.set-social--item_tiktok {
  border-color: #000;
  color: #000;
}

.set-social--item_mailru {
  border-color: #005ff9;
  color: #005ff9;
}

.set-social--item_vk {
  border-color: #07f;
  color: #07f;
}

.set-social--item_yandex {
  border-color: #fc3f1d;
  color: #525252;
}

.set-social--button {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 0 0 auto;
  cursor: pointer;
}

.set-social--button::after,
.set-social--button::before {
  position: absolute;
  top: 0;
  left: 4px;
  width: 2px;
  height: 12px;
  background-color: #a8a8a9;
  content: '';
}

.set-social--button::before {
  transform: rotate(45deg);
}

.set-social--button::after {
  transform: rotate(-45deg);
}

.set-ui-bottom {
  display: flex;
  justify-content: center;
}

.set-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 300px;
  padding: 23px 64px 22px;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.set-grid {
  gap: 35px 0;
  display: grid;
  grid-template-columns: 1fr;
  max-width: 500px;
  margin: 0 0 35px;
}

@media screen and (min-width: 64em) {
  .set-grid {
    gap: 0 32px;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

.set-ui-label {
  position: relative;
  padding: 0 0 0 40px;
  color: var(--x-sets-check-color);
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.set-ui-label:not(:last-child) {
  margin: 0 0 24px;
}

.regpage .set-ui-label:not(:last-child) {
  margin: 0 0 16px;
}

.set-ui-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #dfe1e4;
  border-radius: 10px;
  background-color: transparent;
}

.set-ui-circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 8px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: 3px solid #e51e25;
  border-top: 0;
  border-left: 0;
  content: '';
}

.set-ui-input {
  position: absolute;
  opacity: 0;
}

.set-ui-input:checked + .set-ui-circle {
  border-color: #e51e25;
}

.set-ui-input:checked + .set-ui-circle::after {
  display: block;
}

.set-ui-input:checked + .set-ui-circle_tg {
  border-color: #75c1f1;
}

.set-ui-input:checked + .set-ui-circle_tg::after {
  display: block;
  border-color: #75c1f1;
}

.set-ui-link {
  display: flex;
  color: var(--x-sets-check-color);
  font-size: 16px;
  line-height: 24px;
}

.set-ui-link:not(:last-child) {
  margin: 0 0 24px;
}

.set-ui-link svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
}

.set-ui-link span {
  margin: 0 0 0 4px;
}

.set-ui-shield {
  display: none;
}

.set-ui-link_active .set-ui-shield {
  display: flex;
}

.set-ui-shield_off {
  display: flex;
}

.set-ui-link_active .set-ui-shield_off {
  display: none;
}

.set-ui-tg {
  margin: 0 0 24px;
  color: var(--x-sets-link-tg-color);
  font-size: 16px;
  line-height: 24px;
}

.set-tg-group {
  gap: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.set-tg-link {
  height: 40px;
  padding: 12px 24px;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.set-telegram-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 24px;
  border-radius: 10px;
  background-color: #3aa1de;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.set-telegram-link svg {
  --i-color1: #fff;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
}

.set-mid-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 160px;
  padding: 12px 0;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

.set-small-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 120px;
  padding: 12px 0;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

.set-group--note {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 24px;
}

.set-del-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 160px;
  padding: 11px 0;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: transparent;
  color: #a8a8a9;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

.set-del-submit.active {
  border-color: var(--x-sets-control-border-active-color);
  color: var(--x-sets-control-border-active-color);
}

.set-blacklist {
  --thumb-bg-color: #dfe1e4;
  width: 100%;
  max-height: 228px;
  margin: 0;
  overflow-y: scroll;
}

.set-blacklist::-webkit-scrollbar {
  width: 16px;
}

.set-blacklist::-webkit-scrollbar-thumb {
  border: 5px solid var(--x-sets-scroll-bg-color);
  border-radius: 10px;
  background-color: var(--thumb-bg-color);
}

.set-blacklist::-webkit-scrollbar-track {
  background: var(--x-sets-scroll-bg-color);
}

.set-blacklist_high {
  padding: 0 24px 0 0;
}

.set-blacklist.active {
  --thumb-bg-color: #e51e25;
}

.set-blacklist--item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 57px;
  border-top: 1px solid var(--x-sets-border-color);
}

.set-blacklist--icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.set-blacklist--label {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 0 0 48px;
  color: var(--x-sets-blacklist-nick-color);
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.set-blacklist--circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #dfe1e4;
  border-radius: 10px;
  background-color: transparent;
}

.set-blacklist--circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 8px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: 3px solid #e51e25;
  border-top: 0;
  border-left: 0;
  content: '';
}

.set-blacklist--input {
  position: absolute;
  opacity: 0;
}

.set-blacklist--input:checked + .set-blacklist--circle {
  border-color: #e51e25;
}

.set-blacklist--input:checked + .set-blacklist--circle::after {
  display: block;
}

.set-blacklist--input:checked ~ .set-blacklist--icon {
  --i-color1: #e51e25;
}

.set-blacklist--input:checked ~ .set-blacklist--nick {
  color: #e51e25;
}

.set-blacklist--mark {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 0 0 auto;
}

.subs-ui {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 54px 0 0;
  border-top: 1px solid var(--x-sets-line-color);
}

.subs-ui--heading {
  margin: 0 0 32px;
  color: var(--x-sets-heading-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.subs-ui--alert {
  color: #a8a8a9;
  font-size: 16px;
  line-height: 19px;
}

.subs-ui--item {
  display: flex;
  width: 100%;
  padding: 16px 0;
  border-top: 1px solid var(--x-sets-border-color);
}

.subs-ui--icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.subs-ui--label {
  display: flex;
  position: relative;
  padding: 0 8px 0 48px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.subs-ui--circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #dfe1e4;
  border-radius: 10px;
  background-color: transparent;
}

.subs-ui--circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 8px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: 3px solid #e51e25;
  border-top: 0;
  border-left: 0;
  content: '';
}

.subs-ui--nick {
  color: var(--x-sets-theme-color);
}

.subs-ui--input {
  position: absolute;
  opacity: 0;
}

.subs-ui--input:checked + .subs-ui--circle {
  border-color: #e51e25;
}

.subs-ui--input:checked + .subs-ui--circle::after {
  display: block;
}

.subs-ui--input:checked ~ .subs-ui--icon {
  --i-color1: #e51e25;
}

.subs-ui--input:checked ~ .subs-ui--nick {
  color: #e51e25;
}

.subs-ui--mark {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 0 0 auto;
}

.subs-ui--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 24px;
}

.subs-select {
  --x-setup-subs-button-bg-color: var(--control-1-bg-color, #fff);
  --x-setup-subs-button-color: var(--control-1-color, #333);
  --x-setup-subs-button-border-color: var(--control-1-border-color, #ccc);
  --x-setup-subs-select-bg-color: var(--control-1-bg-color, #fff);
  --x-setup-subs-select-color: var(--control-1-color, #a8a8a9);
  --x-setup-subs-select-border-color: var(--control-1-border-color, #cfcfcf);
  --x-setup-subs-label-color: var(--text-4-color, #a8a8a9);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.subs-select--inner {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 24px;
}

@media screen and (min-width: 48em) {
  .subs-select--inner {
    width: auto;
    margin: 0 30px 0 0;
  }
}

.subs-select--label {
  padding: 7px 24px;
  border: 1px solid var(--x-sets-control-border-color);
  border-right: 0;
  border-radius: 10px 0 0 10px;
  color: var(--x-sets-control-default-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

.subs-ui_active .subs-select--label {
  color: var(--x-sets-control-active-color);
}

.subs-select--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 244px;
  padding: 7px 48px 7px 24px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 0 10px 10px 0;
  background-color: transparent;
  background-image: var(--x-sets-control-icon);
  background-origin: content-box;
  background-position: right -24px center;
  background-repeat: no-repeat;
  background-size: 24px;
  color: var(--x-sets-control-default-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 24px;
}

.subs-ui_active .subs-select--selector {
  color: var(--x-sets-control-active-color);
}

.subs-select--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 160px;
  padding: 12px 0;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

.userset-group-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.userset-group-heading {
  margin: 0 0 32px;
  color: var(--x-sets-heading-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.userset-group-subheading {
  margin: 0 0 16px;
  color: var(--x-sets-heading-color);
  font-size: 18px;
  line-height: 23px;
}

.userset-row {
  display: flex;
  align-items: flex-start;
  margin: 0 0 24px;
}

.userset-row--button {
  border-bottom: 3px solid #1e88e5;
  color: var(--x-sets-heading-color);
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
}

.userset-row--button:not(:last-child) {
  margin: 0 16px 0 0;
}

.userset-subnote {
  margin: 0 0 24px;
  border-bottom: 1px solid #1e88e5;
  color: var(--x-sets-heading-color);
  font-size: 16px;
  line-height: 23px;
  text-decoration: none;
}

.userset-code {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 10px;
}

.userset-step {
  margin: 0 0 32px;
  padding: 3px 0 0;
}

.userset-step--list {
  margin: 0 0 20px;
  list-style-position: inside;
}

.userset-step--list li {
  margin: 0 0 10px;
  color: var(--x-sets-heading-color);
  font-size: 16px;
  line-height: 1.25;
}

.userset-step--key {
  color: var(--x-sets-heading-color);
  font-size: 18px;
  line-height: 24px;
}

.userset-sublink {
  margin: 24px 0 0;
  color: var(--x-sets-heading-color);
  font-size: 16px;
  line-height: 23px;
  text-decoration: underline;
}

.userset-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 35px;
}

.userset-label {
  margin: 0 0 13px;
  color: var(--x-sets-main-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.userset-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 500px;
  padding: 22px 32px 21px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: var(--x-sets-control-bg-color);
  color: var(--x-sets-control-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 19px;
}

.userset-note {
  margin: 8px 0 0;
  color: #e51e25;
  font-size: 14px;
  line-height: 16px;
}

.userset-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 300px;
  padding: 23px 16px 22px;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.userset-submit_up {
  margin: 5px 0 0;
}

.userset-submit_cancel {
  background-color: #dfe1e4;
  color: #202020;
}

.userset-grid {
  gap: 0 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 500px;
}

.userset-image-wrap {
  height: 210px;
  margin: 0 0 20px;
  padding: 10px 0 0;
}

.ui-widget.ui-widget-content.ui-autocomplete {
  border-radius: 5px;
}

.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item {
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
}

.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
  border-radius: 5px;
}

.regpage {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: 1000px;
  padding: 56px 0 0;
}

.regpage h1 {
  margin: 0 0 32px;
  color: var(--x-sets-heading-color);
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .regpage h1 {
    margin: 0 0 16px;
  }
}

.regpage--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.regpage--grid {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .regpage--grid {
    gap: 0 32px;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

.regpage-radio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 35px;
}

.regpage-radio--label {
  margin: 0 0 13px;
  color: var(--x-sets-main-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.regpage-radio--wrap {
  gap: 16px 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}

.regpage-radio--item {
  position: relative;
  padding: 0 0 0 40px;
  color: var(--x-sets-check-color);
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.regpage-radio--circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--x-sets-control-border-color);
  border-radius: 10px;
  background-color: transparent;
}

.regpage-radio--circle::after {
  display: none;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #e51e25;
  content: '';
}

.regpage-radio--input {
  position: absolute;
  opacity: 0;
}

.regpage-radio--input:checked + .regpage-radio--circle {
  border-color: #e51e25;
}

.regpage-radio--input:checked + .regpage-radio--circle::after {
  display: block;
}

.regpage--note {
  align-self: center;
  max-width: 506px;
  padding: 13px 0 0;
  color: var(--x-sets-control-default-color);
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.regpage--note a {
  color: var(--x-sets-control-default-color);
  text-decoration: underline;
}

.regpage-single {
  display: flex;
  width: 100%;
  max-width: 500px;
}

@media screen and (min-width: 48em) {
  .regpage-single {
    max-width: initial;
  }
}

.regpage-subheading {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 30px;
}

.regpage-subheading::after,
.regpage-subheading::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--line-2-color, #ebedee);
  content: '';
}

.regpage-subheading span {
  padding: 0 20px;
  color: var(--x-sets-control-default-color);
  font-size: 14px;
  line-height: 24px;
}

.regpage-insert {
  display: flex;
  flex-direction: column;
  margin: 0 0 32px;
}

.regpage-insert--note {
  padding: 16px 0 0;
  color: #4eb27c;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.regpage-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  border: 1px solid var(--line-1-color, #ebedee);
  background-color: var(--layer-4-color, #f5f5f5);
}

.regpage-preview--inner {
  gap: 0 10px;
  display: flex;
  align-items: center;
}

.regpage-preview--avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-image: url(/nimg/imguser-a.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.regpage-preview--wrap {
  gap: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.regpage-preview--nick {
  color: var(--text-1-color, #000);
  font-size: 16px;
  line-height: 19px;
}

.regpage-preview--cancel {
  color: var(--text-5-color, #6e727a);
  font-size: 14px;
  line-height: 16px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.regpage-preview--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 40px;
  border: 1px solid var(--line-1-color, #ebedee);
  border-radius: 10px;
  background-color: #fff;
}

.regpage-preview--icon svg {
  width: 24px;
  height: 24px;
}

.regpage-social {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 32px;
}

.regpage-social--inner {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .regpage-social--inner {
    gap: 16px;
  }
}

.regpage-social--link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  border: 1px solid #e51e25;
  border-radius: 10px;
}

.regpage-social--link svg {
  width: 24px;
  height: 24px;
}

.regpage-row {
  width: 100%;
  margin: 0 0 32px;
}

.regpage-tg {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 8px 0 32px;
  padding: 24px 16px;
  border-radius: 10px;
  background-color: #f4faff;
  box-shadow: inset 0 0 0 1px #bddff5;
}

@media screen and (min-width: 48em) {
  .regpage-tg {
    max-width: initial;
    margin: 0 0 24px;
    padding: 24px;
  }
}

[theme='dark'] .regpage-tg {
  background-color: #26394a;
  box-shadow: inset 0 0 0 1px #6e8492;
}

.regpage-tg--label {
  margin: 0 0 13px;
  color: var(--text-3-color, #000);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.regpage-tg--grid {
  gap: 16px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}

@media screen and (min-width: 48em) {
  .regpage-tg--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.tg-note-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .tg-note-wrap {
    min-height: 55px;
  }
}

.tg-note-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .tg-note-inner {
    min-height: 55px;
  }
}

.tg-note {
  gap: 0 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tg-note--link {
  display: flex;
}

.tg-note--link svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.tg-note--text {
  color: #3ba0dd;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

.tg-note--arrow {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -6px;
}

@media screen and (min-width: 48em) {
  .tg-note--arrow {
    display: none;
  }
}

.active .tg-note--arrow {
  transform: rotate(180deg);
}

.reg-tg-tip {
  width: 100%;
  padding: 22px;
}

.tg-tip-list {
  margin: 0;
  padding: 0 0 0 16px;
  list-style-type: disc;
}

.tg-tip-list li {
  margin: 0;
  color: var(--text-2-color, #000);
  font-size: 14px;
  line-height: 18px;
}

.tg-tip-list li:not(:last-child) {
  margin: 0 0 16px;
}

.tg-spoiler {
  display: none;
  margin: 10px 0 0;
}

@media screen and (min-width: 48em) {
  .tg-spoiler {
    margin: 0;
  }
}

.tg-spoiler.show {
  display: block;
}

@media screen and (min-width: 48em) {
  .tg-spoiler.show {
    display: none;
  }
}

.tg-spoiler--text {
  color: #3ba0dd;
  font-size: 13px;
  line-height: 17px;
}

.tg-spoiler--text_mg {
  margin: 0 0 14px;
}

.tg-spoiler--list {
  margin: 0;
  padding: 0 0 0 16px;
  list-style-type: disc;
}

.tg-spoiler--list li {
  margin: 0;
  color: #3ba0dd;
  font-size: 13px;
  line-height: 17px;
}

.tg-spoiler--list li:not(:last-child) {
  margin: 0 0 14px;
}

.pagination {
  --x-pagination-bg-color: var(--layer-1-color, #f5f5f5);
  --x-pagination-color: var(--w-text-7-color, #a8a8a9);
  --x-pagination-line-color: var(--w-line-1a-color, #dfe1e4);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 8px;
  border-radius: 10px;
  background-color: var(--x-pagination-bg-color);
}

:root[theme='dark'] .app-forum .pagination {
  --w-text-7-color: #636568;
  --w-line-1a-color: #303641;
}

@media screen and (min-width: 48em) {
  .pagination {
    padding: 16px;
  }
}

.pagination--item {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 30px;
  border-radius: 5px;
  color: var(--x-pagination-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .pagination--item {
    width: 57px;
    height: 40px;
    border-radius: 10px;
  }
}

.pagination--item::after {
  position: absolute;
  top: 7px;
  right: -1px;
  width: 1px;
  height: 16px;
  background-color: var(--x-pagination-line-color);
  content: '';
  pointer-events: none;
}

@media screen and (min-width: 48em) {
  .pagination--item::after {
    top: 12px;
  }
}

.pagination--item:last-of-type::after {
  display: none;
}

.pagination--item_active {
  background-color: #e51e25;
  color: #fff;
}

.pagination--item_active::after {
  background-color: transparent;
}

.feed-bottom {
  width: 100%;
  max-width: 396px;
  margin: 33px 0 0;
}

@media screen and (min-width: 48em) {
  .feed-bottom {
    max-width: 822px;
    margin: 45px 0 0;
  }
}

@media screen and (min-width: 64em) {
  .feed-bottom {
    max-width: 1246px;
  }
}

.tooltipster-base.tooltipster-borderless {
  --arrow-size: 10px;
  pointer-events: initial;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: transparent;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-content {
  padding: 0 10px;
  color: initial;
  line-height: initial;
}

@media screen and (min-width: 64em) {
  .tooltipster-sidetip.tooltipster-borderless .tooltipster-content {
    padding: 0;
  }
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: var(--arrow-size, 16px);
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  left: 0 !important;
  width: calc(100% - 20px) !important;
  height: var(--arrow-size, 16px);
  margin: 0 0 0 10px !important;
  background-image: linear-gradient(90deg, var(--gradient-start-color, #424242) 66%, var(--gradient-end-color, #616161) 100%);
  clip-path: polygon(calc(var(--arrow-position) + var(--arrow-size, 16px)) var(--arrow-size, 16px), 100% var(--arrow-size, 16px), 100% 100%, 0% 100%, 0 var(--arrow-size, 16px), calc(var(--arrow-position) - var(--arrow-size, 16px)) var(--arrow-size, 16px), var(--arrow-position) 0);
}

@media screen and (min-width: 64em) {
  .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
    width: 100% !important;
    margin: 0 !important;
  }
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow {
  height: var(--arrow-size, 16px);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  display: none;
}

.loco-placeholder {
  display: flex;
  width: 100%;
  margin: 0 auto 0 0;
  overflow: hidden;
}

.top-header .loco-placeholder {
  display: flex;
}

@media screen and (min-width: 64em) {
  .top-header .loco-placeholder {
    display: none;
  }
}

.middle-header .loco-placeholder {
  display: none;
}

@media screen and (min-width: 64em) {
  .middle-header .loco-placeholder {
    display: flex;
  }
}


/* stylelint-disable -- color-named */

.loco-prescroll {
  container-type: inline-size;
  container-name: loco-wrap;
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 36px;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .loco-prescroll {
    max-width: 738px;
    margin: 0 auto 0 0;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .loco-placeholder .loco-prescroll {
    margin: 0 auto;
  }
}

.top-header .loco-prescroll {
  display: flex;
}

@media screen and (min-width: 64em) {
  .top-header .loco-prescroll {
    display: none;
  }
}

.middle-header .loco-prescroll {
  display: none;
}

@media screen and (min-width: 64em) {
  .middle-header .loco-prescroll {
    display: flex;
  }
}


/* stylelint-enable */

.loco-scroll {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .loco-scroll {
    height: 60px;
  }
}

.widget-loco {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.top-header .widget-loco {
  padding: 5px 0 8px;
}

.widget-loco--grid {
  gap: 0 12px;
  display: flex;
  justify-content: center;
  padding: 0 7px;
}

.widget-loco--grid_single {
  display: flex;
}

@container loco-wrap (min-width: 430px) {
  .widget-loco--grid_single {
    display: none;
  }
}

.widget-loco--grid_double {
  display: none;
}

@container loco-wrap (min-width: 430px) {
  .widget-loco--grid_double {
    display: flex;
  }
}

@container loco-wrap (min-width: 645px) {
  .widget-loco--grid_double {
    display: none;
  }
}

.widget-loco--grid_triple {
  display: none;
}

@container loco-wrap (min-width: 645px) {
  .widget-loco--grid_triple {
    display: flex;
  }
}

.loco-item {
  display: grid;
  position: relative;
  flex-grow: 1;
  align-items: center;
  min-height: 33px;
  padding: 0 4px 0 10px;
  transform: skew(344deg);
  background-image: linear-gradient(90deg, var(--gradient-start-color, #424242) 66%, var(--gradient-end-color, #616161) 100%);
  box-shadow: inset -1px 0 0 var(--gradient-end-color);
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .loco-item::before {
    position: absolute;
    top: -12px;
    left: -17px;
    width: 59px;
    height: 61px;
    transform: skew(34deg);
    background-image: url(/img/tail-shadow.png);
    background-size: 100%;
    content: '';
    pointer-events: none;
  }
  [theme='dark'] .loco-item::before {
    display: none;
  }
}

.loco-item svg {
  flex-shrink: 0;
}


/* stylelint-disable -- color-named */

.loco-item--inner {
  gap: 0 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
  transform: skew(16deg);
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 0, black calc(100% - 8px), rgba(0, 0, 0, 0) calc(100% - 4px));
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 0, black calc(100% - 8px), rgba(0, 0, 0, 0) calc(100% - 4px));
}

.widget-loco_mobile .loco-item--inner {
  transform: none;
}


/* stylelint-enable */

.loco-item--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 24px;
  height: 24px;
}

.loco-item--icon svg {
  width: 24px;
}

.loco-item--name {
  margin: 0 6px 0 0;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.widget-loco_mobile .loco-item--name {
  font-size: 14px;
}

.widget-loco--arrow {
  display: flex;
  position: absolute;
  top: 0;
  right: 15px;
  flex-shrink: 0;
  align-items: center;
  height: 60px;
  cursor: pointer;
}

.top-header .widget-loco--arrow {
  height: 46px;
}

.widget-loco--arrow_prev {
  right: auto;
  left: 15px;
  transform: rotate(180deg);
}

.widget-loco--arrow_disabled {
  opacity: .25;
}

.widget-loco--arrow svg {
  width: 16px;
  height: 8px;
}

[theme='dark'] .widget-loco--arrow svg {
  --i-color1: #e0e0e0;
}

.unitip-wrap {
  display: none;
}

.unitip-info {
  max-width: 538px;
  padding: 16px 20px;
  border-radius: 5px;
  background-image: linear-gradient(90deg, var(--gradient-start-color, #424242) 66%, var(--gradient-end-color, #616161) 100%);
}

@media screen and (min-width: 64em) {
  .unitip-info {
    padding: 32px 36px;
    border-radius: 10px;
  }
}

.unitip-popup {
  gap: 0 16px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .unitip-popup {
    gap: 0 24px;
  }
}

.unitip-popup--image {
  display: flex;
  flex-shrink: 0;
  width: 50px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--image {
    width: 100px;
  }
}

.unitip-popup--image svg {
  max-height: 50px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--image svg {
    max-height: initial;
  }
}

.unitip-popup--image img {
  max-height: 50px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--image img {
    max-height: initial;
  }
}

.unitip-popup--inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.unitip-popup--head {
  display: flex;
  flex-direction: column;
}

.unitip-popup--heading {
  margin: 0 0 4px;
  color: #fff;
  font-family: 'PT Serif', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--heading {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 28px;
  }
}

.unitip-popup--subheading {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--subheading {
    font-size: 18px;
    line-height: 21px;
  }
}

.unitip-popup--button {
  gap: 0 10px;
  display: flex;
  align-items: center;
  margin: 16px 0 0;
  padding: 10px 16px;
  border-radius: 5px;
  background-color: var(--button-color, #000);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (min-width: 64em) {
  .unitip-popup--button {
    margin: 24px 0 0;
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 18px;
  }
}

.unitip-popup--button svg {
  --i-color1: #fff;
  flex-shrink: 0;
  width: 15px;
  height: 16px;
}

.widget-offer-wrap {
  width: 100%;
  max-width: 1060px;
  padding: 16px 0 0;
}

@media screen and (min-width: 48em) {
  .widget-offer-wrap {
    padding: 16px 15px 0;
  }
}

@media screen and (min-width: 64em) {
  .widget-offer-wrap {
    padding: 16px 30px 0;
  }
}

.widget-offer {
  container-type: inline-size;
  container-name: w-link;
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--line-1-color, #efe4e6);
  background-color: var(--layer-3-color, #fff);
}

.article--inner .widget-offer {
  margin: 0 0 24px;
}

@media screen and (min-width: 64em) {
  .article--inner .widget-offer {
    margin: 0 0 40px;
  }
}

.widget-offer--heart {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 28px;
  width: 220px;
  height: 116px;
  background-image: url(/img/chip-heart.svg);
  background-repeat: no-repeat;
  background-size: 220px;
}

[theme='dark'] .widget-offer--heart {
  background-image: url(/img/chip-heart-dark.svg);
}

.widget-offer--chip {
  z-index: 1;
  position: absolute;
  right: 240px;
  bottom: 0;
  width: 338px;
  height: 143px;
}

.widget-offer--chip svg {
  width: 338px;
  height: 143px;
}

[theme='dark'] .widget-offer--chip svg {
  --i-color2: #303030;
  --i-color3: #272727;
}

.widget-offer--mid {
  gap: 0 16px;
  display: flex;
  z-index: 2;
  position: relative;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 26px 16px 22px;
}

@container w-link (min-width: 600px) {
  .widget-offer--mid {
    padding: 26px 32px 22px;
  }
}

@container w-link (min-width: 760px) {
  .widget-offer--mid {
    align-items: flex-end;
  }
}

.widget-offer--top {
  gap: 18px 0;
  display: flex;
  flex-direction: column;
}

.widget-offer--logo {
  z-index: 1;
  flex-shrink: 0;
}

[theme='dark'] .widget-offer--image_light {
  display: none;
}

.widget-offer--image_dark {
  display: none;
}

[theme='dark'] .widget-offer--image_dark {
  display: block;
}

.widget-offer--image img {
  max-height: 36px;
}

@container w-link (min-width: 600px) {
  .widget-offer--image img {
    max-height: 62px;
  }
}

.widget-offer--grid {
  gap: 8px;
  display: flex;
  z-index: 1;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

@container w-link (min-width: 600px) {
  .widget-offer--grid {
    flex-direction: row;
  }
}

.widget-offer--button {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 8px;
  background-color: var(--layer-5-color, #f1f1f1);
  color: var(--text-5-color, #333);
  font-size: 15px;
  line-height: 23px;
  text-align: center;
}

.widget-offer--button svg {
  --i-color1: #333;
  width: 16px;
  height: 16px;
}

[theme='dark'] .widget-offer--button svg {
  --i-color1: #bdbdbd;
}

.widget-offer--inner {
  gap: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.widget-offer--main {
  gap: 4px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

@container w-link (min-width: 760px) {
  .widget-offer--main {
    flex-direction: row;
  }
}

.widget-offer--reg {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  border-radius: 5px;
  background-color: #43a047;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

@container w-link (min-width: 760px) {
  .widget-offer--reg {
    width: initial;
  }
}

.widget-offer--reg svg {
  --i-color1: #fff;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.widget-offer--cta {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  border-radius: 5px;
  background-color: #29a9e8;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}

@container w-link (min-width: 760px) {
  .widget-offer--cta {
    width: initial;
  }
}

.widget-offer--cta svg {
  --i-color1: #fff;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.widget-offer--text {
  display: none;
}

@media screen and (min-width: 48em) {
  .widget-offer--text {
    display: block;
  }
}

.widget-offer--text_mobile {
  display: block;
}

@media screen and (min-width: 48em) {
  .widget-offer--text_mobile {
    display: none;
  }
}

.widget-offer--note {
  max-width: 356px;
  color: var(--text-2-color, #333);
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.widget-offer--note strong {
  color: #29a9e8;
}

.app-forum {
  --forum-main-bg-color: var(--layer-2-color, #e7e7e7);
  --main-theme-read-color: var(--text-6-color, #9e9e9e);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background-color: var(--forum-main-bg-color);
}

.content {
  flex-grow: 1;
  width: 100%;
  max-width: 1306px;
  margin: 0 auto;
}

.content_main {
  max-width: initial;
  background-color: var(--layer-1-color, #f4f4f4);
}

@media screen and (min-width: 64em) {
  .content_main {
    background-color: var(--layer-2-color, #fff);
  }
}

.content_page {
  max-width: 1276px;
  padding: 30px 0 35px;
}

@media screen and (min-width: 48em) {
  .content_page {
    padding: 30px 15px 65px;
  }
}

.content_page_setup {
  max-width: 1276px;
  padding: 0 0 35px;
}

@media screen and (min-width: 48em) {
  .content_page_setup {
    padding: 0 15px 65px;
  }
}

.content_pad {
  padding: 0 0 30px;
}

@media screen and (min-width: 48em) {
  .content_pad {
    padding: 0 0 130px;
  }
}

.content_message {
  max-width: 1276px;
  padding: 0 15px 35px;
}

@media screen and (min-width: 48em) {
  .content_message {
    padding: 0 15px 65px;
  }
}

.content_bookmarks {
  max-width: 1276px;
  padding: 0 0 35px;
}

@media screen and (min-width: 64em) {
  .content_bookmarks {
    padding: 0 15px 35px;
  }
}

.content_quiz_external {
  background-color: #303641;
  background-image: url(/img/bb-pattern.svg);
}

.content_max {
  max-width: initial;
}

.content_create {
  max-width: 1276px;
  padding: 0 0 35px;
}

@media screen and (min-width: 48em) {
  .content_create {
    padding: 0 15px 65px;
  }
}

.main-grid {
  display: grid;
  grid-template-areas: 'menu' 'main' 'sidebar';
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  align-items: start;
  justify-items: center;
  max-width: 1306px;
  margin: 0 auto;
  padding: 0 0 24px;
}

@media screen and (min-width: 64em) {
  .main-grid {
    gap: 16px 32px;
    grid-template-areas: 'menu main' 'sidebar main';
    grid-template-columns: 270px 1fr;
    padding: 24px 30px 60px;
  }
}

.main-menu {
  grid-area: menu;
  width: 100%;
}

.main-menu-head {
  display: none;
  position: relative;
  width: 100%;
  min-height: 54px;
  margin: 0 0 20px;
}

@media screen and (min-width: 64em) {
  .main-menu-head {
    display: flex;
  }
  .main-menu-head::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 32px);
    height: 1px;
    background-color: var(--line-1-color, #e3e3e3);
    content: '';
  }
}

.main-menu-header {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.main-logo-link {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.main-logo-link h1 {
  margin: 0;
  color: var(--text-5-color, #000);
  font-family: Muller, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.main-menu-icon {
  --color1: var(--pal-icon-color1, #333);
  --color2: var(--pal-icon-color2, #fff);
  width: 30px;
  height: 33px;
  transform: translateY(-2px);
}

.main-mobile-header {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 16px;
}

@media screen and (min-width: 64em) {
  .main-mobile-header {
    display: none;
  }
}

.main-mobile-header h1 {
  margin: 0;
  transform: translateY(2px);
  color: var(--text-5-color, #000);
  font-family: Muller, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.main-mobile-icon {
  --color1: var(--pal-icon-color1, #333);
  --color2: var(--pal-icon-color2, #fff);
  width: 22px;
  height: 24px;
}

.main-menu-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 12px;
}

@media screen and (min-width: 64em) {
  .main-menu-wrap {
    margin: 0;
  }
}

.menu-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  background-color: var(--layer-2-color, #e9e9e9);
}

@media screen and (min-width: 64em) {
  .menu-list {
    padding: 0 0 12px;
    background-color: var(--layer-3-color, #f4f4f4);
  }
}

.menu-list--item {
  gap: 0 8px;
  display: none;
  position: relative;
  align-items: center;
  height: 46px;
  padding: 12px 16px;
}

@media screen and (min-width: 64em) {
  .menu-list--item {
    display: flex;
    padding: 12px 10px 12px 12px;
  }
}

@media screen and (min-width: 64em) {
  .menu-list--item_active {
    background-color: #eae3d6;
  }
  [theme='dark'] .menu-list--item_active {
    background-color: #424242;
  }
}

.menu-list--item_top {
  display: flex;
  background-color: #eae3d6;
}

@media screen and (min-width: 64em) {
  .menu-list--item_top {
    display: none;
  }
  .menu-list_open .menu-list--item_top {
    display: none;
  }
}

[theme='dark'] .menu-list--item_top {
  background-color: #424242;
}

.menu-list_open .menu-list--item {
  display: flex;
}

@media screen and (min-width: 64em) {
  .menu-list_open .menu-list--item.menu-list--item_top {
    display: none;
  }
}

.menu-list--link {
  color: var(--text-2-color, #292929);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.32;
}

.menu-list--link::after {
  inset: 0;
  display: flex;
  z-index: 1;
  position: absolute;
  content: '';
}

.menu-list--item_top .menu-list--link::after {
  display: none;
}

.menu-list--control {
  display: none;
  z-index: 2;
}

.menu-list--control svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

[theme='dark'] .menu-list--control svg {
  --i-color1: #fff;
}

.menu-list--item_top .menu-list--control {
  display: flex;
}

@media screen and (min-width: 64em) {
  .menu-list--item_top .menu-list--control {
    display: none;
  }
}

.menu-list--item_top .menu-list--control::after {
  inset: 0;
  display: flex;
  z-index: 2;
  position: absolute;
  content: '';
}

@media screen and (min-width: 64em) {
  .menu-list--item_top .menu-list--control::after {
    display: none;
  }
}

.menu-list--triangle {
  display: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transform: translateY(1px);
}

[theme='dark'] .menu-list--triangle {
  --i-color1: #fff;
}

.menu-list--item_top .menu-list--triangle {
  display: flex;
}

@media screen and (min-width: 64em) {
  .menu-list--item_top .menu-list--triangle {
    display: none;
  }
}

.menu-list_open .menu-list--triangle {
  transform: rotate(180deg) translateY(0);
}

.menu-list--icon {
  display: none;
  flex-shrink: 0;
  width: 22px;
  height: 23px;
}

[theme='dark'] .menu-list--icon {
  --i-color1: #fff;
  --i-color2: #fff;
}

.menu-list--item_active .menu-list--icon {
  display: none;
}

@media screen and (min-width: 64em) {
  .menu-list--item_active .menu-list--icon {
    display: flex;
  }
}

.menu-list--arrow {
  display: none;
  flex-shrink: 0;
  width: 26px;
  height: 19px;
  margin: 0 0 0 auto;
}

[theme='dark'] .menu-list--arrow {
  --i-color1: #fff;
}

.menu-list--item_active .menu-list--arrow {
  display: none;
}

@media screen and (min-width: 64em) {
  .menu-list--item_active .menu-list--arrow {
    display: flex;
  }
}

.content-tabs {
  display: none;
  grid-area: main;
  width: 100%;
  min-width: 0;
}

@media screen and (min-width: 48em) {
  .content-tabs {
    padding: 0 16px;
  }
}

@media screen and (min-width: 64em) {
  .content-tabs {
    padding: 0;
  }
}

.content-tabs.content-active-tab {
  display: block;
}

.sidebar {
  gap: 16px 0;
  display: flex;
  grid-area: sidebar;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 48em) {
  .sidebar {
    padding: 0 16px;
  }
}

@media screen and (min-width: 64em) {
  .sidebar {
    padding: 0;
  }
}

.content-tabs .swap-sidebar {
  display: block;
}

@media screen and (min-width: 64em) {
  .content-tabs .swap-sidebar {
    display: none;
  }
}

.sidebar .swap-sidebar {
  display: none;
}

@media screen and (min-width: 64em) {
  .sidebar .swap-sidebar {
    display: block;
  }
}

.blog-action {
  display: none;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .blog-action {
    display: flex;
  }
}

.blog-action--link {
  width: 100%;
  max-width: 270px;
  padding: 16px;
  border-radius: 4px;
  background-color: #292929;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

[theme='dark'] .blog-action--link {
  background-color: #616161;
}

.blog-mbt {
  display: flex;
  margin: 0 0 0 auto;
}

@media screen and (min-width: 64em) {
  .blog-mbt {
    display: none;
  }
}

.blog-mbt--link {
  width: 100%;
  max-width: 270px;
  padding: 8px 20px;
  border-radius: 4px;
  background-color: #292929;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

[theme='dark'] .blog-mbt--link {
  background-color: #616161;
}

.widget-sidebanner {
  display: none;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .widget-sidebanner {
    display: flex;
  }
}

.widget-sidebanner img {
  max-width: 270px;
}

.main-head {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 17px 0 16px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .main-head {
    min-height: 54px;
    padding: 0;
  }
}

.main-head:has(.main-pager) {
  padding: 0;
}

.main-head_top {
  display: none;
}

@media screen and (min-width: 64em) {
  .main-head_top {
    display: flex;
  }
}

.main-head--header {
  gap: 0 8px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 16px;
}

@media screen and (min-width: 48em) {
  .main-head--header {
    padding: 0;
  }
}

.main-head--heading {
  color: var(--text-2-color, #292929);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .24px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .main-head--heading {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

.main-head--heading a {
  color: var(--text-2-color, #292929);
}

.main-head--heading svg {
  flex-shrink: 0;
  width: 6px;
  height: 10px;
  margin: 0 8px;
}

@media screen and (min-width: 48em) {
  .main-head--heading svg {
    transform: translateY(-2px);
  }
}

[theme='dark'] .main-head--heading svg {
  --i-color1: #757575;
}

.theme-create {
  display: flex;
  margin: 0 0 0 auto;
}

.theme-create--link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #4aad56;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .theme-create--link {
    height: 40px;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 21px;
  }
}

.main-head-top {
  display: flex;
  flex-direction: column;
  padding: 20px 0 14px;
}

.main-pager {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  transform: translateY(1px);
  list-style-type: none;
}

@media screen and (min-width: 48em) {
  .main-pager {
    padding: 0;
  }
}

.main-pager--item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  margin: 0;
  padding: 0 24px;
  border: 1px solid var(--line-1-color, #e3e3e3);
  border-left-width: 0;
  background-color: var(--layer-1-color, #f4f4f4);
}

@media screen and (min-width: 48em) {
  .main-pager--item {
    min-height: 53px;
    padding: 0 16px;
  }
}

@media screen and (min-width: 70.625em) {
  .main-pager--item {
    padding: 0 24px;
  }
}

.main-pager--item:first-child {
  border-left-width: 1px;
  border-radius: 5px 0 0 0;
}

@media screen and (min-width: 48em) {
  .main-pager--item:first-child {
    border-left-width: 0;
  }
}

@media screen and (min-width: 64em) {
  .main-pager--item:first-child {
    border-left-width: 1px;
  }
}

.main-pager--item:last-child {
  border-radius: 0 5px 0 0;
}

.main-pager--item.active-tab {
  padding: 0 16px;
  border-bottom-color: var(--layer-2-color, #fff);
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 48em) {
  .main-pager--item.active-tab {
    padding: 0 24px;
  }
}

.main-pager--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-pager--link::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.main-pager--wrap {
  display: flex;
  position: relative;
}

.pager-badge-bookmarks {
  position: absolute;
  top: -4px;
  left: 8px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border: 1px solid var(--layer-1-color, #f4f4f4);
  border-radius: 50%;
  background-color: #e51e25;
}

.active-tab .pager-badge-bookmarks {
  border-color: var(--layer-2-color, #fff);
}

.pager-badge-themes {
  position: absolute;
  top: -2px;
  left: 21px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border: 1px solid var(--layer-1-color, #f4f4f4);
  border-radius: 50%;
  background-color: var(--line-2-color, #909090);
}

.active-tab .pager-badge-themes {
  border-color: var(--layer-2-color, #fff);
}

.menu-pager--icon {
  flex-shrink: 0;
}

[theme='dark'] .menu-pager--icon {
  --i-color1: #fff;
  --i-color2: #000;
}

.menu-pager--settings {
  display: none;
  z-index: 1;
  flex-shrink: 0;
  margin: 0 0 0 12px;
  padding: 0 0 0 8px;
  border-left: 1px solid var(--line-1-color, #e3e3e3);
}

.active-tab .menu-pager--settings {
  display: none;
}

@media screen and (min-width: 48em) {
  .active-tab .menu-pager--settings {
    display: flex;
  }
}

[theme='dark'] .menu-pager--settings {
  --i-color1: #fff;
  --i-color2: #000;
}

.main-pager--text {
  display: none;
  color: var(--text-5-color, #000);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .main-pager--text {
    display: block;
  }
}

.active-tab .main-pager--text {
  display: block;
  color: var(--text-2-color, #000);
}

.main-pager--text_post {
  display: none;
}

@media screen and (min-width: 48em) {
  .main-pager--text_post {
    display: block;
  }
}

.active-tab .main-pager--text_post {
  display: none;
}

@media screen and (min-width: 48em) {
  .active-tab .main-pager--text_post {
    display: block;
  }
}

.tab-wrap {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0 0 24px;
  padding: 16px 16px 0;
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 48em) {
  .tab-wrap {
    padding: 0;
  }
}

@media screen and (min-width: 64em) {
  .tab-wrap {
    margin: 0;
    background-color: transparent;
  }
}

.tab-wrap.active-tab {
  display: flex;
}

.themes-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 24px;
  padding: 16px 16px 0;
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 64em) {
  .themes-wrap {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
}

.theme-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.theme-list:nth-last-child(1 of .theme-list) {
  border-color: transparent;
}

@media screen and (min-width: 64em) {
  .theme-list:nth-last-child(1 of .theme-list) .theme-list--item:last-child {
    border-bottom: 1px solid var(--line-1-color, #e3e3e3);
  }
}

.theme-list--item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
}

@media screen and (min-width: 48em) {
  .theme-list--item {
    flex-direction: row;
    padding: 16px 0;
  }
}

.theme-list--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.theme-card {
  gap: 0 12px;
  display: flex;
  position: relative;
  width: 100%;
  padding: 12px 0 0;
}

.theme-card:first-child {
  border-right: 1px solid transparent;
}

.theme-card:not(:last-child) {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .theme-card {
    gap: 0 16px;
    padding: 0 16px;
    border-bottom: 1px solid transparent;
  }
  .theme-card:first-child {
    border-right: 1px solid var(--line-1-color, #e3e3e3);
  }
  .theme-card:not(:last-child) {
    padding: 0 16px;
    border-bottom: 1px solid transparent;
  }
}

.theme-card--avatar {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line-2-color, #b2b2b2);
}

.visited .theme-card--avatar {
  filter: grayscale(1);
  opacity: .5;
}

.theme-card--image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.theme-card--rate {
  position: absolute;
  bottom: -8px;
  padding: 2px 6px;
  border: 2px solid var(--layer-2-color, #fff);
  border-radius: 2px;
  background-color: #67bf6f;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
}

.theme-card--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 4px 0 0;
}

@media screen and (min-width: 48em) {
  .theme-card--info {
    justify-content: initial;
  }
}

.theme-card--top {
  gap: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 4px;
}

@media screen and (min-width: 48em) {
  .theme-card--top {
    flex-direction: row;
    align-items: center;
  }
}

.theme-card--nickname {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 4px 0 0;
  padding: 2px 3px 2px 6px;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 1px 0 0 1px;
  background-color: #f8f5ed;
  color: var(--text-2-color, #292929);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

[theme='dark'] .theme-card--nickname {
  border-color: #7f7f7f;
  background-color: #5e5c57;
}

.theme-card--nickname::after {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 6px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%23F8F5ED'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .theme-card--nickname::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%235e5c57'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%237f7f7f'/%3E%3C/svg%3E");
}

.visited .theme-card--nickname {
  opacity: .5;
}

.theme-card--label {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #f1f1f1);
  color: var(--text-5-color, #757575);
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
}

.visited .theme-card--label {
  color: var(--main-theme-read-color);
}

.theme-card--note {
  padding: 1px 4px;
  border: 1px solid var(--line-0-color, #e0e0e0);
  border-radius: 2px;
  color: #9b9b9b;
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

.visited .theme-card--note {
  border-color: var(--line-0-color, #e0e0e0);
  color: var(--main-theme-read-color);
}

.theme-card--heading {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: var(--text-2-color, #202020);
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .theme-card--heading {
    margin: 0 0 8px;
    font-size: 16px;
  }
}

.theme-card--heading::after {
  inset: 0;
  z-index: 2;
  position: absolute;
  content: '';
}

.visited .theme-card--heading {
  color: var(--main-theme-read-color);
}

.theme-card--updates {
  gap: 4px 0;
  display: none;
  z-index: 1;
  position: relative;
  flex-wrap: wrap;
  color: #7d7d7d;
  font-size: 12px;
  line-height: 1.1;
}

@media screen and (min-width: 48em) {
  .theme-card--updates {
    display: initial;
  }
}

.theme-card--updates a {
  color: #7d7d7d;
}

.theme-card--updates a:hover {
  text-decoration: underline;
}

.theme-card--updates strong {
  color: var(--text-2-color, #292929);
  font-weight: 700;
}

.visited .theme-card--updates strong {
  color: var(--main-theme-read-color);
}

.theme-card--date {
  gap: 0 5px;
  display: flex;
  align-items: center;
}

.theme-card--time {
  color: var(--text-2-color, #292929);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.visited .theme-card--time {
  color: var(--main-theme-read-color);
}

.newest-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 64em) {
  .newest-list {
    padding: 8px 0 0;
  }
}

.newest-list:nth-last-child(1 of .newest-list) {
  border-color: transparent;
}

@media screen and (min-width: 64em) {
  .newest-list:nth-last-child(1 of .newest-list) .theme-list--item:last-child {
    border-bottom: 1px solid var(--line-1-color, #e3e3e3);
  }
}

.newest-list--item {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}

.newest-list--item:first-child {
  padding: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .newest-list--item:first-child {
    padding: 16px 0;
  }
}

.newest-list--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.newest-card {
  display: flex;
  position: relative;
  width: 100%;
}

.newest-card:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .newest-card {
    padding: 0 12px;
    border-bottom: 1px solid transparent;
  }
  .newest-card:not(:last-child) {
    padding: 0 12px;
    border-bottom: 1px solid transparent;
  }
}

.newest-card--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.newest-card--tag {
  display: flex;
  margin: 14px 0 0;
}

.newest-card--label {
  color: var(--text-5-color, #808080);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}

.visited .newest-card--label {
  color: var(--main-theme-read-color);
}

.newest-card--heading {
  min-width: 0;
  color: var(--text-5-color, #636363);
  font-family: "Noto Serif", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

.newest-card--heading::after {
  inset: 0;
  z-index: 2;
  position: absolute;
  content: '';
}

.visited .newest-card--heading {
  color: var(--main-theme-read-color);
}

.newest-card--date {
  gap: 4px 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 4px;
}

.newest-card--nickname {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 4px 0 0;
  padding: 2px 3px 2px 6px;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 1px 0 0 1px;
  background-color: #f8f5ed;
  color: var(--text-2-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

[theme='dark'] .newest-card--nickname {
  border-color: #7f7f7f;
  background-color: #5e5c57;
}

.newest-card--nickname::after {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 6px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%23F8F5ED'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .newest-card--nickname::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%235e5c57'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%237f7f7f'/%3E%3C/svg%3E");
}

.visited .newest-card--nickname {
  color: var(--main-theme-read-color);
}

[theme='dark'] .visited .newest-card--nickname {
  color: #424242;
}

.newest-card--time {
  color: var(--text-6-color, #aaa);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
}

.visited .newest-card--time {
  color: var(--main-theme-read-color);
}

.newest-card--post {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: var(--text-3-color, #292929);
  font-size: 14px;
  line-height: 18px;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 64em) {
  .newest-card--post {
    font-size: 15px;
  }
}

.visited .newest-card--post {
  color: var(--main-theme-read-color);
}

.add-theme-button--wrap {
  width: 100%;
  padding: 4px 10px 4px 0;
}

@media screen and (min-width: 70.625em) {
  .add-theme-button--wrap {
    width: auto;
  }
}

.filter--wrap_order .add-theme-button--wrap {
  padding: 4px 0;
}

@media screen and (min-width: 70.625em) {
  .filter--wrap_order .add-theme-button--wrap {
    order: 2;
    padding: 4px 0 4px 10px;
  }
}

.new-theme-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #4aad56;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.admin--theme-check {
  display: block;
  position: relative;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url(/img/checkbox-empty.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.admin--theme-check.selected {
  background-image: url(/img/checkbox-checked.svg);
}

.breakpad-wrap {
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .breakpad-wrap {
    padding: 0;
  }
}

.pagination-themes {
  gap: 24px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 9px 0 16px;
  border-bottom: 1px solid var(--line-1-color, #ccc);
}

@media screen and (min-width: 48em) {
  .pagination-themes {
    flex-direction: row;
    align-items: center;
    padding: 9px 0 36px;
  }
}

.pagination-themes_clean {
  margin: 0;
  padding: 0 15px;
  border: 0;
}

@media screen and (min-width: 48em) {
  .pagination-themes_clean {
    padding: 0;
  }
}

.pagination-themes_right {
  justify-content: flex-end;
  margin: 0;
  padding: 0 15px;
  border: 0;
}

@media screen and (min-width: 48em) {
  .pagination-themes_right {
    padding: 0;
  }
}

.pagination-themes--inner {
  gap: 8px 16px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 48em) {
  .pagination-themes--inner {
    flex-direction: row;
  }
}

@media screen and (min-width: 64em) {
  .pagination-themes--inner {
    gap: 8px 32px;
  }
}

.pagination-themes--quant {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: var(--text-6-color, #606060);
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}

.pagination-themes--quant svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.pagination-themes--follow {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: var(--text-6-color, #606060);
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}

.pagination-themes--follow svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.section-diary-head--wraper {
  --section-diary-page-heading-color: var(--text-5-color, #202020);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.header-diary {
  display: flex;
  width: 100%;
  margin: 0 0 10px;
}

.header-diary h1 {
  margin: 0;
  color: var(--section-diary-page-heading-color);
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.header-diary-icon {
  --color1: var(--pal-icon-color1, #000);
  --color2: var(--pal-icon-color2, #fefefe);
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0;
  transform: translateY(1px);
}

.header-diary-menu--wrap {
  --section-menu-diary-filter-color: var(--text-1-color, #000);
  --section-menu-diary-button-bg: var(--pal-gt-accent, #e51e25);
  --section-menu-diary-color: var(--text-5-color, #606060);
  --section-menu-diary-line-color: var(--line-2-color, #e7e7e7);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .header-diary-menu--wrap {
    flex-direction: row;
    width: auto;
  }
}

.d-submenu-icon--wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

@media screen and (min-width: 70.625em) {
  .d-submenu-icon--wrap {
    width: auto;
  }
}

.d-submenu--item-all {
  position: relative;
  margin: 0 20px 0 0;
  color: var(--section-menu-diary-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.d-submenu--item-all.active {
  color: var(--section-menu-diary-filter-color);
}

.d-spoiler-submenu--button {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 0 0 10px;
  padding: 0 13px 0 0;
  color: #606060;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .d-spoiler-submenu--button {
    display: none;
  }
}

.d-spoiler-submenu--button::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url(/img/diary-drop.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.d-spoiler-submenu--button.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.diary-head-menu--wrap {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid var(--section-menu-diary-line-color);
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .diary-head-menu--wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 40px;
    margin: 0 auto 0 0;
    padding: 0;
    border: 0;
    background-color: transparent;
  }
}

.diary-head-menu--wrap.show {
  display: flex;
}

.diary-head-menu--wrap li {
  position: relative;
}

@media screen and (min-width: 64em) {
  .diary-head-menu--wrap li {
    margin: 0 5px;
    line-height: 22px;
  }
  .diary-head-menu--wrap li::before {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    border-width: 11px 5px 11px 0;
    border-style: solid;
    border-color: transparent;
    content: '';
  }
  .diary-head-menu--wrap li::after {
    position: absolute;
    top: 0;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 11px 0 11px 5px;
    border-style: solid;
    border-color: transparent;
    content: '';
  }
  .diary-head-menu--wrap li.active {
    background-color: var(--section-menu-diary-button-bg);
    color: #fff;
  }
  .diary-head-menu--wrap li.active::before {
    border-color: transparent var(--section-menu-diary-button-bg) transparent transparent;
  }
  .diary-head-menu--wrap li.active::after {
    border-color: transparent transparent transparent var(--section-menu-diary-button-bg);
  }
  .diary-head-menu--wrap li.active .diary-head-menu--item {
    color: #fff;
  }
  .diary-head-menu--wrap li.active .diary-head-menu--item::after {
    background-image: url(/img/diary-drop-white.svg);
  }
}

.diary-head-menu--item {
  display: block;
  margin: 0;
  color: var(--section-menu-diary-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .diary-head-menu--item {
    margin: 0 5px;
    font-weight: 400;
    line-height: 22px;
  }
}

.diary-head-menu--item.dropdown {
  position: relative;
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
  font-weight: 500;
}

@media screen and (min-width: 64em) {
  .diary-head-menu--item.dropdown {
    margin: 0 2px 0 5px;
    font-weight: 400;
  }
  .diary-head-menu--item.dropdown::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    background-image: url(/img/diary-drop.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: '';
  }
}

.d-nav-dropdown--wrap {
  z-index: 9;
  padding: 0 15px;
}

@media screen and (min-width: 64em) {
  .d-nav-dropdown--wrap {
    display: none;
    position: absolute;
    top: 32px;
    left: -5px;
    padding: 10px 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
  }
  .d-nav-dropdown--wrap::before {
    position: absolute;
    top: -6px;
    left: 25px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    background-color: #efefef;
    content: '';
  }
  .d-nav-dropdown--wrap.open {
    display: block;
  }
}

.d-diary-submenu--item {
  display: block;
  margin: 0;
  color: #606060;
  font-size: 13px;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .d-diary-submenu--item {
    height: 30px;
  }
}

.d-diary-submenu--item:hover {
  color: #000;
}

.d-diary-filter--wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
}

@media screen and (min-width: 48em) {
  .d-diary-filter--wrap {
    padding: 0;
  }
}

@media screen and (min-width: 48em) {
  .d-diary-filter--wrap {
    width: auto;
  }
}

.d-diary-filter--wrap.center {
  justify-content: center;
}

.site-search_main {
  max-width: 960px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .site-search_main {
    padding: 0;
  }
}

.subheader-search {
  --forum-search-result-bg-color: var(--layer-3-color, #fafafa);
  --forum-search-tab-bg-color: var(--layer-2-color, #e7e7e7);
  --forum-search-tab-color: var(--text-5-color, #909090);
  --forum-search-tab-accent-color: var(--control-1-color, #909090);
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--forum-search-result-bg-color);
}

.subheader-search--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1276px;
}

@media screen and (min-width: 48em) {
  .subheader-search--inner {
    padding: 0 15px;
  }
}

.search-tabs {
  display: flex;
  padding: 20px 0 0;
}

.search-tabs--button a {
  padding: 0 15px;
  color: var(--forum-search-tab-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  cursor: pointer;
}

.search-tabs--button.active {
  background-color: var(--forum-search-tab-bg-color);
}

.search-tabs--button.active a {
  color: var(--forum-search-tab-accent-color);
}

.search-result-tab {
  display: none;
}

.search-result-tab.active {
  display: block;
}

.search-error {
  margin: 10px 0 0;
  padding: 15px 15px 20px;
  border: 1px solid #dedede;
  background-color: #fffdf0;
}

.search-error--heading {
  margin: 0 0 6px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}

.search-error--heading strong {
  margin: 0 0 0 5px;
}

.search-error--info {
  color: #616161;
  font-size: 14px;
  line-height: 1.5;
}

.radio-setup {
  width: 100%;
  margin: 10px 0 0;
}

.radio-setup--header {
  padding: 25px 15px 8px 19px;
  border-bottom: 1px solid var(--line-1-color, #efefef);
  background-color: var(--layer-3-color, #fff);
}

.radio-setup--heading {
  margin: 0 0 10px;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.radio-setup--theme {
  margin: 0 0 30px;
  color: var(--text-2-color, #000);
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 24px;
}

.radio-setup--theme-icon {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 18px;
  height: 23px;
  margin: 0 5px 0 0;
  background-image: url(/img/theme-read-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.radio-setup--subheading {
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.radio-setup--item {
  border-bottom: 1px solid var(--line-1-color, #efefef);
  background-color: var(--layer-3-color, #fff);
}

.radio-setup--item:nth-last-of-type(1) {
  border: 0;
}

.radio-setup--input {
  position: absolute;
  opacity: 0;
}

.radio-setup--input:checked + .radio-setup--label {
  background-color: var(--layer-1-color, #f7f7f7);
}

.radio-setup--input:checked + .radio-setup--label .radio-setup--title {
  font-weight: 700;
}

.radio-setup--input:checked + .radio-setup--label .radio-setup--circle::after {
  display: block;
}

.radio-setup--label {
  display: block;
  width: 100%;
  padding: 14px 15px 15px 45px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .radio-setup--label {
    padding: 24px 15px 25px 45px;
  }
}

.radio-setup--title {
  display: block;
  position: relative;
  margin: 0 0 3px;
  color: var(--text-2-color, #000);
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}

.radio-setup--circle {
  position: absolute;
  top: 3px;
  left: -26px;
  width: 16px;
  height: 16px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
}

.radio-setup--circle::after {
  display: none;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--text-1-color, #606060);
  content: '';
}

.radio-setup--note {
  display: block;
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 18px;
}

.subs-button {
  height: 34px;
  padding: 0 18px;
  border-radius: 3px;
  background-color: var(--control-1-bg-color, #000);
  color: var(--control-1-color, #fff);
  font-size: 13px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}

.subs-button--wrap {
  padding: 15px 15px 30px 45px;
  background-color: var(--layer-3-color, #fff);
}

.subs-setup {
  --x-setup-subs-bg-color: var(--layer-3-color, #fff);
  --x-setup-subs-button-bg-color: var(--control-1-bg-color, #fff);
  --x-setup-subs-button-color: var(--control-1-color, #333);
  --x-setup-subs-button-border-color: var(--control-1-border-color, #ccc);
  --x-setup-subs-select-bg-color: var(--control-1-bg-color, #fff);
  --x-setup-subs-select-color: var(--control-1-color, #202020);
  --x-setup-subs-select-border-color: var(--control-1-border-color, #cfcfcf);
  --x-setup-subs-heading-color: var(--text-5-color, #333);
  --x-setup-subs-label-color: var(--text-4-color, #202020);
  --x-setup-subs-header-border-color: var(--line-2-color, #c7c7c7);
  --x-setup-subs-border-color: var(--line-1-color, #efefef);
  --x-setup-subs-theme-color: var(--text-3-color, #000);
  width: 100%;
}

.subs-setup--form {
  margin: 10px 0 20px;
  background-color: var(--x-setup-subs-bg-color);
}

.subs-setup--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid var(--x-setup-subs-header-border-color);
}

@media screen and (min-width: 48em) {
  .subs-setup--header {
    padding: 10px 20px;
  }
}

.subs-setup--subhead {
  padding: 20px 15px 10px;
  color: var(--x-setup-subs-heading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .subs-setup--subhead {
    padding: 20px 20px 10px;
    font-size: 18px;
  }
}

.subs-setup--heading {
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 27px;
  text-transform: uppercase;
}

.subs-setup--options {
  color: var(--x-setup-subs-option-color);
  font-size: 12px;
  line-height: 16px;
}

.subs-setup--subheading {
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.subs-setup--item {
  display: flex;
  padding: 14px 15px 15px;
  border-bottom: 1px solid var(--x-setup-subs-border-color);
}

@media screen and (min-width: 48em) {
  .subs-setup--item {
    padding: 14px 20px 15px;
  }
}

.subs-setup--item:nth-last-of-type(1) {
  border: 0;
}

.subs-setup--label {
  display: flex;
  position: relative;
  cursor: pointer;
}

.subs-setup--label_main {
  margin: 0 40px 0 0;
}

.subs-setup--label_list {
  margin: 0 0 10px;
}

.subs-setup--theme-icon {
  flex-shrink: 0;
  width: 18px;
  height: 23px;
  margin: 0 5px 0 0;
  background-image: url(/img/theme-read-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
}

.subs-setup--theme {
  color: var(--x-setup-subs-theme-color);
  font-family: "PT Serif", serif;
  font-size: 17px;
  line-height: 23px;
}

.subs-setup--theme:hover {
  text-decoration: underline;
}

.search-field--wrap {
  display: flex;
  padding: 5px 0;
}

.search-field--subs {
  width: 230px;
  padding: 3px 5px 3px 26px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background-color: #fff;
  background-image: url(/img/subs-search.svg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: #606060;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.subs-theme {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.subs-theme--label {
  margin: 0 15px 0 0;
  color: var(--x-setup-subs-label-color);
  font-size: 14px;
  line-height: 28px;
}

.subs-theme--inner {
  display: flex;
  align-items: center;
}

.subs-theme--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 220px;
  height: 28px;
  margin: 0 5px 0 0;
  padding: 0 10px;
  border: 1px solid var(--x-setup-subs-select-border-color);
  border-radius: 0;
  background-color: var(--x-setup-subs-select-bg-color);
  background-image: url(/img/diary-drop.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: var(--x-setup-subs-select-color);
  font-family: inherit;
  font-size: 15px;
  line-height: 26px;
}

@media screen and (min-width: 23.4375em) {
  .subs-theme--selector {
    width: 250px;
  }
}

.subs-theme--button {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--x-setup-subs-button-border-color);
  border-radius: 0;
  background-color: var(--x-setup-subs-button-bg-color);
  color: var(--x-setup-subs-button-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}

.options-setup {
  --x-setup-dropdown-color: var(--control-1-color, #202020);
  --x-setup-bg-color: var(--control-1-bg-color, #efefef);
  --x-setup-border-color: var(--control-1-border-color, #cfcfcf);
  --x-setup-heading-color: var(--text-3-color, #909090);
  --x-setup-subs-option-color: var(--text-4-color, #606060);
  display: flex;
  position: relative;
}

.options-setup--dropdown {
  display: flex;
  position: relative;
  padding: 0 12px 0 0;
  color: var(--x-setup-dropdown-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.options-setup--dropdown.active::before {
  z-index: 1002;
  position: absolute;
  top: 45px;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) translateX(-50%) translateX(-6px);
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: var(--x-setup-border-color);
  background-color: var(--x-setup-bg-color);
  content: '';
}

@media screen and (min-width: 48em) {
  .options-setup--dropdown.active::before {
    top: 50px;
  }
}

.options-setup--dropdown.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.options-setup--dropdown::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url(/img/diary-drop.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.options-setup--wrap {
  display: none;
  z-index: 1001;
  position: absolute;
  top: 42px;
  right: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 290px;
  margin: 0;
  padding: 15px 20px 20px;
  border: 1px solid var(--x-setup-border-color);
  background-color: var(--x-setup-bg-color);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
}

@media screen and (min-width: 48em) {
  .options-setup--wrap {
    top: 47px;
    right: 0;
    left: auto;
  }
}

.options-setup--wrap.show {
  display: flex;
}

.options-setup--heading {
  color: var(--x-setup-heading-color);
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}

.options-section {
  --x-setup-section-bg-color: var(--layer-3-color, #fff);
  --x-setup-section-heading-color: var(--text-3-color, #909090);
  --x-setup-section-label-color: var(--text-5-color, #606060);
  --x-setup-section-link-color: var(--text-3-color, #212121);
  --x-setup-section-button-bg-color: var(--control-1-bg-color, #fff);
  --x-setup-section-button-color: var(--control-1-color, #333);
  --x-setup-section-button-border-color: var(--control-1-border-color, #ccc);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 15px 30px;
  background-color: var(--x-setup-section-bg-color);
}

@media screen and (min-width: 48em) {
  .options-section {
    padding: 20px 15px 30px 20px;
  }
}

.options-section--heading {
  width: 100%;
  margin: 0 0 10px;
  color: var(--x-setup-section-heading-color);
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}

.options-section--label {
  display: flex;
  position: relative;
  margin: 0 0 15px;
  cursor: pointer;
}

.options-section--options {
  color: var(--x-setup-section-label-color);
  font-size: 12px;
  line-height: 16px;
}

.options-section--link {
  border-bottom: 1px solid var(--x-setup-section-link-color);
  color: var(--x-setup-section-link-color);
  font-size: 14px;
  line-height: 20px;
}

.options-section--button {
  -webkit-appearance: button;
  height: 28px;
  margin: 0 0 20px;
  padding: 0 15px;
  border: 1px solid var(--x-setup-section-button-border-color);
  border-radius: 3px;
  background-color: var(--x-setup-section-button-bg-color);
  color: var(--x-setup-section-button-color);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.form-setup {
  padding: 10px 0;
}

.form-setup--check {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--x-setup-border-color);
}

.form-setup--theme {
  display: flex;
  align-items: center;
  padding: 8px 0;
}

.form-setup--post {
  display: flex;
  align-items: center;
  padding: 8px 0 12px;
  border-bottom: 1px solid var(--x-setup-border-color);
}

.form-setup--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  flex-shrink: 0;
  width: 60px;
  height: 28px;
  margin: 0 10px 0 0;
  padding: 0 8px;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  background-color: #fff;
  background-image: url(/img/diary-drop.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #202020;
  font-family: inherit;
  font-size: 15px;
  line-height: 26px;
}

.form-setup--label {
  color: #606060;
  font-size: 12px;
  line-height: 16px;
}

.form-setup--link {
  color: #2d9cdb;
  font-size: 14px;
  line-height: 20px;
}

.modal-blacklist {
  --x-modal-bg-color: var(--layer-3-color, #fff);
  --x-modal-field-bg-color: var(--layer-2-color, #fff);
  --x-modal-field-color: var(--control-1-color, #212121);
  --x-modal-field-border-color: var(--control-1-border-color, #ccc);
  --x-modal-button-bg-color: var(--control-1-bg-color, #fff);
  --x-modal-button-color: var(--control-1-color, #606060);
  --x-modal-button-border-color: var(--control-1-border-color, #ccc);
  --x-modal-main-bg-color: var(--layer-1-color, #fefefe);
  --x-modal-head-color: var(--text-6-color, #606060);
  --x-modal-label-color: var(--text-4-color, #333);
  display: flex;
  z-index: 1005;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 370px;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background-color: var(--x-modal-bg-color);
}

.modal-blacklist.hidden {
  display: none;
}

.modal-blacklist--close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 1005;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}

.modal-blacklist--close:hover::after,
.modal-blacklist--close:hover::before {
  background-color: #e50e2c;
}

.modal-blacklist--close::after,
.modal-blacklist--close::before {
  position: absolute;
  top: 2px;
  left: 9px;
  width: 1px;
  height: 16px;
  background-color: #9e9e9e;
  content: '';
}

.modal-blacklist--close::before {
  transform: rotate(45deg);
}

.modal-blacklist--close::after {
  transform: rotate(-45deg);
}

.modal-blacklist--overlay {
  z-index: 1004;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.modal-blacklist--overlay.hidden {
  display: none;
}

.modal-blacklist--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-blacklist--header {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 25px 20px;
  background-color: var(--x-modal-bg-color);
}

.modal-blacklist--heading {
  margin: 0 0 10px;
  padding: 0 25px 0 0;
  color: var(--x-modal-head-color);
  font-size: 14px;
  line-height: 16px;
}

.modal-blacklist--nick {
  display: flex;
}

.modal-blacklist--scroll {
  width: 100%;
  height: 176px;
  padding: 16px 25px 10px;
  overflow-y: auto;
  background-color: var(--x-modal-main-bg-color);
}

.modal-blacklist--list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-blacklist--label {
  display: flex;
  position: relative;
  color: var(--x-modal-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}

.modal-blacklist--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 5px 0 0;
  padding: 5px 8px;
  border: 1px solid var(--x-modal-field-border-color);
  border-radius: 2px;
  background-color: var(--x-modal-field-bg-color);
  color: var(--x-modal-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 16px;
}

.modal-blacklist--input::-moz-placeholder {
  color: #bdbdbd;
}

.modal-blacklist--input::placeholder {
  color: #bdbdbd;
}

.modal-blacklist--remind {
  margin: 0 0 15px;
  color: #808080;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.modal-blacklist--submit {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--x-modal-button-border-color);
  border-radius: 2px;
  background-color: var(--x-modal-button-bg-color);
  color: var(--x-modal-button-color);
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.modal-blacklist--bottom {
  display: flex;
  width: 100%;
  padding: 20px 25px;
}

.modal-blacklist--delete {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--x-modal-button-border-color);
  border-radius: 2px;
  background-color: var(--x-modal-button-bg-color);
  color: var(--x-modal-button-color);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.blog-header--wrap {
  --forum-blog-lock-icon-filter: var(--icon-1-filter, none);
  --forum-blog-stats-icon-filter: var(--icon-3-filter, none);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--layer-3-color, #f9f9f9);
}

.blog-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1060px;
  padding: 16px 15px 0;
  background-color: var(--layer-3-color, #f9f9f9);
}

@media screen and (min-width: 64em) {
  .blog-header {
    padding: 19px 30px 0;
  }
}

.blog-header--wrap_mid .blog-header {
  max-width: 900px;
}

@media screen and (min-width: 64em) {
  .blog-header--wrap_mid .blog-header {
    max-width: 930px;
  }
}

.blog-header--top {
  gap: 0 16px;
  display: flex;
  margin: 10px 0 16px;
}

@media screen and (min-width: 48em) {
  .blog-header--top {
    align-items: flex-start;
    justify-content: space-between;
    margin: 10px 0 24px;
  }
}

.blog-header--dialog {
  gap: 0 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 10px 0 16px;
}

@media screen and (min-width: 48em) {
  .blog-header--dialog {
    margin: 10px 0 24px;
  }
}

.blog-header--icon {
  --color1: var(--pal-icon-color1, #000);
  --color2: var(--pal-icon-color2, #fefefe);
  display: none;
  width: 28px;
  height: 28px;
  transform: translateY(3px);
}

@media screen and (min-width: 64em) {
  .blog-header--icon {
    display: initial;
  }
}

.blog-header--inner {
  gap: 0 16px;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .blog-header--inner {
    grid-template-columns: 1fr auto;
    padding: 0 0 36px;
  }
}

.blog-author {
  gap: 0 8px;
  display: flex;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .blog-author {
    gap: 0 16px;
  }
}

.blog-author--wrap {
  display: flex;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .blog-author--wrap_clean {
    margin: 0;
  }
}

.blog-author--image {
  width: 48px;
  height: 48px;
  border: 1px solid var(--line-2-color, #d8d8d8);
  border-radius: 50%;
  background-image: url(/img/userimg-f.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 48em) {
  .blog-author--image {
    width: 80px;
    height: 80px;
  }
}

.blog-author--inner {
  gap: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.blog-author--nickname {
  gap: 9px 12px;
  display: flex;
  width: 100%;
}

.blog-author--nickname.status-shift {
  flex-direction: column;
  align-items: flex-start;
}

.blog-author--link {
  gap: 0 6px;
  display: flex;
  align-items: center;
  color: var(--text-5-color, #333);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .blog-author--link {
    font-size: 20px;
  }
}

.blog-author--link::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-6-color, #b2b2b2);
  content: '';
}

.blog-author--link.online::before {
  background-color: #86d97d;
}

.blog-author--status {
  position: relative;
  padding: 3px 8px;
  border: solid 1px var(--line-2-color, #dbdbdb);
  border-radius: 3px;
  background-color: var(--layer-3-color, #fff);
  color: var(--text-5-color, #606060);
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

.blog-author--status::before {
  position: absolute;
  top: 50%;
  left: -6px;
  width: 8px;
  height: 7px;
  transform: rotate(0deg) translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23fff' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23fff' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 7px;
  content: '';
}

.status-shift .blog-author--status::before {
  top: -6px;
  left: 15px;
  width: 6px;
  height: 6px;
  transform: rotate(90deg);
}

[theme='dark'] .blog-author--status::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%232a2a2a' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%232a2a2a' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
}

.blog-stats-toggle {
  gap: 0 4px;
  display: none;
  position: relative;
  align-items: center;
  padding: 5px 15px 5px 7px;
  border: 1px solid var(--line-1-color, #e9e9e9);
  border-radius: 2px;
  background-color: var(--layer-2a-color, #f1f1f1);
  color: var(--text-5-color, #606060);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .blog-stats-toggle {
    display: flex;
  }
}

.blog-stats-toggle_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .blog-stats-toggle_mobile {
    display: none;
  }
}

.blog-stats-toggle::before {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23606060' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  content: '';
}

.blog-stats-toggle.active::before {
  transform: translateY(-1px) rotate(270deg);
}

.blog-author--theme {
  color: var(--text-5-color, #333);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .blog-author--theme {
    font-size: 24px;
    line-height: 32px;
  }
}

.blog-author--theme_closed::before {
  display: inline-flex;
  flex-shrink: 0;
  width: 12px;
  height: 17px;
  margin: 0 4px 0 0;
  background-image: url(/img/label-lock.svg);
  background-position: 50% 3px;
  background-repeat: no-repeat;
  background-size: 12px;
  content: '';
  filter: var(--forum-blog-lock-icon-filter);
}

.blog-badge-new {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: -4px 0 -4px 4px;
  border-radius: 50%;
  background-image: url(/img/top-newblog-v3.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

@media screen and (min-width: 48em) {
  .blog-badge-new {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }
}

.blog-author--theme_new .blog-badge-new {
  display: inline-flex;
}

.blog-header--bottom {
  gap: 0 16px;
  display: flex;
  width: 100%;
  padding: 16px 0;
}

@media screen and (min-width: 48em) {
  .blog-header--bottom {
    display: none;
  }
}

.blog-bookmarks {
  display: none;
}

@media screen and (min-width: 48em) {
  .blog-bookmarks {
    display: flex;
  }
}

.blog-bookmarks_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .blog-bookmarks_mobile {
    display: none;
  }
}

.blog-bookmarks--post {
  margin: 0 0 8px;
  color: var(--text-6-color, #909090);
  font-size: 11px;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

.blog-bookmarks--post span {
  padding: 0 0 0 4px;
  color: var(--text-5-color, #909090);
}

.blog-bookmarks--inner {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.blog-bookmarks--button {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--line-2-color, #e9e9e9);
  border-radius: 2px;
  background-color: var(--layer-5-color, #fff);
  color: var(--text-3-color, #0f0f0f);
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
}

.blog-bookmarks--button_active {
  border-color: var(--layer-2-color, #e9e9e9);
  background-color: var(--layer-2-color, #e9e9e9);
}

.blog-bookmarks--button svg {
  width: 16px;
  height: 16px;
}

[theme='dark'] .blog-bookmarks--button svg {
  --i-color1: #fff;
}

.blog-bookmarks_mobile .blog-bookmarks--button {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.blog-bookmarks--counter {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  margin: 0 0 0 4px;
  padding: 5px 10px;
  border: 1px solid var(--line-2-color, #dbdbdb);
  border-radius: 3px;
  background-color: var(--layer-4-color, #fff);
  color: var(--text-3-color, #606060);
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

.blog-bookmarks--counter::before {
  position: absolute;
  top: 8px;
  left: -6px;
  width: 8px;
  height: 7px;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23fff' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23fff' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 7px;
  content: '';
}

[theme='dark'] .blog-bookmarks--counter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23424242' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' d='m1 3.5 5.318-3v6L1 3.5Z'/%3E%3Cpath fill='%23424242' d='M2.182 3.5 7.5.5v6l-5.318-3Z'/%3E%3C/svg%3E");
}

.blog-awards {
  display: none;
}

@media screen and (min-width: 48em) {
  .blog-awards {
    display: flex;
  }
}

.blog-awards.show {
  display: flex;
}

.blog-awards--list {
  display: flex;
  margin: 0;
}

.blog-awards--item {
  gap: 0 2px;
  display: flex;
  align-items: center;
  height: 26px;
}

@media screen and (min-width: 48em) {
  .blog-awards--item {
    gap: 0 8px;
    height: 52px;
  }
}

.blog-awards--item:not(:first-child) {
  margin: 0 0 0 16px;
  padding: 0 0 0 16px;
  border-left: 1px solid var(--line-1-color, #e5e5e5);
}

.blog-awards--cup {
  display: flex;
  flex-shrink: 0;
}

.blog-awards--cup img {
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 48em) {
  .blog-awards--cup img {
    width: 36px;
    height: 36px;
  }
}

.blog-awards--stats {
  gap: 4px;
  display: flex;
  align-items: flex-start;
}

@media screen and (min-width: 48em) {
  .blog-awards--stats {
    flex-direction: column;
  }
}

.blog-awards--qty {
  color: var(--text-3-color, #606060);
  font-family: "PT Serif", serif;
  font-size: 20px;
  line-height: 24px;
}

.blog-awards--label {
  transform: translateY(10px);
  color: var(--text-4-color, #909090);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .blog-awards--label {
    transform: translateY(0);
  }
}

.intersection {
  display: flex;
  flex-direction: column;
}

.intersection--top {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 16px 0;
}

@media screen and (min-width: 48em) {
  .intersection--top {
    padding: 36px 0 24px;
  }
}

@media screen and (min-width: 64em) {
  .intersection--top {
    flex-wrap: nowrap;
  }
}

.intersection--top_mid {
  max-width: 870px;
}

.intersection--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.intersection--inner_mid {
  max-width: 870px;
}

.intersection--content {
  width: 100%;
}

.intersection--notes {
  width: 100%;
}

.intersection--notes:has(.header-note) {
  margin: 24px 0 0;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .intersection--notes:has(.header-note) {
    padding: 0;
  }
}

.header-note {
  --x-header-note-color: var(--text-5-color, #4f4f4f);
  --x-header-note-default-color: var(--text-4-color, #333);
  --x-header-note-item-color: var(--text-4-color, #909090);
  --x-header-note-bg-color: var(--layer-5-color, #fffdf0);
  --x-header-note-border-color: var(--line-2-color, #dedede);
  --x-header-note-link-color: var(--text-2-color, #4f4f4f);
  display: flex;
  flex-direction: column;
  width: 100%;
}

.header-note--wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 5px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .header-note--wrap {
    padding: 0;
  }
}

.header-note--heading {
  margin: 0 16px 0 0;
  color: var(--x-header-note-color);
  font-size: 16px;
  font-weight: 700;
}

.header-note--inner {
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid var(--x-header-note-border-color);
  background-color: var(--x-header-note-bg-color);
  color: var(--x-header-note-default-color);
}

@media screen and (min-width: 48em) {
  .header-note--inner {
    padding: 15px 25px;
  }
}

.header-note--inner.hide {
  display: none;
}

.header-note--inner a {
  color: var(--x-header-note-link-color);
  font-weight: 500;
}

@media screen and (min-width: 64em) {
  .header-note--inner a:hover {
    text-decoration: underline;
  }
}

.header-note--list {
  margin: 0 0 5px;
  list-style: none;
  counter-reset: li;
}

.header-note--item {
  color: var(--x-header-note-item-color);
  font-size: 14px;
  counter-increment: li;
}

.header-note--item::before {
  display: inline-block;
  width: 16px;
  color: #ccc;
  content: counter(li) ".";
}

.header-note--shield {
  color: var(--x-header-note-color);
  font-size: 16px;
}

.section-heading {
  --x-stake-uni-head-color: var(--text-5-color, #909090);
  margin: 0 0 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
  color: var(--x-stake-uni-head-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.offer {
  margin: 0 0 10px;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.offer:nth-last-child(1) {
  border-color: transparent;
}

.offer--theme {
  margin: 0 0 10px;
}

.theme {
  --x-stake-theme-border-color: var(--line-1-color, #e5e5e5);
  --x-stake-theme-checkbox-filter: var(--icon-2-filter, none);
  --x-stake-theme-stats-color: var(--text-6-color, #999);
  --x-stake-theme-read-color: var(--text-6-color, #9e9e9e);
  --x-stake-theme-pager-icon-filter: var(--icon-6-filter, none);
  --x-stake-theme-pager-icon-read: var(--icon-4-filter, none);
  --x-stake-theme-pager-color: var(--text-4-color, #202020);
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 10px;
}

@media screen and (min-width: 64em) {
  .theme {
    grid-template-columns: minmax(300px, 1fr) 150px 100px 150px 130px 20px;
  }
}

.theme_border {
  padding: 0 0 15px;
  border-bottom: 1px solid var(--x-stake-theme-border-color);
}

.theme--inner {
  display: flex;
  flex-wrap: wrap;
}

.theme--item {
  display: flex;
}

@media screen and (min-width: 64em) {
  .theme--item {
    padding: 0 10px;
  }
}

@media screen and (min-width: 64em) {
  .theme--item_double {
    grid-column: span 2;
  }
}

.theme--item_event {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 0 0;
}

.theme--stats {
  display: flex;
  align-items: flex-end;
  color: var(--x-stake-theme-stats-color);
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
}

.theme--checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 3px;
  filter: var(--x-stake-theme-checkbox-filter);
}

@media screen and (min-width: 64em) {
  .theme--checkbox {
    grid-column-end: -1;
    grid-column-start: -2;
    justify-content: center;
  }
}

.theme--nickname {
  margin: 0 0 4px;
  color: var(--text-2-color, #000);
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

@media screen and (min-width: 64em) {
  .theme--nickname:hover {
    text-decoration: underline;
  }
}

.visited .theme--nickname {
  color: var(--x-stake-theme-read-color);
}

.theme--title-wrap {
  display: flex;
}

.theme--title {
  margin: 0 12px 0 0;
  color: var(--text-2-color, #202020);
  font-family: "Noto Serif", serif;
  font-size: 18px;
  line-height: 25px;
}

@media screen and (min-width: 64em) {
  .theme--title:hover {
    text-decoration: underline;
  }
}

.visited .theme--title {
  color: var(--x-stake-theme-read-color);
}

.theme--label {
  line-height: 25px;
}

.theme--label_warning {
  position: relative;
  margin: 0 4px 0 0;
  padding: 0 0 0 20px;
  color: #529410;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.theme--label_warning::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/img/label-warning-green.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.theme--pager {
  display: none;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 0 16px;
  line-height: 25px;
}

@media screen and (min-width: 48em) {
  .theme--pager {
    display: flex;
  }
}

.theme--pager::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 13px;
  height: 16px;
  background-image: url(/img/theme-name-pager-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  filter: var(--x-stake-theme-pager-icon-filter);
}

.theme--pager a {
  margin: 0 4px;
  padding: 0 2px;
  color: var(--x-stake-theme-pager-color);
  font-size: 12px;
}

.theme--pager a:hover {
  text-decoration: underline;
}

.visited .theme--pager::before {
  background-image: url(/img/theme-name-pager-gray.svg);
  filter: var(--x-stake-theme-pager-icon-read);
}

.visited .theme--pager a {
  color: var(--x-stake-theme-read-color);
}

.unigrid {
  --stacking-default-color: #e0e0e0;
  --stacking-open-color: #c4dbab;
  --stacking-closed-color: #fbe1ae;
  --stacking-result-color: #c8abe6;
  --x-unigrid-bg-color: var(--layer-2a-color, #f9f9f9);
  --x-unigrid-head-color: var(--text-6-color, #999);
  --x-unigrid-data-color: var(--text-5-color, #202020);
  --x-unigrid-title-color: var(--text-4-color, #333);
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 3px;
  background-color: var(--x-unigrid-bg-color);
}

@media screen and (min-width: 64em) {
  .unigrid {
    grid-template-columns: minmax(300px, 1fr) 150px 100px 150px 150px;
  }
}

.unigrid--head {
  color: var(--x-unigrid-head-color);
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

.unigrid--title {
  color: var(--x-unigrid-title-color);
  font-size: 16px;
  font-weight: 700;
}

.unigrid--item {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-left: 3px solid;
  border-left-color: var(--stacking-default-color);
}

@media screen and (min-width: 64em) {
  .unigrid--item {
    border: 0;
  }
}

@media screen and (min-width: 64em) {
  .unigrid--item_event {
    border-left: 3px solid;
  }
}

@media screen and (min-width: 64em) {
  .unigrid--item_double {
    grid-column: span 2;
  }
}

.unigrid_theme_open .unigrid--item {
  border-left-color: var(--stacking-open-color);
}

.unigrid_theme_result .unigrid--item {
  border-left-color: var(--stacking-result-color);
}

.unigrid_theme_closed .unigrid--item {
  border-left-color: var(--stacking-closed-color);
}

.unigrid_theme_deleted .unigrid--item {
  border-left-color: var(--stacking-default-color);
}

.unigrid--data {
  color: var(--x-unigrid-data-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
}

.unigrid--data_positive {
  color: #529410;
}

.unigrid--data_negative {
  color: #e51e25;
}

.unigrid--checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 3px;
}

@media screen and (min-width: 64em) {
  .unigrid--checkbox {
    grid-column-end: -1;
    grid-column-start: -2;
    justify-content: center;
  }
}

.filter-offer {
  --x-stake-filter-field-color: var(--control-1-color, #606060);
  --x-stake-filter-field-bg-color: var(--layer-1-color, #fff);
  --x-stake-filter-field-border-color: var(--control-1-border-color, #cfcfcf);
  --x-stake-filter-label-color: var(--text-5-color, #606060);
  --x-stake-filter-button-color: var(--control-1-color, #fff);
  --x-stake-filter-button-bg-color: var(--control-1-bg-color, #000);
  --x-stake-filter-button-border-color: var(--control-1-border-color, #cfcfcf);
  padding: 20px 15px;
}

@media screen and (min-width: 48em) {
  .filter-offer {
    padding: 20px 0;
  }
}

.filter-offer--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .filter-offer--form {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}

.filter-offer--nick {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 240px;
  margin: 0 20px 0 0;
  padding: 2px 5px 4px 26px;
  border: 1px solid var(--x-stake-filter-field-border-color);
  border-radius: 2px;
  background-color: var(--x-stake-filter-field-bg-color);
  background-image: url(/img/subs-search.svg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: var(--x-stake-filter-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.filter-offer--nick::-moz-placeholder {
  color: #909090;
}

.filter-offer--nick::placeholder {
  color: #909090;
}

.filter-offer--range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  margin: 0 10px 0 0;
  padding: 2px 5px 4px;
  border: 1px solid var(--x-stake-filter-field-border-color);
  border-radius: 2px;
  background-color: var(--x-stake-filter-field-bg-color);
  color: var(--x-stake-filter-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.filter-offer--range::-moz-placeholder {
  color: #909090;
}

.filter-offer--range::placeholder {
  color: #909090;
}

.filter-offer--share {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 120px;
  margin: 0 20px 0 0;
  padding: 2px 5px 4px;
  border: 1px solid var(--x-stake-filter-field-border-color);
  border-radius: 2px;
  background-color: var(--x-stake-filter-field-bg-color);
  color: var(--x-stake-filter-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.filter-offer--share::-moz-placeholder {
  color: #909090;
}

.filter-offer--share::placeholder {
  color: #909090;
}

.filter-offer--title {
  margin: 0 5px 0 0;
  color: var(--x-stake-filter-label-color);
  font-size: 11px;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.filter-offer--label {
  display: flex;
  position: relative;
  margin: 0 20px 0 0;
  color: var(--x-stake-filter-label-color);
  font-size: 11px;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.filter-offer--inner {
  display: flex;
  padding: 4px 0;
}

.filter-offer--inner_double {
  flex-direction: column;
}

@media screen and (min-width: 48em) {
  .filter-offer--inner_double {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.filter-offer--wrap {
  display: flex;
}

.filter-button {
  order: 2;
  width: 100%;
  height: 28px;
  padding: 0 14px;
  border: 1px solid var(--x-stake-filter-button-border-color);
  border-radius: 2px;
  background-color: var(--x-stake-filter-button-bg-color);
  color: var(--x-stake-filter-button-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.filter-button_reset {
  order: 1;
  margin: 0 10px 0 0;
  border: 1px solid var(--x-stake-filter-button-border-color);
  background-color: transparent;
  color: var(--x-stake-filter-button-color);
  line-height: 26px;
}

.subheader-staking {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fafafa;
}

.subheader-staking--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1276px;
  padding: 0 15px;
}

.staking-tabs {
  display: flex;
}

.staking-tabs--button {
  padding: 0 10px;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  color: #4f4f4f;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 32px;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .staking-tabs--button {
    padding: 0 15px;
    line-height: 40px;
  }
}

.staking-tabs--button:not(:last-child) {
  margin: 0 5px 0 0;
}

.staking-tabs--button.active {
  border-color: #e7e7e7;
  background-color: #e7e7e7;
  color: #909090;
}

.tab-stats {
  display: none;
}

.tab-stats.active {
  display: block;
}

.filter-myshares {
  padding: 0 15px 15px;
}

@media screen and (min-width: 48em) {
  .filter-myshares {
    padding: 0 0 15px;
  }
}

.filter-myshares--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .filter-myshares--form {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}

.filter-myshares--nick {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 290px;
  margin: 0 8px 0 0;
  padding: 3px 5px 3px 26px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background-color: #fff;
  background-image: url(/img/subs-search.svg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: #606060;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .filter-myshares--nick {
    width: 240px;
  }
}

.filter-myshares--nick::-moz-placeholder {
  color: #909090;
}

.filter-myshares--nick::placeholder {
  color: #909090;
}

.filter-myshares--title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 290px;
  padding: 3px 5px 3px 26px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background-color: #fff;
  background-image: url(/img/subs-search.svg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: #606060;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .filter-myshares--title {
    width: 240px;
  }
}

.filter-myshares--title::-moz-placeholder {
  color: #909090;
}

.filter-myshares--title::placeholder {
  color: #909090;
}

.filter-myshares--inner {
  display: flex;
  padding: 4px 0;
}

.mydata-select {
  display: flex;
  flex-wrap: wrap;
}

.mydata-select--date {
  margin: 0 25px 0 0;
}

.mydata-select--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 170px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #fff;
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #202020;
  font-family: inherit;
  font-size: 15px;
  line-height: 26px;
}

.mydata-select--target {
  display: flex;
  align-items: center;
}

.mydata-select--label {
  position: relative;
  margin: 0 20px 0 0;
  padding: 0 0 0 25px;
  color: #909090;
  font-size: 15px;
  line-height: 28px;
  cursor: pointer;
}

.mydata-select--label:nth-last-of-type(1) {
  margin: 0;
}

.mydata-select--circle {
  position: absolute;
  top: 6px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  background-color: #fff;
}

.mydata-select--circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #606060;
  content: '';
}

.mydata-select--input {
  position: absolute;
  opacity: 0;
}

.mydata-select--input:checked + .mydata-select--circle::after {
  display: block;
}

.datagrid {
  grid-gap: 4px 0;
  display: grid;
  grid-template-columns: 120px 1fr;
  padding: 10px 15px;
  background-color: #fff;
}

@media screen and (min-width: 64em) {
  .datagrid {
    grid-gap: 0 10px;
    grid-template-columns: 70px minmax(110px, 150px) minmax(200px, 1fr) 290px 135px;
  }
}

.datagrid:not(:last-child) {
  margin: 0 0 5px;
}

.datagrid--date {
  display: flex;
  align-items: center;
}

.datagrid--date span {
  height: 21px;
  color: #999;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  line-height: 25px;
  text-transform: uppercase;
}

.datagrid--nick {
  display: flex;
  align-items: center;
  max-width: 160px;
}

.datagrid--nick a {
  overflow: hidden;
  color: #808080;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .datagrid--nick a:hover {
    text-decoration: underline;
  }
}

.datagrid--title {
  display: flex;
  grid-column: 1 / 3;
  align-items: center;
}

@media screen and (min-width: 64em) {
  .datagrid--title {
    grid-column: auto;
  }
}

@media screen and (min-width: 64em) {
  .datagrid--title_double {
    grid-column: 2 / 4;
  }
}

.datagrid--title a {
  color: #000;
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 25px;
}

@media screen and (min-width: 48em) {
  .datagrid--title a:hover {
    text-decoration: underline;
  }
}

.datagrid--tab {
  grid-column: 1 / 3;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .datagrid--tab {
    grid-column: auto;
  }
}

.datagrid--history {
  display: flex;
  grid-column: 1 / 3;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 64em) {
  .datagrid--history {
    grid-column: auto;
  }
}

.datagrid--spoiler {
  position: relative;
  padding: 0 0 0 12px;
  color: #999;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  white-space: nowrap;
}

.datagrid--spoiler::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url(/img/diary-drop.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.datagrid--spoiler.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.datagrid--wrap {
  display: none;
  grid-column: 1 / 3;
  flex-direction: column;
  padding: 5px 0 0;
}

@media screen and (min-width: 64em) {
  .datagrid--wrap {
    grid-column: 4 / 6;
    grid-row: 2;
  }
}

.datagrid--wrap.show {
  display: flex;
}

.datagrid--note {
  color: #606060;
  font-size: 11px;
  line-height: 16px;
}

.datagrid--note:not(:last-child) {
  margin: 0 0 4px;
}

.table-datagrid {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.table-datagrid th {
  padding: 0 10px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  .table-datagrid th {
    border-top: 0;
  }
}

.table-datagrid th:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}

.table-datagrid th:nth-child(1) {
  width: 50px;
}

.table-datagrid th:nth-child(2) {
  width: 150px;
}

.table-datagrid_myoffers th:nth-child(1) {
  width: 170px;
}

.table-datagrid_myoffers th:nth-child(2) {
  width: 70px;
}

.table-datagrid td {
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 36px;
}

@media screen and (min-width: 64em) {
  .table-datagrid td {
    border-bottom: 0;
  }
}

.table-datagrid td:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}

.table-datagrid--inner {
  display: flex;
  flex-wrap: wrap;
}

.table-datagrid--data {
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

.table-datagrid--data_result {
  margin: 0 15px 0 0;
}

.table-datagrid--data_positive {
  color: #529410;
}

.table-datagrid--data_negative {
  color: #e51e25;
}

.table-datagrid--data_open {
  color: #a2b989;
  font-size: 14px;
}

.table-datagrid--data_closed {
  color: #c1a875;
  font-size: 14px;
}

.table-datagrid--data_deleted {
  color: #909090;
  font-size: 14px;
}

.pagination-stats {
  display: flex;
  align-items: center;
  padding: 30px 0 0;
}

.pagination-stats_clean_mobile {
  padding: 0;
}

.staking-graph {
  display: flex;
  flex-direction: column-reverse;
  padding: 20px 0 30px;
  background-color: #fff;
}

@media screen and (min-width: 64em) {
  .staking-graph {
    flex-direction: row;
    padding: 30px 0;
  }
}

.staking-graph--chart {
  width: 100%;
}

@media screen and (min-width: 64em) {
  .staking-graph--chart {
    width: 75%;
    min-height: 400px;
  }
}

.staking-graph--legend {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 15px;
}

@media screen and (min-width: 64em) {
  .staking-graph--legend {
    width: 20%;
    margin: 0 0 0 1%;
    padding: 0 4% 0 0;
    border-left: 1px solid #ccc;
  }
}

.legend-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: baseline;
  line-height: 22px;
}

@media screen and (min-width: 64em) {
  .legend-item {
    grid-template-columns: 1fr;
    line-height: 30px;
    text-align: right;
  }
}

.legend-item--heading {
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
}

.legend-item--data {
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
}

@media screen and (min-width: 64em) {
  .legend-item--data {
    margin: 0 0 20px;
    font-size: 32px;
  }
}

.legend-item--data_negative {
  color: #e51e25;
}

.ajax-flexgrow {
  flex-grow: 1;
  width: 100%;
}

.search-message {
  --x-message-button-bg-color: var(--control-1-bg-color, #fff);
  --x-message-button-color: var(--control-1-color, #333);
  --x-message-button-border-color: var(--control-1-border-color, #ccc);
  --x-message-button-icon-filter: var(--icon-2-filter, none);
  --x-message-field-border-color: var(--control-1-border-color, #cfcfcf);
  --x-message-field-bg-color: var(--layer-1-color, #fff);
  --x-message-field-color: var(--control-1-color, #606060);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 15px 20px;
}

@media screen and (min-width: 48em) {
  .search-message {
    flex-direction: row;
    padding: 5px 0 20px;
  }
}

.new-message-button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 28px;
  padding: 0 15px 0 10px;
  border: 1px solid var(--x-message-button-border-color);
  border-radius: 3px;
  background-color: var(--x-message-button-bg-color);
  color: var(--x-message-button-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}

.new-message-button::before {
  width: 9px;
  height: 9px;
  margin: 0 6px 0 0;
  background-image: url(/img/add-button-plus.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  content: '';
  filter: var(--x-message-button-icon-filter);
}

.new-message-button_right {
  margin: 0 0 10px;
}

@media screen and (min-width: 48em) {
  .new-message-button_right {
    margin: 0 20px 0 0;
  }
}

.search-message--field {
  width: 280px;
  padding: 3px 5px 3px 26px;
  border: 1px solid var(--x-message-field-border-color);
  border-radius: 2px;
  background-color: var(--x-message-field-bg-color);
  background-image: url(/img/subs-search.svg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: var(--x-message-field-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.msg-setup {
  width: 100%;
}

.msg-setup--header {
  --x-message-header-bg-color: var(--layer-3-color, #fff);
  --x-message-header-border-color: var(--line-2-color, #c7c7c7);
  --x-message-header-color: var(--text-5-color, #909090);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 11px 15px;
  border-bottom: 2px solid var(--x-message-header-border-color);
  background-color: var(--x-message-header-bg-color);
}

.msg-setup--heading {
  color: var(--x-message-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 27px;
  text-transform: uppercase;
}

.grid-msg {
  --x-message-grid-bg-color: var(--layer-3-color, #fff);
  --x-message-grid-border-color: var(--line-1-color, #efefef);
  --x-message-color: var(--text-5-color, #808080);
  --x-message-text-color: var(--text-6-color, #909090);
  --x-message-title-color: var(--text-2-color, #000);
  grid-gap: 4px 10px;
  display: grid;
  grid-template-columns: 20px 1fr;
  padding: 10px 15px;
  border-bottom: 1px solid var(--x-message-grid-border-color);
  background-color: var(--x-message-grid-bg-color);
}

@media screen and (min-width: 64em) {
  .grid-msg {
    grid-gap: 0 10px;
    grid-template-columns: 20px 150px minmax(200px, 1fr) 100px;
  }
}

.grid-msg:nth-last-of-type(2) {
  border-color: transparent;
}

.grid-msg_custom {
  background-color: #c0ffc3;
}

.grid-msg--nick {
  display: flex;
  max-width: 160px;
}

.grid-msg--nick a {
  overflow: hidden;
  color: var(--x-message-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .grid-msg--nick a:hover {
    text-decoration: underline;
  }
}

.grid-msg--theme {
  display: flex;
  grid-column: 1 / 3;
  flex-direction: column;
  align-items: flex-start;
  color: var(--x-message-color);
}

@media screen and (min-width: 64em) {
  .grid-msg--theme {
    grid-column: auto;
  }
}

.grid-msg--theme a {
  word-break: break-word;
  overflow-wrap: break-word;
}

.grid-msg--title {
  display: flex;
  color: var(--x-message-title-color);
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 25px;
}

@media screen and (min-width: 48em) {
  .grid-msg--title:hover {
    text-decoration: underline;
  }
}

.theme_read .grid-msg--title {
  color: var(--x-message-text-color);
}

.grid-msg--text {
  display: flex;
  color: var(--x-message-text-color);
  font-size: 14px;
  line-height: 20px;
}

.grid-msg--date {
  display: flex;
  grid-column: 1 / 3;
  color: var(--x-message-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  line-height: 25px;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  .grid-msg--date {
    grid-column: auto;
  }
}

.check-messages {
  --x-message-footer-bg-color: var(--layer-3-color, #fefefe);
  --x-message-footer-label-color: var(--text-4-color, #4f4f4f);
  --x-message-footer-button-bg-color: var(--control-1-bg-color, #fff);
  --x-message-footer-button-color: var(--control-1-color, #333);
  --x-message-footer-button-border-color: var(--control-1-border-color, #ccc);
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 0;
  padding: 20px 15px;
  background-color: var(--x-message-footer-bg-color);
}

.check-messages--inner {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.check-messages--read {
  margin: 0 20px 0 0;
  padding: 0 0 0 28px;
  background-image: url(/img/mark-read.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 21px;
  color: var(--x-message-footer-label-color);
  font-size: 14px;
  line-height: 28px;
}

.check-messages--button {
  -webkit-appearance: button;
  height: 28px;
  margin: 0 20px 0 0;
  padding: 0 15px;
  border: 1px solid var(--x-message-footer-button-border-color);
  border-radius: 3px;
  background-color: var(--x-message-footer-button-bg-color);
  color: var(--x-message-footer-button-color);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
}

.check-messages--label {
  display: flex;
  position: relative;
  margin: 0 20px 0 0;
  color: var(--x-message-footer-label-color);
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  cursor: pointer;
}

.message-new {
  padding: 20px 0 0;
}

@media screen and (min-width: 48em) {
  .message-new {
    padding: 20px 15px 0;
  }
}

.message-new_blog {
  padding: 20px 0 0;
}

@media screen and (min-width: 48em) {
  .message-new_blog {
    padding: 20px 0 0;
  }
}

.message-new--header {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .message-new--header {
    padding: 0;
  }
}

.message-new--nick {
  display: flex;
  flex-direction: column;
  margin: 0 0 5px;
}

.message-new--title {
  display: flex;
  flex-direction: column;
}

.message-new--label {
  color: #909090;
  font-size: 15px;
  line-height: 22px;
}

.message-new--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 610px;
  padding: 5px 10px;
  border: 1px solid var(--control-1-border-color, #cfcfcf);
  border-radius: 2px;
  background-color: var(--layer-1-color, #fff);
  color: var(--control-1-color, #333);
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
}

.message-new--field:focus-visible {
  border-color: #bdbdbd;
  outline: none;
}

[theme='dark'] .message-new--field:focus-visible {
  border-color: #757575;
}

.message-new--field_nick {
  max-width: 250px;
}

.breadcrumbs-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--layer-3-color, #f9f9f9);
}

.breadcrumbs-header .top-breadcrumbs--inner {
  max-width: 1060px;
  padding: 16px 15px;
}

@media screen and (min-width: 64em) {
  .breadcrumbs-header .top-breadcrumbs--inner {
    padding: 24px 30px;
  }
}

.breadcrumbs-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.breadcrumbs-footer .top-breadcrumbs--inner {
  max-width: 1060px;
  padding: 16px 15px;
}

@media screen and (min-width: 64em) {
  .breadcrumbs-footer .top-breadcrumbs--inner {
    padding: 24px 30px;
  }
}

.content-new-header {
  gap: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 15px;
}

@media screen and (min-width: 48em) {
  .content-new-header {
    padding: 36px 0;
  }
}

.content-new-heading {
  margin: 0;
  color: var(--text-3-color, #000);
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
}

.creator-icon {
  gap: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 472px;
}

.creator-icon::after,
.creator-icon::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--line-1-color, #d9d9d9);
  content: '';
}

.content-new-header_small .creator-icon {
  max-width: 332px;
}

.content-new-header_theme .creator-icon {
  gap: 0 22px;
  max-width: 344px;
}

.creator-icon--wrap {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 20px;
  background-color: var(--layer-3-color, #fff);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .12);
}

.content-new-header_small .creator-icon--wrap {
  width: 60px;
  height: 60px;
}

.content-new-header_theme .creator-icon--wrap {
  width: 60px;
  height: 60px;
}

.creator-icon--user {
  width: 74px;
  height: 61px;
  transform: translateY(5px);
}

[theme='dark'] .creator-icon--user {
  --i-color1: #757575;
}

.content-new-header_small .creator-icon--user {
  width: 55px;
  height: 43px;
  transform: translateY(3px);
}

.creator-icon--theme {
  width: 54px;
  height: 48px;
  transform: translateY(5px);
}

[theme='dark'] .creator-icon--theme {
  --i-color1: #757575;
}

.content-new-header_theme .creator-icon--theme {
  width: 38px;
  height: 34px;
  transform: translateY(3px);
}

.creator-select {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 24px 15px;
}

@media screen and (min-width: 48em) {
  .creator-select {
    padding: 24px 0;
  }
}

.creator-select_editor {
  max-width: initial;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .creator-select_editor {
    padding: 0;
  }
}

.creator-select--options {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 24px;
}

.creator-select--label {
  margin: 0 0 8px;
  color: var(--text-4-color, #000);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.creator-select--dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 14px 38px 14px 16px;
  border: 1px solid var(--line-1-color, #dfe1e4);
  border-radius: 10px;
  background-color: var(--layer-3-color, #fff);
  background-image: url(/img/select-arrow-24.svg);
  background-origin: content-box;
  background-position: right -24px center;
  background-repeat: no-repeat;
  background-size: 24px;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  line-height: 18px;
}

[theme='dark'] .creator-select--dropdown {
  background-image: url(/img/select-arrow-light-24.svg);
  color: #ccc;
}

.creator-select--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--line-1-color, #dfe1e4);
  border-radius: 10px;
  background-color: var(--layer-3-color, #fff);
  color: #000;
  font-family: inherit;
  font-size: 16px;
  line-height: 18px;
}

[theme='dark'] .creator-select--field {
  color: #ccc;
}

.creator-select--field::-moz-placeholder {
  color: #8e8e8e;
  font-size: 14px;
  line-height: 18px;
}

.creator-select--field::placeholder {
  color: #8e8e8e;
  font-size: 14px;
  line-height: 18px;
}

[theme='dark'] .creator-select--field::-moz-placeholder {
  color: #757575;
}

[theme='dark'] .creator-select--field::placeholder {
  color: #757575;
}

.creator-select--link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 194px;
  height: 42px;
  padding: 8px 16px;
  border: 0;
  border-radius: 5px;
  background-color: var(--layer-5-color, #292929);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.editor-placeholder {
  width: 100%;
}

.editor-placeholder .editor_theme {
  padding: 0;
}

@media screen and (min-width: 48em) {
  .editor-placeholder .editor_theme {
    padding: 0;
  }
}

.editor-placeholder .ck.ck-reset.ck-editor.ck-rounded-corners {
  border-radius: 10px;
}

.editor-placeholder .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-radius: 10px 10px 0 0;
}

.editor-placeholder .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-reset .ck-toolbar {
  border-radius: 0;
}

.editor-placeholder .ck .ck-toolbar__items {
  border-radius: 10px 10px 0 0;
}

.editor-placeholder .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.editor-placeholder .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-radius: 0 0 10px 10px;
}

.editor-placeholder .ck-toolbar-dropdown-cards .ck-toolbar__items {
  border-bottom: 1px solid var(--line-1-color, #ddd);
}

.editor-placeholder .ck-toolbar-dropdown-smiley {
  border-bottom: 1px solid var(--line-1-color, #ddd) !important;
}

.editor-placeholder .ck-toolbar-dropdown-smiley .ck.ck-toolbar {
  background-color: var(--post-blockquote-bg-color, #eee);
}

.editor-placeholder .ck .ck-editor__main p.ck-placeholder {
  color: #8e8e8e;
  font-size: 14px;
  line-height: 20px !important;
}

[theme='dark'] .editor-placeholder .ck .ck-editor__main p.ck-placeholder {
  color: #757575;
}

.creator-select--bottom {
  gap: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 16px 0 0;
}

.creator-ui-label {
  position: relative;
  padding: 0 0 0 40px;
  color: var(--text-3-color, #292929);
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.creator-ui-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--line-2-color, #292929);
  border-radius: 10px;
  background-color: transparent;
}

.creator-ui-circle::after {
  display: none;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 7px;
  height: 12px;
  transform: rotate(45deg);
  border: 3px solid var(--line-2-color, #292929);
  border-top: 0;
  border-left: 0;
  content: '';
}

.creator-ui-input {
  position: absolute;
  opacity: 0;
}

.creator-ui-input:checked + .creator-ui-circle {
  border-color: var(--line-2-color, #292929);
}

.creator-ui-input:checked + .creator-ui-circle::after {
  display: block;
}

.creator-select--post {
  gap: 0 8px;
  display: flex;
  align-items: flex-start;
}

.creator-select--save {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 5px;
  background-color: var(--layer-5-color, #292929);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .creator-select--save {
    height: 42px;
    padding: 8px 18px;
    font-size: 16px;
  }
}

.creator-select--preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--line-2-color, #292929);
  border-radius: 5px;
  background-color: transparent;
  color: var(--text-1-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .creator-select--preview {
    height: 42px;
    padding: 8px 18px;
    font-size: 16px;
  }
}

.creator-offer {
  width: 100%;
  margin: 24px 0 8px;
  padding: 36px 16px;
  border-radius: 10px;
  background-color: var(--layer-3-color, #ededed);
}

@media screen and (min-width: 64em) {
  .creator-offer {
    padding: 36px;
  }
}

.creator-offer--head {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 24px;
}

.creator-offer--heading {
  margin: 0 0 8px;
  color: var(--text-3-color, #292929);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.creator-offer--note {
  color: var(--text-5-color, #606060);
  font-size: 14px;
  line-height: 18px;
}

.stake-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.stake-form--grid {
  gap: 0 24px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .stake-form--grid {
    grid-template-columns: 1fr 1fr;
  }
}

.stake-form--area {
  display: flex;
  flex-direction: column;
}

.stake-form--row {
  gap: 0 16px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 64em) {
  .stake-form--row {
    flex-wrap: nowrap;
  }
}

.bookmarks-layout {
  --menu-bkm-item-bg-color: var(--pal-gt-accent, #e51e25);
  --menu-bkm-item-color: var(--text-5-color, #202020);
  --menu-bkm-counter-color: var(--text-3-color, #202020);
  --menu-bkm-border-color: var(--line-1-color, #e7e7e7);
  --bkm-item-bg-color: var(--layer-3-color, #fff);
  --bkm-item-swipe-bg-color: var(--layer-4-color, #bdbdbd);
  --bkm-item-visited-color: var(--text-6-color, #9e9e9e);
  --bkm-item-name-color: var(--text-4-color, #000);
  --bkm-item-title-color: var(--text-2-color, #000);
  --bkm-item-section-color: var(--text-5-color, #666);
  --bkm-item-new-color: var(--text-2-color, #212121);
  --bkm-item-stats-color: var(--text-5-color, #909090);
  --bkm-item-user-color: var(--text-5-color, #808080);
  --bkm-sub-heading-color: var(--text-5-color, #000);
  --bkm-sub-border-color: var(--line-1-color, #e7e7e7);
  --bkm-sub-user-color: var(--text-2-color, #000);
  --bkm-sub-active-bg-color: var(--layer-4-color, #e7e7e7);
  --bkm-sub-stats-bg-color: var(--pal-gt-accent, #e51e25);
  --bkm-sub-empty-color: var(--text-1-color, #000);
  --bkm-list-button-color: var(--text-6-color, #404040);
  --bkm-list-bg-color: var(--layer-3-color, #fff);
  --bkm-list-name-color: var(--text-4-color, #000);
  --bkm-list-visited-color: var(--text-6-color, #9e9e9e);
  --bkm-list-title-color: var(--text-2-color, #000);
  --bkm-list-section-color: var(--text-5-color, #666);
  --bkm-list-date-color: var(--text-5-color, #909090);
  --bkm-list-post-color: var(--text-5-color, #202020);
  --bkm-list-icon-filter: var(--icon-3-filter, none);
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}

@media screen and (min-width: 64em) {
  .bookmarks-layout {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 230px;
  }
}

.bookmarks-layout--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bookmarks-layout .no_fav {
  padding: 0 15px;
  color: var(--bkm-sub-empty-color);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 64em) {
  .bookmarks-layout .no_fav {
    padding: 0;
  }
}

.submenu-layout {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 22px 24px 0;
  background-color: var(--bkm-item-bg-color);
}

@media screen and (min-width: 48em) {
  .submenu-layout {
    grid-template-columns: auto 1fr;
  }
}

.submenu-layout--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.submenu-layout--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 40px;
}

@media screen and (min-width: 48em) {
  .submenu-layout--header {
    padding: 0 0 0 24px;
    border-bottom: 1px solid var(--bkm-sub-border-color);
  }
}

@media screen and (min-width: 64em) {
  .submenu-layout--header {
    justify-content: flex-end;
  }
}

.bookmarks-wrap {
  padding: 24px;
  background-color: var(--bkm-item-bg-color);
}

.bookmarks-wrap p {
  margin: 0;
  padding: 0;
  color: var(--bkm-sub-empty-color);
  font-size: 16px;
  line-height: 1.5;
}

.button-subs-read {
  color: var(--bkm-list-button-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
}

.button-subs-remove {
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  background-image: url(/img/marker-item-remove.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
}

.bookmarks-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 7px;
}

@media screen and (min-width: 64em) {
  .bookmarks-menu {
    padding: 0;
  }
}

.bookmarks-nav {
  gap: 0 4px;
  display: flex;
  margin: 0 auto 0 0;
}

@media screen and (min-width: 30em) {
  .bookmarks-nav {
    gap: 0 10px;
  }
}

.bookmarks-nav li {
  display: flex;
  margin: 0;
}

.bookmarks-nav--item {
  display: flex;
  position: relative;
  align-items: center;
  padding: 14px 12px 9px 12px;
  border-radius: 10px 10px 0 0;
  background-color: var(--layer-1-color, #ddd);
  color: var(--menu-bkm-item-color);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .bookmarks-nav--item {
    padding: 14px 16px 9px 14px;
  }
}

.active .bookmarks-nav--item {
  background-color: var(--bkm-item-bg-color);
}

[theme='dark'] .active .bookmarks-nav--item {
  color: #fff;
}

.bookmarks-nav--item svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
}

[theme='dark'] .bookmarks-nav--item svg {
  --i-color1: #909090;
}

.bookmarks-nav--item span {
  display: none;
  margin: 0 0 0 4px;
}

@media screen and (min-width: 48em) {
  .bookmarks-nav--item span {
    display: block;
  }
}

.bookmarks-nav--counter {
  display: flex;
  position: absolute;
  top: 7px;
  left: 17px;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 2px;
  border-radius: 18px;
  background-color: var(--layer-5-color, #909090);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .bookmarks-nav--counter {
    left: 19px;
  }
}

.bookmarks-nav--counter.active {
  background-color: #e51e25;
}

.bookmarks-layout--form {
  padding: 2px 24px 0;
  background-color: var(--bkm-item-bg-color);
}

.marker-list {
  width: 100%;
  margin: 0;
}

.marker-list--item {
  position: relative;
  padding: 15px 30px 15px 0;
  background-color: var(--bkm-item-bg-color);
}

@media screen and (min-width: 48em) {
  .marker-list--item {
    padding: 19px 24px 24px 0;
  }
}

.marker-list--item:not(:last-child) {
  margin: 0 0 5px;
  border-bottom: 1px solid var(--menu-bkm-border-color);
}

.marker-item-remove {
  display: block;
  position: absolute;
  top: 19px;
  right: -6px;
  width: 20px;
  height: 20px;
  background-image: url(/img/marker-item-remove.svg);
  background-position: 50%;
  background-repeat: no-repeat;
}

.marker-grid {
  gap: 0 10px;
  display: grid;
  grid-template-columns: 21px 1fr;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .marker-grid {
    grid-template-columns: 21px minmax(160px, 1fr) 160px 180px;
  }
}

.marker-grid--mark {
  display: flex;
  grid-column: 1;
}

.marker-grid--icon {
  align-self: center;
  width: 21px;
  height: 21px;
  background-image: url(/img/marker-star.svg);
  background-position: 50%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 48em) {
  .marker-grid--icon:hover {
    background-image: url(/img/marker-star-pin.svg);
  }
}

.marker-grid--icon_pin {
  background-image: url(/img/marker-star-pin.svg);
}

.marker-grid--nick {
  display: flex;
  grid-column: 2;
  width: 100%;
}

.marker-grid--user {
  margin: 0 10px 0 0;
  color: var(--bkm-item-name-color);
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

.marker-grid--user:hover {
  text-decoration: underline;
}

.visited .marker-grid--user {
  color: var(--bkm-item-visited-color);
}

.marker-grid--section {
  color: var(--bkm-item-section-color);
  font-size: 11px;
  line-height: 21px;
  text-transform: uppercase;
}

.visited .marker-grid--section {
  color: var(--bkm-item-visited-color);
}

.marker-grid--date {
  grid-column: 2;
  color: var(--bkm-item-stats-color);
  font-size: 11px;
  line-height: 21px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .marker-grid--date {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
  }
}

.visited .marker-grid--date {
  color: var(--bkm-item-visited-color);
}

.marker-grid--title {
  display: flex;
  grid-column: 2;
}

@media screen and (min-width: 48em) {
  .marker-grid--title {
    grid-column: 2;
    grid-row: 2;
  }
}

.marker-grid--title a {
  min-width: 0;
  color: var(--bkm-item-title-color);
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 21px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.marker-grid--title a:hover {
  text-decoration: underline;
}

.visited .marker-grid--title a {
  color: var(--bkm-item-visited-color);
}

.marker-grid--stats {
  grid-column: 2;
  line-height: 21px;
}

@media screen and (min-width: 48em) {
  .marker-grid--stats {
    grid-column: 3;
    grid-row: 2;
  }
}

.marker-grid--stats a {
  color: var(--bkm-item-stats-color);
  font-size: 13px;
}

.marker-grid--stats a:hover {
  text-decoration: underline;
}

.visited .marker-grid--stats a {
  color: var(--bkm-item-visited-color);
}

.marker-grid--stats strong {
  color: var(--bkm-item-new-color);
}

.visited .marker-grid--stats strong {
  color: var(--bkm-item-visited-color);
}

.marker-grid--new {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  grid-column: 2;
  height: 20px;
  padding: 4px 0 0;
  overflow: hidden;
  color: var(--bkm-item-user-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

@media screen and (min-width: 48em) {
  .marker-grid--new {
    grid-column: 4;
    grid-row: 2;
    text-align: right;
  }
}

.visited .marker-grid--new {
  color: var(--bkm-item-visited-color);
}

.marker-grid--new strong {
  color: var(--bkm-item-new-color);
  font-weight: 500;
}

.submarker-list {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 48em) {
  .submarker-list {
    padding: 0 0 0 24px;
    border-left: 1px solid var(--bkm-sub-border-color);
  }
}

.submarker-list--item {
  position: relative;
  padding: 16px 0 20px;
  background-color: var(--bkm-list-bg-color);
}

.submarker-list--item:not(:last-child) {
  border-bottom: 1px solid var(--menu-bkm-border-color);
}

.submarker-grid {
  grid-gap: 0 10px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: baseline;
}

@media screen and (min-width: 64em) {
  .submarker-grid {
    grid-template-columns: minmax(240px, 1fr) 150px;
  }
}

.submarker-grid--nick {
  grid-column: 1;
  margin: 0 0 2px;
}

.submarker-grid--user {
  margin: 0 10px 0 0;
  color: var(--bkm-list-name-color);
  font-size: 13px;
  font-weight: 700;
}

.submarker-grid--user:hover {
  text-decoration: underline;
}

.visited .submarker-grid--user {
  color: var(--bkm-list-visited-color);
}

.submarker-grid--section {
  color: var(--bkm-list-section-color);
  font-size: 11px;
  text-transform: uppercase;
}

.visited .submarker-grid--section {
  color: var(--bkm-list-visited-color);
}

.submarker-grid--date {
  display: flex;
  grid-column: 1;
  padding: 2px 0 0;
  color: var(--bkm-list-date-color);
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  .submarker-grid--date {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
  }
}

.visited .submarker-grid--date {
  color: var(--bkm-list-visited-color);
}

.submarker-grid--rate {
  display: flex;
}

.submarker-grid--sign {
  flex-shrink: 0;
  width: 13px;
  height: 19px;
  margin: 0 5px 0 10px;
  background-image: url(/img/submarker-rating.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  filter: var(--bkm-list-icon-filter);
}

.submarker-grid--num {
  color: #909090;
  font-size: 12px;
  line-height: 22px;
}

.submarker-grid--num_positive {
  color: #529410;
}

.submarker-grid--num_negative {
  color: #e51e25;
}

.submarker-grid--title {
  grid-column: 1 / 3;
  margin: 0 0 8px;
}

.submarker-grid--title a {
  color: var(--bkm-list-title-color);
  font-family: "PT Serif", serif;
  font-size: 18px;
  overflow-wrap: break-word;
}

.submarker-grid--title a:hover {
  text-decoration: underline;
}

.visited .submarker-grid--title a {
  color: var(--bkm-list-visited-color);
}

.submarker-grid--post {
  grid-column: 1 / 3;
  color: var(--bkm-list-post-color);
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.visited .submarker-grid--post {
  color: var(--bkm-list-visited-color);
}

.sidebar-submenu {
  width: 100%;
}

.sidebar-submenu--header {
  height: 40px;
  padding: 0 0 0 15px;
  border-bottom: 1px solid var(--bkm-sub-border-color);
}

.sidebar-submenu--heading {
  color: var(--bkm-sub-heading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.submarker-menu {
  width: 100%;
  margin: 0;
  padding: 14px 0 10px;
  border-bottom: 1px solid var(--bkm-sub-border-color);
}

@media screen and (min-width: 48em) {
  .submarker-menu {
    padding: 14px 24px 10px 0;
    border-color: transparent;
  }
}

.submarker-menu--item {
  padding: 9px 15px;
}

.submarker-menu--item:not(:last-child) {
  margin: 0 0 5px;
}

.submarker-menu--item.active {
  background-color: var(--bkm-sub-active-bg-color);
}

.sidemenu-grid {
  gap: 0 10px;
  display: flex;
  align-items: center;
}

.sidemenu-grid--mark {
  display: flex;
  align-items: center;
}

.sidemenu-grid--icon {
  width: 21px;
  height: 21px;
  background-image: url(/img/marker-star.svg);
  background-position: 50% 0;
  background-repeat: no-repeat;
}

@media screen and (min-width: 48em) {
  .sidemenu-grid--icon:hover {
    background-image: url(/img/marker-star-pin.svg);
  }
}

.sidemenu-grid--icon_pin {
  background-image: url(/img/marker-star-pin.svg);
}

.sidemenu-grid--user {
  gap: 0 14px;
  display: flex;
  position: relative;
  align-items: center;
  color: var(--bkm-sub-user-color);
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
}

.sidemenu-grid--user:hover {
  text-decoration: underline;
}

.sidemenu-grid--user svg {
  width: 16px;
  height: 16px;
}

[theme='dark'] .sidemenu-grid--user svg {
  --i-color1: #909090;
}

.sidemenu-grid--num {
  display: flex;
  position: absolute;
  top: -6px;
  left: 8px;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 2px;
  border-radius: 18px;
  background-color: var(--layer-5-color, #909090);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.sidemenu-grid--num.active {
  background-color: #e51e25;
}

.next-mark-wrap {
  display: flex;
  justify-content: center;
  padding: 25px 0 15px;
}

.next-mark-button {
  --bkm-button-color: var(--control-1-color, #757575);
  --bkm-button-bg-color: var(--control-1-bg-color, transparent);
  --bkm-button-border-color: var(--control-1-border-color, #ccc);
  height: 30px;
  padding: 0 15px 0 25px;
  border: 1px solid var(--bkm-button-border-color);
  border-radius: 3px;
  background-color: var(--bkm-button-bg-color);
  background-image: url(/img/button-arrow-down.svg);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  color: var(--bkm-button-color);
  font-size: 12px;
  line-height: 28px;
  text-transform: uppercase;
}

.list-swipe {
  overflow: hidden;
}

.marker-list--item.active {
  left: 64px;
}

.list-item-delete {
  display: flex;
  position: absolute;
  top: 0;
  left: -64px;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 100%;
  background-color: var(--bkm-item-swipe-bg-color);
  color: #fff;
  font-size: 12px;
}

.list-item-delete::before {
  position: absolute;
  top: 0;
  right: 64px;
  width: 2560px;
  height: 100%;
  background-color: var(--bkm-item-swipe-bg-color);
  content: '';
}

.hero-head {
  --x-hero-head-color: var(--text-4-color, #202020);
  --x-hero-lead-color: var(--text-5-color, #202020);
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 28px 15px 20px;
}

.hero-head--top {
  display: flex;
  margin: 0 0 24px;
}

.hero-head--icon {
  width: 42px;
  height: 44px;
  margin: 0 12px 0 0;
  background-image: url(/img/hero-head2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 42px;
}

[theme='dark'] .hero-head--icon {
  filter: invert(.62);
}

.hero-head--heading {
  margin: 18px 0 0;
  color: var(--x-hero-head-color);
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.hero-head--lead p {
  margin: 0 0 12px;
  color: var(--x-hero-lead-color);
  font-size: 15px;
  line-height: 21px;
}

.hero-head--lead a {
  color: var(--x-hero-lead-color);
  font-weight: 700;
}

.hero-content {
  grid-gap: 20px 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1010px;
  margin: 0 auto 20px;
}

@media screen and (min-width: 64em) {
  .hero-content {
    grid-gap: 0 20px;
    grid-template-columns: 1fr 1fr;
  }
}

.hero-icon-close {
  display: none;
  z-index: 7;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  color: #808080;
}

.full .hero-icon-close {
  display: block;
}

.hero-icon-close::after,
.hero-icon-close::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: inset 0 0 0 32px;
  content: '';
}

.hero-icon-close::before {
  width: 20px;
  height: 2px;
}

.hero-icon-close::after {
  width: 2px;
  height: 20px;
}

.hero-author {
  position: relative;
  padding: 20px 0 35px;
  background-color: #fff;
}

.hero-author.full {
  grid-column: span 2;
}

.hero-author--list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  margin: 30px 0 16px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-author--list {
    padding: 0 35px;
  }
}

.hero-author--list li {
  display: flex;
  position: relative;
  margin: 0 0 14px;
  overflow: hidden;
  line-height: 18px;
  counter-increment: list-counter;
}

.hero-author--list li::before {
  width: 20px;
  margin: 0 15px 0 0;
  color: #808080;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  text-align: right;
  content: counter(list-counter) ".";
}

.hero-author--list li::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, .5) 0%, #fff);
  content: '';
}

.hero-author--list li a {
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.hero-author--head {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-author--head {
    padding: 0 30px;
  }
}

.hero-author--heading {
  margin: 0 0 12px;
  padding: 0 15px;
  color: #909090;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

@media screen and (min-width: 30em) {
  .hero-author--heading {
    display: none;
  }
}

.hero-author--icon {
  display: none;
  width: 46px;
  height: 46px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  background-image: url(/img/top-author.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

@media screen and (min-width: 30em) {
  .hero-author--icon {
    display: block;
  }
}

.hero-author--inner {
  display: flex;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-author--inner {
    padding: 0 35px;
  }
}

.full .hero-author--inner {
  display: none;
}

.hero-author--button {
  height: 32px;
  padding: 0 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: transparent;
  color: #202020;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-filter {
  display: flex;
  height: 32px;
  border: 2px solid #dadada;
  border-radius: 20px;
  background-color: #dadada;
}

.hero-filter--item {
  display: flex;
  padding: 0 14px;
  border-radius: 20px;
  color: #404040;
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
}

.hero-filter--item_active {
  padding: 0 14px 0 0;
  background-color: #fff;
}

@media screen and (min-width: 30em) {
  .hero-filter--item_active {
    padding: 0 14px;
  }
}

.hero-filter-full {
  display: none;
}

@media screen and (min-width: 30em) {
  .hero-filter-full {
    display: inline;
  }
}

.hero-filter-icon {
  display: none;
}

.hero-filter--item_active .hero-filter-icon {
  display: inline;
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: 0 4px 0 0;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

@media screen and (min-width: 30em) {
  .hero-filter--item_active .hero-filter-icon {
    display: none;
  }
}

.hero-author .hero-filter-icon {
  background-image: url(/img/top-author.svg);
}

.hero-blog .hero-filter-icon {
  background-image: url(/img/top-blog.svg);
}

.hero-filter-counter {
  z-index: 5;
  position: absolute;
  top: 22px;
  left: 50%;
  min-width: 21px;
  padding: 0 3px;
  transform: translateX(-50%);
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
}

.hero-author .hero-filter-counter {
  background-image: linear-gradient(180deg, #7d9e61 0%, #5a6651 160%);
}

.hero-blog .hero-filter-counter {
  background-image: linear-gradient(180deg, #ffb932 0%, #f71212 160%);
}

.hero-blog {
  position: relative;
  padding: 20px 0 35px;
  background-color: #fff;
}

.hero-blog.full {
  grid-column: span 2;
}

.hero-blog--list {
  margin: 30px 0;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-blog--list {
    padding: 0 20px 0 35px;
  }
}

.hero-blog--list li {
  grid-gap: 0 10px;
  display: grid;
  position: relative;
  grid-template-columns: 20px 140px 1fr;
  margin: 0 0 14px;
  overflow: hidden;
  counter-increment: list-counter;
}

.hero-blog--list li::before {
  width: 20px;
  color: #808080;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
  content: counter(list-counter) ".";
}

.hero-blog--list li a {
  flex-shrink: 0;
  width: 140px;
  overflow: hidden;
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.hero-blog--list li a::before {
  z-index: 6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.hero-blog--name {
  max-height: 36px;
  overflow: hidden;
  color: #202020;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
}

@media screen and (min-width: 64em) {
  .hero-blog--name {
    width: 270px;
    white-space: nowrap;
  }
  .full .hero-blog--name {
    width: auto;
  }
}

.hero-blog--head {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-blog--head {
    padding: 0 30px;
  }
}

.hero-blog--heading {
  margin: 0 0 12px;
  padding: 0 15px;
  color: #909090;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

@media screen and (min-width: 30em) {
  .hero-blog--heading {
    display: none;
  }
}

.hero-blog--icon {
  display: none;
  width: 46px;
  height: 46px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  background-image: url(/img/top-blog.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

@media screen and (min-width: 30em) {
  .hero-blog--icon {
    display: block;
  }
}

.hero-blog--inner {
  display: flex;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-blog--inner {
    padding: 0 35px;
  }
}

.full .hero-blog--inner {
  display: none;
}

.hero-blog--button {
  height: 32px;
  padding: 0 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: transparent;
  color: #202020;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-stream {
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
  padding: 20px 0 40px;
  background-color: #fff;
}

.hero-stream--list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  margin: 0;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-stream--list {
    padding: 0 35px;
  }
}

.hero-stream--list li {
  display: flex;
  position: relative;
  margin: 0 0 8px;
  overflow: hidden;
  line-height: 1.5;
  counter-increment: list-counter;
}

.hero-stream--list li::before {
  width: 20px;
  margin: 0 15px 0 0;
  color: #808080;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  text-align: right;
  content: counter(list-counter) ".";
}

.hero-stream--list li::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, .5) 0%, #fff);
  content: '';
}

.hero-stream--list li a {
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.hero-stream--head {
  display: flex;
  align-items: center;
  margin: 0 0 25px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .hero-stream--head {
    padding: 0 30px;
  }
}

.hero-stream--icon {
  width: 46px;
  height: 46px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  background-image: url(/img/top-stream.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.hero-stream--heading {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

.report-wrap {
  width: 100%;
  max-width: 1276px;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .report-wrap {
    padding: 0;
  }
}

.report-wrap form {
  width: 100%;
}

.report-row {
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px;
}

.report-row_small {
  margin: 0 0 5px;
}

.report-row_clear {
  margin: 0;
}

.report-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 350px;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
}

.report-field::-moz-placeholder {
  color: #9e9e9e;
}

.report-field::placeholder {
  color: #9e9e9e;
}

.report-field:disabled {
  background-color: #f5f5f5;
}

.report-text {
  width: 100%;
  height: 160px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
  vertical-align: bottom;
  overflow-wrap: break-word;
  resize: vertical;
}

.report-text::-moz-placeholder {
  color: #9e9e9e;
}

.report-text::placeholder {
  color: #9e9e9e;
}

.report-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 34px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.report-submit_disabled {
  background-color: #bdbdbd;
}

.report-note {
  display: none;
  width: 100%;
  max-width: 350px;
  margin: 0 0 10px;
  padding: 8px 15px;
  border-left: 5px solid transparent;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  line-height: 18px;
}

.report-note_fail {
  border-color: #b71c1c;
  background-color: #ffcdd2;
}

.report-note_success {
  border-color: #1b5e20;
  background-color: #c8e6c9;
}

.report-form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 350px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #fff;
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #333;
  font-family: inherit;
  font-size: 16px;
  line-height: 30px;
}

.complaints-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1276px;
  padding: 23px 15px 15px;
}

.complaints-heading h1 {
  margin: 0;
  color: #202020;
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.complaints-delete-form {
  margin: 0 0 0 auto;
}

.complaints-delete {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 15px;
  border: 0;
  border-radius: 3px;
  background-color: #e51e25;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.complaints-list {
  display: flex;
  flex-direction: column;
}

.complaint-grid {
  grid-gap: 3px 0;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 3px;
  padding: 10px 15px 10px 12px;
  border-left: 3px solid #cfd8dc;
  background-color: #f9f9f9;
}

@media screen and (min-width: 64em) {
  .complaint-grid {
    grid-gap: 0 10px;
    grid-template-columns: 120px 180px 250px minmax(290px, 1fr);
  }
}

.complaint-grid_head {
  display: none;
  margin: 0 0 10px;
  padding: 10px 15px 5px;
  border: 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

@media screen and (min-width: 64em) {
  .complaint-grid_head {
    display: grid;
  }
}

.complaint-head {
  color: #757575;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}

.complaint-item {
  color: #333;
  font-size: 14px;
  line-height: 1.25;
}

.complaint-item a {
  color: #333;
}

.complaint-item a:hover {
  text-decoration: underline;
}

.complaint-item_nick {
  margin: 0 0 5px;
  font-weight: 700;
}

@media screen and (min-width: 64em) {
  .complaint-item_nick {
    margin: 0;
  }
}

.info-error {
  --err-message-color: var(--text-2-color, #333);
  width: 100%;
  max-width: 1276px;
  margin: 0 auto;
  padding: 0 15px 35px;
}

.info-error--message {
  margin: 0 0 16px;
  color: var(--err-message-color);
  font-size: 16px;
  line-height: 1.5;
}

.info-error--wrap {
  margin: 0 0 16px;
}

.info-error--link {
  color: #005581;
  font-size: 16px;
  line-height: 1.5;
}

[theme='dark'] .info-error--link {
  color: #0096e0;
}

.archive-grid {
  display: grid;
  grid-template-areas: 'menu' 'main' 'sidebar';
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  align-items: start;
  justify-items: center;
  max-width: 1306px;
  margin: 0 auto;
  padding: 0 0 24px;
}

@media screen and (min-width: 64em) {
  .archive-grid {
    gap: 16px 32px;
    grid-template-areas: 'menu main' 'sidebar main';
    grid-template-columns: 314px 1fr;
    padding: 24px 30px 60px;
  }
}

.archive-menu {
  grid-area: menu;
  width: 100%;
}

.archive-menu-head {
  display: none;
  position: relative;
  width: 100%;
  min-height: 54px;
  margin: 0 0 20px;
}

@media screen and (min-width: 64em) {
  .archive-menu-head {
    display: flex;
  }
  .archive-menu-head::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 32px);
    height: 1px;
    background-color: var(--line-1-color, #e3e3e3);
    content: '';
  }
}

.archive-menu-header {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.archive-menu-header h1 {
  margin: 0;
  color: var(--text-5-color, #000);
  font-family: Muller, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.archive-menu-icon {
  --color1: var(--pal-icon-color1, #333);
  --color2: var(--pal-icon-color2, #fff);
  width: 30px;
  height: 33px;
  transform: translateY(-2px);
}

.archive-mobile-header {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 16px;
}

@media screen and (min-width: 64em) {
  .archive-mobile-header {
    display: none;
  }
}

.archive-mobile-header h1 {
  margin: 0;
  transform: translateY(2px);
  color: var(--text-5-color, #000);
  font-family: Muller, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.archive-mobile-icon {
  --color1: var(--pal-icon-color1, #333);
  --color2: var(--pal-icon-color2, #fff);
  width: 22px;
  height: 24px;
}

.archive-menu-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 16px 24px;
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 64em) {
  .archive-menu-wrap {
    padding: 0;
    background-color: initial;
  }
}

.archive-tab {
  grid-area: main;
  width: 100%;
}

.archive-head {
  display: none;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
  background-color: #eae3d6;
}

@media screen and (min-width: 64em) {
  .archive-head {
    display: flex;
    min-height: 54px;
    padding: 0;
    background-color: initial;
  }
}

.archive-head_mobile {
  display: flex;
}

@media screen and (min-width: 64em) {
  .archive-head_mobile {
    display: none;
  }
}

.archive-head--header {
  display: flex;
  align-items: center;
}

.archive-head--heading {
  color: #292929;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .24px;
  line-height: 21px;
}

@media screen and (min-width: 64em) {
  .archive-head--heading {
    color: var(--text-2-color, #292929);
    font-size: 24px;
    line-height: 1;
  }
}

.archive-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 24px;
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 64em) {
  .archive-wrap {
    margin: 0;
    padding: 20px 0 0;
    background-color: transparent;
  }
}

.archive-date {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 8px;
}

@media screen and (min-width: 64em) {
  .archive-date {
    margin: 0 0 16px;
  }
}

.archive-date--head {
  width: 100%;
  margin: 0 0 8px;
  padding: 8px 16px 7px;
  border-bottom: 1px solid var(--line-0-color, #ebedee);
  background-color: var(--layer-3-color, #f4f4f4);
}

@media screen and (min-width: 64em) {
  .archive-date--head {
    margin: 0 0 16px;
    padding: 20px 16px 8px;
  }
}

.archive-date--heading {
  color: var(--text-2-color, #292929);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.32;
}

.archive-date--list {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 64em) {
  .archive-date--list {
    gap: 16px 0;
  }
}

.archive-date--item {
  display: flex;
  padding: 0 16px 15px;
  border-bottom: 1px solid var(--line-1-color, #ebedee);
}

.archive-date--item:last-child {
  border-bottom: 0;
}

@media screen and (min-width: 64em) {
  .archive-date--item:last-child {
    border-bottom: 1px solid var(--line-1-color, #ebedee);
  }
}

.archive-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.archive-card:not(:last-child) {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.archive-card--data {
  display: flex;
}

.archive-card--data .slider-hot--action {
  display: flex;
  align-items: center;
  height: 19px;
  padding: 0 5px;
  border: 1px solid #757575;
  border-radius: 2px;
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.archive-card--data .slider-hot--action_top {
  border-color: #757575;
  color: #757575;
}

.archive-card--data .slider-hot--action_rise {
  border-color: #43a047;
  color: #43a047;
}

.archive-card--data .slider-hot--action_contro {
  border-color: #3075ab;
  color: #3075ab;
}

.archive-card--data .slider-hot--action_telegram {
  border-color: #009ceb;
  color: #009ceb;
}

.archive-card--data .slider-hot--action_custom {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #a73895;
  color: #a73895;
}

.archive-card--data .slider-hot--action_custom:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.archive-card--data .slider-hot--action_orange {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #e88603;
  color: #e88603;
}

.archive-card--data .slider-hot--action_orange:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.archive-card--data .slider-hot--action_red {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #eb0000;
  color: #eb0000;
}

.archive-card--data .slider-hot--action_red:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.archive-card--user {
  gap: 0 6px;
  display: flex;
  margin: 0 0 5px;
}

@media screen and (min-width: 64em) {
  .archive-card--user {
    gap: 0 8px;
  }
}

.archive-card--avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.archive-card--nick {
  gap: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.archive-card--source {
  color: var(--text-6-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
}

.archive-card--inner {
  gap: 0 8px;
  display: flex;
  flex-wrap: wrap;
}

.archive-card--time {
  color: var(--text-6-color, #757575);
  font-size: 12px;
  line-height: 19px;
}

@media screen and (min-width: 64em) {
  .archive-card--time {
    font-size: 14px;
  }
}

.archive-card--title {
  color: var(--text-3-color, #202020);
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 18px;
  overflow-wrap: break-word;
}

@media screen and (min-width: 64em) {
  .archive-card--title {
    font-size: 16px;
    line-height: 22px;
  }
}

.archive-tab--bottom {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 8px 0 0;
  padding: 9px 0 16px;
}

@media screen and (min-width: 48em) {
  .archive-tab--bottom {
    align-items: center;
    padding: 9px 0 36px;
  }
}

.slider-search {
  width: 100%;
}

.slider-search--select {
  gap: 0 10px;
  display: flex;
  align-items: center;
  margin: 0 0 16px;
}

@media screen and (min-width: 64em) {
  .slider-search--select {
    margin: 0 0 10px;
  }
}

.slider-search--select svg {
  flex-shrink: 0;
}

[theme='dark'] .slider-search--select svg {
  --i-color1: #fff;
}

.slider-search--range {
  gap: 0 10px;
  display: flex;
  align-items: center;
}

.slider-search--mark {
  color: var(--text-2-color, #000);
  font-size: 16px;
  line-height: 19px;
}

.slider-search--date {
  width: 100%;
  padding: 13px 16px 14px;
  border: 1px solid var(--control-1-border-color, #dfe1e4);
  border-radius: 4px;
  background-color: var(--layer-2-color, #fff);
  color: var(--control-1-color, #000);
  font-size: 16px;
  line-height: 1;
}

.slider-search--date::-moz-placeholder {
  color: var(--text-4-color, #aaa);
}

.slider-search--date::placeholder {
  color: var(--text-4-color, #aaa);
}

.slider-search--input {
  gap: 16px 0;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 64em) {
  .slider-search--input {
    gap: 10px 0;
  }
}

.slider-search--field {
  width: 100%;
  padding: 13px 16px 14px;
  border: 1px solid var(--control-1-border-color, #e3e3e3);
  border-radius: 4px;
  background-color: var(--layer-2-color, #fff);
  color: var(--control-1-color, #333);
  font-size: 16px;
  line-height: 1;
}

.slider-search--field::-moz-placeholder {
  color: var(--text-4-color, #aaa);
}

.slider-search--field::placeholder {
  color: var(--text-4-color, #aaa);
}

.slider-search--button {
  padding: 12px 16px;
  border-radius: 4px;
  background-color: var(--layer-5-color, #292929);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.slider-search--back {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .slider-search--back {
    padding: 10px 16px 12px;
  }
}

.slider-search--back span {
  border-bottom: 2px dashed var(--line-2-color, #292929);
  color: var(--text-2-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.slider-hot {
  --slider-hot-bg-color: var(--slider-bg-color, #fff);
  --slider-hot-bg-color-alpha: var(--slider-bg-color-alpha, rgba(255, 255, 255, 0));
  display: none;
  justify-content: center;
  width: 100%;
  background-color: var(--slider-hot-bg-color);
}

@media screen and (min-width: 48em) {
  .slider-hot {
    display: flex;
    min-height: 134px;
  }
}

.slider-hot--button-prev {
  display: flex;
  z-index: 5;
  position: absolute;
  top: 50%;
  right: auto;
  left: 10px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  border: 1px solid var(--line-2-color, #ededed);
  border-radius: 50%;
  outline: none;
  background-color: var(--layer-5-color, #fff);
  box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
  cursor: pointer;
}

.slider-hot--button-prev.disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.slider-hot--button-prev svg {
  --i-color1: var(--text-3-color, #292929);
  width: 13px;
  height: 15px;
}

.slider-hot--button-next {
  display: flex;
  z-index: 5;
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  border: 1px solid var(--line-2-color, #ededed);
  border-radius: 50%;
  outline: none;
  background-color: var(--layer-5-color, #fff);
  box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
  cursor: pointer;
}

.slider-hot--button-next.disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.slider-hot--button-next svg {
  --i-color1: var(--text-3-color, #292929);
  width: 13px;
  height: 15px;
}

.slider-hot--inner {
  position: relative;
  width: 100%;
  max-width: 1306px;
  padding: 24px 32px 32px;
}

@media screen and (min-width: 48em) {
  .slider-hot--inner {
    min-height: 134px;
  }
}

.slider-hot--inner::after {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 30px;
  width: calc(100% - 60px);
  height: 1px;
  background-color: var(--line-1-color, #ebedee);
  content: '';
}

.slider-hot--container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.slider-hot--container::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, var(--slider-hot-bg-color) 20%, var(--slider-hot-bg-color-alpha));
  content: '';
}

.slider-hot--container::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, var(--slider-hot-bg-color-alpha) 20%, var(--slider-hot-bg-color));
  content: '';
}

.slider-hot--row {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.slider-hot--item {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition-property: transform;
}

.slider-hot--item:nth-of-type(1) .slide-border--wrap {
  border-color: transparent;
}

.slider-hot--item:has(.slider-hot--last) {
  align-self: stretch;
}

.slider-hot--wrap {
  position: relative;
  width: 100%;
  padding: 0 8px 0 15px;
  border-left: 1px solid transparent;
}

.slider-hot--wrap::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 300%;
  background-color: var(--line-2-color, #ccc);
  content: '';
}

.slider-hot--last {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border-left: 1px solid transparent;
}

.slider-hot--last::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 300%;
  background-color: var(--line-2-color, #ccc);
  content: '';
}

.slider-hot--link {
  display: flex;
  padding: 7px 5px;
  border: 1px solid var(--line-2-color, #d8d8d8);
  border-radius: 5px;
  background-color: var(--layer-5-color, #fff);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
  color: var(--text-3-color, #757575);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .24px;
  line-height: 10px;
  text-transform: uppercase;
}

.slider-hot--data {
  display: flex;
  margin: 0;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .slider-hot--data {
    margin: 0 0 16px;
  }
}

.slider-hot--action {
  color: #ccc;
  font-size: 11px;
  text-transform: uppercase;
}

.slider-hot--action_rise {
  color: #43a047;
}

.slider-hot--action_top {
  color: #e51e25;
}

.slider-hot--action_contro {
  color: #3075ab;
}

.slider-hot--action_custom {
  color: #a73895;
}

.slider-hot--action_orange {
  color: #e88603;
}

.slider-hot--action_telegram {
  color: #009ceb;
}

.slider-hot--data .slider-hot--action,
.slider-small--data .slider-hot--action {
  display: flex;
  align-items: center;
  height: 19px;
  padding: 0 5px;
  border: 1px solid #757575;
  border-radius: 2px;
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.slider-hot--data .slider-hot--action_top,
.slider-small--data .slider-hot--action_top {
  border-color: #757575;
  color: #757575;
}

.slider-hot--data .slider-hot--action_rise,
.slider-small--data .slider-hot--action_rise {
  border-color: #43a047;
  color: #43a047;
}

.slider-hot--data .slider-hot--action_contro,
.slider-small--data .slider-hot--action_contro {
  border-color: #3075ab;
  color: #3075ab;
}

.slider-hot--data .slider-hot--action_telegram,
.slider-small--data .slider-hot--action_telegram {
  border-color: #009ceb;
  color: #009ceb;
}

.slider-hot--data .slider-hot--action_custom,
.slider-small--data .slider-hot--action_custom {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #a73895;
  color: #a73895;
}

.slider-hot--data .slider-hot--action_custom:after,
.slider-small--data .slider-hot--action_custom:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.slider-hot--data .slider-hot--action_orange,
.slider-small--data .slider-hot--action_orange {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #e88603;
  color: #e88603;
}

.slider-hot--data .slider-hot--action_orange:after,
.slider-small--data .slider-hot--action_orange:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.slider-hot--data .slider-hot--action_red,
.slider-small--data .slider-hot--action_red {
  position: relative;
  padding: 0 14px 0 5px;
  overflow: hidden;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-color: #eb0000;
  color: #eb0000;
}

.slider-hot--data .slider-hot--action_red:after,
.slider-small--data .slider-hot--action_red:after {
  display: inline-block;
  position: absolute;
  top: -50%;
  right: 10px;
  bottom: 50%;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  content: '';
}

.slide-hot-remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 0 0 auto;
}

.slide-hot-remove:hover::after,
.slide-hot-remove:hover::before {
  background-color: #e50e2c;
}

.slide-hot-remove::after,
.slide-hot-remove::before {
  position: absolute;
  top: 1px;
  left: 9px;
  width: 1px;
  height: 16px;
  background-color: #9e9e9e;
  content: '';
}

.slide-hot-remove::before {
  transform: rotate(45deg);
}

.slide-hot-remove::after {
  transform: rotate(-45deg);
}

.slider-hot--title {
  color: var(--text-3-color, #202020);
  font-family: 'Noto Serif', monospace;
  font-size: 14px;
  line-height: 19px;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .slider-hot--title {
    font-size: 16px;
    line-height: 22px;
  }
}

.slider-hot--user {
  gap: 0 8px;
  display: flex;
  margin: 0 0 8px;
}

.slider-hot--avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-hot--nick {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.slider-hot--time {
  display: none;
  color: var(--text-6-color, #757575);
  font-size: 14px;
  line-height: 12px;
}

@media screen and (min-width: 48em) {
  .slider-hot--time {
    display: initial;
  }
}

.slider-hot--source {
  color: var(--text-6-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
}

.slider-small {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0 24px;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .slider-small {
    display: none;
  }
}

.slider-small--main {
  z-index: 1;
  position: relative;
  overflow: hidden;
  list-style: none;
}

.slider-small--wrap {
  display: flex;
  position: relative;
  align-items: flex-start;
}

.slider-small--list {
  gap: 12px 0;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 16px 16px 12px;
  transition-property: transform;
}

.slider-small--data {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.slider-small--action {
  display: flex;
  align-items: center;
  height: 17px;
  padding: 0 5px;
  border: 1px solid #757575;
  border-radius: 2px;
  color: #757575;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.slider-small--source {
  color: var(--text-6-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
}

.slider-small--item {
  gap: 4px 0;
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 0 0 11px;
}

.slider-small--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #ebedee);
}

.slider-small--title {
  color: var(--text-2-color, #000);
  font-family: "Noto Serif", serif;
  font-size: 14px;
  line-height: 19px;
  overflow-wrap: break-word;
}

.slider-small--title::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.small-pagination-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

.small-pagination {
  gap: 0 4px;
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

.small-pagination--bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--layer-5-color, #ededed);
}

.small-pagination--bullet_active {
  background-color: #bdbdbd;
}

.slider-small-button {
  display: flex;
  align-items: center;
  min-width: 112px;
  height: 48px;
  padding: 10px 24px;
  cursor: pointer;
}

.slider-small-button svg {
  --i-color1: #666;
  width: 27px;
  height: 24px;
}

[theme='dark'] .slider-small-button svg {
  --i-color1: #fff;
}

.slider-small-button_disabled svg {
  --i-color1: #bcbcbc;
}

[theme='dark'] .slider-small-button_disabled svg {
  --i-color1: #757575;
}

.slider-small-button_next {
  position: relative;
  justify-content: flex-end;
}

.slider-small-button_next.slider-small-button_disabled {
  display: none;
}

.slider-small-button_next.slider-small-button_disabled + .slider-small--archive {
  display: flex;
}

.slider-small--archive {
  display: none;
  align-items: center;
  min-width: 112px;
  height: 48px;
  padding: 10px 24px;
  cursor: pointer;
}

.slider-small--link {
  display: flex;
  color: var(--text-1-color, #292929);
  font-size: 16px;
  letter-spacing: .318px;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: initial;
}

.admin-widget-wrap {
  width: 100%;
  margin: 16px 0;
}

@media screen and (min-width: 64em) {
  .admin-widget-wrap {
    margin: 16px 0 0;
  }
}

.admin-widget-wrap .admin-form--wrap {
  margin: 0;
  background-color: var(--layer-2-color, #e0e0e0);
}

@media screen and (min-width: 64em) {
  .admin-widget-wrap .admin-form--wrap {
    background-color: var(--layer-3-color, #f5f5f5);
  }
}

.admin-form {
  display: flex;
  flex-wrap: wrap;
}

.admin-form--wrap {
  --x-admin-control-bg-color: var(--control-1-bg-color, #fff);
  --x-admin-control-border-color: var(--control-1-border-color, #a5a5a5);
  --x-admin-control-border-bottom-color: var(--line-2-color, #b2b2b2);
  --x-admin-control-color: var(--control-1-color, #333);
  --x-admin-link-color: var(--text-6-color, #005581);
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0;
  padding: 16px;
  background-color: var(--layer-3-color, #f5f5f5);
}

.admin-form--inner {
  width: 100%;
  padding: 2px 0;
  border-bottom: 1px solid #efefef;
}

@media screen and (min-width: 48em) {
  .admin-form--inner {
    border-bottom: 1px solid transparent;
  }
}

.admin-form--select {
  width: auto;
  height: 30px;
  margin: 5px 10px 5px 0;
  padding: 0;
  border: 1px solid var(--x-admin-control-border-color);
  border-radius: 5px;
  background-color: var(--x-admin-control-bg-color);
  color: var(--x-admin-control-color);
  font-family: inherit;
  font-size: 13px;
  line-height: 28px;
  text-transform: none;
}

.admin-form--button {
  -webkit-appearance: button;
  height: 30px;
  margin: 5px 5px 5px 0;
  border: 1px solid var(--x-admin-control-border-color);
  border-bottom: 2px solid var(--x-admin-control-border-bottom-color);
  border-radius: 5px;
  background-color: var(--x-admin-control-bg-color);
  color: var(--x-admin-control-color);
  font-family: inherit;
  font-size: 13px;
}

.admin-form--button:nth-last-of-type(1) {
  margin: 5px 0;
}

.admin-form--button.admin-cancel {
  color: #c30300;
}

.admin-form--note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 3px 0;
}

.admin-form--note a {
  color: var(--x-admin-link-color);
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline;
}

.admin-post {
  --x-post-checkbox-filter: var(--icon-1-filter, none);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -8px 0 16px;
  padding: 0 16px;
}

@container post-list (min-width: 723px) {
  .admin-post {
    margin: -12px 0 20px;
    padding: 0 24px;
  }
}

.admin-post--editor {
  width: 100%;
  color: #909090;
  font-size: 12px;
  line-height: 18px;
}

.admin-post--button {
  color: #909090;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.admin-post--button_ip {
  margin: 0 auto 0 0;
}

.admin-post--button_edit {
  margin: 0 0 0 auto;
  padding: 0 5px;
  line-height: 18px;
}

.admin-post--button_edit_admin {
  margin: 0 0 0 auto;
  padding: 0 5px;
  line-height: 18px;
}

.admin-post--button_delete {
  padding: 0 5px;
  color: #e57373;
  line-height: 18px;
}

.admin-post--button_delete_admin {
  padding: 0 5px;
  color: #e57373;
  line-height: 18px;
}

.admin-post--check {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0 0 0 10px;
  line-height: 18px;
  filter: var(--x-post-checkbox-filter);
}

.dropdown-control {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 250px;
}

.dropdown-control--button {
  display: flex;
  position: relative;
  align-items: center;
  height: 36px;
  padding: 0 32px 0 10px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  color: #202020;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}

.dropdown-control--button svg {
  --i-color1: #757575;
  position: absolute;
  top: 7px;
  right: 8px;
  width: 20px;
  height: 20px;
}

.dropdown-control--options {
  display: none;
  position: absolute;
  top: 35px;
  left: 50%;
  flex-direction: column;
  width: 100%;
  padding: 12px 0;
  transform: translateX(-50%);
  border: 1px solid #e0e0e0;
  background-color: #fff;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
}

.dropdown-control--options.active {
  display: flex;
}

.dropdown-control--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 8px 32px 8px 10px;
  color: #202020;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}

.dropdown-control--link:hover {
  background-color: #f4f4f4;
}

.dropdown-control--link svg {
  flex-shrink: 0;
}

.admin-slider {
  margin: 0 0 20px;
  padding: 20px 15px 10px;
  background-color: #f9f9f9;
}

.admin-slider--heading {
  margin: 0 0 10px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.admin-slider--element {
  display: flex;
  flex-direction: column;
  margin: 0 0 10px;
}

.admin-slider--label {
  gap: 8px;
  display: flex;
  align-items: center;
  color: #909090;
  font-size: 15px;
  line-height: 22px;
}

.admin-slider--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 598px;
  padding: 5px 10px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.admin-slider--footer {
  padding: 10px 0;
}

.admin-slider--submit {
  height: 32px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #202020;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.admin-slider--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  max-width: 250px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  outline: 0;
  background-color: #fff;
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #e51e25;
  font-family: inherit;
  font-size: 16px;
  line-height: 30px;
}

.admin-slider--selector_top {
  color: #e51e25;
}

.admin-slider--selector_rise {
  color: #43a047;
}

.admin-slider--selector_contro {
  color: #3075ab;
}

.admin-slider--selector_custom {
  color: #a73895;
}

.admin-slider--selector_orange {
  color: #e88603;
}

.admin-sl {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 15px 0 40px;
}

@media screen and (min-width: 48em) {
  .admin-sl {
    grid-template-columns: 50% 50%;
    padding: 0 0 0 25px;
  }
}

.admin-sl--heading {
  margin: 0 0 10px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.admin-sl--section {
  width: 100%;
}

.admin-sl--section:nth-child(1) {
  padding: 0;
}

@media screen and (min-width: 48em) {
  .admin-sl--section:nth-child(1) {
    padding: 0 10px 0 0;
  }
}

.admin-sl--section:nth-child(2) {
  padding: 0;
}

@media screen and (min-width: 48em) {
  .admin-sl--section:nth-child(2) {
    padding: 0 0 0 10px;
  }
}

.admin-sl--section .ui-tabs .ui-tabs-panel {
  padding: 16px 8px 16px 32px;
  border: 1px solid #aaa;
  background: #fff;
}

@media screen and (min-width: 48em) {
  .admin-sl--section .ui-tabs .ui-tabs-panel {
    padding: 16px;
  }
}

.admin-sl--list {
  margin: 0 0 20px;
}

.admin-sl--theme {
  font-size: 14px;
}

.admin-sl--item {
  display: block;
  position: relative;
  margin: 0 0 5px;
  padding: 2px 25px 3px 5px;
  line-height: 20px;
}

.admin-sl--item .admin-sl--theme:hover {
  text-decoration: underline;
}

.admin-sl--item_edit {
  padding: 2px 25px 3px;
}

.admin-sl--item_edit .admin-sl--button-edit {
  display: block;
}

.admin-sl--button-add {
  flex-shrink: 0;
  height: 24px;
  margin: 0 0 0 5px;
  padding: 0 10px;
  background-color: #fff;
  color: #4f4f4f;
  font-size: 11px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}

.admin-sl--button-remove {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-image: url(/img/close-modal-login.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.admin-sl--button-edit {
  display: none;
  position: absolute;
  top: 3px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-image: url(/img/admin-button-edit.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.admin-sl--option {
  position: relative;
  font-size: 14px;
}

.admin-sl--option::after {
  margin: 0 1px 0 5px;
  color: #555;
  font-style: initial;
  font-weight: 400;
  content: '|';
}

.admin-sl--option_nick {
  color: #333;
  font-style: italic;
  font-weight: 700;
}

.admin-sl--option_nick::after {
  margin: 0 1px 0 5px;
  color: #555;
  font-style: initial;
  font-weight: 400;
  content: '|';
}

.admin-sl--option_chars {
  font-style: italic;
}

.admin-sl--option_chars::before {
  margin: 0 4px 0 2px;
  color: #555;
  font-style: initial;
  font-weight: 400;
  content: '|';
}

.admin-sl--option_chars::after {
  display: none;
}

.admin-sl--option_chars_max {
  color: #5aa53d;
  font-style: italic;
  font-weight: 700;
}

.admin-sl--option_chars_max::before {
  margin: 0 4px 0 2px;
  color: #555;
  font-style: initial;
  font-weight: 400;
  content: '|';
}

.admin-sl--option_chars_max::after {
  display: none;
}

.admin-sl--option_add {
  color: #aaa;
  font-style: italic;
}

.admin-sl--option_add::before {
  margin: 0 4px 0 2px;
  color: #555;
  font-style: initial;
  font-weight: 400;
  content: '|';
}

.admin-sl--option_add::after {
  display: none;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.admin-table th {
  padding: 10px 5px;
  border-bottom: 1px solid var(--line-2-color, #909090);
  color: var(--text-2-color, #616161);
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
}

.admin-table td {
  padding: 10px 5px;
  border-bottom: 1px solid var(--line-1-color, #ccc);
  color: var(--text-5-color, #202020);
  font-size: 14px;
  line-height: 16px;
  text-align: left;
}

.admin-table a {
  color: #005581;
}

[theme='dark'] .admin-table a {
  color: #4c7e98;
}

.admin-table-scroll {
  margin: 0 0 20px;
  padding: 0 15px;
  overflow-x: auto;
}

@media screen and (min-width: 48em) {
  .admin-table-scroll {
    padding: 0;
  }
}

.reg-note {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.reg-note_register {
  margin: 20px 0;
}

.reg-note--wrap {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}

.reg-note--wrap::before {
  position: absolute;
  bottom: -5px;
  left: 160px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #e5e5e5;
  border-width: 1px 0 0 1px;
  background-color: #fffdee;
  content: '';
}

.reg-note--heading {
  color: #909090;
  font-size: 18px;
}

.reg-note--heading a {
  color: #616161;
  font-weight: 700;
  text-decoration: underline;
}

.reg-note--subheading {
  margin: 0 0 10px;
  color: #000;
  font-size: 18px;
}

.reg-note--inner {
  padding: 20px 15px;
  border: 1px solid #dedede;
  background-color: #fffdf0;
}

@media screen and (min-width: 48em) {
  .reg-note--inner {
    padding: 20px 30px;
  }
}

.reg-note--list {
  margin: 0;
  list-style: disc;
  list-style-position: inside;
}

.reg-note--item {
  margin: 0 0 5px;
  color: #616161;
  font-size: 14px;
}

.remark-note {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.remark-note_complaint {
  margin: 0 0 10px;
}

.remark-note--inner {
  padding: 20px 15px;
  border: 1px solid #dedede;
  background-color: #fffdf0;
}

.remark-note--wrap {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}

.remark-note--wrap::before {
  position: absolute;
  bottom: -5px;
  left: 160px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #e5e5e5;
  border-width: 1px 0 0 1px;
  background-color: #fffdee;
  content: '';
}

.remark-note--heading {
  color: #616161;
  font-size: 18px;
  font-weight: 700;
}

.remark-note--subheading {
  margin: 0 0 10px;
  color: #000;
  font-size: 18px;
}

.remark-note--list {
  margin: 0;
  list-style: disc;
  list-style-position: inside;
}

.remark-note--item {
  margin: 0 0 5px;
  color: #616161;
  font-size: 14px;
}

.complaint {
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .complaint {
    padding: 0;
  }
}

.complaint textarea {
  width: 100%;
  height: 169px;
  min-height: 169px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #dedede;
  background-color: #fff;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
  color: #333;
  font-size: 15px;
  line-height: 21px;
  vertical-align: bottom;
  overflow-wrap: break-word;
  resize: none;
}

.complaint textarea:focus {
  box-shadow: none;
}

.complaint--button-send {
  width: 100%;
  height: 32px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .complaint--button-send {
    width: auto;
  }
}

.complaint--button-send:active {
  line-height: 32px;
}

.complaint--footer {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}

.subfilter-wrap {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 16px;
}

.subfilter-control {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 300px;
}

.subfilter-control--button {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 32px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.subfilter-control .subfilter-control--button {
  color: #fff;
}

.subfilter-control--button svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.subfilter-control--button.active::after {
  z-index: 2;
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  border: solid #e0e0e0;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  content: '';
}

.subfilter-control--options {
  display: none;
  position: absolute;
  top: 54px;
  left: 50%;
  flex-direction: column;
  width: 100%;
  padding: 12px 0;
  transform: translateX(-50%);
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

.subfilter-control--options.active {
  display: flex;
}

.subfilter-control--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 8px 20px;
  color: #202020;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.subfilter-control--link:hover {
  background-color: #f4f4f4;
}

.subfilter-control--link svg {
  flex-shrink: 0;
}

.subfilter-date-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 32px;
  border-radius: 5px;
  background-color: #e51e25;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.subfilter-wrap .subfilter-date-button {
  color: #fff;
}

.r-filter {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.r-filter--row {
  gap: 0 8px;
  display: flex;
}

.r-filter--label {
  color: #000;
  font-size: 15px;
  line-height: 32px;
  white-space: nowrap;
}

.r-filter--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.r-filter .r-filter--input {
  font-size: 14px;
}

.r-filter--button {
  height: 32px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #202020;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.r-container {
  padding: 16px 0;
}

.r-container--head {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  margin: 0 0 24px;
}

.r-container--sum {
  color: #424242;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.r-container--heading {
  margin: 0 0 8px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.r-container--table {
  width: auto;
  margin: 0 0 24px;
  border: 0;
  border-collapse: collapse;
  background-color: transparent;
  box-shadow: none;
}

.r-container--table td {
  padding: 10px;
  border: 1px solid #e0e0e0;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.r-container--table a:hover {
  text-decoration: underline;
}

.r-container--nick {
  color: #000;
  font-weight: 700;
}

.r-container--table .r-container--nick {
  color: #000;
}

.r-container--post {
  color: #424242;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.r-container--table .r-container--post {
  color: #424242;
}

.admin-bb-wrap .admin-sl--item.ui-state-default {
  background-color: #fafafa;
  background-image: none;
}

.admin-bb-heading {
  margin: 0 0 5px;
  color: #333;
  font-size: 20px;
  line-height: 1.5;
}

.tab-filter-head {
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid #aaa;
}

.r-filter-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  padding: 5px 22px 5px 9px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23424242' d='m4.655 8.545 1.178-1.179 4.411 4.34 4.411-4.34 1.179 1.179-5.59 5.589-5.589-5.59Z'/%3E%3C/svg%3E%0A");
  background-origin: content-box;
  background-position: right -16px center;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}

.ui-widget .r-filter-selector {
  font-size: 14px;
}

.diary-main {
  --diary-main-bg-color: var(--layer-3-color, #fff);
  --menu-diary-button-bg: var(--pal-gt-accent, #e51e25);
  --menu-diary-filter-bg: var(--pal-gt-accent, #e51e25);
  --menu-diary-item-bg: var(--pal-gt-accent, #e51e25);
  --menu-diary-item-color: var(--text-5-color, #606060);
  --diary-main-header-color: var(--text-5-color, #202020);
  --diary-main-avatar-border-color: var(--line-2-color, #d8d8d8);
  --diary-main-item-border-color: var(--line-2-color, #dfdfdf);
  --diary-main-line-color: var(--line-1-color, #bfbfbf);
  --diary-main-heading-color: var(--text-3-color, #202020);
  --diary-main-nick-color: var(--text-2-color, #000);
  --diary-main-stats-color: var(--text-6-color, #808080);
  --diary-main-cardsuit-color: var(--text-5-color, #909090);
  --diary-main-date-color: var(--text-6-color, #a5a5a5);
  --diary-main-switch-color: var(--control-1-color, #606060);
  --diary-main-switch-bg: var(--control-1-bg-color, #fff);
  --diary-main-switch-border-color: var(--control-1-border-color, #ccc);
  padding: 0 0 10px;
}

.diary-main--header {
  display: flex;
  margin: 0 0 9px;
  padding: 0 15px;
  color: var(--diary-main-header-color);
  font-family: "Noto Serif", serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 32px;
}

@media screen and (min-width: 48em) {
  .diary-main--header {
    padding: 0;
    font-size: 28px;
  }
}

.diary-header-icon {
  --color1: var(--pal-icon-color1, #000);
  --color2: var(--pal-icon-color2, #fefefe);
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0;
  transform: translateY(3px);
}

.menu-diary {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  border-top: 1px solid var(--diary-main-line-color);
}

@media screen and (min-width: 70.625em) {
  .menu-diary {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.menu-diary--spoiler {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
}

@media screen and (min-width: 48em) {
  .menu-diary--spoiler {
    padding: 0;
  }
}

@media screen and (min-width: 70.625em) {
  .menu-diary--spoiler {
    width: auto;
  }
}

.menu-diary--button-all {
  --menu-diary-item-color: var(--text-5-color, #606060);
  position: relative;
  margin: 0 5px;
  padding: 0 5px;
  color: var(--menu-diary-item-color);
  font-size: 13px;
  line-height: 22px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.menu-diary--button-all::before {
  position: absolute;
  top: 0;
  left: -5px;
  width: 0;
  height: 0;
  border-width: 11px 5px 11px 0;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.menu-diary--button-all::after {
  position: absolute;
  top: 0;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 11px 0 11px 5px;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.menu-diary--button-all.active {
  --menu-diary-button-bg: var(--pal-gt-accent, #e51e25);
  background-color: var(--menu-diary-button-bg);
  color: #fff;
}

.menu-diary--button-all.active::before {
  border-color: transparent var(--menu-diary-button-bg) transparent transparent;
}

.menu-diary--button-all.active::after {
  border-color: transparent transparent transparent var(--menu-diary-button-bg);
}

.menu-diary--filter-wrap {
  position: relative;
  margin: 0 5px;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--filter-wrap {
    display: none;
  }
}

.menu-diary--filter-wrap::before {
  position: absolute;
  top: 0;
  left: -5px;
  width: 0;
  height: 0;
  border-width: 11px 5px 11px 0;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.menu-diary--filter-wrap::after {
  position: absolute;
  top: 0;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 11px 0 11px 5px;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.menu-diary--filter-wrap.active {
  background-color: var(--menu-diary-filter-bg);
  color: #fff;
}

.menu-diary--filter-wrap.active::before {
  border-color: transparent var(--menu-diary-filter-bg) transparent transparent;
}

.menu-diary--filter-wrap.active::after {
  border-color: transparent transparent transparent var(--menu-diary-filter-bg);
}

.menu-diary--filter-wrap.active .menu-diary--button-filter {
  color: #fff;
}

.menu-diary--filter-wrap.active .menu-diary--button-filter::before {
  background-image: url(/img/diary-drop-white.svg);
}

@media screen and (min-width: 64em) {
  .menu-diary--filter-wrap_blog {
    display: none;
  }
}

.menu-diary--button-filter {
  --menu-diary-item-color: var(--text-5-color, #606060);
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 2px 0 5px;
  padding: 0 12px 0 0;
  color: var(--menu-diary-item-color);
  font-size: 13px;
  line-height: 22px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--button-filter {
    display: none;
  }
}

.menu-diary--button-filter::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url(/img/diary-drop.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.menu-diary--button-filter.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.menu-diary--wrap {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 10px 15px;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 40px;
    margin: 0 auto 0 0;
    padding: 0;
    border: 0;
    background-color: transparent;
  }
}

.menu-diary--wrap.show {
  display: flex;
}

.menu-diary--wrap li {
  position: relative;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--wrap li {
    margin: 0 5px;
  }
  .menu-diary--wrap li::before {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    border-width: 11px 5px 11px 0;
    border-style: solid;
    border-color: transparent;
    content: '';
  }
  .menu-diary--wrap li::after {
    position: absolute;
    top: 0;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 11px 0 11px 5px;
    border-style: solid;
    border-color: transparent;
    content: '';
  }
  .menu-diary--wrap li.active {
    background-color: var(--menu-diary-item-bg);
    color: #fff;
  }
  .menu-diary--wrap li.active::before {
    border-color: transparent var(--menu-diary-item-bg) transparent transparent;
  }
  .menu-diary--wrap li.active::after {
    border-color: transparent transparent transparent var(--menu-diary-item-bg);
  }
  .menu-diary--wrap li.active .menu-diary--item {
    color: #fff;
  }
  .menu-diary--wrap li.active .menu-diary--item::before {
    background-image: url(/img/diary-drop-white.svg);
  }
  .menu-diary--wrap li.menu-diary--full {
    display: none;
  }
}

.menu-diary--item {
  display: block;
  margin: 0;
  color: var(--menu-diary-item-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--item {
    height: 22px;
    margin: 0 5px;
    font-weight: 400;
    line-height: 22px;
  }
}

.menu-diary--item.dropdown {
  display: inline-flex;
  position: relative;
  padding: 0 12px 0 0;
  font-weight: 500;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--item.dropdown {
    display: block;
    margin: 0 2px 0 5px;
    font-weight: 400;
  }
  .menu-diary--item.dropdown::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    background-image: url(/img/diary-drop.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: '';
  }
  .menu-diary--item.dropdown.active::after {
    z-index: 10;
    position: absolute;
    top: 31px;
    right: -1px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    background-color: #efefef;
    content: '';
  }
}

.nav-dropdown--wrap {
  z-index: 9;
  padding: 0 15px;
}

@media screen and (min-width: 70.625em) {
  .nav-dropdown--wrap {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    min-width: 145px;
    padding: 10px 12px 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
  }
  .nav-dropdown--wrap.open {
    display: block;
  }
}

.menu-diary--item-submenu {
  display: block;
  margin: 0;
  color: #606060;
  font-size: 13px;
  line-height: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 70.625em) {
  .menu-diary--item-submenu {
    height: 30px;
  }
}

.menu-diary--item-submenu:hover {
  color: #000;
}

.menu-diary--filter {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
}

@media screen and (min-width: 48em) {
  .menu-diary--filter {
    padding: 5px 0;
  }
}

@media screen and (min-width: 70.625em) {
  .menu-diary--filter {
    width: auto;
  }
}

.menu-diary--filter.center {
  justify-content: center;
}

.menu-diary--switch-new {
  padding: 0 8px;
  border: 1px solid var(--diary-main-switch-border-color);
  background-color: var(--diary-main-switch-bg);
  color: var(--diary-main-switch-color);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.diary-main--inner {
  display: grid;
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(276px, 1fr));
  justify-content: center;
  padding: 6px 0;
  background-color: var(--diary-main-bg-color);
}

@media screen and (min-width: 64em) {
  .diary-main--inner {
    align-content: start;
  }
}

.diary-main--inner::after {
  z-index: 2;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--diary-main-bg-color);
  content: '';
}

.diary-main-control {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
}

@media screen and (min-width: 48em) {
  .diary-main-control {
    display: flex;
  }
}

.diary-main-control--prev {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 5px 0 25px;
  background-image: url(/img/slider-hot-prev.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.diary-main-control--prev.disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.diary-main-control--next {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 25px 0 5px;
  background-image: url(/img/slider-hot-next.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.diary-main-control--next.disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.diary-main-control--line {
  flex-grow: 1;
  width: 100%;
  height: 50px;
  background: linear-gradient(var(--diary-main-line-color) 1px, var(--diary-main-line-color) 0) 0/100% 1px;
  background-repeat: no-repeat;
}

.diary-main-control--counter {
  flex-shrink: 0;
  color: #808080;
  font-size: 15px;
  line-height: 40px;
}

.diary-main-control--counter span {
  color: #e51e25;
}

.diary-button-more--wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 15px 15px;
  background-color: var(--diary-main-bg-color);
}

@media screen and (min-width: 48em) {
  .diary-button-more--wrap {
    display: none;
  }
}

.diary-button-more {
  width: 100%;
  max-width: 290px;
  border: 1px solid var(--diary-main-switch-border-color);
  border-radius: 3px;
  background-color: var(--diary-main-switch-bg);
  color: var(--diary-main-switch-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.diary-main--item {
  display: flex;
  position: relative;
  padding: 0 15px;
}

.diary-main--avatar {
  position: relative;
  flex-shrink: 0;
  padding: 20px 10px 15px 0;
  border-bottom: 1px solid var(--diary-main-item-border-color);
}

.diary-main--num {
  position: absolute;
  top: 8px;
  right: 6px;
  width: 28px;
  height: 28px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
}

.diary-main--num_gold {
  background-image: url(/img/diary-crown-gold.svg);
}

.diary-main--num_silver {
  background-image: url(/img/diary-crown-silver.svg);
}

.diary-main--num_bronze {
  background-image: url(/img/diary-crown-bronze.svg);
}

.diary-main--image {
  width: 67px;
  height: 67px;
  border: 4px solid var(--diary-main-bg-color);
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px var(--diary-main-avatar-border-color);
}

.diary-main--info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid var(--diary-main-item-border-color);
}

@media screen and (min-width: 40em) {
  .diary-main--info {
    width: auto;
  }
}

.diary-main--nickname-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 4px;
  line-height: 18px;
}

.diary-main--nickname {
  color: var(--diary-main-nick-color);
  font-size: 13px;
  font-weight: 700;
}

.diary-main--item_club .diary-main--nickname,
.diary-main--item_diamond .diary-main--nickname,
.diary-main--item_heart .diary-main--nickname,
.diary-main--item_spade .diary-main--nickname {
  color: var(--diary-main-cardsuit-color);
  font-weight: 400;
}

.diary-main--nickname-stats {
  margin: 0 0 0 auto;
  color: var(--diary-main-stats-color);
  font-size: 12px;
}

.diary-main--date-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 18px;
}

.diary-main--date {
  color: var(--diary-main-date-color);
  font-size: 10px;
  text-transform: uppercase;
}

.diary-main--sect {
  margin: 0 0 0 auto;
  color: #e51e25;
  font-size: 10px;
  text-transform: uppercase;
}

.diary-main--heading {
  min-width: 0;
  height: 36px;
  overflow: hidden;
  color: var(--diary-main-heading-color);
  font-family: "Noto Serif", serif;
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.diary-main--heading::before {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.forum-section--header {
  --section-main-header-color: var(--text-5-color, #202020);
  display: flex;
  margin: 0 0 15px;
  padding: 0 15px;
  line-height: 36px;
}

@media screen and (min-width: 48em) {
  .forum-section--header {
    padding: 0;
  }
}

.forum-section--header h1 {
  margin: 0;
  color: var(--section-main-header-color);
  font-family: "Noto Serif", serif;
  font-size: 23px;
  font-weight: 700;
}

@media screen and (min-width: 48em) {
  .forum-section--header h1 {
    font-size: 28px;
  }
}

.section-header-icon {
  --color1: var(--pal-icon-color1, #333);
  --color2: var(--pal-icon-color2, #202020);
  width: 30px;
  height: 30px;
  margin: 0 8px 0 0;
  transform: translateY(7px);
}

.forum-section--wrap {
  --section-main-header-color: var(--text-5-color, #202020);
  --section-main-bg-color: var(--layer-3-color, #fff);
  --section-main-head-color: var(--text-5-color, #909090);
  --section-main-subhead-color: var(--text-6-color, #808080);
  --section-main-border-color: var(--line-2-color, #909090);
  --section-main-line-color: var(--line-1-color, #e5e5e5);
  --section-main-nick-color: var(--text-6-color, #a5a5a5);
  --section-main-date-color: var(--text-6-color, #b6b6b6);
  --section-main-name-color: var(--text-2-color, #000);
  --section-main-topic-color: var(--text-2-color, #202020);
  --section-main-number-color: var(--text-6-color, #999);
  --section-main-qty-color: var(--text-4-color, #000);
  --section-main-read-color: var(--text-6-color, #9e9e9e);
  margin: 0 0 15px;
  padding: 15px;
  background-color: var(--section-main-bg-color);
}

@media screen and (min-width: 48em) {
  .forum-section--wrap {
    padding: 17px 30px;
  }
}

.forum-section {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.forum-section th {
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-main-border-color);
  color: var(--section-main-subhead-color);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
}

.forum-section.hide th {
  border-color: transparent;
}

.forum-section.hide .th-msg,
.forum-section.hide .th-read,
.forum-section.hide .th-theme,
.forum-section.hide tbody {
  display: none;
}

.forum-section--toggle-wrap {
  display: flex;
  line-height: 19px;
}

.forum-section--toggle {
  width: 13px;
  height: 18px;
  margin: 0 8px 0 0;
  background-image: url(/img/icon-hide.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
}

.forum-section--toggle.active {
  background-image: url(/img/icon-show.svg);
}

.forum-section .th-name {
  width: 35%;
  padding-left: 0;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

.forum-section .th-name a {
  color: var(--section-main-head-color);
}

.forum-section .th-name a:hover {
  text-decoration: underline;
}

.forum-section .th-theme {
  width: 15%;
  text-align: right;
}

.forum-section .th-read {
  width: 12%;
  text-align: right;
}

.forum-section .th-msg {
  width: 38%;
  padding: 12px 0 12px 24px;
}

.forum-section td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-main-line-color);
  color: var(--section-main-topic-color);
  font-size: 18px;
  vertical-align: middle;
}

.forum-section .td-name {
  padding-left: 0;
}

.forum-section .td-name a {
  color: var(--section-main-name-color);
  font-family: "PT Serif", serif;
}

.forum-section .td-theme {
  color: var(--section-main-number-color);
  font-family: "Roboto Condensed", sans-serif;
  text-align: right;
  white-space: nowrap;
}

.forum-section .td-read {
  color: var(--section-main-number-color);
  font-family: "Roboto Condensed", sans-serif;
  text-align: right;
}

.forum-section .td-msg {
  max-width: 250px;
  padding: 12px 0 12px 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forum-section .td-msg a {
  color: var(--section-main-topic-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.forum-section a:hover {
  text-decoration: underline;
}

.forum-section .last-msg-time {
  color: var(--section-main-date-color);
  font-size: 10px;
  text-transform: uppercase;
}

.forum-section .last-msg-time .user {
  color: var(--section-main-nick-color);
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
}

.forum-section tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.visited .td-name a {
  color: var(--section-main-read-color);
}

.visited .td-msg a {
  color: var(--section-main-read-color);
}

.forum-section .visited .td-msg .user {
  color: var(--section-main-read-color);
}

.table--responsive-container {
  display: flex;
}

@media screen and (min-width: 48em) {
  .table--responsive-container {
    display: none;
  }
}

.td-msg,
.td-read,
.td-theme,
.th-msg,
.th-read,
.th-theme {
  display: none;
}

@media screen and (min-width: 48em) {
  .td-msg,
.td-read,
.td-theme,
.th-msg,
.th-read,
.th-theme {
    display: table-cell;
  }
}

.read--qty,
.theme--qty {
  color: #808080;
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.read--qty strong,
.theme--qty strong {
  margin: 0 0 0 4px;
  color: var(--section-main-qty-color);
}

.theme--qty {
  margin: 0 8px 0 0;
}

.readers-onpage {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  padding: 16px 0 0;
}

@media screen and (min-width: 48em) {
  .readers-onpage {
    padding: 36px 0 0;
  }
}

.readers-onpage--head {
  color: var(--text-5-color, #606060);
  font-size: 13px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .readers-onpage--head {
    line-height: 14px;
  }
}

.readers-onpage--list {
  color: var(--text-3-color, #333);
  font-size: 13px;
  line-height: 18px;
}

.readers-onpage--list a {
  color: var(--text-3-color, #333);
  font-size: 13px;
  line-height: 18px;
}

.readers-onpage--list a:hover {
  text-decoration: underline;
}

.readers-onpage--list strong {
  color: var(--text-3-color, #000);
  font-weight: 500;
}

.readers-onpage--list .gt-team {
  color: #e51e25;
  font-weight: 500;
}

.slider-adv-wrap {
  display: flex;
  z-index: 102;
  justify-content: center;
  width: 100%;
  transform: translateY(2px);
}

.slider-adv {
  --section-slider-item-bg-color: var(--layer-4-color, #fff);
  --section-slider-item-color: var(--text-5-color, #808080);
  --section-slider-navigation-color: var(--text-4-color, #757575);
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 auto;
  padding: 15px 10px 0;
}

@media screen and (min-width: 48em) {
  .slider-adv {
    padding: 15px 0 0;
  }
}

.slider-adv--button {
  display: none;
  z-index: 3;
  position: absolute;
  top: 50%;
  width: 28px;
  height: 44px;
  margin-top: -22px;
  outline: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .slider-adv--button {
    display: block;
  }
}

.slider-adv--button_prev {
  right: auto;
  left: 0;
}

.slider-adv--button_prev::after {
  position: absolute;
  top: 17px;
  left: 12px;
  width: 6px;
  height: 6px;
  transform: rotate(135deg);
  border: solid var(--section-slider-navigation-color);
  border-width: 0 1px 1px 0;
  content: '';
}

.slider-adv--button_next {
  right: 0;
  left: auto;
}

.slider-adv--button_next::after {
  position: absolute;
  top: 17px;
  left: 9px;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
  border: solid var(--section-slider-navigation-color);
  border-width: 0 1px 1px 0;
  content: '';
}

.slider-adv--button_disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.slider-adv--inner {
  position: relative;
  width: 100%;
  max-width: 1306px;
}

@media screen and (min-width: 48em) {
  .slider-adv--inner {
    padding: 0 25px;
  }
}

.slider-adv--container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 5px;
  overflow: hidden;
  list-style: none;
}

.slider-adv--row {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}

.slider-adv--item {
  gap: 2px 15px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: var(--section-slider-item-bg-color);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  transition-property: transform;
}

@media screen and (min-width: 48em) {
  .slider-adv--item {
    padding: 10px 15px;
  }
}

@media screen and (min-width: 64em) {
  .slider-adv--item {
    flex-direction: row;
    align-items: center;
  }
}

.slider-adv--logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  max-width: 90px;
  min-height: 35px;
}

.slider-adv--logo img {
  max-height: 35px;
}

[theme='dark'] .slider-adv--logo_light {
  display: none;
}

.slider-adv--logo_dark {
  display: none;
}

[theme='dark'] .slider-adv--logo_dark {
  display: flex;
}

.slider-adv--slogan {
  color: var(--section-slider-item-color);
  font-size: 13px;
  line-height: 16px;
}

.theme-supp {
  width: 100%;
  margin: 0 auto 10px;
  padding: 17px 15px 10px;
  border: 1px solid var(--line-2-color, #dedede);
  background-color: var(--layer-4-color, #fffdf0);
}

@media screen and (min-width: 48em) {
  .theme-supp {
    margin: -10px auto 30px;
    padding: 17px 30px 5px;
  }
}

.theme-supp--heading {
  margin: 0 0 12px;
  color: var(--text-1-color, #424242);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.theme-supp--inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 8px 0 0;
  border-top: 1px solid var(--line-2-color, #e5e5e5);
}

@media screen and (min-width: 48em) {
  .theme-supp--inner {
    flex-direction: row;
  }
}

.theme-supp--link {
  margin: 0 0 5px;
  padding: 5px 0 5px 32px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  color: var(--text-1-color, #424242);
  font-size: 16px;
  white-space: nowrap;
}

.theme-supp--link:not(:last-child) {
  margin-right: 25px;
}

.theme-supp--link_chat {
  background-image: url(/img/theme-support-chat.svg);
}

.theme-supp--link_telegram {
  background-image: url(/img/theme-support-telegram.svg);
}

.theme-supp--link_skype {
  background-image: url(/img/theme-support-skype.svg);
}

.theme-supp--link_mail {
  background-image: url(/img/theme-support-mail.svg);
}

.search-wrap {
  --forum-search-bg-color: var(--layer-3-color, #fafafa);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 0 60px;
  background-color: var(--forum-search-bg-color);
}

.search-wrap--inner {
  width: 100%;
  max-width: 1276px;
}

@media screen and (min-width: 48em) {
  .search-wrap--inner {
    padding: 0 15px;
  }
}

.instant-search {
  --forum-search-instant-bg-color: var(--layer-3-color, #f9f9f9);
  margin: 0 0 10px;
  padding: 15px;
  background-color: var(--forum-search-instant-bg-color);
}

.site-search-form {
  --forum-search-border-color: var(--control-1-border-color, #e0e0e0);
  --forum-search-input-color: var(--control-1-color, #333);
  --forum-search-input-bg-color: var(--layer-2-color, #fff);
  --forum-search-button-color: var(--control-1-color, #f2f2f2);
  --forum-search-button-bg-color: var(--control-1-bg-color, #4f4f4f);
  --forum-search-field-color: var(--control-1-color, #212121);
  --forum-search-field-bg-color: var(--layer-2-color, #fff);
  --forum-search-field-border-color: var(--control-1-border-color, #e0e0e0);
  --forum-search-field-placeholder-color: var(--text-6-color, #bdbdbd);
  --forum-search-select-bg-color: var(--control-1-bg-color, #fff);
  --forum-search-select-border-color: var(--control-1-border-color, #e0e0e0);
  --forum-search-select-color: var(--control-1-color, #202020);
  --forum-search-dropdown-bg-color: var(--control-1-bg-color, #efefef);
  --forum-search-dropdown-border-color: var(--control-1-border-color, #ccc);
  --forum-search-dropdown-color: var(--text-4-color, #606060);
  --forum-search-check-bg-color: var(--layer-3-color, #fff);
  --forum-search-check-border-color: var(--control-1-border-color, #bdbdbd);
  --forum-search-check-color: var(--control-1-color, #606060);
  width: 100%;
}

.site-search-form_medium {
  max-width: 960px;
}

.site-search-form_short {
  max-width: 550px;
}

.search-input {
  display: flex;
  margin: 0 0 12px;
}

.search-input--field {
  z-index: 1;
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--forum-search-border-color);
  border-radius: 2px 0 0 2px;
  background-color: var(--forum-search-input-bg-color);
  color: var(--forum-search-input-color);
}

.search-input--field_short {
  padding: 2px 12px;
  border-radius: 3px 0 0 3px;
}

.search-input--inner {
  display: flex;
  position: relative;
}

.search-input--toggle {
  position: relative;
  height: 42px;
  padding: 0 21px;
  border-top: 1px solid var(--forum-search-border-color);
  border-bottom: 1px solid var(--forum-search-border-color);
  background-color: #fff;
  color: #808080;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .search-input--toggle {
    padding: 0 30px 0 15px;
  }
}

.search-input--toggle::before {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 10px;
  height: 10px;
  background-image: url(/img/search-angle.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  content: '';
}

@media screen and (min-width: 48em) {
  .search-input--toggle::before {
    right: 12px;
  }
}

.search-input--toggle.active::after {
  z-index: 2;
  position: absolute;
  top: 44px;
  right: 16px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border: solid var(--forum-search-dropdown-border-color);
  border-width: 1px 0 0 1px;
  background-color: var(--forum-search-dropdown-bg-color);
  content: '';
}

@media screen and (min-width: 48em) {
  .search-input--toggle.active::after {
    right: 12px;
  }
}

.search-input--toggle-txt {
  display: none;
}

@media screen and (min-width: 48em) {
  .search-input--toggle-txt {
    display: inline;
  }
}

.search-input--list {
  display: none;
  z-index: 1;
  position: absolute;
  top: 50px;
  right: -41px;
  width: 290px;
  max-height: 322px;
  padding: 12px 15px 2px;
  overflow-y: scroll;
  border: 1px solid var(--forum-search-dropdown-border-color);
  background-color: var(--forum-search-dropdown-bg-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

@media screen and (min-width: 48em) {
  .search-input--list {
    right: -148px;
    width: 346px;
  }
}

.search-input--list.show {
  display: block;
}

.search-input--button {
  height: 42px;
  padding: 0 20px 0 21px;
  border: 1px solid var(--forum-search-border-color);
  border-left: 0;
  border-radius: 0 2px 2px 0;
  background-color: var(--forum-search-button-bg-color);
  background-image: url(/img/search-input-button.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19px;
  color: var(--forum-search-button-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .search-input--button {
    padding: 0 40px 0 55px;
    background-position: 30px 50%;
  }
}

.search-input--button_short {
  height: 32px;
  padding: 0 20px 0 21px;
  border-radius: 0 3px 3px 0;
  background-size: 16px;
  font-size: 14px;
  line-height: 30px;
}

@media screen and (min-width: 48em) {
  .search-input--button_short {
    padding: 0 15px 0 35px;
    background-position: 10px 50%;
  }
}

.search-input--button-txt {
  display: none;
}

@media screen and (min-width: 48em) {
  .search-input--button-txt {
    display: inline;
  }
}

.search-input_clean {
  margin: 0;
}

.search-input--label {
  display: flex;
  position: relative;
  margin: 0 0 8px;
  color: var(--forum-search-dropdown-color);
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.search-input--label:nth-of-type(1) {
  font-weight: 700;
}

.search-input--checkbox {
  position: absolute;
  opacity: 0;
}

.search-input--checkbox:checked ~ .search-input--mark::after {
  display: block;
}

.search-input--mark {
  position: relative;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid var(--forum-search-check-border-color);
  background-color: var(--forum-search-check-bg-color);
}

.search-input--mark::after {
  display: none;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--forum-search-check-color);
  content: '';
}

.search-select {
  display: flex;
  flex-wrap: wrap;
}

.search-select--date {
  margin: 0 10px 0 0;
  padding: 4px 0;
}

.search-select--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 250px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--forum-search-select-border-color);
  border-radius: 0;
  background-color: var(--forum-search-select-bg-color);
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: var(--forum-search-select-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 30px;
}

.search-select--target {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.search-select--label {
  --forum-search-label-color: var(--text-5-color, #4f4f4f);
  display: flex;
  position: relative;
  margin: 0 20px 0 0;
  color: var(--forum-search-label-color);
  font-size: 16px;
  line-height: 32px;
  white-space: nowrap;
  cursor: pointer;
}

.search-select--label_wrap {
  white-space: inherit;
}

.search-select--field-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 4px 0;
}

.search-select--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 250px;
  margin: 0 10px 0 0;
  padding: 5px 10px;
  border: 1px solid var(--forum-search-field-border-color);
  border-radius: 0;
  background-color: var(--forum-search-field-bg-color);
  color: var(--forum-search-field-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.search-select--field::-moz-placeholder {
  color: var(--forum-search-field-placeholder-color);
}

.search-select--field::placeholder {
  color: var(--forum-search-field-placeholder-color);
}

.theme-tables {
  display: none;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
  padding: 0 8px 8px;
}

@media screen and (min-width: 64em) {
  .theme-tables {
    gap: 0 37px;
    grid-template-columns: 3fr 4fr 4fr;
    padding: 0 0 36px;
  }
  .visited .theme-tables {
    display: none;
  }
}

.theme-tables.show {
  display: grid;
}

@media screen and (min-width: 64em) {
  .visited .theme-tables.show {
    padding: 0 0 30px;
  }
}

.theme-data--heading {
  gap: 0 8px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
  padding: 12px 0 9px 20px;
  color: var(--text-5-color, #333);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .theme-data--heading {
    margin: 0 0 2px;
    padding: 0 0 14px;
    border-bottom: solid 4px var(--line-1-color, #e5e5e5);
  }
}

.theme-data--heading::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  transform: translateY(9px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23606060' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  content: '';
}

@media screen and (min-width: 64em) {
  .theme-data--heading::before {
    display: none;
  }
}

.theme-data--heading.active::before {
  transform: translateY(10px) rotate(90deg);
}

.theme-data--heading svg {
  width: 16px;
  height: 16px;
}

.theme-data--wrap {
  display: none;
}

@media screen and (min-width: 64em) {
  .theme-data--wrap {
    display: block;
  }
}

.theme-data--wrap.show {
  display: block;
}

.theme-data {
  display: flex;
  flex-direction: column;
  margin: 0 0 2px;
}

@media screen and (min-width: 64em) {
  .theme-data {
    margin: 0;
  }
}

@media screen and (min-width: 64em) {
  .theme-data a:hover {
    text-decoration: underline;
  }
}

.theme-data--item {
  gap: 0 8px;
  display: grid;
  align-items: center;
  padding: 11px 0 10px;
  border-top: 1px solid var(--line-1-color, #e5e5e5);
}

@media screen and (min-width: 64em) {
  .theme-data--item:first-child {
    border-color: transparent;
  }
}

.theme-data_stats .theme-data--item {
  grid-template-columns: 18px 1fr 64px;
}

.theme-data_author .theme-data--item {
  grid-template-columns: 1fr 42px;
}

.theme-data_readers .theme-data--item {
  grid-template-columns: 1fr 2fr 42px;
}

.theme-data--item svg {
  --i-color1: var(--text-2-color, #333);
}

.theme-data--label {
  color: var(--text-4-color, #333);
  font-size: 14px;
  line-height: 18px;
}

.theme-data--place {
  justify-self: end;
  margin: -2px 0;
  padding: 5px 7px;
  border-radius: 2px;
  background-image: linear-gradient(326deg, #bc7b09 -12.93%, #ffc223 126.71%);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.theme-data--qty {
  justify-self: end;
  color: #529410;
  font-size: 14px;
  line-height: 18px;
}

.theme-data--qty_stats {
  color: #de8b10;
}

.theme-data--qty_negative {
  color: #e51e25;
}

.theme-data--nick {
  overflow: hidden;
  color: var(--text-4-color, #333);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-data--nick a {
  color: var(--text-4-color, #333);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

.theme-data--link {
  overflow: hidden;
  color: var(--text-5-color, #333);
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section-wrap {
  --forum-section-wrap-bg-color: var(--layer-3-color, #fff);
  margin: 0 0 15px;
  padding: 15px;
  background-color: var(--forum-section-wrap-bg-color);
}

@media screen and (min-width: 48em) {
  .section-wrap {
    padding: 15px 30px;
  }
}

.section-wrap_pinned {
  margin: 0 0 12px;
  padding: 16px;
  background-color: #fafafa;
}

[theme='dark'] .section-wrap_pinned {
  background-color: var(--forum-section-wrap-bg-color);
}

.uni-section {
  --section-uni-head-color: var(--text-5-color, #909090);
  --section-uni-subhead-color: var(--text-6-color, #808080);
  --section-uni-border-color: var(--line-2-color, #909090);
  --section-uni-line-color: var(--line-1-color, #e5e5e5);
  --section-uni-nick-color: var(--text-6-color, #808080);
  --section-uni-last-nick-color: var(--text-4-color, #212121);
  --section-uni-diary-nick-color: var(--text-2-color, #000);
  --section-uni-date-color: var(--text-6-color, #909090);
  --section-uni-name-color: var(--text-4-color, #202020);
  --section-uni-topic-color: var(--text-2-color, #000);
  --section-uni-number-color: var(--text-6-color, #999);
  --section-uni-qty-color: var(--text-4-color, #000);
  --section-uni-moved-color: var(--text-4-color, #909090);
  --section-uni-read-color: var(--text-6-color, #9e9e9e);
  --section-uni-avatar-border-color: var(--line-2-color, #d8d8d8);
  --section-uni-checkbox-filter: var(--icon-1-filter, none);
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.uni-section .head-avatar {
  width: 1%;
  padding: 12px 0;
  border-bottom: 1px solid var(--section-uni-border-color);
  color: var(--section-uni-head-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .uni-section .head-avatar {
    font-size: 16px;
  }
}

.uni-section .head-topic {
  width: 50%;
  padding: 12px 10px 12px 0;
  border-bottom: 1px solid var(--section-uni-border-color);
  color: var(--section-uni-head-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.uni-section_pinned .head-topic {
  width: 99%;
  padding: 17px 10px 14px 0;
}

.uni-section .head-posts {
  display: none;
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-uni-border-color);
  color: var(--section-uni-subhead-color);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .uni-section .head-posts {
    display: table-cell;
  }
}

.uni-section .head-views {
  display: none;
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-uni-border-color);
  color: var(--section-uni-subhead-color);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .uni-section .head-views {
    display: table-cell;
  }
}

.uni-section .head-last {
  display: none;
  padding: 12px 0 12px 24px;
  border-bottom: 1px solid var(--section-uni-border-color);
  color: var(--section-uni-subhead-color);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .uni-section .head-last {
    display: table-cell;
  }
}

.uni-section .head-edit {
  width: 1%;
  padding: 0;
  border-bottom: 1px solid var(--section-uni-border-color);
  white-space: nowrap;
}

.uni-section--responsive-container {
  display: flex;
}

@media screen and (min-width: 48em) {
  .uni-section--responsive-container {
    display: none;
  }
}

.uni-section--responsive-container .topic-posts--qty {
  margin: 0 8px 0 0;
  color: var(--section-uni-subhead-color);
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.uni-section--responsive-container .topic-posts--qty strong {
  color: var(--section-uni-qty-color);
}

.uni-section--responsive-container .topic-views--qty {
  color: var(--section-uni-subhead-color);
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.uni-section--responsive-container .topic-views--qty strong {
  color: var(--section-uni-qty-color);
}

.label--warning {
  display: inline-block;
  position: relative;
  top: -1px;
  margin: 0 1px 0 0;
  padding: 0 0 0 20px;
  color: #529410;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.label--warning::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(/img/label-warning-green.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.label--lock {
  --section-uni-lock-icon-filter: var(--icon-1-filter, none);
  display: inline-block;
  position: relative;
  top: 2px;
  flex-shrink: 0;
  width: 12px;
  height: 17px;
  margin: 0 4px 0 0;
  background-image: url(/img/label-lock.svg);
  background-position: 50% 4px;
  background-repeat: no-repeat;
  filter: var(--section-uni-lock-icon-filter);
}

.label-exchange {
  display: inline-flex;
  margin: 0 0 4px;
  padding: 4px 6px;
  border-radius: 2px;
  background-color: #07a5ca;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.theme--name {
  color: var(--section-uni-topic-color);
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 25px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.uni-section_pinned .theme--name {
  color: var(--text-2-color, #202020);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.uni-section.uni-section_pinned .visited .theme--name {
  color: var(--section-uni-topic-color);
}

.theme--name + .label-exchange {
  margin: 0 0 0 6px;
}

.label--theme-read {
  --section-uni-label-icon-read: var(--icon-4-filter, none);
  display: inline-block;
  position: relative;
  top: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 21px;
  margin: 0 5px 0 0;
  background-image: url(/img/theme-read-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.visited .label--theme-read {
  background-image: url(/img/theme-read-gray.svg);
  cursor: default;
  filter: var(--section-uni-label-icon-read);
}

.section-wrap_pinned .visited .label--theme-read {
  background-image: url(/img/theme-read-black.svg);
  filter: none;
}

.label--theme-read_staking {
  top: 2px;
}

.label--moved {
  display: inline-block;
  position: relative;
  padding: 0 4px;
  transform: translateY(-2px);
  border-radius: 2px;
  background-color: var(--layer-5-color, #b4b4b4);
  color: var(--text-4-color, #fff);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.theme-name-pager--wrap {
  --section-uni-pager-icon-filter: var(--icon-6-filter, none);
  --section-uni-pager-icon-read: var(--icon-4-filter, none);
  --section-uni-pager-color: var(--text-4-color, #333);
  --section-uni-pager-read-color: var(--text-6-color, #9e9e9e);
  display: inline-block;
  position: relative;
  margin: 0 0 0 5px;
  padding: 0 0 0 20px;
}

.theme-name-pager--wrap::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 12px;
  height: 14px;
  background-image: url(/img/theme-name-pager-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  filter: var(--section-uni-pager-icon-filter);
}

.visited .theme-name-pager--wrap::before {
  background-image: url(/img/theme-name-pager-gray.svg);
  filter: var(--section-uni-pager-icon-read);
}

.uni-section_pinned .visited .theme-name-pager--wrap::before {
  background-image: url(/img/theme-name-pager-black.svg);
  filter: none;
}

.theme-name-pager--wrap a {
  margin: 0 5px 0 -4px;
  padding: 0 2px;
  color: var(--section-uni-pager-color);
  font-size: 12px;
}

.visited .theme-name-pager--wrap a {
  color: var(--section-uni-pager-read-color);
}

.uni-section_pinned .visited .theme-name-pager--wrap a {
  color: var(--section-uni-pager-color);
}

.uni-section .diary-avatar {
  padding: 12px 10px 12px 0;
  vertical-align: top;
}

@media screen and (min-width: 48em) {
  .uni-section .diary-avatar {
    padding: 12px 20px 12px 0;
  }
}

.uni-section .diary-avatar--large-clip {
  width: 50px;
  height: 50px;
  border: 4px solid var(--forum-section-wrap-bg-color);
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px var(--section-uni-avatar-border-color);
}

@media screen and (min-width: 48em) {
  .uni-section .diary-avatar--large-clip {
    width: 78px;
    height: 78px;
  }
}

.uni-section .moved .diary-avatar {
  filter: grayscale(1);
}

.uni-section .topic-name {
  padding: 12px 10px 12px 0;
  border-bottom: 1px solid var(--section-uni-line-color);
  vertical-align: baseline;
}

.uni-section .topic-posts {
  display: none;
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-uni-line-color);
  color: var(--section-uni-number-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  text-align: right;
  vertical-align: baseline;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .uni-section .topic-posts {
    display: table-cell;
  }
}

.uni-section .topic-views {
  display: none;
  padding: 12px 10px;
  border-bottom: 1px solid var(--section-uni-line-color);
  color: var(--section-uni-number-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  text-align: right;
  vertical-align: baseline;
}

@media screen and (min-width: 48em) {
  .uni-section .topic-views {
    display: table-cell;
  }
}

.uni-section .last-msg-time {
  color: var(--section-uni-date-color);
  font-size: 10px;
  text-transform: uppercase;
}

.visited .uni-section .last-msg-time {
  color: var(--section-uni-read-color);
}

.uni-section .topic-edit {
  width: 1%;
  padding: 0;
  border-bottom: 1px solid var(--section-uni-line-color);
  vertical-align: baseline;
  white-space: nowrap;
  filter: var(--section-uni-checkbox-filter);
}

.uni-section a:hover {
  text-decoration: underline;
}

.uni-section tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.uni-section .visited .theme--name {
  color: var(--section-uni-read-color);
}

.topic-last {
  display: none;
  padding: 12px 0 12px 24px;
  border-bottom: 1px solid var(--section-uni-line-color);
  vertical-align: baseline;
}

@media screen and (min-width: 48em) {
  .topic-last {
    display: table-cell;
  }
}

.topic-last a {
  color: var(--section-uni-nick-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.topic-last a strong {
  color: var(--section-uni-last-nick-color);
  font-weight: 500;
}

.visited .topic-last a strong {
  color: var(--section-uni-nick-color);
}

.section-wrap_pinned .ts-nickname--wrap {
  margin: 0 0 4px;
}

.ts-nickname--wrap .ts-nickname {
  color: var(--section-uni-name-color);
  font-size: 14px;
  font-weight: 500;
}

.visited .ts-nickname--wrap .ts-nickname {
  color: var(--section-uni-read-color);
}

.section-wrap_pinned .visited .ts-nickname--wrap .ts-nickname {
  color: var(--section-uni-name-color);
}

.ts-diary-nickname--wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 24px;
}

.ts-diary-nickname--wrap .ts-diary-nickname {
  margin: 0 8px 0 0;
  color: var(--section-uni-diary-nick-color);
  font-size: 16px;
  font-weight: 700;
}

.visited .ts-diary-nickname--wrap .ts-diary-nickname {
  color: var(--section-uni-read-color);
}

.head-topic--mark {
  gap: 0 5px;
  display: flex;
  align-items: center;
  color: #529410;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.topic-exchange-arrows {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.poll {
  margin: 0 0 10px;
  padding: 24px 16px;
  background-color: var(--layer-3-color, #f9f9f9);
}

@media screen and (min-width: 48em) {
  .poll {
    padding: 32px;
  }
}

.poll--form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.poll--theme {
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--line-2-color, #e5e5e5);
  color: var(--text-4-color, #333);
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (min-width: 48em) {
  .poll--theme {
    font-size: 22px;
    line-height: 26px;
  }
}

.poll--wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .poll--wrap {
    margin: 0 0 24px;
  }
}

.poll--label {
  gap: 0 6px;
  display: flex;
  margin: 0 0 24px;
  color: var(--text-5-color, #333);
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .poll--label {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 22px;
  }
}

.poll--label:nth-last-of-type(1) {
  margin: 0;
}

.poll--circle {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--line-2-color, #ababad);
  border-radius: 50%;
  background-color: var(--layer-2-color, transparent);
}

@media screen and (min-width: 48em) {
  .poll--circle {
    width: 22px;
    height: 22px;
  }
}

.poll--circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--text-3-color, #606060);
  content: '';
}

@media screen and (min-width: 48em) {
  .poll--circle::after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
  }
}

.poll--square {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--line-2-color, #ababad);
  background-color: var(--layer-2-color, transparent);
}

@media screen and (min-width: 48em) {
  .poll--square {
    width: 22px;
    height: 22px;
  }
}

.poll--square::after {
  display: none;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 5px;
  height: 11px;
  transform: rotate(45deg);
  border: solid var(--text-3-color, #606060);
  border-width: 0 2px 2px 0;
  content: '';
}

@media screen and (min-width: 48em) {
  .poll--square::after {
    top: 2px;
    left: 7px;
    width: 7px;
    height: 13px;
  }
}

.poll--input {
  position: absolute;
  opacity: 0;
}

.poll--input:checked + .poll--circle::after {
  display: block;
}

.poll--input:checked + .poll--square::after {
  display: block;
}

.poll--submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.poll--button {
  margin: 0 16px 0 0;
  padding: 7px 15px;
  border: 1px solid var(--control-1-border-color, #e9e9e9);
  border-radius: 2px;
  background-color: var(--control-1-bg-color, #fff);
  color: var(--control-1-color, #606060);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .poll--button {
    padding: 9px 19px;
    font-size: 13px;
  }
}

.poll--list {
  margin: 0;
}

.poll--item {
  display: flex;
  margin: 0;
  counter-increment: list-counter;
}

.poll--item:not(:last-child) {
  margin: 0 0 24px;
}

@media screen and (min-width: 48em) {
  .poll--item:not(:last-child) {
    margin: 0 0 16px;
  }
}

.poll--item::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  border-radius: 50%;
  background-color: var(--control-1-bg-color, #e9e9e9);
  color: var(--text-5-color, #333);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  content: counter(list-counter);
}

@media screen and (min-width: 48em) {
  .poll--item::before {
    width: 22px;
    height: 22px;
    font-size: 14px;
  }
}

.poll--grid {
  gap: 8px;
  display: grid;
  grid-template-columns: 1fr 32px 32px;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .poll--grid {
    grid-template-columns: minmax(300px, 1fr) 36px 36px 1fr;
  }
}

.poll--point {
  grid-column: 1 / 3;
  color: var(--text-5-color, #333);
  font-size: 14px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .poll--point {
    grid-column: 1;
    font-size: 16px;
    line-height: 22px;
  }
}

.poll--percent {
  grid-column: 2;
  grid-row: 2;
  color: #529410;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
}

@media screen and (min-width: 48em) {
  .poll--percent {
    grid-column: 3;
    grid-row: 1;
    font-size: 16px;
  }
}

.poll--voters {
  grid-column: 3;
  grid-row: 2;
  color: var(--text-4-color, #808080);
  font-size: 14px;
  line-height: 1;
  text-align: right;
}

@media screen and (min-width: 48em) {
  .poll--voters {
    grid-column: 2;
    grid-row: 1;
    font-size: 16px;
  }
}

.poll--line {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  height: 10px;
  border-radius: 4px;
  background-color: var(--layer-5-color, #e5e5e5);
}

@media screen and (min-width: 48em) {
  .poll--line {
    grid-column: 4;
    grid-row: 1;
    height: 12px;
  }
}

.poll--progress {
  border-radius: 4px;
  background-image: linear-gradient(90deg, #9cd46e 0%, #549320 100%);
}

.poll--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 16px 0 0;
}

.poll--link {
  margin: 0 5px 0 0;
  color: var(--text-4-color, #333);
  font-size: 12px;
  line-height: 28px;
  white-space: nowrap;
}

.poll--link:hover {
  text-decoration: underline;
}

.poll--count {
  color: var(--text-6-color, #606060);
  font-size: 12px;
  line-height: 28px;
  white-space: nowrap;
}

.stake {
  --x-stake-offer-bg-color: var(--layer-4-color, #f7f7f7);
  --x-stake-offer-border-color: var(--line-2-color, #e5e5e5);
  --x-stake-offer-head-border-color: var(--line-2-color, #ccc);
  --x-stake-offer-heading-color: var(--text-3-color, #202020);
  --x-stake-stgrid-color: var(--text-3-color, #202020);
  --x-stake-stgrid-info-color: var(--text-6-color, #909090);
  --x-stake-stgrid-note-color: var(--text-5-color, #4f4f4f);
  --x-stake-offer-field-color: var(--control-1-color, #212121);
  --x-stake-offer-field-bg-color: var(--layer-2-color, #fff);
  --x-stake-offer-field-border-color: var(--control-1-border-color, #e0e0e0);
  --x-stake-offer-select-color: var(--control-1-color, #202020);
  --x-stake-offer-select-bg-color: var(--control-1-bg-color, #fff);
  --x-stake-offer-select-border-color: var(--control-1-border-color, #e0e0e0);
  --x-stake-offer-label-color: var(--text-5-color, #333);
  --x-stake-offer-remain-color: var(--text-4-color, #4f4f4f);
  --x-stake-offer-mail-color: var(--text-4-color, #4f4f4f);
  --x-stake-result-color: var(--text-6-color, #909090);
  --x-stake-result-sum-color: var(--text-3-color, #202020);
  --x-stake-button-primary-color: var(--control-1-color, #404040);
  --x-stake-button-primary-bg-color: var(--control-1-bg-color, #fff);
  --x-stake-button-primary-border-color: var(--control-1-border-color, #ccc);
  --x-stake-button-secondary-color: var(--control-1-color, #404040);
  --x-stake-button-secondary-bg-color: var(--layer-4-color, #fff);
  --x-stake-button-secondary-border-color: var(--control-1-border-color, #ccc);
  --x-stake-part-num-color: var(--text-3-color, #202020);
  --x-stake-part-sum-color: var(--text-3-color, #202020);
  --x-stake-part-nick-color: var(--text-5-color, #4f4f4f);
  --x-stake-part-share-color: var(--text-5-color, #4f4f4f);
  --x-stake-part-note-color: var(--text-5-color, #4f4f4f);
  --x-stake-play-text-color: var(--text-4-color, #4f4f4f);
  --x-stake-play-sum-color: var(--text-3-color, #202020);
  --x-stake-play-nick-color: var(--text-5-color, #4f4f4f);
  --x-stake-play-filter: var(--icon-1-filter, none);
  position: relative;
  width: 100%;
  max-width: 770px;
  margin: 30px 0;
  padding: 25px 0;
  background-color: var(--x-stake-offer-bg-color);
}

@media screen and (min-width: 48em) {
  .stake {
    padding: 25px;
  }
}

.stake::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: -15px;
  width: 15px;
  height: 100%;
  background-color: var(--x-stake-offer-bg-color);
  content: '';
}

@media screen and (min-width: 48em) {
  .stake::before {
    left: 0;
  }
}

.stake::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
  height: 100%;
  background-color: var(--x-stake-offer-bg-color);
  content: '';
}

@media screen and (min-width: 48em) {
  .stake::after {
    right: 0;
  }
}

.stake a {
  color: #4f4f4f;
  font-weight: 400;
  text-decoration: none;
}

.stake--wrap {
  margin: 0 0 20px;
}

.stake--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 12px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--x-stake-offer-head-border-color);
}

.stake--heading {
  margin: 0 10px 0 0;
  color: var(--x-stake-offer-heading-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

@media screen and (min-width: 48em) {
  .stake--heading {
    font-size: 20px;
  }
}

.stake--label {
  margin: 5px 0 0;
  padding: 0 5px;
  color: #404040;
  font-size: 10px;
  font-weight: 700;
  line-height: 19px;
  text-transform: uppercase;
}

.stake--label_open {
  background-color: #e0f2cf;
}

.stake--label_closed {
  background-color: #f9ebd2;
}

.stake--label_result {
  background-color: #e1d8f1;
}

.stake--subheader {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--x-stake-offer-head-border-color);
}

.stake--subheading {
  margin: 0 auto 0 0;
  color: var(--x-stake-offer-heading-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.stake--remain {
  color: var(--x-stake-offer-remain-color);
  font-size: 16px;
  line-height: 24px;
}

.stake--mail {
  display: flex;
}

.stake--button-mail {
  margin: 10px 0;
  padding: 0 0 0 26px;
  background-image: url(/img/icon-theme-follow.svg);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 20px;
  font-size: 14px;
  line-height: 24px;
}

.stake--button-mail:hover {
  text-decoration: underline;
}

.stake .stake--button-mail {
  color: var(--x-stake-offer-mail-color);
}

.st-grid {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 5px;
  color: var(--x-stake-stgrid-color);
  line-height: 24px;
}

@media screen and (min-width: 48em) {
  .st-grid {
    grid-template-columns: 240px 1fr;
  }
}

.st-grid--info {
  color: var(--x-stake-stgrid-info-color);
  font-size: 16px;
}

.st-grid--sum {
  font-size: 22px;
  font-weight: 700;
}

.st-grid--note {
  padding: 4px 0 0;
  color: var(--x-stake-stgrid-note-color);
  font-size: 14px;
  line-height: 18px;
}

.part--item {
  display: grid;
  grid-template-columns: 25px minmax(100px, 1fr) 60px 100px;
  border-bottom: 1px solid var(--x-stake-offer-border-color);
  line-height: 28px;
}

@media screen and (min-width: 48em) {
  .part--item {
    grid-template-columns: 25px minmax(100px, 1fr) 60px 100px 110px 50px;
    line-height: 35px;
  }
}

.part--item a {
  text-decoration: none;
}

.part--item .part--nick {
  color: var(--x-stake-part-nick-color);
}

.part--item .part--delete {
  color: #a73030;
  font-weight: 400;
}

.part--item_deleted {
  opacity: .4;
}

.part--num {
  color: var(--x-stake-part-num-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

.part--nick {
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.part--share {
  color: var(--x-stake-part-share-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
}

.part--share_reserved {
  color: #529410;
}

.part--share_paid {
  color: #e2763a;
}

.part--sum {
  color: var(--x-stake-part-sum-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
}

.part--note {
  grid-column: 1 / 3;
  grid-row: 2;
  color: var(--x-stake-part-note-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .part--note {
    grid-column: 5;
    grid-row: 1;
  }
}

.part--note_reserved {
  color: #529410;
}

.part--note_paid {
  color: #e2763a;
}

.part--delete {
  grid-column: 4;
  grid-row: 2;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .part--delete {
    grid-column: 6;
    grid-row: 1;
  }
}

.offer-result {
  margin: 0 0 20px;
  padding: 10px 0 0;
}

.offer-result--note {
  padding: 20px 15px 5px;
  background-color: #fff;
}

.offer-result--note p {
  margin: 0 0 18px;
  color: #4f4f4f;
  font-size: 14px;
  line-height: 18px;
}

.result-grid {
  margin: 0 0 10px;
}

.result-grid--item {
  grid-gap: 0 10px;
  display: grid;
  grid-template-columns: 80px 90px 90px;
  border-bottom: 1px solid var(--x-stake-offer-border-color);
  line-height: 28px;
}

@media screen and (min-width: 48em) {
  .result-grid--item {
    grid-template-columns: 90px 110px 110px minmax(120px, 1fr);
    line-height: 35px;
  }
}

.result-grid--item:nth-last-child(1) {
  border: 0;
}

.result-grid--item a {
  text-decoration: none;
}

.result-grid--item .result-grid--edit {
  color: #a73030;
  font-weight: 400;
}

.result-grid--title {
  color: var(--x-stake-result-color);
  font-size: 14px;
  font-weight: 700;
}

.result-grid--sum {
  color: var(--x-stake-result-sum-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

@media screen and (min-width: 48em) {
  .result-grid--sum {
    font-size: 18px;
  }
}

.result-grid--sum_positive {
  color: #529410;
}

.result-grid--sum_negative {
  color: #e51e25;
}

.result-grid--edit {
  grid-column: 1 / 3;
  grid-row: 2;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .result-grid--edit {
    grid-column: 4;
    grid-row: 1;
  }
}

.result-grid--double {
  grid-column: 2 / 4;
}

.booking textarea {
  word-wrap: break-word;
  width: 100%;
  height: 100px;
  min-height: 100px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--x-stake-offer-field-border-color);
  background-color: var(--x-stake-offer-field-bg-color);
  box-shadow: none;
  color: var(--x-stake-offer-field-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 23px;
  vertical-align: bottom;
  resize: none;
}

.booking textarea::-moz-placeholder {
  color: #909090;
}

.booking textarea::placeholder {
  color: #909090;
}

.booking textarea:focus {
  outline: none;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
}

.booking--header {
  margin: 0 0 15px;
}

.booking--button-uni {
  height: 32px;
  padding: 0 20px;
  border: 1px solid var(--x-stake-button-primary-border-color);
  border-radius: 3px;
  background-color: var(--x-stake-button-primary-bg-color);
  color: var(--x-stake-button-primary-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.booking--form-alert {
  margin: 0 0 20px;
  padding: 15px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07);
  color: #f00;
  font-size: 14px;
  font-weight: 700;
}

.booking--form-alert a {
  color: #404040;
  text-decoration: underline;
}

.booking--doubleset {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 15px;
}

.booking--set {
  margin: 0 0 15px;
}

.booking--label {
  color: var(--x-stake-offer-label-color);
  font-size: 15px;
  line-height: 22px;
}

.booking--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--x-stake-offer-field-border-color);
  border-radius: 0;
  background-color: var(--x-stake-offer-field-bg-color);
  color: var(--x-stake-offer-field-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.booking--field_min {
  max-width: 135px;
  margin: 0 15px 0 0;
}

.booking--field_short {
  max-width: 135px;
}

.booking--footer {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px;
}

.booking--button-save {
  width: 100%;
  height: 32px;
  margin: 0 0 15px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #808080;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .booking--button-save {
    width: auto;
    margin: 0 10px 0 0;
  }
}

.booking--button-save:active {
  line-height: 32px;
}

.booking--button-save:focus {
  outline: 0;
}

.booking--button-cancel {
  width: 100%;
  height: 32px;
  padding: 0 20px;
  border: 1px solid var(--x-stake-button-secondary-border-color);
  border-radius: 3px;
  background-color: var(--x-stake-button-secondary-bg-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .booking--button-cancel {
    width: auto;
  }
}

.stake .booking--button-cancel {
  color: var(--x-stake-button-secondary-color);
}

.stake-button {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px;
}

.stake-button--uni {
  width: 100%;
  height: 32px;
  margin: 0 0 15px;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background-color: #808080;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .stake-button--uni {
    width: auto;
    margin: 0 10px 0 0;
  }
}

.stake-button--uni:active {
  line-height: 32px;
}

.stake-button--uni:focus {
  outline: 0;
}

.playgrid-head {
  display: grid;
  grid-template-columns: 25px minmax(100px, 1fr) 145px;
  align-items: baseline;
  margin: 0 0 15px;
  padding: 10px 0;
  border-top: 1px solid var(--x-stake-offer-border-color);
  border-bottom: 1px solid var(--x-stake-offer-border-color);
  line-height: 28px;
}

@media screen and (min-width: 48em) {
  .playgrid-head {
    line-height: 35px;
  }
}

.playgrid-head--text {
  color: var(--x-stake-play-text-color);
  font-size: 14px;
  line-height: 20px;
}

.playgrid-head--label {
  color: var(--x-stake-play-text-color);
  font-size: 14px;
  line-height: 20px;
}

.playgrid-head--check {
  filter: var(--x-stake-play-filter);
}

.playgrid-head--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 160px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--x-stake-offer-select-border-color);
  border-radius: 0;
  background-color: var(--x-stake-offer-select-bg-color);
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: var(--x-stake-offer-select-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 26px;
}

.playgrid {
  padding: 20px 0;
}

.playgrid--check {
  filter: var(--x-stake-play-filter);
}

.playgrid--item {
  display: grid;
  grid-template-columns: 25px minmax(100px, 1fr) 60px 100px;
  padding: 0 0 5px;
  border-bottom: 1px solid var(--x-stake-offer-border-color);
  line-height: 28px;
}

@media screen and (min-width: 48em) {
  .playgrid--item {
    grid-template-columns: 25px minmax(100px, 1fr) 60px 100px 145px;
    padding: 0;
    line-height: 35px;
  }
}

.playgrid--item a {
  text-decoration: none;
}

.playgrid--item .playgrid--nick {
  color: var(--x-stake-play-nick-color);
}

.playgrid--nick {
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.playgrid--share {
  color: #4f4f4f;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
}

.playgrid--share_submitted {
  color: #529410;
}

.playgrid--share_paid {
  color: #e2763a;
}

.playgrid--sum {
  color: var(--x-stake-play-sum-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
}

.playgrid--note {
  grid-column: 1 / 5;
  grid-row: 2;
}

@media screen and (min-width: 48em) {
  .playgrid--note {
    grid-column: 5;
    grid-row: 1;
  }
}

.playgrid--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 160px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--x-stake-offer-select-border-color);
  border-radius: 0;
  background-color: var(--x-stake-offer-select-bg-color);
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: var(--x-stake-offer-select-color);
  font-family: inherit;
  font-size: 14px;
  line-height: 26px;
}

.playgrid--selector_min {
  max-width: 60px;
  margin: 0 15px 0 0;
}

.editor-offer {
  --x-offer-bg-color: var(--layer-3-color, #f9f9f9);
  --x-offer-heading-color: var(--text-5-color, #202020);
  --x-offer-subheading-color: var(--text-6-color, #909090);
  --x-offer-label-color: var(--text-5-color, #000);
  --x-offer-note-color: var(--text-6-color, #808080);
  --x-offer-field-color: var(--control-1-color, #000);
  --x-offer-field-bg-color: var(--layer-2-color, #fff);
  --x-offer-field-border-color: var(--control-1-border-color, #dfe1e4);
  --x-offer-select-color: var(--control-1-color, #212121);
  --x-offer-select-bg-color: var(--control-1-bg-color, #fff);
  --x-offer-select-border-color: var(--control-1-border-color, #dfe1e4);
  --x-offer-textarea-color: var(--control-1-color, #202020);
  --x-offer-textarea-bg-color: var(--layer-2-color, #fff);
  --x-offer-textarea-border-color: var(--control-1-border-color, #dfe1e4);
  --x-offer-list-bg-color: var(--layer-2a-color, #fff);
  --x-offer-list-title-color: var(--text-4-color, #333);
  --x-offer-list-edit-color: var(--text-6-color, #808080);
  --x-offer-button-bg-color: var(--offer-button-bg-color, #000);
  --x-offer-button-color: var(--control-1-color, #fff);
}

.editor-offer--textarea {
  word-wrap: break-word;
  width: 100%;
  height: 212px;
  min-height: 212px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--x-offer-textarea-border-color);
  border-radius: 10px;
  background-color: var(--x-offer-textarea-bg-color);
  box-shadow: none;
  color: var(--x-offer-textarea-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 23px;
  vertical-align: bottom;
  resize: none;
}

.editor-offer--textarea::-moz-placeholder {
  color: #8e8e8e;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

.editor-offer--textarea::placeholder {
  color: #8e8e8e;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

.editor-offer--textarea:focus-visible {
  outline: none;
}

.editor-offer--textarea_mid {
  height: 76px;
  min-height: 76px;
}

.editor-offer--heading {
  margin: 0 0 5px;
  color: var(--x-offer-heading-color);
  font-family: "Noto Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.editor-offer--subheading {
  margin: 0 0 15px;
  color: var(--x-offer-subheading-color);
  font-size: 16px;
  font-style: italic;
  line-height: 25px;
}

.editor-offer--list {
  margin: 0 0 10px;
  padding: 10px 0;
}

.listgrid {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 3px;
  background-color: var(--x-offer-list-bg-color);
}

@media screen and (min-width: 64em) {
  .listgrid {
    grid-template-columns: minmax(300px, 1fr) 150px;
  }
}

.listgrid--item {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
}

.listgrid--title {
  color: var(--x-offer-list-title-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.listgrid--edit {
  color: var(--x-offer-list-edit-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
}

.editor-offer-add {
  display: flex;
  margin: 0 0 25px;
}

.editor-offer-add--button {
  height: 32px;
  padding: 0 20px;
  border-radius: 3px;
  background-color: var(--x-offer-button-bg-color);
  color: var(--x-offer-button-color);
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.editor-offer--set {
  margin: 0 0 24px;
}

.editor-offer--label {
  position: relative;
  margin: 0 0 8px;
  color: var(--x-offer-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

.editor-offer--mark {
  color: #909090;
}

.editor-offer--note {
  margin: 0 0 2px;
  color: var(--x-offer-note-color);
  font-size: 13px;
  font-style: italic;
  line-height: 16px;
}

.editor-offer--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid var(--x-offer-field-border-color);
  border-radius: 10px;
  background-color: var(--x-offer-field-bg-color);
  color: var(--x-offer-field-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.editor-offer--field::-moz-placeholder {
  color: #8e8e8e;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

.editor-offer--field::placeholder {
  color: #8e8e8e;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

.editor-offer--field_time {
  max-width: 85px;
  margin: 0 4px 0 0;
}

.editor-offer--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 48px;
  padding: 0 38px 0 16px;
  border: 1px solid var(--x-offer-select-border-color);
  border-radius: 10px;
  background-color: var(--x-offer-select-bg-color);
  background-image: url(/img/select-arrow-24.svg);
  background-origin: content-box;
  background-position: right -24px center;
  background-repeat: no-repeat;
  background-size: 24px;
  color: var(--x-offer-select-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 46px;
}

[theme='dark'] .editor-offer--selector {
  background-image: url(/img/select-arrow-light-24.svg);
}

.editor-offer--selector_min {
  max-width: 75px;
  margin: 0 4px 0 0;
}

.editor-offer--selector_time {
  max-width: 96px;
}

.editor-offer--selector_short {
  max-width: 145px;
  margin: 0 4px 0 0;
}

.editor-offer--inner {
  display: flex;
}

.editor-offer--footer {
  display: flex;
  align-items: center;
}

.error.color4 {
  color: #e51e25;
}

.creator-offer--footer {
  gap: 0 4px;
  display: flex;
  align-items: center;
}

.creator-button-save {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 8px 23px;
  border: 1px solid var(--line-2-color, #292929);
  border-radius: 5px;
  background-color: transparent;
  color: var(--text-1-color, #292929);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.creator-button-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 3px 23px 0;
  color: var(--text-1-color, #202020);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.creator-button-cancel span {
  padding: 0 0 2px;
  border-bottom: 1px solid var(--line-2-color, #292929);
}

.hot-note {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 64em) {
  .hot-note {
    margin: 3px 0 0;
    padding: 0 30px;
  }
}

.hot-note--inner {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1246px;
  padding: 8px 40px 7px 8px;
  border-bottom: 1px solid var(--layer-4-color, #e1c6b8);
  background-color: var(--layer-4-color, #fcf6e9);
}

@media screen and (min-width: 48em) {
  .hot-note--inner {
    justify-content: center;
    padding: 8px 25px 7px;
  }
}

.hot-note--message {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: var(--text-1-color, #000);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .hot-note--message {
    gap: 0 11px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
  }
}

.hot-note--message::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.hot-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  transform: translateY(-2px);
}

@media screen and (min-width: 48em) {
  .hot-icon {
    width: 24px;
    height: 24px;
  }
}

.hot-note-remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: auto 0;
}

@media screen and (min-width: 48em) {
  .hot-note-remove {
    right: 10px;
  }
}

.hot-note-remove:hover::after,
.hot-note-remove:hover::before {
  background-color: #e50e2c;
}

.hot-note-remove::after,
.hot-note-remove::before {
  position: absolute;
  top: 1px;
  left: 9px;
  width: 1px;
  height: 16px;
  background-color: #e0c6b8;
  content: '';
}

.hot-note-remove::before {
  transform: rotate(45deg);
}

.hot-note-remove::after {
  transform: rotate(-45deg);
}

.sidebar-medium {
  display: none;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .sidebar-medium {
    display: flex;
  }
}

.side-promo {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  padding-top: 12px;
}

.side-promo--banner {
  display: block;
  margin-bottom: 20px;
}

.side-promo--onplay {
  aspect-ratio: 296 / 408;
  width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-promo-actions {
  margin-bottom: 15px;
}

.heading-underline {
  display: flex;
  border-bottom: 2px solid var(--line-2-color, #eee);
}

.heading-underline--text {
  margin-bottom: -2px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e75113;
  color: var(--text-3-color, #333);
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
}

.heading-underline--link {
  margin: 0 0 0 auto;
  color: #e75113;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.heading-underline--link:hover {
  color: #e75113;
  text-decoration: none;
  opacity: .6;
}

.side-promo-list {
  margin: 0;
}

.side-promo-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 7px 0 11px;
  border-bottom: 1px solid var(--line-1-color, #eee);
}

.side-promo-list a {
  position: relative;
  color: var(--text-5-color, #333);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

.side-promo-list a:hover {
  color: #bd0300;
}

.label--new {
  position: absolute;
  top: -4px;
  right: -24px;
  width: 32px;
  height: 14px;
  background-image: url(/img/rooms/label-new.png);
  background-repeat: no-repeat;
  filter: var(--icon-5-filter, none);
}

.sticky-note {
  --forum-sticky-add-color: var(--text-3-color, #606060);
  --forum-sticky-add-bg-color: var(--layer-5-color, #fff);
  --forum-sticky-add-border-color: var(--line-2-color, #ccc);
  --forum-sticky-wrap-bg-color: var(--layer-3-color, #f9f9f9);
  --forum-sticky-wrap-border-color: var(--line-1-color, #dfd6d4);
  --forum-sticky-input-border-color: var(--control-1-border-color, #cfcfcf);
  --forum-sticky-input-bg-color: var(--layer-1-color, #fff);
  --forum-sticky-input-color: var(--control-1-color, #333);
  --forum-sticky-field-color: var(--control-1-color, #212121);
  --forum-sticky-field-bg-color: var(--layer-2-color, #fff);
  --forum-sticky-field-border-color: var(--control-1-border-color, #e0e0e0);
  --forum-sticky-button-primary-color: var(--control-1-color, #f2f2f2);
  --forum-sticky-button-primary-bg-color: var(--control-1-bg-color, #4f4f4f);
  --forum-sticky-button-primary-border-color: var(--line-2-color, #4f4f4f);
  --forum-sticky-button-secondary-color: var(--control-1-color, #404040);
  --forum-sticky-button-secondary-border-color: var(--control-1-border-color, #ccc);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  width: 100%;
}

.content_page_setup .sticky-note {
  max-width: 1000px;
}

.sticky-note--add {
  height: 28px;
  margin: 12px 0 0 15px;
  padding: 0 10px;
  border: 1px solid var(--forum-sticky-add-border-color);
  border-radius: 3px;
  background-color: var(--forum-sticky-add-bg-color);
  color: var(--forum-sticky-add-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .sticky-note--add {
    margin: 12px 0 0;
  }
}

.sticky-note--inner {
  width: 100%;
  margin: 30px 0 0;
  padding: 18px 15px 21px;
  border: 1px solid #dfd6d4;
  background-color: #fff8e1;
}

@media screen and (min-width: 48em) {
  .sticky-note--inner {
    padding: 18px 30px 21px;
  }
}

.sticky-note--heading {
  margin: 0 0 6px;
  color: #e51e25;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
}

.sticky-note--text {
  color: #000;
  font-size: 15px;
  line-height: 24px;
}

.sticky-note--wrap {
  width: 100%;
  margin: 8px 0 0;
  padding: 18px 15px 21px;
  border: 1px solid var(--forum-sticky-wrap-border-color);
  background-color: var(--forum-sticky-wrap-bg-color);
}

@media screen and (min-width: 48em) {
  .sticky-note--wrap {
    padding: 18px 30px 21px;
  }
}

.sticky-note--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 610px;
  margin: 0 0 16px;
  padding: 5px 10px;
  border: 1px solid var(--forum-sticky-input-border-color);
  border-radius: 2px;
  background-color: var(--forum-sticky-input-bg-color);
  color: var(--forum-sticky-input-color);
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
}

.sticky-note--input::-moz-placeholder {
  color: #757575;
}

.sticky-note--input::placeholder {
  color: #757575;
}

.sticky-note--field {
  word-wrap: break-word;
  width: 100%;
  height: 100px;
  min-height: 100px;
  margin: 0;
  padding: 5px 10px;
  overflow: hidden;
  border: 1px solid var(--forum-sticky-field-border-color);
  background-color: var(--forum-sticky-field-bg-color);
  box-shadow: none;
  color: var(--forum-sticky-field-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  vertical-align: bottom;
  resize: none;
}

.sticky-note--field::-moz-placeholder {
  color: #757575;
}

.sticky-note--field::placeholder {
  color: #757575;
}

.sticky-note--action {
  display: flex;
  align-items: flex-start;
  padding: 16px 0 0;
}

.sticky-note--save {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 10px 0 0;
  padding: 0 20px;
  border: 1px solid var(--forum-sticky-button-primary-border-color);
  border-radius: 3px;
  background-color: var(--forum-sticky-button-primary-bg-color);
  color: var(--forum-sticky-button-primary-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .sticky-note--save {
    margin: 0 10px 0 0;
  }
}

.sticky-note--remove {
  padding: 0 20px;
  border: 1px solid var(--forum-sticky-button-secondary-border-color);
  border-radius: 3px;
  background-color: transparent;
  color: var(--forum-sticky-button-secondary-color);
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.sticky-cta {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 100%;
  min-height: 126px;
  margin: 30px 0 0;
  padding: 25px 15px 30px;
  border: 1px solid #d9d9d9;
  background-color: var(--sticky-bg-color, #fff9e0);
}

@media screen and (min-width: 48em) {
  .sticky-cta {
    padding: 18px 32px;
  }
}

.post_widget .sticky-cta {
  margin: 0;
}

.content_page .sticky-cta {
  margin: 0 0 20px;
}

.content_page_setup .sticky-cta {
  max-width: 1000px;
}

.main-head-top .sticky-cta {
  margin: 0 0 20px;
}

.sticky-cta--main {
  gap: 14px;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 48em) {
  .sticky-cta--main {
    gap: 18px;
    flex-wrap: nowrap;
  }
}

.sticky-cta--avatar {
  display: none;
  flex-shrink: 0;
  justify-content: center;
  width: 98px;
}

@media screen and (min-width: 48em) {
  .sticky-cta--avatar {
    display: flex;
  }
}

.sticky-cta--grid {
  gap: 0 16px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .sticky-cta--grid {
    gap: 0 48px;
  }
}

.sticky-cta--content {
  align-self: center;
}

.sticky-cta--content p {
  margin: 0;
  color: #333;
  font-size: 18px;
  line-height: 24px;
}

.sticky-cta--content p br {
  height: 0;
}

.sticky-cta--content span {
  padding: 1px 4px;
  border-radius: 3px;
  background-color: #439f47;
  color: #fff;
  white-space: nowrap;
}

.sticky-cta--content br {
  display: block;
  height: 12px;
  margin: 0;
  content: '';
}

.sticky-cta--inner {
  display: flex;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .sticky-cta--inner {
    width: initial;
  }
}

.sticky-cta--button {
  align-self: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 300px;
  padding: 11px 26px;
  border-radius: 3px;
  background-color: var(--sticky-button-bg-color, #439f47);
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}

.sticky-cta--button::before {
  display: inline-flex;
  flex-shrink: 0;
  width: 9px;
  height: 14px;
  margin: 0 8px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.800781 14V0L8.80078 7L0.800781 14Z' fill='%23fff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: '';
}

.rec-widget {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 8px 0 16px;
  padding: 16px;
  background-color: var(--layer-3-color, #f9f9f8);
}

.rec-widget--head {
  margin: 0 0 16px;
  padding: 6px 0;
}

.rec-widget--heading {
  color: var(--text-2-color, #292929);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 1;
}

.rec-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line-1-color, #e3e3e3);
}

.rec-list--item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .rec-list--item {
    flex-direction: row;
  }
}

.rec-card {
  gap: 0 12px;
  display: flex;
  width: 100%;
  padding: 12px 16px;
}

.rec-card:first-child {
  border-right: 1px solid transparent;
}

.rec-card:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .rec-card {
    gap: 0 16px;
    border-bottom: 1px solid transparent;
  }
  .rec-card:first-child {
    border-right: 1px solid var(--line-1-color, #e3e3e3);
  }
  .rec-card:last-child {
    padding: 12px 0 12px 30px;
  }
  .rec-card:not(:last-child) {
    border-bottom: 1px solid transparent;
  }
}

.rec-card--avatar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line-2-color, #b2b2b2);
}

.rec-card--image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rec-card--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.rec-card--nickname {
  margin: 0 0 4px;
  color: var(--text-2-color, #292929);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.rec-card--tag {
  gap: 2px 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 6px;
}

.rec-card--label {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #f1f1f1);
  color: var(--text-5-color, #757575);
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

.rec-card--counter {
  color: var(--text-5-color, #757575);
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
}

.rec-card--heading {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  margin: 0 0 8px;
  overflow: hidden;
  color: var(--text-2-color, #292929);
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

.rec-card--date {
  gap: 0 5px;
  display: flex;
  align-items: center;
}

.rec-card--time {
  color: var(--text-2-color, #292929);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.rec-widget--bottom {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 0 8px;
}

.rec-widget--toggle {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  border: 1px solid var(--line-2-color, #aaa);
  border-radius: 6px;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
}

.rec-widget--toggle::after {
  width: 12px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 9'%3E%3Cpath stroke='%23202020' stroke-linecap='round' stroke-width='2' d='M1.052 1.849 6 7.15l4.948-5.302'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 12px;
  content: '';
}

[theme='dark'] .rec-widget--toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 9'%3E%3Cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-width='2' d='M1.052 1.849 6 7.15l4.948-5.302'/%3E%3C/svg%3E");
}

.rec-widget--toggle.active::after {
  transform: rotateX(180deg);
}

.tabs-list-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tabs-list-head {
  gap: 0 8px;
  display: none;
  grid-template-columns: 1fr .7fr;
  padding: 16px 0;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .tabs-list-head {
    display: grid;
  }
}

.tabs-list-heading {
  color: var(--text-5-color, #808080);
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
}

.tabs-list-heading:nth-child(1 of .tabs-list-heading) {
  padding: 0 0 0 12px;
}

@media screen and (min-width: 64em) {
  .tabs-list-heading:nth-child(1 of .tabs-list-heading) {
    padding: 0;
  }
}

.tabs-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.tabs-list--item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
}

@media screen and (min-width: 48em) {
  .tabs-list--item {
    flex-direction: row;
  }
}

.tabs-list--item:first-child {
  padding: 0 0 12px;
}

@media screen and (min-width: 48em) {
  .tabs-list--item:first-child {
    padding: 12px 0;
  }
}

.tabs-list--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.tabs-card {
  gap: 8px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

.tabs-card:not(:last-child) {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .tabs-card {
    grid-template-columns: 1fr .7fr;
    border-bottom: 1px solid transparent;
  }
  .tabs-card:not(:last-child) {
    border-bottom: 1px solid transparent;
  }
}

.tabs-card--theme {
  gap: 0 12px;
  display: flex;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .tabs-card--theme {
    gap: 0 16px;
    align-items: center;
    padding: 0 0 0 12px;
  }
}

.tabs-card--data {
  display: none;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .tabs-card--data {
    display: flex;
  }
}

.tabs-card--data_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .tabs-card--data_mobile {
    display: none;
  }
}

.tabs-card--avatar {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line-2-color, #d8d8d8);
}

.visited .tabs-card--avatar {
  filter: grayscale(1);
  opacity: .5;
}

.tabs-card--image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tabs-card--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 4px 0 0;
}

@media screen and (min-width: 48em) {
  .tabs-card--info {
    padding: 0;
  }
}

.tabs-card--data .tabs-card--info {
  padding: 0;
}

.tabs-card--notice {
  color: var(--text-1-color, #000);
  font-size: 16px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .tabs-card--notice {
    padding: 0 16px;
  }
}

@media screen and (min-width: 64em) {
  .tabs-card--notice {
    padding: 16px 0 0;
  }
}

.tabs-card--nickname {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 4px 4px 0;
  padding: 2px 3px 2px 6px;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 1px 0 0 1px;
  background-color: #f8f5ed;
  color: var(--text-2-color, #292929);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

[theme='dark'] .tabs-card--nickname {
  border-color: #7f7f7f;
  background-color: #5e5c57;
}

.tabs-card--nickname::after {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 6px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%23F8F5ED'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .tabs-card--nickname::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%235e5c57'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%237f7f7f'/%3E%3C/svg%3E");
}

.visited .tabs-card--nickname {
  opacity: .5;
}

.tabs-card--tag {
  gap: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 6px;
}

.tabs-card--label {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: var(--layer-5-color, #f1f1f1);
  color: var(--text-5-color, #757575);
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tabs-card--note {
  padding: 1px 4px;
  border: 1px solid #757575;
  border-radius: 2px;
  color: #757575;
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tabs-card--heading {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  margin: 0 0 4px;
  overflow: hidden;
  color: var(--text-2-color, #292929);
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .tabs-card--heading {
    margin: 0;
    font-size: 16px;
  }
}

.tabs-card--heading::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.visited .tabs-card--heading {
  color: var(--main-theme-read-color);
}

.tabs-card--updates {
  z-index: 1;
  position: relative;
  margin: 0 0 4px;
  color: var(--text-5-color, #5b5b5b);
  font-size: 12px;
  line-height: 1.1;
}

.tabs-card--updates a {
  color: var(--text-5-color, #5b5b5b);
}

.visited .tabs-card--updates a {
  color: var(--main-theme-read-color);
}

.tabs-card--updates a:hover {
  text-decoration: underline;
}

.tabs-card--updates strong {
  color: var(--text-2-color, #292929);
  font-weight: 500;
}

.visited .tabs-card--updates strong {
  color: var(--main-theme-read-color);
}

.tabs-card--time {
  color: var(--text-5-color, #aaa);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.visited .tabs-card--time {
  color: var(--main-theme-read-color);
}

.tabs-card--rate {
  position: absolute;
  bottom: -8px;
  padding: 2px 6px;
  border: 2px solid var(--layer-2-color, #fff);
  border-radius: 2px;
  background-color: #67bf6f;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
}

.thm-list-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.thm-list-head {
  gap: 0 16px;
  display: none;
  grid-template-columns: 1fr 60px 60px .4fr;
  padding: 16px 0;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .thm-list-head {
    display: grid;
  }
}

.thm-list-heading {
  color: var(--text-5-color, #808080);
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
}

.thm-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
}

.thm-list--item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
}

@media screen and (min-width: 48em) {
  .thm-list--item {
    flex-direction: row;
    padding: 16px 0;
  }
}

.thm-list--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.thm-card {
  gap: 8px 12px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

.thm-card:not(:last-child) {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .thm-card {
    gap: 8px 16px;
    grid-template-columns: 1fr 60px 60px .4fr;
    border-bottom: 1px solid transparent;
  }
  .thm-card:not(:last-child) {
    border-bottom: 1px solid transparent;
  }
}

.thm-card--theme {
  display: flex;
  align-items: center;
  width: 100%;
}

.thm-card--data {
  display: flex;
  align-items: center;
  width: 100%;
}

.thm-card--info {
  gap: 4px 0;
  display: none;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .thm-card--info {
    display: flex;
  }
}

.thm-card--heading {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: var(--text-2-color, #292929);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.32;
  word-break: break-word;
  overflow-wrap: break-word;
}

.visited .thm-card--heading {
  color: var(--main-theme-read-color);
}

.thm-card--count {
  display: none;
  align-items: center;
  color: var(--text-4-color, #999);
  font-size: 14px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .thm-card--count {
    display: flex;
  }
}

.visited .thm-card--count {
  color: var(--main-theme-read-color);
}

.thm-card--readers {
  display: none;
  align-items: center;
  color: var(--text-2-color, #292929);
  font-size: 14px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .thm-card--readers {
    display: flex;
  }
}

.visited .thm-card--readers {
  color: var(--main-theme-read-color);
}

.thm-card--updates {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-2-color, #292929);
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

.visited .thm-card--updates {
  color: var(--main-theme-read-color);
}

.thm-card--date {
  gap: 5px;
  display: flex;
}

.thm-card--user {
  color: var(--text-4-color, #757575);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.thm-card--user:hover {
  text-decoration: underline;
}

.visited .thm-card--user {
  color: var(--main-theme-read-color);
}

.thm-card--time {
  color: var(--text-4-color, #757575);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.visited .thm-card--time {
  color: var(--main-theme-read-color);
}

.subthm-list-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.subthm-list-head {
  gap: 0 8px;
  display: none;
  grid-template-columns: 1fr 80px 80px .4fr;
  padding: 16px 0;
  border-top: 1px solid var(--line-1-color, #e3e3e3);
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .subthm-list-head {
    display: grid;
  }
}

.subthm-list-heading {
  color: var(--text-5-color, #808080);
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
}

.subthm-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
}

.subthm-list--item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
}

@media screen and (min-width: 48em) {
  .subthm-list--item {
    flex-direction: row;
  }
}

.subthm-list--item:not(:last-child) {
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

.subthm-card {
  gap: 0 12px;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
  width: 100%;
}

.subthm-card:not(:last-child) {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--line-1-color, #e3e3e3);
}

@media screen and (min-width: 48em) {
  .subthm-card {
    gap: 0 8px;
    grid-template-columns: 1fr 80px 80px .4fr;
    border-bottom: 1px solid transparent;
  }
  .subthm-card:not(:last-child) {
    border-bottom: 1px solid transparent;
  }
}

.subthm-card--theme {
  display: flex;
  width: 100%;
}

.subthm-card--wrap {
  gap: 0 12px;
  display: flex;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .subthm-card--wrap {
    gap: 0 16px;
  }
}

@media screen and (min-width: 70.625em) {
  .subthm-card--wrap {
    gap: 0 20px;
  }
}

.subthm-card--top {
  gap: 0 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.subthm-card--avatar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line-2-color, #b2b2b2);
}

.visited .subthm-card--avatar {
  filter: grayscale(1);
  opacity: .5;
}

.subthm-card--image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.subthm-card--inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.subthm-card--nickname {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 4px 4px 0;
  padding: 2px 3px 2px 6px;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 1px 0 0 1px;
  background-color: #f8f5ed;
  color: var(--text-2-color, #292929);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

[theme='dark'] .subthm-card--nickname {
  border-color: #7f7f7f;
  background-color: #5e5c57;
}

.subthm-card--nickname::after {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 6px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%23F8F5ED'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .subthm-card--nickname::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='23' viewBox='0 0 6 23' fill='none'%3E%3Cpath d='M4.86438 11.856L1 22V1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856Z' fill='%235e5c57'/%3E%3Cpath d='M1 1L4.86438 11.144C4.95173 11.3733 4.95173 11.6267 4.86438 11.856L1 22' stroke='%237f7f7f'/%3E%3C/svg%3E");
}

.visited .subthm-card--nickname {
  opacity: .5;
}

.subthm-card--row {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .subthm-card--row {
    -webkit-line-clamp: 2;
  }
}

.subthm-card--heading {
  color: var(--text-2-color, #202020);
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .subthm-card--heading {
    font-size: 16px;
  }
}

.visited .subthm-card--heading {
  color: var(--main-theme-read-color);
}

.subthm-card--count {
  display: none;
  color: var(--text-2-color, #292929);
  font-size: 13px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .subthm-card--count {
    display: flex;
  }
}

.visited .subthm-card--count {
  color: var(--main-theme-read-color);
}

.subthm-card--readers {
  display: none;
  color: var(--text-4-color, #999);
  font-size: 13px;
  line-height: 1.2;
}

@media screen and (min-width: 48em) {
  .subthm-card--readers {
    display: flex;
  }
}

.visited .subthm-card--readers {
  color: var(--main-theme-read-color);
}

.subthm-card--data {
  display: flex;
  position: relative;
  width: 100%;
  margin: 8px 0 0;
}

@media screen and (min-width: 48em) {
  .subthm-card--data {
    gap: 4px 0;
    flex-direction: column;
    margin: 0;
  }
}

.subthm-card--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.subthm-card--updates {
  display: none;
  z-index: 1;
  position: relative;
  margin: 0 0 4px;
  color: var(--text-5-color, #5b5b5b);
  font-size: 12px;
  line-height: 1.1;
}

@media screen and (min-width: 48em) {
  .subthm-card--updates {
    display: block;
  }
}

.subthm-card--updates a {
  color: var(--text-5-color, #5b5b5b);
}

.visited .subthm-card--updates a {
  color: var(--main-theme-read-color);
}

.subthm-card--updates a:hover {
  text-decoration: underline;
}

.subthm-card--updates strong {
  color: var(--text-2-color, #292929);
  font-weight: 500;
}

.visited .subthm-card--updates strong {
  color: var(--main-theme-read-color);
}

.subthm-card--date {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.subthm-card--qty {
  gap: 0 4px;
  display: flex;
  color: var(--text-5-color, #aaa);
  font-size: 12px;
  line-height: 1;
}

@media screen and (min-width: 48em) {
  .subthm-card--qty {
    display: none;
  }
}

.subthm-card--qty strong {
  color: var(--text-3-color, #292929);
  font-weight: 500;
}

.subthm-card--time {
  color: var(--text-5-color, #aaa);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.visited .subthm-card--time {
  color: var(--main-theme-read-color);
}

.subthm-card--mod {
  display: flex;
  position: absolute;
  right: 0;
  bottom: -1px;
  height: 13px;
}

@media screen and (min-width: 48em) {
  .subthm-card--mod {
    position: initial;
  }
}

.widget-tgf-wrap {
  container-type: inline-size;
  container-name: widget-telegram;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 28px 0 36px;
}

@media screen and (min-width: 48em) {
  .tab-wrap .widget-tgf-wrap {
    padding: 28px 16px 36px;
  }
}

@media screen and (min-width: 64em) {
  .tab-wrap .widget-tgf-wrap {
    padding: 28px 0 36px;
  }
}

.widget-tgf {
  gap: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
  padding: 24px 32px;
  border: 1px solid var(--line-1-color, #eee);
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

@container widget-telegram (min-width: 723px) {
  .widget-tgf {
    gap: 8px 0;
  }
}

@container widget-telegram (min-width: 830px) {
  .widget-tgf {
    gap: 0 32px;
    grid-template-columns: 1fr 200px;
    align-items: center;
  }
}

.widget-tgf--head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container widget-telegram (min-width: 723px) {
  .widget-tgf--head {
    flex-direction: row;
  }
}

.widget-tgf--image {
  display: flex;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin: 0 0 4px;
}

@container widget-telegram (min-width: 723px) {
  .widget-tgf--image {
    margin: 0 32px 0 0;
  }
}

.widget-tgf--image_light {
  display: initial;
}

[theme='dark'] .widget-tgf--image_light {
  display: none;
}

.widget-tgf--image_dark {
  display: none;
}

[theme='dark'] .widget-tgf--image_dark {
  display: initial;
}

.widget-tgf--image img {
  max-width: 100px;
}

.widget-tgf--heading {
  color: var(--text-3-color, #000);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@container widget-telegram (min-width: 830px) {
  .widget-tgf--heading {
    max-width: 420px;
    margin: 0 auto;
  }
}

.widget-tgf--inner {
  gap: 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container widget-telegram (min-width: 723px) {
  .widget-tgf--inner {
    flex-direction: row;
    justify-content: center;
  }
}

@container widget-telegram (min-width: 830px) {
  .widget-tgf--inner {
    flex-direction: column;
  }
}

.widget-tgf--link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  height: 50px;
  padding: 0 16px;
  border-radius: 10px;
  background-color: #33a9e0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.widget-tgf--link svg {
  --i-color1: #fff;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
}

.widget-article {
  --widget-article-header-color: var(--text-5-color, #333);
  --widget-article-bg-color: var(--layer-3-color, #fff);
  --widget-article-border-color: var(--line-2-color, #e3e3e3);
  --widget-article-title-color: var(--text-3-color, #292929);
  --widget-article-comment-color: var(--text-5-color, #808080);
  --widget-article-hover-color: var(--text-2-color, #202020);
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .widget-article {
    --widget-article-bg-color: var(--layer-3-color, #f4f4f4);
    --widget-article-border-color: var(--line-2-color, #dfdfdf);
  }
}

.widget-article--header {
  display: flex;
  align-items: center;
  padding: 12px 16px 10px;
  color: var(--widget-article-header-color);
  font-family: Muller, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.widget-article--sublogo {
  --i-color1: #fff;
  --i-color2: #e31f26;
  width: 25px;
  height: 26px;
  margin: 0 5px 0 6px;
  transform: translateY(-1px);
}

[theme='dark'] .widget-article--sublogo {
  --i-color1: transparent;
}

.widget-article--subtext {
  --i-color1: #292929;
  width: 96px;
  height: 13px;
  transform: translateY(-1px);
}

[theme='dark'] .widget-article--subtext {
  --i-color1: #9e9e9e;
}

.widget-article--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid var(--widget-article-border-color);
  background-color: var(--widget-article-bg-color);
}

.widget-article--item {
  gap: 0 10px;
  display: flex;
  position: relative;
  width: 100%;
  padding: 15px 16px;
  border-bottom: 1px solid var(--widget-article-border-color);
}

.widget-article--item:nth-last-child(1 of .widget-article--item) {
  border-color: transparent;
}

.widget-article--image {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
}

.widget-article--image img {
  max-width: 70px;
}

.widget-article--info {
  gap: 6px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.widget-article--title {
  color: var(--widget-article-title-color);
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.2;
}

@media screen and (min-width: 64em) {
  .widget-article--title {
    font-size: 14px;
    line-height: 17px;
  }
}

.widget-article--title::before {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.widget-article--comment {
  gap: 0 5px;
  display: flex;
  z-index: 4;
  position: relative;
  color: var(--widget-article-comment-color);
  font-size: 12px;
  line-height: 15px;
}

.widget-article--comment:hover {
  color: var(--widget-article-hover-color);
}

.widget-article--comment svg {
  flex-shrink: 0;
  width: 15px;
  height: 16px;
}

[theme='dark'] .widget-article--comment svg {
  --i-color1: #9e9e9e;
}

.widget-banner-side {
  margin: 0 0 30px;
}

.widget-banner-side img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.widget-banner-side_top {
  display: flex;
  justify-content: center;
}

.widget-banner-side_top a {
  max-width: 316px;
}

.widget-banner-side_forum {
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-banner-side_forum {
    padding: 0;
  }
}

.widget-author {
  --widget-author-header-color: var(--text-5-color, #333);
  --widget-author-bg-color: var(--layer-3-color, #fff);
  --widget-author-border-color: var(--line-2-color, #ededed);
  --widget-author-nick-color: var(--text-3-color, #292929);
  --widget-author-clear-border-color: var(--line-1-color, #efefef);
}

@media screen and (min-width: 64em) {
  .widget-author {
    --widget-author-bg-color: var(--layer-3-color, #f4f4f4);
    --widget-author-border-color: var(--line-2-color, #dfdfdf);
  }
}

.widget-author--header {
  padding: 16px 16px 15px;
  border-bottom: 1px solid var(--widget-author-border-color);
  color: var(--widget-author-header-color);
  font-family: Muller, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.widget-author--range {
  gap: 0 30px;
  display: flex;
  padding: 16px 16px 4px;
  background-color: var(--widget-author-bg-color);
}

@media screen and (min-width: 48em) {
  .widget-author--range {
    gap: 0 32px;
  }
}

@media screen and (min-width: 64em) {
  .widget-author--range {
    gap: 0 14px;
  }
}

.widget-author--button {
  padding: 0 0 6px;
  border-bottom: 2px solid transparent;
  color: var(--text-5-color, #292929);
  font-size: 14px;
  line-height: 12px;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .widget-author--button {
    font-size: 12px;
  }
}

.widget-author--button.active {
  border-color: #ec314d;
}

.widget-author--inner {
  width: 100%;
  padding: 8px 0;
  border-radius: 0 0 4px 4px;
  background-color: var(--widget-author-bg-color);
}

.widget-author--table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.widget-author--table .spacer {
  width: 35px;
}

.widget-author--table td {
  border-bottom: 1px solid var(--widget-author-clear-border-color);
  line-height: 30px;
  vertical-align: middle;
}

.widget-author--table .counter {
  padding: 8px 8px 7px 16px;
  color: var(--widget-author-nick-color);
  font-size: 14px;
  line-height: 21px;
}

.widget-author--table .avatar {
  width: 30px;
  padding: 8px 0 7px;
}

.widget-author--table .avatar a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-image: url(/img/imguser30.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.widget-author--table .player {
  padding: 8px 8px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.widget-author--table .player a {
  color: var(--widget-author-nick-color);
}

.widget-author--table .player a:hover {
  text-decoration: underline;
}

.widget-author--table .score {
  padding: 8px 16px 7px 0;
  color: #529410;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}

.widget-author--table tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.widget-post {
  --widget-post-header-color: var(--text-5-color, #333);
  --widget-post-bg-color: var(--layer-3-color, #fff);
  --widget-post-border-color: var(--line-2-color, #ededed);
  --widget-item-border-color: var(--line-1-color, #ededed);
  --widget-post-title-color: var(--text-3-color, #202020);
  --widget-post-date-color: var(--text-6-color, #757575);
  --widget-post-nick-color: var(--text-6-color, #a5a5a5);
  --widget-post-author-color: var(--text-3-color, #292929);
  --widget-post-mark-read-color: var(--sidebar-mark-read-color, #9e9e9e);
  --widget-post-button-color: var(--text-5-color, #292929);
}

@media screen and (min-width: 64em) {
  .widget-post {
    --widget-post-bg-color: var(--layer-3-color, #f4f4f4);
    --widget-post-border-color: var(--line-2-color, #dfdfdf);
  }
}

.widget-post--header {
  padding: 16px 16px 15px;
  border-bottom: 1px solid var(--widget-post-border-color);
  color: var(--widget-post-header-color);
  font-family: Muller, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.widget-post--toggle {
  color: #909090;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}

.widget-post--toggle.active {
  color: #424242;
}

.widget-post--range {
  gap: 0 30px;
  display: flex;
  padding: 16px 16px 4px;
  background-color: var(--widget-post-bg-color);
}

@media screen and (min-width: 48em) {
  .widget-post--range {
    gap: 0 32px;
  }
}

@media screen and (min-width: 64em) {
  .widget-post--range {
    gap: 0 14px;
  }
}

.widget-post--button {
  padding: 0 0 6px;
  border-bottom: 2px solid transparent;
  color: var(--widget-post-button-color);
  font-size: 14px;
  line-height: 12px;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .widget-post--button {
    font-size: 12px;
  }
}

.widget-post--button.active {
  border-color: #ec314d;
}

.widget-post--list {
  width: 100%;
  margin: 0;
  padding: 1px 0 4px;
  border-radius: 0 0 4px 4px;
  background-color: var(--widget-post-bg-color);
}

.widget-post--list_theme {
  padding: 9px 0 4px;
}

.widget-post--item {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 7px 16px 12px;
  border-bottom: 1px solid var(--widget-item-border-color);
}

.widget-post--item:last-child {
  border-color: transparent;
}

.widget-post--link {
  display: flex;
  flex-direction: column;
  padding: 8px 10px;
  background-color: #fff;
}

.widget-post--wrap {
  display: flex;
  align-items: baseline;
}

.widget-post--nick {
  color: var(--widget-post-author-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.read .widget-post--nick {
  color: var(--widget-post-mark-read-color);
}

.widget-post--dot {
  padding: 0 4px;
  color: #808080;
  line-height: 18px;
}

.widget-post--date {
  margin: 0 0 0 8px;
  color: var(--widget-post-date-color);
  font-size: 12px;
  line-height: 14px;
}

.read .widget-post--date {
  color: var(--widget-post-mark-read-color);
}

.widget-post--score {
  margin: 0 0 0 auto;
  color: #808080;
  font-size: 12px;
  line-height: 18px;
}

.widget-post--score_positive {
  color: #529410;
}

.read .widget-post--score {
  color: #ccc;
}

.widget-post--topic {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-width: 0;
  margin: 2px 0 0;
  overflow: hidden;
  color: var(--widget-post-title-color);
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 64em) {
  .widget-post--topic {
    font-size: 14px;
  }
}

.widget-post--topic::before {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.widget-post--topic_theme {
  color: var(--widget-post-title-color);
}

.read .widget-post--topic {
  color: var(--widget-post-mark-read-color);
}

.widget-additional {
  --widget-additional-header-color: var(--text-5-color, #333);
  --widget-additional-line-color: var(--line-1-color, #909090);
  --widget-additional-link-color: var(--sidebar-link-color, #202020);
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-additional {
    padding: 0;
  }
}

.widget-additional_forum {
  margin: 0 0 30px;
}

.widget-additional--header {
  margin: 0 0 7px;
  color: var(--widget-additional-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.widget-additional--inner {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-top: 1px solid var(--widget-additional-line-color);
}

.widget-additional--theme {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 0;
}

.widget-additional--theme-link {
  display: inline-flex;
  margin: 0 0 6px;
  color: #202020;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-transform: uppercase;
  cursor: pointer;
}

.widget-additional--set {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0;
}

.widget-additional--set-link {
  display: inline-flex;
  color: var(--widget-additional-link-color);
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}

.widget-vip_forum {
  margin: 0 0 20px;
}

.widget-vip--inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.widget-vip--item {
  display: flex;
  position: relative;
  width: 230px;
  height: 134px;
  background-color: #fff;
  background-image: url(/img/widget-vip.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 230px;
}

.widget-vip--logo {
  position: absolute;
  top: -16px;
  left: 80px;
  width: 69px;
  height: 69px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/img/500plus-logo-black.svg);
  background-position: 10px 4px;
  background-repeat: no-repeat;
  background-size: 54px;
}

.widget-vip--info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 50px 0 0;
  text-align: center;
}

.widget-vip--title {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}

.widget-vip--subtitle {
  color: #f00;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.widget-review {
  --wgt-rv-bg-color: var(--layer-3-color, #f4f4f4);
  --wgt-rv-quest-color: var(--text-1-color, #000);
  --wgt-rv-cta-color: var(--text-4-color, #808080);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 120px;
  padding: 16px;
  border: 1px solid #d36f6f;
  background-color: var(--wgt-rv-bg-color);
}

@media screen and (min-width: 48em) {
  .widget-review {
    padding: 24px 32px;
  }
}

.widget-review--main {
  display: flex;
  z-index: 2;
  flex-grow: 1;
  align-items: center;
  margin: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .widget-review--main {
    margin: 0;
  }
}

.widget-review--avatar {
  display: flex;
  z-index: 1;
  flex-shrink: 0;
  justify-content: center;
  width: 72px;
  margin: 0 18px 0 0;
}

.widget-review--avatar img {
  border-radius: 10px;
}

.widget-review--avatar svg {
  flex-shrink: 0;
  width: 60px;
  height: 70px;
}

.widget-review--grid {
  display: grid;
  z-index: 1;
  grid-template-columns: 1fr;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .widget-review--grid {
    gap: 0 16px;
    grid-template-columns: 1fr 246px;
  }
}

.widget-review--content {
  display: flex;
  flex-direction: column;
}

.widget-review--quest {
  margin: 0 0 6px;
  color: var(--wgt-rv-quest-color);
  font-size: 18px;
  line-height: 21px;
}

.widget-review--quest span {
  color: #e51e25;
  font-weight: 700;
}

.widget-review--quest strong {
  white-space: nowrap;
}

.widget-review--quest a {
  color: var(--wgt-rv-quest-color);
  text-decoration: underline;
}

.widget-review--cta {
  color: var(--wgt-rv-cta-color);
  font-size: 16px;
  line-height: 19px;
}

.widget-review--button {
  display: none;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 100%;
  max-width: 246px;
  height: 43px;
  padding: 0 16px;
  border-radius: 3px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .widget-review--button {
    display: flex;
  }
}

.widget-review--button_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .widget-review--button_mobile {
    display: none;
  }
}

.widget-review--button svg {
  flex-shrink: 0;
  width: 19px;
  height: 18px;
  margin: 0 8px 0 0;
}

.widget-swap {
  gap: 8px 0;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 120px;
  padding: 20px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #f5f2e9;
  box-shadow: inset 0 0 0 4px #1da434;
}

@media screen and (min-width: 48em) {
  .widget-swap {
    gap: 12px 0;
    padding: 28px 36px;
    border-radius: 22px;
  }
}

.widget-swap::before {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  transform: rotate(315deg);
  background-image: url(/img/ps-icon-spades.svg);
  background-size: 30px;
  content: '';
}

@media screen and (min-width: 48em) {
  .widget-swap::before {
    bottom: -3px;
    left: -3px;
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}

.widget-swap::after {
  position: absolute;
  top: -1px;
  right: -2px;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background-image: url(/img/ps-icon-coin.svg);
  background-size: 30px;
  content: '';
}

@media screen and (min-width: 48em) {
  .widget-swap::after {
    top: -4px;
    right: -4px;
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}

.widget-swap--heading {
  gap: 4px 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .widget-swap--heading {
    font-size: 24px;
  }
}

.widget-swap--logo {
  flex-shrink: 0;
  width: 100px;
  height: 24px;
}

@media screen and (min-width: 48em) {
  .widget-swap--logo {
    width: 136px;
  }
}

.widget-swap--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  min-height: 40px;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 20px;
  background-color: #fff;
}

.widget-swap--site {
  padding: 0 0 0 16px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .widget-swap--site {
    font-size: 24px;
  }
}

.widget-swap--nick {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 14px 0 16px;
  background-color: #1da434;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .widget-swap--nick {
    font-size: 20px;
  }
}

.widget-swap--nick::before {
  position: absolute;
  top: 14px;
  left: -16px;
  flex-shrink: 0;
  width: 0;
  height: 0;
  transform: rotate(90deg);
  border-width: 0 20px 8px 20px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  content: '';
}

.widget-exchange {
  container-type: inline-size;
  container-name: exchange-wrap;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  position: relative;
  width: 100%;
  margin: 10px 0 0;
}

.widget-exchange::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/wg-ps-flag3.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange::before {
    top: -12px;
    background-image: url(/img/wg-ps-flag1-3.svg);
    background-position: 0 50%;
    background-size: 450px;
  }
}

.widget-exchange_generic::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/wg-ps-flag5.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 208px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange_generic::before {
    top: -12px;
    background-image: url(/img/wg-ps-flag5.svg);
    background-position: 0 50%;
    background-size: 254px;
  }
}

.widget-exchange_phenom::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/flag-ps-phenom-m.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange_phenom::before {
    top: -12px;
    background-image: url(/img/flag-ps-phenom.svg);
    background-position: 0 50%;
    background-size: 496px;
  }
}

.widget-exchange_redstar::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/flag-ps-redstar-m.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange_redstar::before {
    top: -12px;
    background-image: url(/img/flag-ps-redstar.svg);
    background-position: 0 50%;
    background-size: 450px;
  }
}

.widget-exchange_pokerdom::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/flag-ps-pokerdom-m.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange_pokerdom::before {
    top: -12px;
    background-image: url(/img/flag-ps-pokerdom.svg);
    background-position: 0 50%;
    background-size: 450px;
  }
}

.widget-exchange_coinpoker::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/flag-ps-coinpoker-m.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange_coinpoker::before {
    top: -12px;
    background-image: url(/img/flag-ps-coinpoker.svg);
    background-position: 0 50%;
    background-size: 450px;
  }
}

.widget-exchange--grid {
  gap: 12px 24px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 28px 24px 18px;
  background-color: #f7f5eb;
  box-shadow: inset 0 0 0 1px #df2529;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 60px 18px;
    background-image: url(/img/wg-ps-coin2.svg), url(/img/wg-ps-coin1.svg);
    background-position: 93% -4px, left 85% bottom -10px;
    background-repeat: no-repeat;
    background-size: 76px, 64px;
  }
}

@container exchange-wrap (min-width: 932px) {
  .widget-exchange--grid {
    padding: 24px 60px;
    background-position: 73% -4px, left 65% bottom -10px;
  }
}

.widget-exchange--content {
  gap: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--content {
    align-items: flex-start;
  }
}

.widget-exchange--generic {
  flex-shrink: 0;
  width: 328px;
  height: 24px;
  background-image: url(/img/wg-text-generic.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--generic {
    width: 460px;
    height: 26px;
  }
}

.widget-exchange--pokerok {
  flex-shrink: 0;
  width: 328px;
  height: 24px;
  background-image: url(/img/wg-text-pokerok.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--pokerok {
    width: 460px;
    height: 26px;
  }
}

.widget-exchange--ticket {
  display: flex;
}

.widget-exchange--acr {
  flex-shrink: 0;
  width: 320px;
  height: 30px;
  background-image: url(/img/wg-text-acr.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--acr {
    width: 460px;
    height: 38px;
  }
}

.widget-exchange--coinpoker {
  flex-shrink: 0;
  width: 324px;
  height: 24px;
  background-image: url(/img/wg-text-coinpoker.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--coinpoker {
    width: 484px;
    height: 34px;
  }
}

.widget-exchange--ggpoker {
  flex-shrink: 0;
  width: 324px;
  height: 26px;
  background-image: url(/img/wg-text-ggpoker.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--ggpoker {
    width: 464px;
    height: 33px;
  }
}

.widget-exchange--pokerking {
  flex-shrink: 0;
  width: 324px;
  height: 26px;
  background-image: url(/img/wg-text-pokerking.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--pokerking {
    width: 484px;
    height: 34px;
  }
}

.widget-exchange--redstar {
  flex-shrink: 0;
  width: 324px;
  height: 24px;
  background-image: url(/img/wg-text-redstar.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--redstar {
    width: 474px;
    height: 33px;
  }
}

.widget-exchange--phenom {
  flex-shrink: 0;
  width: 320px;
  height: 24px;
  background-image: url(/img/wg-text-phenom.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--phenom {
    width: 484px;
    height: 34px;
  }
}

.widget-exchange--currency {
  flex-shrink: 0;
  width: 172px;
  height: 24px;
  background-image: url(/img/wg-image-currency4.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--currency {
    width: 338px;
    height: 30px;
  }
}

.widget-exchange--list {
  display: flex;
  flex-direction: column;
  margin: 0;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--list {
    flex-direction: row;
  }
}

.widget-exchange--list li {
  display: flex;
  margin: 0;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.widget-exchange--list li:not(:last-child) {
  margin: 0 0 4px;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--list li:not(:last-child) {
    margin: 0 14px 0 0;
  }
}

.widget-exchange--list li::before {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
  margin: 0 8px 0 0;
  transform: rotate(45deg);
  border: 2px solid #33b553;
  border-top: 0;
  border-left: 0;
  content: '';
}

.widget-exchange--cta {
  gap: 6px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-wrap (min-width: 626px) {
  .widget-exchange--cta {
    flex-direction: row;
  }
}

@container exchange-wrap (min-width: 932px) {
  .widget-exchange--cta {
    flex-direction: column;
  }
}

.widget-exchange--logo {
  flex-shrink: 0;
  width: 160px;
  height: 28px;
}

@container exchange-wrap (min-width: 626px) {
  .widget-exchange--logo {
    width: 156px;
  }
}

.widget-exchange--button {
  flex-shrink: 0;
  width: 230px;
  height: 56px;
  background-image: url(/img/wg-ps-button.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 230px;
}

@container exchange-wrap (min-width: 626px) {
  .widget-exchange--button {
    width: 190px;
    height: 46px;
    background-size: 190px;
  }
}

.widget-exchange--button::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.widget-ticket {
  container-type: inline-size;
  container-name: exchange-wrap;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  position: relative;
  width: 100%;
  margin: 10px 0 0;
}

.widget-ticket::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/wg-ps-flag3.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 364px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket::before {
    top: -12px;
    background-image: url(/img/wg-ps-flag1-3.svg);
    background-position: 0 50%;
    background-size: 450px;
  }
}

.widget-ticket--grid {
  gap: 12px 24px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 28px 24px 18px;
  background-color: #f7f5eb;
  box-shadow: inset 0 0 0 1px #df2529;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 32px 18px;
  }
}

@container exchange-wrap (min-width: 932px) {
  .widget-ticket--grid {
    padding: 24px 32px;
  }
}

.widget-ticket--content {
  gap: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--content {
    align-items: flex-start;
  }
}

.widget-ticket--pokerok {
  flex-shrink: 0;
  width: 328px;
  height: 24px;
  background-image: url(/img/wg-text-pokerok.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--pokerok {
    width: 460px;
    height: 26px;
  }
}

.widget-ticket--currency {
  flex-shrink: 0;
  width: 172px;
  height: 24px;
  background-image: url(/img/wg-image-currency4.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--currency {
    width: 338px;
    height: 30px;
  }
}

.widget-ticket--text {
  color: #000;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--text {
    text-align: left;
  }
  .widget-ticket--text br {
    display: none;
  }
}

.widget-ticket--list {
  display: flex;
  flex-direction: column;
  margin: 0;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--list {
    flex-direction: row;
  }
}

.widget-ticket--list li {
  display: flex;
  margin: 0;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.widget-ticket--list li:not(:last-child) {
  margin: 0 0 4px;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--list li:not(:last-child) {
    margin: 0 14px 0 0;
  }
}

.widget-ticket--list li::before {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
  margin: 0 8px 0 0;
  transform: rotate(45deg);
  border: 2px solid #33b553;
  border-top: 0;
  border-left: 0;
  content: '';
}

.widget-ticket--sublink {
  z-index: 2;
  position: relative;
  flex-shrink: 0;
  width: 328px;
  height: 24px;
  background-image: url(/img/psw-ticket-row2.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--sublink {
    display: none;
  }
}

.widget-ticket--link {
  display: none;
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 145px;
  margin: -23px 0 0;
}

@container exchange-wrap (min-width: 810px) {
  .widget-ticket--link {
    display: flex;
  }
}

.widget-ticket--cta {
  gap: 6px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-wrap (min-width: 626px) {
  .widget-ticket--cta {
    flex-direction: row;
  }
}

@container exchange-wrap (min-width: 932px) {
  .widget-ticket--cta {
    flex-direction: column;
  }
}

.widget-ticket--button {
  flex-shrink: 0;
  width: 230px;
  height: 56px;
  background-image: url(/img/wg-ps-button.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 230px;
}

@container exchange-wrap (min-width: 626px) {
  .widget-ticket--button {
    width: 190px;
    height: 46px;
    background-size: 190px;
  }
}

.widget-ticket--button::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.pd-exchange {
  container-type: inline-size;
  container-name: exchange-pokerdom;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  position: relative;
  width: 100%;
  margin: 10px 0 0;
}

.pd-exchange::before {
  z-index: 1;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(/img/flag-pd-pokerdom-m.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 360px;
  content: '';
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange::before {
    top: -10px;
    background-image: url(/img/flag-pd-pokerdom.svg);
    background-position: 0 50%;
    background-size: 390px;
  }
}

.pd-exchange--grid {
  gap: 12px 24px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 30px 24px 18px;
  background-color: #443182;
  box-shadow: inset 0 0 0 4px #33b553;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 34px 36px;
    background-image: url(/img/wg-pd-coin2.svg), url(/img/wg-pd-coin1.svg);
    background-position: 93% -4px, left 85% bottom -10px;
    background-repeat: no-repeat;
    background-size: 76px, 64px;
  }
}

@container exchange-pokerdom (min-width: 932px) {
  .pd-exchange--grid {
    background-position: 73% -4px, left 65% bottom -10px;
  }
}

.pd-exchange--content {
  gap: 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--content {
    align-items: flex-start;
  }
}

.pd-exchange--target {
  flex-shrink: 0;
  width: 324px;
  height: 24px;
  background-image: url(/img/wg-text-pokerdom.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--target {
    width: 474px;
    height: 33px;
  }
}

.pd-exchange--list {
  display: flex;
  flex-direction: column;
  margin: 0;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--list {
    flex-direction: row;
  }
}

.pd-exchange--list li {
  display: flex;
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

.pd-exchange--list li:not(:last-child) {
  margin: 0 0 4px;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--list li:not(:last-child) {
    margin: 0 14px 0 0;
  }
}

.pd-exchange--list li::before {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
  margin: 0 8px 0 0;
  transform: rotate(45deg);
  border: 2px solid #33b553;
  border-top: 0;
  border-left: 0;
  content: '';
}

.pd-exchange--link {
  display: none;
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 145px;
  margin: -30px 0 0;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--link {
    display: flex;
  }
}

.pd-exchange--sublink {
  z-index: 2;
  position: relative;
  flex-shrink: 0;
  width: 328px;
  height: 48px;
  background-image: url(/img/psw-ticket-row150.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--sublink {
    display: none;
  }
}

.pd-exchange--text {
  color: #000;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

@container exchange-pokerdom (min-width: 810px) {
  .pd-exchange--text {
    text-align: left;
  }
  .pd-exchange--text br {
    display: none;
  }
}

.pd-exchange--cta {
  gap: 6px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@container exchange-pokerdom (min-width: 626px) {
  .pd-exchange--cta {
    flex-direction: row;
  }
}

@container exchange-pokerdom (min-width: 932px) {
  .pd-exchange--cta {
    flex-direction: column;
  }
}

.pd-exchange--logo {
  flex-shrink: 0;
  width: 160px;
  height: 28px;
}

@container exchange-pokerdom (min-width: 626px) {
  .pd-exchange--logo {
    width: 156px;
  }
}

.pd-exchange--button {
  flex-shrink: 0;
  width: 230px;
  height: 56px;
  background-image: url(/img/wg-pd-button.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 230px;
}

@container exchange-pokerdom (min-width: 626px) {
  .pd-exchange--button {
    width: 190px;
    height: 46px;
    background-size: 190px;
  }
}

.pd-exchange--button::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.widget-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  border: 1px solid #d36f6f;
  background-color: var(--layer-3-color, #f9f9f9);
}

@media screen and (min-width: 48em) {
  .widget-link {
    padding: 24px 32px;
  }
}

.widget-link--main {
  gap: 0 18px;
  display: flex;
  z-index: 2;
  flex-grow: 1;
  align-items: center;
  margin: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .widget-link--main {
    margin: 0;
  }
}

.widget-link--avatar {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 60px;
}

.widget-link--avatar img {
  width: 60px;
  height: 60px;
}

.widget-link--image {
  display: flex;
  justify-content: center;
  width: 60px;
}

[theme='dark'] .widget-link--image_light {
  display: none;
}

.widget-link--image_dark {
  display: none;
}

[theme='dark'] .widget-link--image_dark {
  display: flex;
}

.widget-link--image img {
  width: 60px;
  height: 60px;
}

.widget-link--logo {
  width: 60px;
  height: 60px;
}

.widget-link--grid {
  display: grid;
  z-index: 1;
  grid-template-columns: 1fr;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .widget-link--grid {
    gap: 0 16px;
    grid-template-columns: 1fr auto;
  }
}

.widget-link--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.widget-link--cta {
  color: var(--text-1-color, #000);
  font-size: 18px;
  line-height: 21px;
}

.widget-link--cta span {
  color: #e51e25;
  font-weight: 700;
}

.widget-link--cta strong {
  white-space: nowrap;
}

.widget-link--cta a {
  color: var(--text-1-color, #000);
  text-decoration: underline;
}

.widget-link--button {
  display: none;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 100%;
  max-width: 280px;
  height: 43px;
  padding: 0 24px;
  border-radius: 3px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .widget-link--button {
    display: flex;
  }
}

.widget-link--button_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .widget-link--button_mobile {
    display: none;
  }
}

.widget-link--button svg {
  flex-shrink: 0;
  width: 19px;
  height: 18px;
  margin: 0 8px 0 0;
}

.now-online {
  --now-online-bg-color: var(--layer-3-color, #fff);
  --now-online-counter-color: var(--text-3-color, #202020);
  --now-online-mod-color: var(--text-5-color, #808080);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 0 35px;
  background-color: var(--layer-2-color, #fff);
}

@media screen and (min-width: 40em) {
  .now-online {
    padding: 0 30px 35px;
  }
}

.now-online--inner {
  width: 100%;
  max-width: 1246px;
}

.now-online--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (min-width: 40em) {
  .now-online--header {
    padding: 0;
  }
}

.now-online--counter {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px 0 0;
  line-height: 24px;
}

.now-online--counter-subheader {
  margin: 0 5px 0 0;
  color: var(--now-online-counter-color);
  font-size: 14px;
  white-space: nowrap;
}

.now-online--counter-stats {
  color: var(--now-online-counter-color);
  font-size: 14px;
}

.now-online--filter {
  display: flex;
  flex-grow: 1;
  align-items: center;
  line-height: 24px;
  white-space: nowrap;
}

.now-online--button {
  position: relative;
  margin: 0 auto 0 0;
  color: #909090;
  font-size: 14px;
  cursor: pointer;
}

.now-online--button.active {
  color: #909090;
}

.now-online--filter-wrap {
  display: none;
}

.now-online--filter-wrap.show {
  display: flex;
}

.now-online--filter-button {
  color: #b6b6b6;
  font-size: 14px;
  cursor: pointer;
}

.now-online--filter-button:nth-of-type(1) {
  margin: 0 20px;
}

.now-online--filter-button.selected {
  color: #e51e25;
}

.now-online--list {
  display: none;
  margin: 15px 0 0;
  padding: 16px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .now-online--list {
    padding: 16px 0;
  }
}

.now-online--list.show {
  display: block;
}

.now-online--list a {
  color: var(--text-6-color, #808080);
  font-size: 14px;
}

.now-online--list a:hover {
  text-decoration: underline;
}

.now-online--list strong {
  color: var(--now-online-mod-color);
}

.now-online--list .gt-team strong {
  color: #e51e25;
}

.subheader {
  --forum-subheader-bg-color: var(--layer-3-color, #fafafa);
  --forum-subheader-heading-color: var(--text-5-color, #202020);
  --forum-subheader-mods-color: var(--text-5-color, #808080);
  --forum-subheader-label-color: var(--text-6-color, #909090);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--forum-subheader-bg-color);
}

.subheader_clear {
  background-color: transparent;
}

.subheader--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1276px;
  padding: 25px 15px 15px;
}

.subheader--heading-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.subheader--heading_left {
  margin: 0 auto 0 0;
  padding: 0 10px 0 0;
}

.subheader--heading h1 {
  margin: 0 0 10px;
  color: var(--forum-subheader-heading-color);
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.subheader--moderator {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 21px;
}

.subheader--moderator span {
  margin: 0 4px 0 0;
  color: var(--forum-subheader-label-color);
}

.subheader--moderator a {
  color: var(--forum-subheader-mods-color);
  font-weight: 700;
}

.subheader--moderator a:hover {
  text-decoration: underline;
}

.top-breadcrumbs {
  display: flex;
  z-index: 101;
  justify-content: center;
  width: 100%;
}

.top-breadcrumbs--inner {
  width: 100%;
  max-width: 1306px;
  padding: 16px 15px 0;
}

@media screen and (min-width: 64em) {
  .top-breadcrumbs--inner {
    padding: 24px 30px 0;
  }
}

.blog-header--wrap .top-breadcrumbs--inner {
  max-width: 1060px;
}

.blog-header--wrap_mid .top-breadcrumbs--inner {
  max-width: 900px;
}

@media screen and (min-width: 64em) {
  .blog-header--wrap_mid .top-breadcrumbs--inner {
    max-width: 930px;
  }
}

.bottom-breadcrumbs {
  display: flex;
  justify-content: center;
  width: 100%;
}

.bottom-breadcrumbs--inner {
  width: 100%;
  max-width: 1306px;
  padding: 16px 0 0;
}

@media screen and (min-width: 64em) {
  .bottom-breadcrumbs--inner {
    padding: 24px 0 0;
  }
}

.breadcrumbs {
  gap: 4px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--breadcrumbs-color, #606060);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}

.top-breadcrumbs .breadcrumbs {
  color: var(--breadcrumbs-color, #999);
}

.breadcrumbs a {
  color: var(--breadcrumbs-color, #606060);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.top-breadcrumbs .breadcrumbs a {
  color: var(--breadcrumbs-color, #999);
}

.breadcrumbs svg {
  --i-color1: var(--breadcrumbs-color, #606060);
  flex-shrink: 0;
  width: 16px;
  height: 10px;
}

.top-breadcrumbs .breadcrumbs svg {
  --i-color1: var(--breadcrumbs-color, #999);
}

.breadcrumbs_bottom {
  padding: 20px 0 0;
}

.subtable {
  --forum-subtable-bg-color: var(--layer-3-color, #fafafa);
  --forum-subtable-line-color: var(--line-1-color, #e5e5e5);
  --forum-subtable-heading-color: var(--text-4-color, #000);
  --forum-subtable-subheading-color: var(--text-6-color, #909090);
  --forum-subtable-text-color: var(--text-6-color, #808080);
  --forum-subtable-link-color: var(--text-5-color, #202020);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 150px;
  margin: 0 0 30px;
  padding: 10px 15px 20px;
  background-color: var(--forum-subtable-bg-color);
}

@media screen and (min-width: 48em) {
  .subtable {
    flex-direction: row;
    padding: 10px 30px 20px;
  }
}

@media screen and (min-width: 48em) {
  .subtable--inner {
    width: 50%;
  }
}

.subtable-stats {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.subtable-stats .th-header {
  padding: 12px 0 7px;
  border-bottom: 1px solid var(--forum-subtable-line-color);
  color: var(--forum-subtable-subheading-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.subtable-stats .td-subheader {
  padding: 12px 10px 5px 0;
  font-family: "PT Serif", serif;
  line-height: 30px;
  text-align: left;
  vertical-align: baseline;
}

.subtable-stats .td-subheader a {
  color: var(--forum-subtable-heading-color);
  font-size: 21px;
}

.subtable-stats .td-stats {
  padding: 1px 5px 5px 0;
  color: var(--forum-subtable-text-color);
  font-size: 11px;
  line-height: 11px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: nowrap;
}

.subtable-stats a:hover {
  text-decoration: underline;
}

.subtable-stats tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.subtable-posts {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.subtable-posts .head-last {
  padding: 12px 0 7px;
  border-bottom: 1px solid var(--forum-subtable-line-color);
  color: var(--forum-subtable-text-color);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.subtable-posts .post-time {
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid var(--forum-subtable-line-color);
  color: var(--forum-subtable-text-color);
  font-size: 11px;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: nowrap;
}

.subtable-posts .post-nick {
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid var(--forum-subtable-line-color);
  line-height: 20px;
  text-align: left;
  vertical-align: baseline;
}

.subtable-posts .post-nick a {
  color: var(--forum-subtable-text-color);
  font-size: 14px;
  font-weight: 700;
}

.subtable-posts .post-link {
  width: 60%;
  max-width: 0;
  padding: 5px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--forum-subtable-line-color);
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: baseline;
  white-space: nowrap;
}

.subtable-posts .post-link a {
  color: var(--forum-subtable-link-color);
  font-size: 13px;
}

.subtable-posts a:hover {
  text-decoration: underline;
}

.subtable-posts tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.theme-pagination {
  --pagination-input-color: var(--control-1-color, #202020);
  --pagination-input-active-bg-color: var(--pal-gt-accent, #e51e25);
  --pagination-input-active-color: var(--text-1-color, #fff);
  --pagination-pager-color: var(--control-1-color, #606060);
  --pagination-pager-active-bg-color: var(--pal-gt-accent, #e51e25);
  --pagination-pager-active-color: var(--text-1-color, #fff);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

@media screen and (min-width: 48em) {
  .theme-pagination {
    order: 2;
    margin: 0 0 0 auto;
  }
}

.theme-pagination--input {
  width: 28px;
  margin: 0 8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  color: var(--pagination-input-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .theme-pagination--input {
    width: 39px;
    font-size: 16px;
    line-height: 32px;
  }
}

.theme-pagination--input.active {
  background-color: var(--pagination-input-active-bg-color);
  color: var(--pagination-input-active-color);
}

.theme-pagination_right {
  margin: 0 0 0 auto;
}

.theme-pagination--pager {
  margin: 0 8px 0 0;
  padding: 0 7px;
  border: 0;
  border-radius: 2px;
  color: var(--pagination-pager-color);
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .theme-pagination--pager {
    font-size: 16px;
    line-height: 32px;
  }
}

.theme-pagination--pager.active {
  background-color: var(--pagination-pager-active-bg-color);
  color: var(--pagination-pager-active-color);
}

.theme-pagination--pager_wide_only {
  display: none;
}

@media screen and (min-width: 64em) {
  .theme-pagination--pager_wide_only {
    display: block;
  }
}

@media screen and (min-width: 70.625em) {
  .filter--wrap_order .theme-pagination {
    order: 3;
  }
}

@media screen and (min-width: 78.4375em) {
  .filter_right_auto + .theme-pagination {
    margin: 0;
  }
}

.dialog-pagination {
  display: flex;
  width: 100%;
  padding: 10px 15px 0;
}

@media screen and (min-width: 48em) {
  .dialog-pagination {
    padding: 10px 0 0;
  }
}

.filter--wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.filter--wrap_section {
  padding: 0 15px 10px;
}

@media screen and (min-width: 48em) {
  .filter--wrap_section {
    padding: 0 0 10px;
  }
}

.filter--wrap_theme {
  gap: 8px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .filter--wrap_theme {
    padding: 0;
  }
}

.filter--wrap_staking {
  margin: 0 0 20px;
  padding: 0 15px 10px;
  border-bottom: 1px solid var(--line-1-color, #ccc);
}

@media screen and (min-width: 48em) {
  .filter--wrap_staking {
    padding: 0 0 10px;
  }
}

.filter {
  --theme-filter-color: var(--control-1-color, #606060);
  --theme-filter-active-color: var(--text-1-color, #fff);
  --theme-filter-active-bg-color: var(--pal-gt-accent, #e51e25);
  --theme-filter-search-icon: var(--icon-2-filter, none);
  gap: 4px 0;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 48em) {
  .filter_right {
    margin: 0 15px 0 0;
  }
}

.filter_right_auto {
  margin: 0 auto 0 0;
}

.filter_desktop {
  display: none;
}

.filter_mobile {
  display: flex;
  position: relative;
}

.filter--dropdown {
  display: flex;
  z-index: 2;
  position: absolute;
  top: 28px;
  left: 0;
  flex-direction: column;
  padding: 0 0 4px;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--layer-4-color, #fff);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
}

.filter--group {
  display: flex;
}

.filter--button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 2px;
  color: var(--theme-filter-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .filter--button-group {
    padding: 8px 16px;
  }
}

.filter--button-group.active {
  background-color: var(--theme-filter-active-bg-color);
  color: var(--theme-filter-active-color);
}

.filter--button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 2px;
  color: var(--theme-filter-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .filter--button {
    padding: 8px 16px;
  }
}

.filter--button.active {
  background-color: var(--theme-filter-active-bg-color);
  color: var(--theme-filter-active-color);
}

.filter--button.active::before {
  border-color: transparent var(--theme-filter-active-bg-color) transparent transparent;
}

.filter--button.active::after {
  border-color: transparent transparent transparent var(--theme-filter-active-bg-color);
}

.filter_mobile .filter--button {
  justify-content: flex-start;
  border-radius: 0;
}

.filter--button_toggle {
  padding: 4px 12px 4px 0;
}

.filter-triangle {
  --i-color1: #606060;
  display: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

[theme='dark'] .filter-triangle {
  --i-color1: #ccc;
}

.filter--button_toggle .filter-triangle {
  display: flex;
}

.filter--search {
  margin: 0 5px 5px;
  padding: 0 5px;
  color: var(--theme-filter-color);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.filter--search_theme {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 28px;
  margin: 0 0 0 11px;
}

@media screen and (min-width: 48em) {
  .filter--search_theme {
    width: 24px;
    height: 32px;
    background-size: 14px;
  }
}

.filter--search_theme svg {
  --i-color1: var(--control-1-color, #606060);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.rss-list {
  --forum-rss-color: var(--text-6-color, #909090);
  --forum-rss-icon-filter: var(--icon-5-filter, none);
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 10px;
  line-height: 30px;
}

.rss-list a {
  display: flex;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  background-size: 20px;
  color: var(--forum-rss-color);
  font-size: 14px;
}

.rss-list a:nth-last-of-type(1) {
  margin: 0;
}

.rss-list a:hover {
  text-decoration: underline;
}

.rss-list--rss {
  background-image: url(/img/icon-post-rss.svg);
  background-position: 0 50%;
}

.rss-list--follow {
  gap: 0 8px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.rss-list--follow svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.rss-list--read {
  background-image: url(/img/icon-post-read.svg);
  background-position: 0 5px;
}

.recommend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 20px;
  padding: 0 16px 21px;
  background-color: var(--layer-2a-color, #f7f7f7);
}

@media screen and (min-width: 48em) {
  .recommend {
    padding: 0 0 21px 16px;
  }
}

.recommend--head {
  margin: 0 0 16px;
  padding: 4px 6px;
  border-radius: 0 0 2px 2px;
  background-color: var(--layer-5-color, #292929);
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.recommend--wrap {
  position: relative;
  max-width: 100%;
}

.recommend--container {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 928px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.recommend--row {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 928px;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}

.recommend-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 304px;
  padding: 32px 20px 20px;
  border-top: 2px solid transparent;
  background-color: var(--layer-3-color, #fff);
}

.recommend-item_cash {
  position: relative;
  border-color: #43a047;
}

.recommend-item_cash::before {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 2px 4px;
  background-color: #43a047;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  content: 'КЭШ';
}

.recommend-item_mtt {
  position: relative;
  border-color: #ff9800;
}

.recommend-item_mtt::before {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 2px 4px;
  background-color: #ff9800;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  content: 'МТТ';
}

.recommend-item_cash_mtt {
  position: relative;
  border-color: #a0588e;
}

.recommend-item_cash_mtt::before {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 2px 4px;
  background-color: #a0588e;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  content: 'КЭШ и МТТ';
}

.recommend-item--top {
  gap: 0 12px;
  display: flex;
}

.recommend-item--logo {
  display: flex;
  align-items: center;
  min-height: 70px;
}

.recommend-item--logo img {
  max-width: 72px;
}

.recommend-pocarr-icon {
  --logo-color-1: #242021;
  display: flex;
  align-items: flex-start;
  max-width: 72px;
  height: 72px;
}

[theme='dark'] .recommend-pocarr-icon {
  --logo-color-1: #e0e0e0;
}

.recommend-mvp-icon {
  --logo-color-1: #206fe4;
  --logo-color-2: #1e4e9f;
  display: flex;
  align-items: flex-start;
  max-width: 72px;
  height: 72px;
}

.recommend-mountainteam-icon {
  --logo-color-1: #282828;
  max-width: 200px;
  height: 56px;
}

[theme='dark'] .recommend-mountainteam-icon {
  --logo-color-1: #e0e0e0;
}

.recommend-greenline-icon {
  --logo-color-1: #282828;
  --logo-color-2: #149842;
  max-width: 72px;
  height: 72px;
}

[theme='dark'] .recommend-greenline-icon {
  --logo-color-1: #e0e0e0;
  --logo-color-2: #4abc00;
}

.recommend-greenline-jr {
  max-width: 72px;
  height: 72px;
}

[theme='dark'] .recommend-greenline-jr {
  --logo-color-1: #e0e0e0;
}

.recommend-kot-icon {
  --logo-color-1: #616161;
  --logo-color-2: #ffc800;
  max-width: 72px;
  height: 72px;
}

[theme='dark'] .recommend-kot-icon {
  --logo-color-1: #fff;
}

.recommend-teama-icon {
  max-width: 72px;
  height: 72px;
}

.recommend-itc-icon {
  max-width: 72px;
  height: 72px;
}

.recommend-fiatlab-icon {
  max-width: 72px;
  height: 72px;
}

.recommend-newage-icon {
  --logo-color: #212121;
  max-width: 70px;
  height: 70px;
}

[theme='dark'] .recommend-newage-icon {
  --logo-color: #fff;
}

.recommend-dreamteam-icon {
  max-width: 72px;
  height: 72px;
}

[theme='dark'] .recommend-dreamteam-icon {
  --logo-color-1: #9e9e9e;
}

.recommend-sv-icon {
  max-width: 72px;
  height: 72px;
}

.recommend-svpoker-icon {
  max-width: 180px;
  height: 70px;
}

[theme='dark'] .recommend-svpoker-icon {
  --logo-color1: #fff;
}

.recommend-pm-icon {
  max-width: 72px;
  height: 72px;
}

.recommend-moon-icon {
  --logo-moon1: #000;
  max-width: 200px;
  height: 64px;
}

[theme='dark'] .recommend-moon-icon {
  --logo-moon1: #fff;
}

.recommend-rsb-icon {
  max-width: 200px;
  height: 64px;
}

.recommend-item--head {
  gap: 4px 0;
  display: flex;
  flex-direction: column;
}

.recommend-item--heading {
  color: var(--text-4-color, #292929);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
}

.recommend-item--subheading {
  color: var(--text-5-color, #999);
  font-size: 14px;
  line-height: 16px;
}

.recommend-item--line {
  width: 100%;
  height: 1px;
  margin: 16px 0;
  border-bottom: 1px dashed var(--line-1-color, #e3e3e3);
}

.recommend-list {
  max-width: 370px;
  margin: 0 0 20px;
}

.recommend-list li {
  position: relative;
  color: var(--text-5-color, #606060);
  font-size: 14px;
  line-height: 16px;
}

.recommend-list li:not(:last-child) {
  margin: 0 0 12px;
}

.recommend-item--bottom {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: auto 0 0;
  padding: 19px 0 0;
  border-top: 1px dashed var(--line-1-color, #e3e3e3);
}

.recommend-item--link {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: var(--text-3-color, #292929);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

.recommend-item--link::after {
  width: 13px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23292929' d='M12.354 4.354a.5.5 0 0 0 0-.708L9.172.464a.5.5 0 1 0-.708.708L11.293 4 8.464 6.828a.5.5 0 1 0 .708.708l3.182-3.182ZM0 4.5h12v-1H0v1Z' /%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .recommend-item--link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23ccc' d='M12.354 4.354a.5.5 0 0 0 0-.708L9.172.464a.5.5 0 1 0-.708.708L11.293 4 8.464 6.828a.5.5 0 1 0 .708.708l3.182-3.182ZM0 4.5h12v-1H0v1Z' /%3E%3C/svg%3E");
}

.slider-rec--button {
  --i-color1: var(--text-3-color, #292929);
  display: flex;
  z-index: 5;
  position: absolute;
  top: 50%;
  right: auto;
  left: -14px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  border: 1px solid var(--line-2-color, #ededed);
  border-radius: 50%;
  outline: none;
  background-color: var(--layer-5-color, #fff);
  box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
  cursor: pointer;
}

.slider-rec--button_next {
  right: -14px;
  left: auto;
}

.slider-rec--button_disabled {
  --i-color1: var(--text-6-color, #bdbdbd);
  border-color: var(--line-1-color, #ededed);
  cursor: auto;
  pointer-events: none;
}

.slider-rec--button svg {
  width: 13px;
  height: 15px;
}

.recommend-pagination {
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 18px 0 0;
}

.recommend-pagination--bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 50%;
  background-color: var(--layer-5-color, #e5e5e5);
}

.recommend-pagination--bullet_active {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: var(--text-1-color, #000);
}

.modal-igm-overlay {
  z-index: 1002;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.modal-igm-overlay.hidden {
  display: none;
}

.modal-igm {
  --modal-igm-bg-color: var(--layer-3-color, #fff);
  --modal-igm-heading-color: var(--text-3-color, #000);
  --modal-igm-note-color: var(--text-4-color, #a8a8a9);
  display: flex;
  z-index: 1003;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 664px;
  padding: 0 24px;
  transform: translate(-50%, -50%);
}

.modal-igm.hidden {
  display: none;
}

.modal-igm--inner {
  flex-grow: 1;
  padding: 56px 32px;
  border-radius: 10px;
  background-color: var(--modal-igm-bg-color);
}

@media screen and (min-width: 48em) {
  .modal-igm--inner {
    padding: 70px;
  }
}

.modal-igm--heading {
  margin: 0 0 12px;
  color: var(--modal-igm-heading-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

@media screen and (min-width: 48em) {
  .modal-igm--heading {
    margin: 0 0 16px;
    font-size: 30px;
    line-height: 35px;
  }
}

.modal-igm--note {
  margin: 0 0 36px;
  color: var(--modal-igm-note-color);
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .modal-igm--note {
    margin: 0 0 48px;
    font-size: 16px;
    line-height: 24px;
  }
}

.modal-igm--form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-igm--submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background-color: #e51e25;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .modal-igm--submit {
    margin: 0 0 32px;
  }
}

.modal-igm--submit:hover {
  background-color: #b9253b;
}

.modal-igm--cancel {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  padding: 0;
  border: 1px solid #e51e25;
  border-radius: 10px;
  background-color: transparent;
  color: #e51e25;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.subheader-cta {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .subheader-cta {
    height: 80px;
  }
}

@media screen and (min-width: 64em) {
  .subheader-cta {
    height: 88px;
    padding: 8px 0 0;
  }
}

.subheader-cta--inner {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  max-width: 750px;
}

@media screen and (min-width: 48em) {
  .subheader-cta--inner {
    height: auto;
  }
}

.subheader-cta--target {
  flex-shrink: 1;
}

.subheader-cta--target img {
  max-height: 80px;
}