@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;
}

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;
}

[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;
}

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-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--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--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;
}

.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: 15px;
  right: 15px;
  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 13px;
  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: 18px 24px;
  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: 19px;
}

.modal-login--input-login::-moz-placeholder {
  color: #a8a8a9;
}

.modal-login--input-login::placeholder {
  color: #a8a8a9;
}

.modal-login--input-pass {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 18px 24px;
  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: 19px;
}

.modal-login--input-pass::-moz-placeholder {
  color: #a8a8a9;
}

.modal-login--input-pass::placeholder {
  color: #a8a8a9;
}

.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;
  align-items: center;
  justify-content: center;
}

.modal-login--reglink {
  margin: 0 auto 32px;
  padding: 18px 34px;
  border: 2px solid var(--text-1-color, #000);
  border-radius: 10px;
  background-color: var(--layer-2a-color, #fff);
  color: var(--text-1-color, #000);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

.modal-login--reglink:hover {
  filter: invert(100%);
}

.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: 102;
  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 24px;
  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 30px 0 0;
}

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

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

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

.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: 40px;
  height: 40px;
  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: #000;
  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 13px;
}

.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 13px;
  padding: 0 0 27px;
  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 31px;
}

@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;
}

.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 32px;
  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-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;
}

@media screen and (min-width: 70.625em) {
  .footer-menu--item:not(:last-child) {
    margin: 0 32px 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, #85c33d, #c7ff97);
  box-shadow: 0 2px 0 #6a8d3f;
}

@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 {
  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 {
  position: relative;
  left: 8px;
  width: 144px;
  height: 28px;
  background-color: #f00;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

.profile-button--flag::before {
  position: absolute;
  bottom: 0;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 14px solid #f00;
  border-bottom: 14px solid #f00;
  border-left: 8px solid transparent;
  content: '';
}

.profile-button--flag::after {
  position: absolute;
  right: -8px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 14px solid #f00;
  border-right: 8px solid transparent;
  border-bottom: 14px solid #f00;
  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: '';
}

.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-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, #f1f1f1);
  --x-post-blockquote-bg-unread-color: var(--post-blockquote-bg-color, #f9f9f9);
  --x-post-blockquote-border-color: var(--line-1-color, #e0e0e0);
  --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-author-color: var(--text-2-color, #1a1a1a);
  --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, #f2f2f2);
  --x-post-rlist-border-color: var(--post-bg-color, #efefef);
  --x-post-rlist-nick-color: var(--post-rlist-nick-color, #404040);
  --x-post-author-data-color: var(--text-6-color, #909090);
  --x-post-author-status-color: var(--text-6-color, #cfcfcf);
  --x-post-author-icon-filter: var(--icon-5-filter, none);
  --x-post-author-badge-color: var(--text-6-color, #909090);
  --x-post-author-badge-border-color: var(--line-1-color, #c4c4c4);
  --x-post-author-menu-color: var(--control-1-color, #606060);
  --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-color: var(--text-2-color, #404040);
  --x-post-reply-date-color: var(--text-6-color, #909090);
  --x-post-reply-link-color: var(--text-4-color, #404040);
  --x-post-reply-num-color: var(--text-6-color, #909090);
  --x-post-reply-border-color: var(--line-2-color, #e5e5e5);
  --x-post-reply-button-border-color: var(--line-1-color, #ccc);
  --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 15px;
  padding: 0 15px;
  background-color: var(--x-post-bg-color);
  box-shadow: inset 0 0 0 1px var(--x-post-border-color);
}

.post_site {
  box-shadow: none;
}

.comments-best .post {
  --comments-best-border-color: var(--line-2-color, #e0e0e0);
  box-shadow: inset 0 0 0 1px var(--comments-best-border-color);
}

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

.post--list {
  margin: 0;
}

.post--list_site {
  width: 100%;
  max-width: 1276px;
  margin: 0 auto;
}

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

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

@media screen and (min-width: 48em) {
  .post--inner {
    flex-direction: row;
  }
}

.post--inner_search {
  padding: 0 15px;
}

.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 15px;
  background-color: var(--x-post-header-bg-color);
}

.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;
  flex-direction: column;
  flex-shrink: 0;
  padding: 18px 0 0;
}

@media screen and (min-width: 48em) {
  .post-author {
    width: 180px;
    padding: 18px 0 10px;
  }
}

.post-author--nick {
  display: flex;
  position: relative;
  margin: 0 0 10px;
}

.post-author--badge {
  display: none;
  align-self: flex-start;
  margin: 0 0 5px;
  padding: 0 5px;
  transform: translateY(-3px);
  border: 1px solid var(--x-post-author-badge-border-color);
  border-radius: 2px;
  color: var(--x-post-author-badge-color);
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .post-author--badge {
    display: block;
  }
}

.post-author--badge_mobile {
  display: inline-block;
  margin: 0 0 0 8px;
  transform: translateY(0);
  font-weight: 400;
}

@media screen and (min-width: 48em) {
  .post-author--badge_mobile {
    display: none;
  }
}

.post-author--link {
  padding: 0 0 0 16px;
  color: var(--x-post-author-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

@media screen and (min-width: 48em) {
  .post-author--link {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
  }
}

.post-author--link::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--x-post-author-status-color);
  content: '';
}

.post-author--link.online::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #86d97d;
  content: '';
}

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

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

.post-author--link.active::after {
  z-index: 10;
  position: absolute;
  top: 19px;
  left: 16px;
  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: '';
}

.post-author--inner {
  display: flex;
  align-items: flex-start;
}

@media screen and (min-width: 48em) {
  .post-author--inner {
    flex-direction: column;
  }
}

.post-author--section {
  display: flex;
  flex-direction: column;
}

.post-author--avatar {
  flex-shrink: 0;
  width: 50px;
  margin: 0 15px 0 0;
}

@media screen and (min-width: 48em) {
  .post-author--avatar {
    width: 72px;
    margin: 0 0 10px;
  }
}

.post-author--data {
  display: grid;
  grid-template-columns: auto;
  color: var(--x-post-author-data-color);
  font-size: 12px;
  line-height: 15px;
}

.post-author--cell:not(:last-child) {
  margin: 0 0 8px;
}

.post-author--member {
  font-weight: 700;
}

.post-author--title {
  font-weight: 700;
}

.post-author--stacking {
  margin: 0;
}

.post-author--arbitrage {
  color: #a72e1c;
  font-weight: 700;
}

@media screen and (min-width: 48em) {
  .post-author--arbitrage:hover {
    text-decoration: underline;
  }
}

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

@media screen and (min-width: 48em) {
  .post-author--score:hover {
    text-decoration: underline;
  }
}

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

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

.post-author--numbers {
  display: flex;
}

.post-author--messages {
  display: inline-flex;
  margin: 0 8px 0 0;
}

.post-author .post-author--messages {
  color: #909090;
}

.post-author--rating {
  display: inline-flex;
  color: #909090;
}

.post-author--rating.positive {
  color: #529410;
  font-weight: 500;
}

.post-author--rating.negative {
  color: #e51e25;
  font-weight: 500;
}

.post-author--icon {
  width: 16px;
  height: 16px;
  margin: 0 2px 0 0;
  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--media {
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
}

.post-author--media.icon-twitter {
  background-image: url(/img/twitter-author.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.post-author--media.icon-instagram {
  background-image: url(/img/instagram-author.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.author-tops-wrap {
  position: relative;
  margin: 0 0 5px;
}

.author-tops-wrap_space {
  margin: 0 0 8px;
}

.author-tops {
  display: flex;
  position: absolute;
  bottom: -10px;
  left: -12px;
  max-width: 73px;
  height: 22px;
}

@media screen and (min-width: 48em) {
  .author-tops {
    bottom: 0;
    left: -10px;
    max-width: 96px;
    height: 28px;
  }
}

.user-main .author-tops {
  bottom: -14px;
  left: -14px;
  max-width: 96px;
  height: 28px;
}

@media screen and (min-width: 64em) {
  .user-main .author-tops {
    left: 0;
  }
}

.author-tops--icon {
  display: flex;
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  filter: var(--x-post-author-icon-filter);
}

@media screen and (min-width: 48em) {
  .author-tops--icon {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }
}

.user-main .author-tops--icon {
  width: 28px;
  height: 28px;
  background-size: 28px;
}

@media screen and (min-width: 64em) {
  .user-main .author-tops--icon {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }
}

.author-tops--icon:nth-child(2) {
  z-index: 2;
  margin: 0 0 0 -5px;
}

.author-tops--icon:nth-child(3) {
  z-index: 3;
  margin: 0 0 0 -5px;
}

.author-tops--icon:nth-child(4) {
  z-index: 4;
  margin: 0 0 0 -5px;
}

.author-tops--icon_author {
  border-radius: 50%;
  background-image: url(/img/top-author.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_blog {
  border-radius: 50%;
  background-image: url(/img/top-blog.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.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_silver {
  border-radius: 50%;
  background-image: url(/img/top-silver.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_gold {
  border-radius: 50%;
  background-image: url(/img/top-gold.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_new {
  border-radius: 50%;
  background-image: url(/img/top-newblog.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-v2.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_regs {
  border-radius: 50%;
  background-image: url(/img/bb-regs-v2.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_locals {
  border-radius: 50%;
  background-image: url(/img/bb-locals-v2.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_hero {
  border-radius: 50%;
  background-image: url(/img/bbpost-hero.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_theory {
  border-radius: 50%;
  background-image: url(/img/bbpost-theory.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_world {
  border-radius: 50%;
  background-image: url(/img/bbpost-world.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_memes {
  border-radius: 50%;
  background-image: url(/img/bbpost-memes.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_invest {
  border-radius: 50%;
  background-image: url(/img/bbpost-invest.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_motivation {
  border-radius: 50%;
  background-image: url(/img/bbpost-motivation2.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--icon_offline {
  border-radius: 50%;
  background-image: url(/img/bbpost-offline.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.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.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.author-tops--counter {
  z-index: 5;
  position: absolute;
  top: 20px;
  left: 50%;
  min-width: 17px;
  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: 8px;
  font-weight: 700;
  line-height: 9px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .author-tops--counter {
    top: 22px;
    min-width: 21px;
    font-size: 10px;
    line-height: 11px;
  }
}

.user-main .author-tops--counter {
  top: 22px;
  min-width: 21px;
  font-size: 10px;
  line-height: 11px;
}

.author-tops--icon_author .author-tops--counter {
  background-image: linear-gradient(180deg, #7d9e61 0%, #5a6651 160%);
}

.author-tops--icon_blog .author-tops--counter {
  background-image: linear-gradient(180deg, #ffb932 0%, #f71212 160%);
}

.author-tops--icon_new .author-tops--counter {
  background-image: linear-gradient(180deg, #9ed5ff 0%, #1d5d8f 160%);
  text-transform: uppercase;
}

.author-menu {
  display: none;
  z-index: 9;
  position: absolute;
  top: 22px;
  left: 0;
  padding: 10px 12px;
  border-top: 1px solid var(--x-post-author-menu-border-color);
  border-bottom: 1px solid var(--x-post-author-menu-border-color);
  background-color: var(--x-post-author-menu-bg-color);
}

.author-menu.open {
  display: block;
}

.author-menu--item {
  display: block;
  margin: 0;
  color: var(--x-post-author-menu-color);
  font-size: 12px;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.author-menu--item:hover {
  color: var(--x-post-author-menu-hover-color);
}

.post--controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 3px 0 4px;
  border-top: 1px solid var(--x-post-control-border-color);
}

.post--controls_search {
  padding: 3px 10px 4px 15px;
}

.post--controls-inner {
  display: flex;
  order: 2;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .post--controls-inner {
    order: 0;
    width: auto;
  }
}

.post-nav {
  display: flex;
  align-items: center;
  height: 32px;
  margin: 0 20px 0 0;
}

@media screen and (min-width: 48em) {
  .post-nav {
    width: 160px;
    margin: 0 13px 0 0;
  }
}

.post-nav--prev {
  width: 20px;
  height: 30px;
  background-image: url(/img/arrow-left-author.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  filter: var(--x-post-nav-icon-filter);
}

.post-nav--next {
  width: 20px;
  height: 30px;
  background-image: url(/img/arrow-right-author.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  filter: var(--x-post-nav-icon-filter);
}

.post-nav--number {
  min-width: 64px;
  height: 30px;
  color: var(--x-post-reply-num-color);
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}

.post-date {
  display: flex;
  align-items: center;
  line-height: 32px;
}

.post-date--item {
  color: var(--x-post-reply-date-color);
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .post-date_search {
    margin: 0 0 0 180px;
  }
}

.post-date--num {
  min-width: 32px;
  margin: 0 10px 0 0;
  color: var(--x-post-reply-date-color);
  font-size: 13px;
}

.post-date--link {
  position: relative;
  width: 32px;
  height: 24px;
  margin: 0 10px 0 0;
}

.post-date--link::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 24px;
  background-image: url(/img/link-copy-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  content: '';
  filter: var(--x-post-link-icon-filter);
  pointer-events: none;
}

@media screen and (min-width: 48em) {
  .post-date--link:active {
    top: 1px;
  }
}

.post-date--link span {
  display: none;
  z-index: 1;
  position: absolute;
  top: -29px;
  left: 2px;
  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: 11px;
  width: 0;
  height: 0;
  border-width: 6px 5px 0 5px;
  border-style: solid;
  border-color: var(--x-post-link-tooltip-bg-color) transparent transparent transparent;
  content: '';
}

.post-reply {
  display: flex;
  align-items: center;
  height: 32px;
}

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

.post-reply--item {
  position: relative;
  flex-shrink: 0;
  height: 30px;
  padding: 0 6px;
  border: 1px solid var(--x-post-reply-button-border-color);
  color: var(--x-post-reply-color);
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .post-reply--item {
    padding: 0 10px;
    font-size: 12px;
  }
}

@media screen and (min-width: 48em) {
  .post-reply--item {
    border: 0;
  }
  .post-reply--item::before {
    position: absolute;
    top: 6px;
    left: -1px;
    width: 1px;
    height: 16px;
    background-color: var(--x-post-reply-border-color);
    content: '';
  }
}

.post-reply--item:nth-of-type(1) {
  border-radius: 3px 0 0 3px;
}

.post-reply--item:nth-last-of-type(1) {
  border-radius: 0 3px 3px 0;
}

.post-reply--item:not(:first-child) {
  border-left: 0;
}

.post-reply--item_part {
  display: none;
}

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

.post-reply--item_report {
  width: 30px;
  height: 30px;
  background-image: url(/img/complain.svg);
  background-position: 50% 8px;
  background-repeat: no-repeat;
  background-size: 15px;
}

.post-reply--item_vote {
  display: flex;
  width: 32px;
  height: 30px;
  padding: 0;
  border-color: transparent;
}

.post-reply--item_closed {
  color: #e91826;
}

.post-reply--droplink {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 30px;
}

.post-reply--droplink.active::after {
  z-index: 10;
  position: absolute;
  top: 29px;
  left: 13px;
  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: '';
}

@media screen and (min-width: 48em) {
  .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: 0;
  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);
}

@media screen and (min-width: 48em) {
  .vote-dropmenu {
    top: 30px;
  }
}

.vote-dropmenu--item {
  color: var(--x-post-author-menu-color);
  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;
  height: 32px;
  margin: 0 0 0 auto;
}

.post-vote--rating {
  position: relative;
  min-width: 30px;
  height: 30px;
  margin: 0 5px;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}

.post-vote--rating.positive {
  color: #529410;
  font-weight: 700;
}

.post-vote--rating.negative {
  color: #e51e25;
  font-weight: 700;
}

.post-vote--rating.neutral {
  color: #212121;
  font-weight: 700;
}

.post-vote--rating.active::after {
  position: absolute;
  top: 28px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-width: 0 8px 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: var(--x-post-rlist-bg-color);
  content: '';
}

.post-vote--plus {
  width: 24px;
  height: 24px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 50%;
  background-image: url(/img/rating-plus-mono.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

.post-vote--minus {
  width: 24px;
  height: 24px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 50%;
  background-image: url(/img/rating-minus-mono.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

.post-vote--cancel {
  display: none;
  width: 24px;
  height: 24px;
  border: 1px solid var(--x-post-control-border-color);
  border-radius: 50%;
  background-image: url(/img/rating-cancel.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

.rating-list {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 5px 0 10px;
}

.rating-list.show {
  display: flex;
}

.rating-list--positive {
  display: flex;
  border-bottom: 1px solid var(--x-post-rlist-border-color);
  background-color: var(--x-post-rlist-bg-color);
}

.rating-list--negative {
  display: flex;
  background-color: var(--x-post-rlist-bg-color);
}

.rating-list--empty {
  padding: 10px 15px;
  background-color: var(--x-post-rlist-bg-color);
  color: #808080;
  font-size: 13px;
  line-height: 20px;
}

.rating-list--inner {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  line-height: 20px;
}

.rating-list--nick {
  margin: 0 4px 0 0;
  color: var(--x-post-rlist-nick-color);
  font-size: 13px;
  line-height: 20px;
}

.rating-list--nick::after {
  content: ',';
}

.rating-list--nick:last-child::after {
  content: '';
}

.rating-list--wrap {
  display: flex;
  flex-shrink: 0;
  width: 30px;
  padding: 10px 0 0;
}

.rating-list--button {
  display: block;
  width: 15px;
  height: 20px;
  margin: 0 0 0 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.rating-list--button_positive {
  background-image: url(/img/rating-list-plus.svg);
}

.rating-list--button_negative {
  background-image: url(/img/rating-list-minus.svg);
}

.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: 15px 0;
  color: var(--x-post-color);
  font-size: 15px;
  line-height: 21px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.post-content blockquote {
  margin: 12px 0;
  padding: 12px 15px;
  border: 1px solid var(--x-post-blockquote-border-color);
  background-color: var(--x-post-blockquote-bg-color);
  color: var(--x-post-blockquote-color);
}

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

.post-content blockquote em {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  color: #808080;
  font-size: 13px;
  font-style: normal;
}

.post-content blockquote em a {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 0 0 auto;
  background-image: url(/img/blockquote-link.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  color: transparent;
  filter: var(--x-post-blockquote-icon-filter);
}

.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: 15px;
  line-height: 21px;
}

.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;
}

.post-spoiler {
  display: flex;
  align-items: center;
  margin: 12px 0;
}

.post-spoiler--text {
  text-decoration: none;
}

.post-spoiler--button {
  width: 76px;
  margin: 2px 0 0 4px;
  border: 1px solid var(--line-2-color, #ccc);
  border-radius: 3px;
  background-color: var(--layer-5-color, transparent);
  color: var(--text-3-color, #606060);
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}

.post-spoiler .post-spoiler--button {
  color: var(--text-3-color, #606060);
  font-weight: 700;
  text-decoration: none;
}

.post-spoiler > strong {
  color: var(--text-2-color, #202020);
}

.spoilerContainer .filled {
  margin: 10px 0 0;
}

.spoiler-inner {
  margin: 10px 0;
  padding: 10px 15px;
  border: 1px solid var(--xl-spoiler-border-color);
  background-color: var(--xl-spoiler-color-bg);
}

.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: 15px;
  left: 0;
  width: 100%;
  height: 41px;
  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: 0;
  width: 100%;
  height: 15px;
  background-color: var(--x-post-blockquote-bg-color);
  content: '';
}

.longquote-btn {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 15px 0 0;
  border: 1px solid var(--x-post-blockquote-border-color);
  background-color: var(--x-post-longquote-button-bg-color);
  cursor: pointer;
}

.longquote-btn::after {
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 6px;
  height: 6px;
  transform: rotate(225deg);
  border: solid #808080;
  border-width: 2px 0 0 2px;
  content: '';
}

.longquote .longquote-btn::after {
  top: 6px;
  left: 5px;
  transform: rotate(135deg);
}

.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;
}

.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: 1276px;
  margin: 0 auto;
  padding: 0 15px;
}

.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: 148px;
  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-bottom: 1px solid var(--x-editor-border-color);
  outline: none;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .1);
}

.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: 1px solid var(--x-editor-border-color);
  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: 10px 0 20px;
}

.editor--footer .editor--button-cancel,
.editor--footer .editor--button-preview {
  text-decoration: none;
}

.editor--button-send {
  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-send {
    order: 1;
    width: auto;
    margin: 0 10px 0 0;
  }
}

.editor--button-send:active {
  line-height: 32px;
}

.editor--button-send:focus {
  outline: 0;
}

.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%;
  height: 32px;
  padding: 0 20px;
  border: 1px solid var(--x-editor-button-secondary-border-color);
  border-radius: 3px;
  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-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: 194px;
  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: 20px 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;
  }
}

.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 {
  padding: 0 0 54px;
}

.settings-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  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;
}

.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-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;
  }
}

.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-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%;
  max-width: 500px;
  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) 0%, var(--gradient-end-color, #616161) 100%);
  -webkit-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);
  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: none;
  margin: 0 auto 0 0;
  overflow: hidden;
}

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

.loco-placeholder_mobile {
  display: flex;
  margin: 0;
}

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


/* stylelint-disable -- color-named */

.loco-prescroll {
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 10px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 10px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
}

@media screen and (min-width: 64em) {
  .loco-prescroll {
    width: auto;
    margin: 0 auto 0 0;
    padding: 0 10px;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 10px, black 20px, black calc(100% - 20px), rgba(0, 0, 0, 0) calc(100% - 10px));
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 10px, black 20px, black calc(100% - 20px), rgba(0, 0, 0, 0) calc(100% - 10px));
  }
}

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

.loco-prescroll_mobile::after,
.loco-prescroll_mobile::before {
  content: '';
}


/* stylelint-enable */

.loco-scroll {
  display: none;
  position: relative;
  padding: 0 10px;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .loco-scroll {
    display: flex;
    width: auto;
    height: 60px;
    margin: 0 auto 0 0;
  }
}

.loco-scroll_mobile {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

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

.widget-loco {
  display: none;
  align-items: center;
  margin: 0 auto;
}

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

.widget-loco_mobile {
  display: flex;
  flex-grow: 1;
  padding: 5px 0 8px;
}

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

.widget-loco--grid {
  gap: 0 20px;
  display: flex;
  padding: 0 12px;
}

.widget-loco--grid_blank {
  width: 1px;
  height: 1px;
  padding: 0;
}

.widget-loco_mobile .widget-loco--grid {
  gap: 0;
  width: 100%;
  padding: 0;
}

.widget-loco_mobile .widget-loco--grid_blank {
  width: 1px;
  height: 1px;
  padding: 0;
}

.loco-item {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  min-height: 33px;
  padding: 0 20px 0 16px;
  transform: skew(324deg);
  background-image: linear-gradient(90deg, var(--gradient-start-color, #424242) 0%, var(--gradient-end-color, #616161) 100%);
  cursor: pointer;
}

.loco-item::before {
  position: absolute;
  top: -12px;
  left: -17px;
  width: 59px;
  height: 61px;
  transform: skew(34deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 59 61'%3E%3Cpath fill='url(%23a)' d='m58.844 19.947-22-19.441-33 48.5 25.235 11.53 29.765-40.589Z' opacity='.5'/%3E%3Cpath stroke='url(%23b)' d='M35.167 3.712 1.344 53.77' opacity='.4'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='matrix(22.32353 14.20589 -19.16404 30.11492 4.726 18.594)' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='18.256' x2='18.256' y1='3.712' y2='53.771' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='.474'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  content: '';
}

[theme='dark'] .loco-item::before {
  display: none;
}

.loco-item svg {
  flex-shrink: 0;
}

.widget-loco_mobile .loco-item {
  flex-grow: 1;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: calc(33.33% + 16px);
  margin: 0 -9px;
  padding: 0 24px;
  transform: none;
  -webkit-clip-path: polygon(24px 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  clip-path: polygon(24px 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
}

.widget-loco_mobile .loco-item::before {
  display: none;
}

.widget-loco_mobile .loco-item:nth-last-child(3 of .loco-item) {
  padding: 0 24px 0 16px;
  transform: none;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
}

.widget-loco_mobile .loco-item:nth-last-child(3 of .loco-item) .loco-item--inner {
  transform: none;
}

.widget-loco_mobile .loco-item:nth-last-child(1 of .loco-item) {
  padding: 0 16px 0 24px;
  transform: none;
  -webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
}

.widget-loco_mobile .loco-item:nth-last-child(1 of .loco-item) .loco-item--inner {
  transform: none;
}

.loco-item--inner {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transform: skew(36deg);
}

.widget-loco_mobile .loco-item--inner {
  transform: none;
}

.loco-item--icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 24px;
  height: 24px;
}

.loco-item--icon svg {
  width: 24px;
}

.loco-item--name {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.widget-loco_mobile .loco-item--name {
  font-size: 14px;
}

.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) 0%, var(--gradient-end-color, #616161) 100%);
}

@media screen and (min-width: 64em) {
  .unitip-info {
    padding: 32px 36px;
    border-radius: 10px;
  }
}

.tooltipster-sidetip.tooltipster-borderless {
  display: none;
}

@media screen and (min-width: 64em) {
  .tooltipster-sidetip.tooltipster-borderless {
    display: flex;
  }
}

.tooltipster-sidetip.tooltipster-borderless_mobile {
  display: flex;
}

@media screen and (min-width: 64em) {
  .tooltipster-sidetip.tooltipster-borderless_mobile {
    display: none;
  }
}

.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 {
  gap: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 64em) {
  .unitip-popup--inner {
    gap: 24px 0;
  }
}

.unitip-popup--head {
  display: flex;
  flex-direction: column;
}

.unitip-popup--heading {
  margin: 0 0 4px;
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 64em) {
  .unitip-popup--heading {
    font-size: 24px;
    line-height: 31px;
  }
}

.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;
  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 {
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 18px;
  }
}

.unitip-popup--button svg {
  --i-color1: #fff;
  flex-shrink: 0;
  width: 15px;
  height: 16px;
}

.app-forum {
  --forum-main-bg-color: var(--layer-2-color, #e7e7e7);
  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 {
  display: grid;
  justify-items: center;
  max-width: 1276px;
  padding: 10px 0 35px;
}

@media screen and (min-width: 64em) {
  .content_main {
    grid-column-gap: 36px;
    grid-template-columns: minmax(auto, 894px) 316px;
    padding: 30px 15px 35px;
  }
}

.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--inner {
  width: 100%;
  margin: 0 0 25px;
}

@media screen and (min-width: 48em) {
  .content--inner {
    margin: 0;
    padding: 0 15px;
  }
}

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

.sidebar {
  width: 100%;
  max-width: 632px;
}

@media screen and (min-width: 64em) {
  .sidebar {
    padding: 7px 0 0;
  }
}

.content--inner .swap-sidebar {
  display: block;
}

@media screen and (min-width: 64em) {
  .content--inner .swap-sidebar {
    display: none;
  }
}

.sidebar .swap-sidebar {
  display: none;
}

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

.add-theme-button--wrap {
  width: 100%;
  padding: 5px 10px 5px 0;
}

@media screen and (min-width: 70.625em) {
  .add-theme-button--wrap {
    width: auto;
  }
}

.filter--wrap_order .add-theme-button--wrap {
  padding: 5px 0;
}

@media screen and (min-width: 70.625em) {
  .filter--wrap_order .add-theme-button--wrap {
    order: 2;
    padding: 5px 0 5px 10px;
  }
}

.new-theme-button {
  --new-theme-button-color: var(--control-1-color, #333);
  --new-theme-button-bg-color: var(--control-1-bg-color, #fff);
  --new-theme-button-border-color: var(--control-1-border-color, #ccc);
  --new-theme-button-icon-filter: var(--icon-2-filter, none);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 28px;
  padding: 0 15px 0 10px;
  border: 1px solid var(--new-theme-button-border-color);
  border-radius: 3px;
  background-color: var(--new-theme-button-bg-color);
  color: var(--new-theme-button-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}

.new-theme-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(--new-theme-button-icon-filter);
}

.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 {
  --pagination-themes-quant-color: var(--control-1-color, #909090);
  --pagination-themes-border-color: var(--line-1-color, #ccc);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--pagination-themes-border-color);
}

.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--quant {
  padding: 5px 0;
  color: var(--pagination-themes-quant-color);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.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 #efefef;
  background-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: #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 #efefef;
  background-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: #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: #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: #606060;
  content: '';
}

.radio-setup--note {
  display: block;
  color: #606060;
  font-size: 12px;
  line-height: 18px;
}

.subs-button {
  height: 34px;
  padding: 0 18px;
  border-radius: 3px;
  background-color: #000;
  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: #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;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .options-setup {
    width: auto;
  }
}

.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;
  left: 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-wrap-bg-color: var(--layer-3-color, #fafafa);
  --forum-blog-heading-color: var(--text-5-color, #202020);
  --forum-blog-author-color: var(--text-3-color, #000);
  --forum-blog-avatar-border-color: var(--line-2-color, #d8d8d8);
  --forum-blog-lock-icon-filter: var(--icon-1-filter, none);
  --forum-blog-new-icon-filter: var(--icon-5-filter, none);
  --forum-blog-bookmark-post-color: var(--text-6-color, #909090);
  --forum-blog-bookmark-time-color: var(--text-5-color, #909090);
  --forum-blog-bookmark-color: var(--text-3-color, #606060);
  --forum-blog-bookmark-bg-color: var(--layer-5-color, #fff);
  --forum-blog-bookmark-border-color: var(--line-2-color, #ccc);
  --forum-blog-counter-bg-color: var(--layer-5-color, #dfdfdf);
  --forum-blog-stats-border-color: var(--line-1-color, #ccc);
  --forum-blog-stats-head-color: var(--text-6-color, #909090);
  --forum-blog-stats-foot-color: var(--text-6-color, #909090);
  --forum-blog-stats-counter-color: var(--text-4-color, #606060);
  --forum-blog-stats-icon-filter: var(--icon-3-filter, none);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--forum-blog-wrap-bg-color);
}

.blog-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1276px;
  padding: 25px 15px 0;
}

@media screen and (min-width: 64em) {
  .blog-header {
    padding: 25px 15px 30px;
  }
  .blog-header.visited {
    padding: 25px 15px 0;
  }
}

.blog-header--inner {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 64em) {
  .blog-header--inner {
    grid-template-columns: 1fr auto;
  }
}

.visited .blog-header--inner {
  grid-template-columns: 1fr;
}

.blog-author {
  display: flex;
}

.blog-author--wrap {
  gap: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin: 0 0 20px;
}

@media screen and (min-width: 48em) {
  .blog-author--wrap {
    gap: 0 20px;
    grid-template-columns: 1fr auto;
  }
}

@media screen and (min-width: 64em) {
  .blog-author--wrap_clean {
    margin: 0;
  }
}

.blog-author--avatar {
  margin: 0 15px 0 0;
}

.blog-author--image {
  width: 50px;
  height: 50px;
  border: 4px solid var(--forum-blog-wrap-bg-color);
  border-radius: 50%;
  background-image: url(/img/userimg-f.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px var(--forum-blog-avatar-border-color);
}

@media screen and (min-width: 48em) {
  .blog-author--image {
    width: 78px;
    height: 78px;
  }
}

.blog-author--inner {
  display: flex;
  flex-direction: column;
}

.blog-author--nickname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 24px;
}

.blog-author--link {
  margin: 0 8px 0 0;
  color: var(--forum-blog-author-color);
  font-size: 15px;
  font-weight: 700;
}

.blog-author--theme {
  color: var(--forum-blog-heading-color);
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .blog-author--theme {
    font-size: 24px;
    line-height: 30px;
  }
}

.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 -2px 4px;
  border-radius: 50%;
  background-image: url(/img/top-newblog.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
  filter: var(--forum-blog-new-icon-filter);
}

@media screen and (min-width: 48em) {
  .blog-badge-new {
    width: 28px;
    height: 28px;
    margin: -4px 0 -4px 4px;
    background-size: 28px;
  }
}

.blog-author--theme_new .blog-badge-new {
  display: inline-flex;
}

.blog-badge-new::after {
  z-index: 5;
  position: absolute;
  top: 18px;
  left: 50%;
  min-width: 17px;
  padding: 0 3px;
  transform: translateX(-50%);
  border: 1px solid #fff;
  border-radius: 3px;
  background-image: linear-gradient(180deg, #9ed5ff 0%, #1d5d8f 160%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
  color: #fff;
  font-family: Roboto, Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  line-height: 9px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  content: 'New';
}

@media screen and (min-width: 48em) {
  .blog-badge-new::after {
    top: 22px;
    min-width: 21px;
    font-size: 10px;
    line-height: 11px;
  }
}

.blog-bookmarks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 48em) {
  .blog-bookmarks {
    margin: 0 0 0 auto;
  }
}

.blog-bookmarks--post {
  margin: 0 0 8px;
  color: var(--forum-blog-bookmark-post-color);
  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(--forum-blog-bookmark-time-color);
}

.blog-bookmarks--inner {
  display: flex;
  align-items: center;
}

.blog-bookmarks--button {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--forum-blog-bookmark-border-color);
  border-radius: 3px;
  background-color: var(--forum-blog-bookmark-bg-color);
  color: var(--forum-blog-bookmark-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  white-space: nowrap;
}

.blog-bookmarks--counter {
  position: relative;
  min-width: 30px;
  margin: 0 0 0 8px;
  padding: 0 6px;
  background-color: var(--forum-blog-counter-bg-color);
  color: var(--forum-blog-bookmark-color);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.blog-bookmarks--counter::before {
  position: absolute;
  top: 6px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 6px solid var(--forum-blog-counter-bg-color);
  border-bottom: 5px solid transparent;
  content: '';
}

.blog-stats {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 64em) {
  .blog-stats {
    margin: 0 0 0 20px;
  }
  .visited .blog-stats {
    margin: 0;
  }
}

.blog-stats--heading {
  display: flex;
  width: 100%;
  padding: 12px 0 9px;
  border-top: 1px solid var(--forum-blog-stats-border-color);
  color: var(--forum-blog-stats-head-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 64em) {
  .blog-stats--heading {
    display: none;
  }
  .visited .blog-stats--heading {
    display: flex;
  }
}

.blog-stats--heading::before {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin: 0 5px 0 0;
  transform: translateY(5px);
  background-image: url(/img/diary-drop.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (min-width: 64em) {
  .blog-stats--heading::before {
    display: none;
  }
  .visited .blog-stats--heading::before {
    display: block;
  }
}

.blog-stats--heading::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 auto;
  background-image: url(/img/theme-rate-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  content: '';
  filter: var(--forum-blog-stats-icon-filter);
}

.blog-stats--heading.active::before {
  transform: translateY(5px) rotate(180deg);
}

.blog-stats--inner {
  display: none;
  padding: 0 0 20px;
  text-align: right;
}

@media screen and (min-width: 64em) {
  .blog-stats--inner {
    display: flex;
  }
  .visited .blog-stats--inner {
    display: none;
  }
}

@media screen and (min-width: 70.625em) {
  .blog-stats--inner {
    padding: 0;
  }
  .visited .blog-stats--inner {
    padding: 0 0 20px;
  }
}

.blog-stats--inner.show {
  display: flex;
}

.blog-stats--post-user {
  margin: 0 10px 0 0;
}

@media screen and (min-width: 48em) {
  .blog-stats--post-user {
    margin: 0 24px 0 0;
  }
}

.blog-stats--post-author {
  margin: 0 10px 0 0;
}

@media screen and (min-width: 48em) {
  .blog-stats--post-author {
    margin: 0 24px 0 0;
  }
}

.blog-stats--head {
  color: var(--forum-blog-stats-head-color);
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .blog-stats--head {
    font-size: 11px;
  }
}

.blog-stats--foot {
  color: var(--forum-blog-stats-foot-color);
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .blog-stats--foot {
    font-size: 11px;
  }
}

.blog-stats--counter {
  color: var(--forum-blog-stats-counter-color);
  font-family: "Noto Serif", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

.intersection {
  display: flex;
  flex-direction: column;
}

.intersection--top {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0 13px;
}

@media screen and (min-width: 64em) {
  .intersection--top {
    flex-wrap: nowrap;
  }
}

.intersection--inner {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 64em) {
  .intersection--inner {
    flex-direction: row;
  }
}

.intersection--content {
  width: 100%;
}

.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 5px;
  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);
  --x-stake-uni-head-border-color: var(--line-2-color, #909090);
  margin: 0 0 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--x-stake-uni-head-border-color);
  color: var(--x-stake-uni-head-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.offer {
  --x-stake-offer-border-color: var(--line-1-color, #e5e5e5);
  margin: 0 0 10px;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--x-stake-offer-border-color);
}

.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-name-color: var(--text-5-color, #8a8a8a);
  --x-stake-theme-topic-color: var(--text-2-color, #000);
  --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 {
  color: var(--x-stake-theme-name-color);
  font-size: 14px;
  font-weight: 500;
}

@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(--x-stake-theme-topic-color);
  font-family: "PT 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--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 {
  --x-message-new-bg-color: var(--layer-2a-color, #fff);
  --x-message-new-field-border-color: var(--control-1-border-color, #cfcfcf);
  --x-message-new-field-bg-color: var(--layer-1-color, #fff);
  --x-message-new-field-color: var(--control-1-color, #333);
  padding: 20px 0 0;
  background-color: var(--x-message-new-bg-color);
}

@media screen and (min-width: 48em) {
  .message-new {
    padding: 20px 15px 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(--x-message-new-field-border-color);
  border-radius: 2px;
  background-color: var(--x-message-new-field-bg-color);
  color: var(--x-message-new-field-color);
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
}

.message-new--field_nick {
  max-width: 250px;
}

.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;
}

.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));
  --slider-hot-title-color: var(--text-3-color, #202020);
  --slider-hot-border-color: var(--line-2-color, #ccc);
  --slider-hot-time-color: var(--text-6-color, #a5a5a5);
  --slider-hot-source-color: var(--text-6-color, #a5a5a5);
  --slider-hot-counter-color: var(--text-6-color, #808080);
  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-next,
.slider-hot--button-prev {
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  width: 28px;
  height: 44px;
  margin-top: -22px;
  outline: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px;
  cursor: pointer;
}

.slider-hot--button-next.disabled,
.slider-hot--button-prev.disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.slider-hot--button-prev {
  right: auto;
  left: 15px;
  background-image: url(/img/slider-hot-prev.svg);
}

.slider-hot--button-next {
  right: 15px;
  left: auto;
  background-image: url(/img/slider-hot-next.svg);
}

.slider-hot--inner {
  position: relative;
  width: 100%;
  max-width: 1336px;
  padding: 0 43px;
}

@media screen and (min-width: 48em) {
  .slider-hot--inner {
    min-height: 134px;
  }
}

.slider-hot--inner::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 43px;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, var(--slider-hot-bg-color) 20%, var(--slider-hot-bg-color-alpha));
  content: '';
}

.slider-hot--inner::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 43px;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, var(--slider-hot-bg-color-alpha) 20%, var(--slider-hot-bg-color));
  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--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-hot--item {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  transition-property: transform;
}

@media screen and (min-width: 48em) {
  .slider-hot--item {
    padding: 15px 0;
  }
}

.slider-hot--item:nth-of-type(1) .slide-border--wrap {
  border-color: transparent;
}

.slider-hot--wrap {
  width: 100%;
  height: 100%;
  padding: 0 10px 5px 15px;
  border-left: 1px solid var(--slider-hot-border-color);
}

@media screen and (min-width: 48em) {
  .slider-hot--wrap {
    padding: 0 10px 0 15px;
  }
}

.slider-hot--data {
  display: flex;
  margin: 0;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .slider-hot--data {
    margin: 0 0 2px;
  }
}

.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 {
  display: flex;
  align-items: center;
  width: 100%;
  color: #0398e2;
}

.slider-hot--action_telegram::before {
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  background-image: url(/img/telegram-bot.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  content: '';
  filter: var(--action-telegram-icon-filter, none);
}

[theme='dark'] .slider-hot--action_telegram::before {
  --action-telegram-icon-filter: brightness(.85);
}

.slider-small--item .slider-hot--action_telegram {
  margin: 0;
}

.slide-hot-remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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--counter {
  color: var(--slider-hot-counter-color);
  font-size: 12px;
}

.slider-hot--title {
  margin: 0 0 5px;
  color: var(--slider-hot-title-color);
  font-family: "PT Serif", serif;
  font-size: 15px;
  line-height: 17px;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .slider-hot--title {
    margin: 0 0 7px;
    font-size: 17px;
    line-height: 20px;
  }
}

.slider-hot--time {
  color: var(--slider-hot-time-color);
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .slider-hot--time {
    font-size: 10px;
    line-height: 15px;
  }
}

.slider-hot--source {
  color: var(--slider-hot-source-color);
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 48em) {
  .slider-hot--source {
    font-size: 12px;
    line-height: 15px;
  }
}

.slider-small {
  --slider-hot-bg-color: var(--slider-bg-color, #fff);
  --slider-hot-title-color: var(--text-3-color, #202020);
  --slider-hot-border-color: var(--line-2-color, #ccc);
  --slider-hot-source-color: var(--text-6-color, #a5a5a5);
  --button-more-color: var(--control-1-color, #606060);
  --button-more-bg: var(--control-1-bg-color, #fff);
  --button-more-border-color: var(--control-1-border-color, #ccc);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 0 0;
  background-color: var(--slider-hot-bg-color);
}

@media screen and (min-width: 48em) {
  .slider-small {
    display: none;
  }
}

.slider-small--inner {
  width: 100%;
}

.slider-small--container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.slider-small--row {
  display: flex;
  position: relative;
  width: 100%;
}

.slider-small--item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 5px;
}

.slider-small--wrap {
  width: 100%;
  padding: 5px 15px 0;
}

.slider-small--wrap::after {
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0 0;
  background-color: var(--slider-hot-border-color);
  content: '';
}

.slider-small--data {
  display: flex;
  margin: 0 0 5px;
}

.slider-small--action {
  margin: 0 8px 0 0;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
}

.slider-small--action.slider-hot--action_rise {
  color: #43a047;
}

.slider-small--action.slider-hot--action_top {
  color: #e51e25;
}

.slider-small--action.slider-hot--action_contro {
  color: #3075ab;
}

.slider-small--action.slider-hot--action_custom {
  color: #a73895;
}

.slider-small--action.slider-hot--action_orange {
  color: #e88603;
}

.slider-small--counter {
  color: #808080;
  font-size: 12px;
}

.slider-small--title {
  color: var(--slider-hot-title-color);
  font-family: "PT Serif", serif;
  font-size: 14px;
  line-height: 15px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.slider-small--bottom {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  padding: 0 0 15px;
}

.slider-small--bottom::before {
  z-index: 2;
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--slider-hot-bg-color);
  content: '';
}

.slider-small--button {
  width: 100%;
  max-width: 290px;
  border: 1px solid var(--button-more-border-color);
  border-radius: 3px;
  background-color: var(--button-more-bg);
  color: var(--button-more-color);
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
}

.slider-small--time {
  color: #a5a5a5;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
}

.slider-small--source {
  color: var(--slider-hot-source-color);
  font-size: 12px;
  line-height: 12px;
}

.admin-form {
  display: flex;
  flex-wrap: wrap;
}

.admin-form--wrap {
  --x-admin-bg-color: var(--layer-3-color, #f5f5f5);
  --x-admin-control-bg-color: var(--control-1-bg-color, #f1f1f1);
  --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: 15px 0;
  padding: 15px;
  background-color: var(--x-admin-bg-color);
}

.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: 0 0 5px;
}

.admin-post--editor {
  width: 100%;
  color: #909090;
  font-size: 12px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .admin-post--editor {
    margin: 0 0 0 180px;
  }
}

.admin-post--button {
  color: #909090;
  font-size: 12px;
  line-height: 24px;
  white-space: nowrap;
}

.admin-post--button_ip {
  margin: 0 auto 0 0;
  line-height: 26px;
}

.admin-post--button_edit {
  margin: 0 0 0 auto;
  padding: 0 5px;
  line-height: 24px;
}

.admin-post--button_edit_admin {
  margin: 0 0 0 auto;
  padding: 0 5px;
  line-height: 24px;
}

.admin-post--button_delete {
  padding: 0 5px;
  color: #e57373;
  line-height: 24px;
}

.admin-post--button_delete_admin {
  padding: 0 5px;
  color: #e57373;
  line-height: 24px;
}

.admin-post--check {
  flex-shrink: 0;
  margin: 0 0 0 10px;
  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 {
  --forum-page-readers-label-color: var(--text-6-color, #909090);
  --forum-page-readers-color: var(--text-6-color, #808080);
  --forum-page-readers-mod-color: var(--text-5-color, #424242);
}

.readers-onpage--head {
  margin: 0 0 5px;
  color: var(--forum-page-readers-label-color);
  font-size: 14px;
  line-height: 20px;
}

.readers-onpage--list {
  color: var(--forum-page-readers-color);
  font-size: 14px;
  line-height: 20px;
}

.readers-onpage--list a {
  color: var(--forum-page-readers-color);
  font-size: 14px;
  font-weight: 500;
}

.readers-onpage--list a:hover {
  text-decoration: underline;
}

.readers-onpage--list strong {
  color: var(--forum-page-readers-mod-color);
}

.readers-onpage--list .gt-team {
  color: #e51e25;
}

.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: 1276px;
  margin: 0 auto;
  padding: 15px 15px 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: 1336px;
}

@media screen and (min-width: 48em) {
  .slider-adv--inner {
    padding: 0 28px;
  }
}

.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;
}

.slider-adv--slogan {
  color: var(--section-slider-item-color);
  font-size: 13px;
  line-height: 16px;
}

.theme-supp {
  --x-supp-bg-color: var(--layer-4-color, #fffdf0);
  --x-supp-color: var(--text-1-color, #424242);
  --x-supp-border-color: var(--line-2-color, #dedede);
  --x-supp-line-color: var(--line-2-color, #e5e5e5);
  width: 100%;
  margin: 0 auto 10px;
  padding: 17px 15px 10px;
  border: 1px solid var(--x-supp-border-color);
  background-color: var(--x-supp-bg-color);
}

@media screen and (min-width: 48em) {
  .theme-supp {
    padding: 17px 30px 5px;
  }
}

@media screen and (min-width: 64em) {
  .theme-supp {
    margin: 15px auto 0;
  }
}

.theme-supp--heading {
  margin: 0 0 12px;
  color: var(--x-supp-color);
  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(--x-supp-line-color);
}

@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(--x-supp-color);
  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 {
  --blog-theme-table-border-color: var(--line-2-color, #ccc);
  --blog-theme-table-line-color: var(--line-1-color, #e5e5e5);
  --blog-theme-table-heading-color: var(--text-6-color, #909090);
  --blog-theme-table-date-color: var(--text-6-color, #808080);
  --blog-theme-table-qty-color: var(--text-6-color, #606060);
  --blog-theme-table-nick-color: var(--text-4-color, #202020);
  --blog-theme-table-link-color: var(--text-5-color, #202020);
  --blog-theme-table-icon-filter: var(--icon-3-filter, none);
  display: none;
  grid-template-columns: 1fr;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .theme-tables {
    grid-column-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 250px;
  }
  .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 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.theme-data--wrap {
  display: none;
}

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

.theme-data--wrap.show {
  display: block;
}

.theme-data--heading {
  position: relative;
  padding: 12px 0 9px 15px;
  border-top: 1px solid var(--blog-theme-table-border-color);
  color: var(--blog-theme-table-heading-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;
}

@media screen and (min-width: 64em) {
  .theme-data--heading {
    padding: 12px 0 9px;
  }
}

.theme-data--heading::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: '';
}

@media screen and (min-width: 64em) {
  .theme-data--heading::before {
    display: none;
  }
}

.theme-data--heading.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.theme-data--heading.data-top {
  display: flex;
}

.theme-data--heading.data-top::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 1px 5px 0 auto;
  background-image: url(/img/theme-rate-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  content: '';
  filter: var(--blog-theme-table-icon-filter);
}

.theme-data--heading.data-reader {
  display: flex;
}

.theme-data--heading.data-reader::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 3px 5px 0 auto;
  background-image: url(/img/theme-reader-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  content: '';
  filter: var(--blog-theme-table-icon-filter);
}

.theme-data--th-date {
  width: 30%;
}

@media screen and (min-width: 64em) {
  .theme-data--th-date {
    width: 22%;
  }
}

.theme-data--th-nick {
  width: 30%;
}

.theme-data--th-link {
  width: 58%;
}

.theme-data--th-rate {
  width: 12%;
}

.theme-data--th-qty {
  width: 12%;
}

.theme-data--td-date {
  padding: 6px 5px 6px 0;
  border-bottom: 1px solid var(--blog-theme-table-line-color);
  color: var(--blog-theme-table-date-color);
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: baseline;
}

.theme-data--td-nick {
  padding: 6px 5px 6px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--blog-theme-table-line-color);
  color: var(--blog-theme-table-nick-color);
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: baseline;
  white-space: nowrap;
}

.theme-data--td-nick a {
  color: var(--blog-theme-table-nick-color);
  font-size: 13px;
  font-weight: 700;
}

.theme-data--td-link {
  padding: 6px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--blog-theme-table-line-color);
  color: var(--blog-theme-table-link-color);
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: baseline;
  white-space: nowrap;
}

.theme-data--td-link a {
  color: var(--blog-theme-table-link-color);
  font-size: 13px;
}

.theme-data--td-rate {
  padding: 6px 0 6px 5px;
  border-bottom: 1px solid var(--blog-theme-table-line-color);
  color: #529410;
  font-size: 13px;
  line-height: 20px;
  text-align: right;
  vertical-align: baseline;
}

.theme-data--td-qty {
  padding: 6px 0 6px 5px;
  border-bottom: 1px solid var(--blog-theme-table-line-color);
  color: #606060;
  font-size: 13px;
  line-height: 20px;
  text-align: right;
  vertical-align: baseline;
}

@media screen and (min-width: 64em) {
  .theme-data a:hover {
    text-decoration: underline;
  }
}

.theme-data tr:nth-of-type(1) td {
  border-top: 1px solid var(--blog-theme-table-line-color);
}

.theme-data tr:nth-last-of-type(1) td {
  border-bottom-color: transparent;
}

.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;
  }
}

.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 .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;
  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;
  padding: 4px 6px;
  border-radius: 5px;
  background-color: #07a5ca;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
}

.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);
}

.label--theme-read_staking {
  top: 2px;
}

.label--moved {
  display: inline-block;
  position: relative;
  padding: 0 0 0 10px;
  color: var(--section-uni-moved-color);
  font-size: 10px;
  text-transform: uppercase;
}

.label--moved::before {
  position: absolute;
  top: 0;
  left: 2px;
  width: 2px;
  height: 2px;
  content: '•';
}

.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);
}

.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 .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-name .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 .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);
}

.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);
}

.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);
}

.poll {
  --widget-poll-bg-color: var(--layer-3-color, #f9f9f9);
  --widget-poll-border-color: var(--line-2-color, #ccc);
  --widget-poll-heading-color: var(--text-4-color, #202020);
  --widget-poll-label-color: var(--text-5-color, #4f4f4f);
  --widget-poll-label-bg-color: var(--layer-2-color, transparent);
  --widget-poll-label-border-color: var(--line-2-color, #bdbdbd);
  --widget-poll-label-check-color: var(--text-3-color, #606060);
  --widget-poll-button-color: var(--control-1-color, #606060);
  --widget-poll-button-bg-color: var(--control-1-bg-color, #fff);
  --widget-poll-button-border-color: var(--control-1-border-color, #ccc);
  --widget-poll-line-bg-color: var(--layer-5-color, #e5e5e5);
  --widget-poll-link-color: var(--text-4-color, #4f4f4f);
  --widget-poll-count-color: var(--text-6-color, #909090);
  --widget-poll-marker-color: var(--text-6-color, #909090);
  --widget-poll-point-color: var(--text-5-color, #4f4f4f);
  --widget-poll-vote-color: var(--text-4-color, #4f4f4f);
  margin: 0 0 10px;
  padding: 25px 15px;
  background-color: var(--widget-poll-bg-color);
}

@media screen and (min-width: 48em) {
  .poll {
    padding: 25px;
  }
}

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

.poll--theme {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--widget-poll-border-color);
  color: var(--widget-poll-heading-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.poll--wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 23px;
}

.poll--label {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  color: var(--widget-poll-label-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  cursor: pointer;
}

.poll--label:nth-last-of-type(1) {
  margin: 0;
}

.poll--circle {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--widget-poll-label-border-color);
  border-radius: 50%;
  background-color: var(--widget-poll-label-bg-color);
}

.poll--circle::after {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--widget-poll-label-check-color);
  content: '';
}

.poll--square {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--widget-poll-label-border-color);
  background-color: var(--widget-poll-label-bg-color);
}

.poll--square::after {
  display: none;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 5px;
  height: 11px;
  transform: rotate(45deg);
  border: solid var(--widget-poll-label-check-color);
  border-width: 0 2px 2px 0;
  content: '';
}

.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 {
  height: 28px;
  margin: 0 12px 0 0;
  padding: 0 14px;
  border: 1px solid var(--widget-poll-button-border-color);
  border-radius: 3px;
  background-color: var(--widget-poll-button-bg-color);
  color: var(--widget-poll-button-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.poll--list {
  margin: 0 0 0 16px;
}

.poll--item {
  margin: 0 0 10px;
  color: var(--widget-poll-marker-color);
  font-size: 14px;
  font-weight: 700;
}

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

.poll--grid {
  grid-gap: 2px 10px;
  display: grid;
  grid-template-columns: 40px 1fr;
  font-size: 14px;
  line-height: 19px;
}

@media screen and (min-width: 48em) {
  .poll--grid {
    grid-gap: 0 10px;
    grid-template-columns: minmax(300px, 1fr) 50px 50px 1fr;
  }
}

.poll--point {
  grid-column: 1 / 3;
  color: var(--widget-poll-point-color);
}

@media screen and (min-width: 48em) {
  .poll--point {
    grid-column: 1;
  }
}

.poll--percent {
  grid-row: 2;
  font-weight: 400;
}

@media screen and (min-width: 48em) {
  .poll--percent {
    grid-column: 2;
    grid-row: 1;
  }
}

.poll--voters {
  grid-row: 2;
  color: var(--widget-poll-vote-color);
}

@media screen and (min-width: 48em) {
  .poll--voters {
    grid-column: 3;
    grid-row: 1;
  }
}

.poll--line {
  display: flex;
  grid-column: 1 / 3;
  grid-row: 3;
  height: 8px;
  background-color: var(--widget-poll-line-bg-color);
}

@media screen and (min-width: 48em) {
  .poll--line {
    grid-column: 4;
    grid-row: 1;
    height: 19px;
  }
}

.poll--progress {
  background-color: #529410;
}

.poll--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 15px 0 0;
}

.poll--link {
  margin: 0 5px 0 0;
  color: var(--widget-poll-link-color);
  font-size: 13px;
  line-height: 28px;
  white-space: nowrap;
}

.poll--link:hover {
  text-decoration: underline;
}

.poll--count {
  color: var(--widget-poll-count-color);
  font-size: 13px;
  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, #333);
  --x-offer-note-color: var(--text-6-color, #808080);
  --x-offer-field-color: var(--control-1-color, #212121);
  --x-offer-field-bg-color: var(--layer-2-color, #fff);
  --x-offer-field-border-color: var(--control-1-border-color, #e0e0e0);
  --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, #e0e0e0);
  --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, #e0e0e0);
  --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);
  margin: 20px 0;
  padding: 20px 0;
}

@media screen and (min-width: 48em) {
  .editor-offer {
    padding: 20px 15px;
    background-color: var(--x-offer-bg-color);
  }
}

.editor-offer textarea {
  word-wrap: break-word;
  width: 100%;
  height: 148px;
  min-height: 148px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--x-offer-textarea-border-color);
  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: #909090;
}

.editor-offer textarea::placeholder {
  color: #909090;
}

.editor-offer textarea:focus {
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
}

.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 10px;
}

.editor-offer--label {
  position: relative;
  color: var(--x-offer-label-color);
  font-size: 15px;
  line-height: 22px;
}

.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: 5px 10px;
  border: 1px solid var(--x-offer-field-border-color);
  border-radius: 0;
  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: #909090;
  font-size: 14px;
}

.editor-offer--field::placeholder {
  color: #909090;
  font-size: 14px;
}

.editor-offer--field_time {
  max-width: 85px;
  margin: 0 15px 0 0;
}

.editor-offer--field_min {
  max-width: 245px;
}

.editor-offer--field_short {
  max-width: 320px;
}

.editor-offer--field_long {
  max-width: 595px;
}

.editor-offer--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 250px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--x-offer-select-border-color);
  border-radius: 0;
  background-color: var(--x-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-offer-select-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 30px;
}

.editor-offer--selector_min {
  max-width: 60px;
  margin: 0 15px 0 0;
}

.editor-offer--selector_time {
  max-width: 85px;
}

.editor-offer--selector_short {
  max-width: 145px;
  margin: 0 15px 0 0;
}

.editor-offer--inner {
  display: flex;
}

.editor-offer--footer {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px;
}

.error.color4 {
  color: #e51e25;
}

.hot-note {
  --forum-hot-note-bg-color: var(--layer-3-color, #fff);
  --forum-hot-note-color: var(--text-3-color, #1a1d34);
  --forum-hot-button-color: var(--text-5-color, #1a1d34);
  --forum-hot-note-border-color: var(--line-2-color, #e0e0e0);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 15px;
  background-color: var(--forum-hot-note-bg-color);
}

@media screen and (min-width: 48em) {
  .hot-note {
    font-size: 17px;
    line-height: 20px;
  }
}

.hot-note--inner {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1246px;
  padding: 4px 25px 12px 0;
  border-bottom: 1px solid var(--forum-hot-note-border-color);
}

@media screen and (min-width: 48em) {
  .hot-note--inner {
    justify-content: center;
    padding: 4px 25px 12px;
  }
}

.hot-note--message {
  color: var(--forum-hot-note-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  overflow-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .hot-note--message {
    text-align: center;
  }
}

.hot-note--message::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.hot-note-icon {
  --color1: #ef423f;
  display: inline-flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 0;
  transform: translateY(4px);
}

.hot-note-remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: absolute;
  top: 11px;
  right: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

@media screen and (min-width: 48em) {
  .hot-note-remove {
    top: 10px;
    right: 4px;
  }
}

.hot-note-remove:hover::after,
.hot-note-remove:hover::before {
  background-color: #e50e2c;
}

.hot-note-remove::after,
.hot-note-remove::before {
  position: absolute;
  top: 2px;
  left: 9px;
  width: 1px;
  height: 13px;
  background-color: var(--forum-hot-button-color);
  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;
  width: 100%;
}

.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;
  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;
}

.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: '';
}

.widget-article {
  --widget-article-header-color: var(--text-5-color, #333);
  --widget-article-bg-color: var(--layer-3-color, #fafafa);
  --widget-article-border-color: var(--line-2-color, #dfdfdf);
  --widget-article-title-color: var(--text-3-color, #202020);
  --widget-article-comment-color: var(--text-6-color, #a1a1a1);
  --widget-article-hover-color: var(--text-2-color, #202020);
  --widget-article-icon: var(--icon-3-filter, none);
}

.widget-article_forum {
  margin: 0 0 30px;
}

.widget-article--header {
  display: flex;
  align-items: center;
  margin: 0 0 10px 15px;
  color: var(--widget-article-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .widget-article--header {
    margin: 0 0 10px;
  }
}

.widget-article--logo {
  --logo-color1: #fff;
  --logo-color2: #000;
  --logo-color3: #e31f26;
  width: 132px;
  height: 32px;
  margin: 0 0 0 10px;
}

[theme='dark'] .widget-article--logo {
  --logo-color2: #9e9e9e;
}

.widget-article--inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.widget-article--item {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 15px 0 0;
  background-color: var(--widget-article-bg-color);
}

.widget-article--item:nth-last-of-type(1) {
  border-radius: 0 0 2px 2px;
}

.widget-article--item:nth-last-of-type(1) .widget-article--info {
  border-color: transparent;
}

.widget-article--image {
  flex-shrink: 0;
  width: 108px;
  min-height: 87px;
  padding: 12px;
  text-align: center;
}

.widget-article--image img {
  width: auto;
  max-height: 63px;
}

.widget-article--info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  padding: 15px 0 0;
  border-bottom: 1px solid var(--widget-article-border-color);
}

.widget-article--title {
  margin: 0 0 5px;
  color: var(--widget-article-title-color);
  font-family: "Noto Serif", serif;
  font-size: 14px;
  line-height: 19px;
}

.widget-article--title::before {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.widget-article--comment {
  z-index: 4;
  position: relative;
  flex-grow: 1;
  padding: 0 0 5px 20px;
  color: var(--widget-article-comment-color);
  font-size: 10px;
  line-height: 19px;
  text-transform: uppercase;
}

.widget-article--comment::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/img/wgt-article-comments.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  content: '';
  cursor: pointer;
  filter: var(--widget-article-icon);
}

.widget-article--comment:hover {
  color: var(--widget-article-hover-color);
}

.widget-stream {
  --widget-stream-header-color: var(--text-5-color, #333);
  --widget-stream-link-color: var(--text-5-color, #212121);
  --widget-stream-item-bg-color: var(--layer-5-color, #525252);
  --widget-stream-user-color: var(--text-2-color, #fff);
  --widget-stream-stats-color: var(--text-2-color, #fff);
  --widget-stream-name-color: var(--text-5-color, #d0d0d0);
  --widget-stream-icon: var(--icon-5-filter, none);
}

.widget-stream_forum {
  margin: 0 0 30px;
}

.widget-stream--head {
  display: flex;
  align-items: flex-start;
}

.widget-stream--header {
  margin: 0 0 7px 15px;
  color: var(--widget-stream-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .widget-stream--header {
    margin: 0 0 7px;
  }
}

.streamer-widget--new {
  margin: 7px 0 12px 15px;
  border-bottom: 1px solid var(--widget-stream-link-color);
  color: var(--widget-stream-link-color);
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.widget-stream--inner a:nth-last-child(1) {
  margin: 0;
}

.widget-stream--item {
  display: flex;
  margin: 0 0 8px;
  padding: 0 12px 0 0;
  background-color: var(--widget-stream-item-bg-color);
}

.widget-stream--image {
  flex-shrink: 0;
  width: 110px;
  min-height: 84px;
  padding: 11px;
}

.widget-stream--play {
  display: block;
  position: relative;
  width: 88px;
  min-height: 62px;
}

.widget-stream--play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  background-image: url(/img/stream-play.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  filter: var(--widget-stream-icon);
}

.widget-stream--play img {
  width: auto;
  max-height: 66px;
}

.widget-stream--info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  padding: 11px 0 5px;
}

.widget-stream--nick {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 5px;
}

.widget-stream--user {
  color: var(--widget-stream-user-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.widget-stream--stats {
  position: relative;
  margin: 0 0 0 auto;
  padding: 0 18px 0 0;
  color: var(--widget-stream-stats-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.widget-stream--stats::after {
  position: absolute;
  top: 2px;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url(/img/icon-stream-user.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  filter: var(--widget-stream-icon);
}

.widget-stream--title {
  margin: 0 0 5px;
  color: var(--widget-stream-name-color);
  font-size: 13px;
  line-height: 18px;
}

.widget-stream--time {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 5px;
}

.widget-stream--timing {
  position: relative;
  margin: 0 15px 0 0;
  padding: 0 0 0 15px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.widget-stream--timing::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/img/stream-onair.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.widget-stream--rating {
  position: relative;
  padding: 0 19px 0 0;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.widget-stream--rating::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url(/img/stream-rate.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.widget-stream-button {
  margin: 0 0 0 15px;
  color: #404040;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .widget-stream-button {
    margin: 0;
  }
}

.widget-stream-button--wrap {
  display: flex;
  padding: 8px 0 0;
}

.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-button-color: var(--text-5-color, #202020);
  --widget-author-button-bg: var(--pal-gt-accent, #e51e25);
  --widget-author-nick-color: var(--text-3-color, #000);
  --widget-author-line-color: var(--line-1-color, #909090);
  --widget-author-clear-border-color: var(--sidebar-clear-border-color, #cfcfcf);
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-author {
    padding: 0;
  }
}

.widget-author_forum {
  margin: 0 0 30px;
}

.widget-author--header {
  margin: 0 0 7px;
  color: var(--widget-author-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.widget-author--range {
  display: flex;
  padding: 12px 0 8px;
  border-top: 1px solid var(--widget-author-line-color);
}

.widget-author--button {
  margin: 0 5px 0 0;
  padding: 2px 5px;
  border-radius: 3px;
  color: var(--widget-author-button-color);
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  cursor: pointer;
}

.widget-author--button.active {
  background-color: var(--widget-author-button-bg);
  color: #fff;
}

.widget-author--table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.widget-author--table td {
  border-bottom: 1px solid var(--widget-author-clear-border-color);
  line-height: 30px;
  vertical-align: middle;
}

.widget-author--table .avatar {
  width: 30px;
  padding: 5px 0;
}

.widget-author--table .avatar a {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/img/imguser30.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.widget-author--table .player {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 700;
}

.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: 5px 0;
  color: #529410;
  font-size: 14px;
  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-line-color: var(--line-1-color, #909090);
  --widget-post-border-color: var(--line-2-color, #e7e7e7);
  --widget-post-clear-border-color: var(--sidebar-clear-border-color, #d2d2d2);
  --widget-post-title-color: var(--text-3-color, #202020);
  --widget-post-date-color: var(--text-6-color, #a5a5a5);
  --widget-post-nick-color: var(--text-6-color, #a5a5a5);
  --widget-post-author-color: var(--text-3-color, #202020);
  --widget-post-mark-read-color: var(--sidebar-mark-read-color, #bbb);
  --widget-post-button-color: var(--text-5-color, #202020);
  --widget-post-button-bg: var(--pal-gt-accent, #e51e25);
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-post {
    padding: 0;
  }
}

.widget-post_forum {
  margin: 0 0 30px;
}

.widget-post--inner {
  display: flex;
  border-bottom: 1px solid var(--widget-post-line-color);
}

.widget-post--header {
  margin: 0 0 7px;
  color: var(--widget-post-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.widget-post--tab {
  display: flex;
  margin: 0 0 0 auto;
}

.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--sep {
  width: 2px;
  height: 14px;
  margin: 0 4px;
  transform: translateY(8px);
  background-color: #ccc;
}

.widget-post--range {
  display: flex;
  padding: 12px 0;
}

.widget-post--button {
  margin: 0 5px 0 0;
  padding: 2px 5px;
  border-radius: 3px;
  color: var(--widget-post-button-color);
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  cursor: pointer;
}

.widget-post--button.active {
  background-color: var(--widget-post-button-bg);
  color: #fff;
}

.widget-post--list {
  width: 100%;
  margin: 0;
}

.widget-post--list_theme {
  margin: 10px 0 0;
}

.widget-post--item {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 8px 10px;
  background-color: var(--widget-post-bg-color);
}

.widget-post--item:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: var(--widget-post-border-color);
  content: '';
}

.widget-post--item_clear {
  padding: 8px 0;
  background-color: transparent;
}

.widget-post--item_clear:not(:last-child)::after {
  left: 0;
  width: 100%;
  background-color: var(--widget-post-clear-border-color);
}

.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: 13px;
  font-weight: 700;
  line-height: 18px;
}

.widget-post--nick_theme {
  color: var(--widget-post-nick-color);
  font-size: 12px;
  font-weight: 500;
}

.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 {
  color: var(--widget-post-date-color);
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
}

.widget-post--date::before {
  margin: 0 4px;
  color: #9e9e9e;
  content: '·';
}

.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: 16px;
}

.widget-post--score_positive {
  color: #529410;
}

.read .widget-post--score {
  color: #ccc;
}

.widget-post--topic {
  min-width: 0;
  padding: 2px 0;
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.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-sundaykings {
  --widget-sundaykings-header-color: var(--text-5-color, #333);
  --widget-sundaykings-nick-color: var(--text-3-color, #202020);
  --widget-sundaykings-line-color: var(--line-1-color, #909090);
  --widget-sundaykings-border-color: var(--line-1-color, #cfcfcf);
  --widget-sundaykings-link-color: var(--sidebar-link-color, #404040);
  --widget-sundaykings-icon: var(--icon-5-filter, none);
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-sundaykings {
    padding: 0;
  }
}

.widget-sundaykings_forum {
  margin: 0 0 30px;
}

.widget-sundaykings--header {
  margin: 0 0 7px;
  color: var(--widget-sundaykings-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.widget-sundaykings--inner {
  border-top: 1px solid var(--widget-sundaykings-line-color);
}

.widget-sundaykings--item {
  padding: 5px 0;
  border-bottom: 1px solid var(--widget-sundaykings-border-color);
}

.widget-sundaykings--wrap {
  display: flex;
  padding: 8px 0 0;
}

.widget-sundaykings--button {
  color: var(--widget-sundaykings-link-color);
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.grid-skings {
  grid-gap: 0 10px;
  display: grid;
  grid-template-columns: 40px 28px 1fr;
  line-height: 28px;
}

.grid-skings--limit {
  grid-column: 1;
  color: #909090;
  font-size: 15px;
  text-transform: uppercase;
}

.grid-skings--icon {
  display: flex;
  grid-column: 2;
}

.grid-skings--crown {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
  filter: var(--widget-sundaykings-icon);
}

.grid-skings--crown_gold {
  background-image: url(/img/top-gold.svg);
}

.grid-skings--crown_silver {
  background-image: url(/img/top-silver.svg);
}

.grid-skings--crown_bronze {
  background-image: url(/img/top-bronze.svg);
}

.grid-skings--player {
  grid-column: 3;
}

.grid-skings--player a {
  color: var(--widget-sundaykings-nick-color);
  font-size: 13px;
  font-weight: 700;
}

.grid-skings--player a:hover {
  text-decoration: underline;
}

.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-tops {
  --widget-tops-header-color: var(--text-5-color, #333);
  --widget-tops-bg-color: var(--layer-3-color, #fff);
  --widget-tops-border-color: var(--line-2-color, #dbdbdb);
  --widget-tops-line-color: var(--line-1-color, #dbdbdb);
  --widget-tops-player-color: var(--text-4-color, #202020);
  --widget-tops-subhead-color: var(--text-4-color, #333);
  --widget-tops-num-color: var(--text-5-color, #909090);
  --widget-tops-icon: var(--icon-5-filter, none);
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .widget-tops {
    padding: 0;
  }
}

.widget-tops_forum {
  margin: 0 0 30px;
}

.widget-tops--header {
  display: flex;
  align-items: center;
  margin: 0 0 4px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
}

.widget-tops--header a {
  display: flex;
  align-items: center;
  color: var(--widget-tops-header-color);
}

.tops-header-icon {
  --color1: var(--pal-icon-color1, #000);
  width: 26px;
  height: 26px;
  margin: 0 10px 0 0;
  transform: translateY(-4px);
}

.widget-tops--item {
  margin: 0 0 8px;
  padding: 5px 15px;
  background-color: var(--widget-tops-bg-color);
}

.widget-tops--heading {
  padding: 9px 0;
  border-bottom: 1px solid var(--widget-tops-border-color);
  color: #909090;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
}

.grid-tops {
  grid-gap: 0 10px;
  display: grid;
  position: relative;
  grid-template-columns: 90px 28px 1fr;
  padding: 8px 0;
  line-height: 28px;
}

.grid-tops:not(:last-child) {
  border-bottom: 1px dashed var(--widget-tops-line-color);
}

.grid-tops_stream {
  grid-template-columns: 10px 28px 1fr;
}

.grid-tops--subhead {
  grid-column: 1;
  color: var(--widget-tops-subhead-color);
  font-size: 13px;
}

.grid-tops--num {
  grid-column: 1;
  color: var(--widget-tops-num-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

.grid-tops--icon {
  display: flex;
  position: relative;
  grid-column: 2;
  width: 28px;
  height: 28px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  filter: var(--widget-tops-icon);
}

.grid-tops--icon_author {
  border-radius: 50%;
  background-image: url(/img/top-author.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.grid-tops--icon_blog {
  border-radius: 50%;
  background-image: url(/img/top-blog.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.grid-tops--icon_stream {
  border-radius: 50%;
  background-image: url(/img/top-stream.svg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.grid-tops--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;
}

.grid-tops--icon_author .grid-tops--counter {
  background-image: linear-gradient(180deg, #7d9e61 0%, #5a6651 160%);
}

.grid-tops--icon_blog .grid-tops--counter {
  background-image: linear-gradient(180deg, #ffb932 0%, #f71212 160%);
}

.grid-tops--player {
  grid-column: 3;
  overflow-x: hidden;
  color: var(--widget-tops-player-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.grid-tops--player::before {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.widget-mrt {
  --widget-mrt-header-color: var(--text-5-color, #333);
  --widget-mrt-bg-color: var(--layer-3-color, #282828);
  width: 100%;
}

.widget-mrt_forum {
  margin: 0 0 30px;
}

.widget-mrt--header {
  display: flex;
  align-items: center;
  margin: 0 0 4px;
  padding: 0 15px 0 10px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .widget-mrt--header {
    padding: 0;
  }
}

.widget-mrt--link {
  display: flex;
  align-items: center;
  color: var(--widget-mrt-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 32px;
}

.mrt-header-icon {
  --color1: var(--pal-icon-color1, #000);
  flex-shrink: 0;
  width: 45px;
  height: 26px;
  margin: 0 6px 0 0;
}

.mrt-header-logo {
  --color1: #e8490d;
  --color2: var(--pal-icon-color1, #000);
  flex-shrink: 0;
  width: 86px;
  height: 20px;
  margin: 0 0 0 auto;
}

.widget-mrt--inner {
  display: flex;
  position: relative;
  flex-direction: column;
  background-color: var(--widget-mrt-bg-color);
}

.widget-mrt--top {
  height: 30px;
  background-image: url(/img/mrt-diamonds.svg);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: contain;
}

.widget-mrt--item {
  position: relative;
  padding: 0 10px;
}

.grid-mrt {
  grid-gap: 0 5px;
  display: grid;
  grid-template-columns: 13px 1fr 45px 45px;
  padding: 9px 0;
  border-bottom: 1px dashed #535353;
}

.wide .grid-mrt {
  grid-template-columns: 13px 1fr 45px;
}

.grid-mrt--num {
  grid-column: 1;
  align-self: center;
  color: #999;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.grid-mrt--main {
  display: grid;
  grid-column: 2;
}

.grid-mrt--nick {
  color: #999;
  font-size: 13px;
  line-height: 16px;
}

.grid-mrt--name {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  grid-row: 2;
  min-height: 32px;
  overflow: hidden;
  color: #fafafa;
  font-size: 13px;
  line-height: 16px;
  overflow-wrap: break-word;
}

.grid-mrt--name::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.grid-mrt--score {
  grid-column: 3;
  align-self: center;
  color: #62b113;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.wide .grid-mrt--score {
  text-align: center;
}

.grid-mrt--skew {
  display: flex;
  grid-column: 4;
  align-items: center;
  align-self: center;
  justify-self: center;
  padding: 3px 7px;
  transform: skew(-12deg);
}

.wide .grid-mrt--skew {
  display: none;
}

.grid-mrt--skew_gold {
  background-image: linear-gradient(0deg, #ffb300, #ffd042);
}

.grid-mrt--skew_silver {
  background-image: linear-gradient(0deg, #bdbdbd, #fff);
}

.grid-mrt--skew_bronze {
  background-image: linear-gradient(0deg, #b9722d, #ff9d3e);
}

.grid-mrt--skew_bronze span,
.grid-mrt--skew_gold span,
.grid-mrt--skew_silver span {
  color: #1a1a1a;
}

.grid-mrt--skew span {
  transform: skew(12deg);
}

.grid-mrt--target {
  grid-column: 4;
  color: #fefefe;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.widget-mrt--footer {
  display: flex;
  justify-content: center;
  padding: 15px 10px 10px;
}

.widget-mrt--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  padding: 8px 0;
  border-radius: 3px;
  background-color: #fe510e;
  color: #fff;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
}

.widget-mrt--button::before {
  width: 15px;
  height: 15px;
  margin: 0 6px 0 0;
  background-image: url(/img/mrt-button-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  content: '';
}

.mrt-control {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 8px 0 0;
}

.mrt-control::before {
  z-index: 2;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--widget-mrt-bg-color);
  content: '';
}

.mrt-control--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 24px;
  margin: 0 3px;
  background-color: #333;
  cursor: pointer;
}

.mrt-control--button::before {
  width: 24px;
  height: 7px;
  background-image: url(/img/wrt-arrow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

.mrt-control--button_prev {
  border-radius: 10px 0 0 10px;
}

.mrt-control--button_prev::before {
  transform: rotate(180deg);
}

.mrt-control--button_next {
  border-radius: 0 10px 10px 0;
}

.mrt-control--button_disabled {
  cursor: auto;
  pointer-events: none;
}

.mrt-control--button_disabled::before {
  filter: brightness(.5);
}

.widget-bb {
  --widget-bb-header-color: var(--text-5-color, #333);
  --widget-bb-subheader-color: var(--text-5-color, #909090);
  --widget-bb-line-color: var(--line-1-color, #858585);
  --widget-bb-line2-color: var(--sidebar-clear-border-color, #c8c8c8);
  --widget-bb-border-color: var(--sidebar-clear-border-color, #c8c8c8);
  --widget-bb-border2-color: var(--sidebar-clear-border-color, #c8c8c8);
  --widget-bb-player-color: var(--text-4-color, #4c4c4c);
  --widget-bb-link-color: var(--text-6-color, #404040);
  --widget-bb-num-color: var(--text-5-color, #909090);
  --widget-bb-icon: var(--icon-5-filter, none);
  position: relative;
  width: 100%;
  padding: 16px 24px;
  border: 1px dashed var(--widget-bb-border2-color);
  border-radius: 5px;
}

.widget-bb_forum {
  margin: 0 0 30px;
}

.widget-bb--header {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--widget-bb-line-color);
}

.widget-bb--logo {
  gap: 0 10px;
  display: flex;
  align-items: center;
}

.bb-header-icon {
  --color1: var(--pal-icon-color1, #333);
  flex-shrink: 0;
  width: 28px;
  height: 24px;
}

.widget-bb--date {
  gap: 3px 0;
  display: flex;
  flex-direction: column;
}

.widget-bb--heading {
  color: var(--widget-bb-header-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.widget-bb--time {
  color: #757575;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.widget-bb--link {
  display: flex;
  z-index: 3;
  margin: 0 0 0 auto;
}

.bb-header-logo {
  --color1: var(--pal-icon-color1, #333);
  width: 50px;
  height: 18px;
}

.widget-bb--inner {
  display: flex;
  flex-direction: column;
}

.widget-bb--item {
  padding: 0 0 4px;
  border-bottom: 1px solid var(--widget-bb-line2-color);
}

.widget-bb--item:not(:last-child) {
  margin: 0 0 15px;
}

.widget-bb--subheader {
  display: flex;
  align-items: center;
  margin: 0 0 13px;
  color: var(--widget-bb-subheader-color);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.widget-bb--subheader_icon {
  margin: 0 -10px 13px;
}

.widget-bb--subheader_icon svg {
  --i-color1: #31cc00;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 5px;
}

.widget-bb-pin {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin: 0 6px 0 0;
  transform: translate(-4px, 1px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  filter: var(--widget-bb-icon);
}

.widget-bb-pin_newbie {
  background-image: url(/img/bb-widget-pin-newbie.svg);
}

.widget-bb-pin_regs {
  background-image: url(/img/bb-widget-pin-regs.svg);
}

.widget-bb-pin_locals {
  background-image: url(/img/bb-widget-pin-locals.svg);
}

.grid-bb {
  grid-gap: 0 10px;
  display: grid;
  grid-template-columns: 11px 1fr 40px;
  padding: 11px 0;
}

.grid-bb:nth-child(3n+2) {
  margin: 0 -10px;
  padding: 10px;
  background-image: linear-gradient(90deg, #d0d0d0 0%, #e7e7e7 100%);
}

[theme='dark'] .grid-bb:nth-child(3n+2) {
  background-image: linear-gradient(90deg, #0f0f0f 0%, #212121 100%);
}

.grid-bb:nth-child(3n+2) .grid-bb--num {
  font-size: 16px;
  line-height: 19px;
}

.grid-bb:nth-child(3n+2) .grid-bb--nick {
  font-size: 16px;
  line-height: 19px;
}

.grid-bb:nth-child(3n+2) .grid-bb--score {
  font-size: 16px;
  line-height: 19px;
}

.grid-bb:nth-child(3n+3) {
  margin: 0 -10px;
  padding: 11px 10px;
  background-image: linear-gradient(90deg, #d9d9d9 0%, #e7e7e7 100%);
}

[theme='dark'] .grid-bb:nth-child(3n+3) {
  background-image: linear-gradient(90deg, #171717 0%, #212121 100%);
}

.grid-bb--num {
  grid-column: 1;
  color: var(--widget-bb-num-color);
  font-size: 13px;
  line-height: 15px;
}

.grid-bb--nick {
  color: var(--widget-bb-player-color);
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
}

.grid-bb--score {
  grid-column: 3;
  color: #529410;
  font-size: 13px;
  line-height: 15px;
  text-align: right;
}

.widget-bb--footer {
  padding: 4px 0 0;
}

.widget-bb--page {
  color: var(--widget-bb-link-color);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

.widget-bbg {
  --widget-bbg-player-color: var(--text-4-color, #4c4c4c);
  --widget-bbg-link-color: var(--text-6-color, #404040);
  --widget-bbg-num-color: var(--text-5-color, #909090);
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 30px;
}

.widget-bbg--header {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 0 0 0 16px;
}

@media screen and (min-width: 48em) {
  .widget-bbg--header {
    padding: 0;
  }
}

.widget-bbg--logo {
  gap: 0 14px;
  display: flex;
  align-items: center;
}

.bbg-header-icon {
  flex-shrink: 0;
  width: 38px;
  height: 25px;
  background-image: url(/img/bbg-ufo.svg);
  background-repeat: no-repeat;
  background-size: 38px;
}

.widget-bbg--date {
  gap: 3px 0;
  display: flex;
  flex-direction: column;
}

.widget-bbg--heading {
  color: #269a2b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.widget-bbg--time {
  color: #757575;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.widget-bbg--wrap {
  width: 100%;
  padding: 12px 24px 16px;
  border: 1px solid #97b9a2;
  border-radius: 8px;
}

.widget-bbg--inner {
  display: flex;
  flex-direction: column;
}

.widget-bbg--item {
  padding: 0 0 4px;
  border-bottom: 1px solid #97b9a2;
}

.widget-bbg--item:not(:last-child) {
  margin: 0 0 15px;
}

.grid-bbg {
  grid-gap: 0 10px;
  display: grid;
  grid-template-columns: 11px 1fr 40px;
  padding: 11px 0;
}

.grid-bbg:nth-child(3n+1) {
  margin: 0 -10px;
  padding: 10px;
  background-image: linear-gradient(90deg, #b4d7c1 0%, #e7e7e7 100%);
}

[theme='dark'] .grid-bbg:nth-child(3n+1) {
  background-image: linear-gradient(90deg, #305a3f 0%, #212121 100%);
}

.grid-bbg:nth-child(3n+1) .grid-bbg--num {
  font-size: 16px;
  line-height: 19px;
}

.grid-bbg:nth-child(3n+1) .grid-bbg--nick {
  font-size: 18px;
  line-height: 19px;
}

.grid-bbg:nth-child(3n+1) .grid-bbg--score {
  font-size: 16px;
  line-height: 19px;
}

.grid-bbg:nth-child(3n+2) {
  margin: 0 -10px;
  padding: 11px 10px;
  background-image: linear-gradient(90deg, #cedfd4 0%, #e7e7e7 100%);
}

[theme='dark'] .grid-bbg:nth-child(3n+2) {
  background-image: linear-gradient(90deg, #2e4737 0%, #212121 100%);
}

.grid-bbg--num {
  grid-column: 1;
  color: var(--widget-bbg-num-color);
  font-size: 13px;
  line-height: 15px;
}

.grid-bbg--nick {
  color: var(--widget-bbg-player-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.grid-bbg--score {
  grid-column: 3;
  color: #529410;
  font-size: 13px;
  line-height: 15px;
  text-align: right;
}

.widget-bbg--footer {
  padding: 4px 0 0;
}

.widget-bbg--page {
  color: var(--widget-bbg-link-color);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

.widget-prlink {
  --wgt-pr-bg-color: var(--layer-3-color, #f4f4f4);
  --wgt-pr-line-color: var(--line-1-color, #ccc);
  --wgt-pr-button-color: var(--text-5-color, #808080);
  --wgt-pr-button-bg-color: var(--layer-4-color, #fff);
  --wgt-pr-note-color: var(--text-2-color, #333);
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  min-height: 234px;
  background-color: var(--wgt-pr-bg-color);
}

.widget-prlink::before {
  display: block;
  position: absolute;
  top: 20px;
  left: 40px;
  width: calc(100% - 80px);
  height: 1px;
  background-color: var(--wgt-pr-line-color);
  content: '';
}

.widget-prlink::after {
  display: block;
  position: absolute;
  bottom: 19px;
  left: 40px;
  width: calc(100% - 80px);
  height: 1px;
  background-color: var(--wgt-pr-line-color);
  content: '';
}

.widget-prlink--card {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

:root[theme='dark'] .widget-prlink--card_dark {
  --i-color1: #9e9e9e;
}

.widget-prlink--card svg {
  width: 11px;
  height: 11px;
}

.widget-prlink--top {
  display: flex;
  justify-content: space-between;
}

.widget-prlink--bottom {
  display: flex;
  position: relative;
  justify-content: space-between;
}

.widget-prlink--chip {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 70px;
  width: 185px;
  height: 98px;
}

@media screen and (min-width: 48em) {
  .widget-prlink--chip {
    left: 210px;
    width: 370px;
    height: 196px;
  }
}

:root[theme='dark'] .widget-prlink--chip {
  --i-color1: var(--line-1-color);
  --i-color2: var(--line-1-color);
  --i-color4: var(--wgt-pr-bg-color);
}

.widget-prlink--chip svg {
  width: 185px;
  height: 98px;
}

@media screen and (min-width: 48em) {
  .widget-prlink--chip svg {
    width: 370px;
    height: 196px;
  }
}

.widget-prlink--mid {
  gap: 0 8px;
  display: flex;
  z-index: 2;
  position: relative;
  flex-grow: 1;
  align-items: center;
  padding: 0 32px;
}

@media screen and (min-width: 30em) {
  .widget-prlink--mid {
    padding: 0 48px;
  }
}

.widget-prlink--mid::before {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--wgt-pr-line-color);
  content: '';
}

.widget-prlink--mid::after {
  display: block;
  position: absolute;
  top: 0;
  right: 19px;
  width: 1px;
  height: 100%;
  background-color: var(--wgt-pr-line-color);
  content: '';
}

.widget-prlink--inner {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 316px;
}

.widget-prlink--logo {
  z-index: 1;
  flex-shrink: 0;
  width: 134px;
}

[theme='dark'] .widget-prlink--image_light {
  display: none;
}

.widget-prlink--image_dark {
  display: none;
}

[theme='dark'] .widget-prlink--image_dark {
  display: block;
}

.widget-prlink--cta {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 0 0 4px;
  padding: 0 16px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
}

.widget-prlink--cta svg {
  --i-color1: #fff;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.widget-prlink--text {
  display: none;
}

@media screen and (min-width: 48em) {
  .widget-prlink--text {
    display: block;
  }
}

.widget-prlink--text_mobile {
  display: block;
}

@media screen and (min-width: 48em) {
  .widget-prlink--text_mobile {
    display: none;
  }
}

.widget-prlink--note {
  color: var(--wgt-pr-note-color);
  font-size: 15px;
  line-height: 21px;
}

.widget-prlink--note strong {
  color: #e51e25;
}

.widget-prlink--grid {
  gap: 8px;
  display: grid;
  z-index: 1;
  grid-template-columns: repeat(auto-fit, 142px);
  justify-content: end;
  width: 100%;
}

.widget-prlink--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 40px;
  padding: 0 16px;
  border-radius: 10px;
  background-color: var(--wgt-pr-button-bg-color);
  color: var(--wgt-pr-button-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.widget-prlink--button svg {
  --i-color1: #9d9d9d;
  width: 17px;
  height: 17px;
  margin: 0 10px 0 0;
}

.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-flag2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 280px;
  content: '';
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange::before {
    background-image: url(/img/wg-ps-flag1-1.svg);
    background-position: 0 50%;
    background-size: 254px;
  }
}

.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: 18px 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--pokerok {
  flex-shrink: 0;
  width: 328px;
  height: 24px;
  background-image: url(/img/wg-pokerok-text.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--text {
  color: #000;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

@container exchange-wrap (min-width: 810px) {
  .widget-exchange--text {
    text-align: left;
  }
  .widget-exchange--text br {
    display: none;
  }
}

.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: 156px;
    height: 36px;
    background-size: 156px;
  }
}

.widget-exchange--button::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.now-online {
  --now-online-bg-color: var(--layer-3-color, #fff);
  --now-online-counter-color: var(--text-3-color, #202020);
  --now-online-user-color: var(--text-6-color, #808080);
  --now-online-mod-color: var(--text-5-color, #808080);
  width: 100%;
  max-width: 1276px;
  margin: 0 0 35px;
}

@media screen and (min-width: 40em) {
  .now-online {
    padding: 0 15px;
  }
}

.now-online--header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 15px;
  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--button.active::before {
  z-index: 1;
  position: absolute;
  top: 32px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-width: 0 8px 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: var(--now-online-bg-color);
  content: '';
}

.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;
  padding: 30px 15px;
  background-color: var(--now-online-bg-color);
  line-height: 20px;
}

@media screen and (min-width: 40em) {
  .now-online--list {
    padding: 30px;
  }
}

.now-online--list.show {
  display: block;
}

.now-online--list a {
  color: var(--now-online-user-color);
  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;
}

.breadcrumbs {
  --forum-breadcrumbs-color: var(--breadcrumbs-color, #909090);
  --forum-breadcrumbs-icon-filter: var(--icon-5-filter, none);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 10px;
  color: var(--forum-breadcrumbs-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .breadcrumbs {
    font-size: 16px;
    line-height: 24px;
  }
}

.breadcrumbs a {
  color: var(--forum-breadcrumbs-color);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .breadcrumbs a {
    font-size: 16px;
  }
}

.breadcrumbs--arrow {
  width: 30px;
  height: 21px;
  background-image: url(/img/br-arrow.svg);
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-size: 16px;
  filter: var(--forum-breadcrumbs-icon-filter);
}

@media screen and (min-width: 48em) {
  .breadcrumbs--arrow {
    height: 24px;
  }
}

.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, #202020);
  --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;
  padding: 5px 0;
}

.theme-pagination--input {
  width: 30px;
  margin: 0 8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  color: var(--pagination-input-color);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.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: 3px;
  color: var(--pagination-pager-color);
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.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;
  }
}

.filter--wrap {
  --theme-filter-border-color: var(--line-1-color, #ccc);
  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 {
  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(--theme-filter-border-color);
}

@media screen and (min-width: 48em) {
  .filter--wrap_staking {
    padding: 0 0 10px;
  }
}

.filter {
  --theme-filter-color: var(--control-1-color, #202020);
  --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);
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 0;
}

@media screen and (min-width: 48em) {
  .filter_right {
    margin: 0 15px 0 0;
  }
}

.filter_right_auto {
  margin: 0 auto 0 0;
}

.filter--group {
  display: flex;
}

.filter--button-group {
  margin: 0 5px 5px 0;
  padding: 0 5px;
  border-radius: 3px;
  color: var(--theme-filter-color);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.filter--button-group.active {
  background-color: var(--theme-filter-active-bg-color);
  color: var(--theme-filter-active-color);
}

.filter--button {
  position: relative;
  margin: 0 7px 5px 5px;
  padding: 0 5px;
  color: var(--theme-filter-color);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.filter--button::before {
  position: absolute;
  top: 0;
  left: -5px;
  width: 0;
  height: 0;
  border-width: 11px 5px 11px 0;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.filter--button::after {
  position: absolute;
  top: 0;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 11px 0 11px 5px;
  border-style: solid;
  border-color: transparent;
  content: '';
}

.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--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 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-image: url(/img/top-menu-search.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  filter: var(--theme-filter-search-icon);
}

.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;
  padding: 0 0 0 24px;
  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 {
  position: relative;
}

.rss-list--follow::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/img/icon-theme-follow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  content: '';
  filter: var(--forum-rss-icon-filter);
}

.rss-list--read {
  background-image: url(/img/icon-post-read.svg);
  background-position: 0 5px;
}

.recommend {
  --rec-bg-color: var(--layer-2a-color, #f7f7f7);
  --rec-item-bg-color: var(--layer-3-color, #fff);
  --rec-link-bg-color: var(--pal-gt-accent, #e51e25);
  --rec-line-color: var(--line-1-color, #f0f0f0);
  --rec-border-color: var(--line-1-color, #ccc);
  --rec-heading-color: var(--text-4-color, #404040);
  --rec-subheading-color: var(--text-5-color, #666);
  --rec-list-color: var(--text-5-color, #4c4c4c);
  --rec-bullet-color: var(--layer-5-color, #e5e5e5);
  --rec-bullet-active-color: var(--pal-gt-accent, #e51e25);
  --rec-slider-navigation-color: var(--layer-6-color, #a8a8a9);
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  padding: 18px 15px 30px;
  background-color: var(--rec-bg-color);
}

@media screen and (min-width: 48em) {
  .recommend {
    padding: 18px 30px 30px;
  }
}

.recommend--head {
  margin: 0 0 20px;
  padding: 10px 0;
  border-bottom: 1px solid var(--rec-line-color);
  color: #e31f26;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.recommend--wrap {
  position: relative;
}

.recommend--container {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 946px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.recommend--row {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 946px;
  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;
  align-items: center;
  width: 100%;
  padding: 27px 15px 45px;
  border-top: 3px solid transparent;
  background-color: var(--rec-item-bg-color);
}

.recommend-item_cash {
  position: relative;
  border-color: #43a047;
}

.recommend-item_cash::before {
  position: absolute;
  top: -3px;
  left: 0;
  padding: 4px 7px;
  background-color: #43a047;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  content: 'КЭШ';
}

.recommend-item_mtt {
  position: relative;
  border-color: #ff9800;
}

.recommend-item_mtt::before {
  position: absolute;
  top: -3px;
  left: 0;
  padding: 4px 7px;
  background-color: #ff9800;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  content: 'МТТ';
}

.recommend-item_cash_mtt {
  position: relative;
  border-color: #a0588e;
}

.recommend-item_cash_mtt::before {
  position: absolute;
  top: -3px;
  left: 0;
  padding: 4px 7px;
  background-color: #a0588e;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  content: 'КЭШ и МТТ';
}

.recommend-item--logo {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin: 0 0 20px;
}

.recommend-item--logo img {
  max-width: 70px;
}

.recommend-pocarr-icon {
  --logo-color-1: #242021;
  display: flex;
  align-items: flex-start;
  width: 100px;
  height: 70px;
}

[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;
  width: 100px;
  height: 70px;
}

.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: 200px;
  height: 60px;
}

[theme='dark'] .recommend-greenline-icon {
  --logo-color-1: #e0e0e0;
  --logo-color-2: #4abc00;
}

.recommend-kot-icon {
  --logo-color-1: #616161;
  --logo-color-2: #ffc800;
  max-width: 200px;
  height: 64px;
}

[theme='dark'] .recommend-kot-icon {
  --logo-color-1: #fff;
}

.recommend-teama-icon {
  max-width: 48px;
  height: 70px;
}

.recommend-itc-icon {
  max-width: 200px;
  height: 64px;
}

.recommend-fiatlab-icon {
  max-width: 48px;
  height: 70px;
}

.recommend-newage-icon {
  --logo-color: #212121;
  max-width: 70px;
  height: 70px;
}

[theme='dark'] .recommend-newage-icon {
  --logo-color: #fff;
}

.recommend-dreamteam-icon {
  max-width: 190px;
  height: 70px;
}

[theme='dark'] .recommend-dreamteam-icon {
  --logo-color-1: #9e9e9e;
}

.recommend-sv-icon {
  max-width: 70px;
  height: 70px;
}

.recommend-svpoker-icon {
  max-width: 180px;
  height: 70px;
}

[theme='dark'] .recommend-svpoker-icon {
  --logo-color1: #fff;
}

.recommend-pm-icon {
  max-width: 108px;
  height: 70px;
}

.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--heading {
  margin: 0 0 15px;
  color: var(--rec-heading-color);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.recommend-item--subheading {
  max-width: 340px;
  margin: 0 0 15px;
  color: var(--rec-subheading-color);
  font-family: "PT Serif", serif;
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
}

.recommend-item--line {
  width: 100%;
  max-width: 420px;
  height: 1px;
  margin: 0 0 15px;
  border-bottom: 1px dashed var(--rec-border-color);
}

.recommend-list {
  max-width: 370px;
  margin: 0 0 46px;
}

.recommend-list li {
  position: relative;
  padding: 0 0 0 23px;
  color: var(--rec-list-color);
  font-size: 15px;
  line-height: 1.3;
}

.recommend-list li:not(:last-child) {
  margin: 0 0 10px;
}

.recommend-list li::before {
  position: absolute;
  top: 3px;
  left: 0;
  flex-shrink: 0;
  width: 13px;
  height: 12px;
  background-image: url(/img/rec-tick.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  content: '';
}

.recommend-item--link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: auto 0 0;
  padding: 0 20px;
  border-radius: 3px;
  background-color: var(--rec-link-bg-color);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.slider-rec--button {
  display: none;
  z-index: 10;
  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-rec--button {
    display: block;
  }
}

.slider-rec--button_prev {
  right: auto;
  left: -32px;
}

@media screen and (min-width: 70.625em) {
  .slider-rec--button_prev {
    left: 0;
  }
}

.slider-rec--button_prev::after {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 17px;
  height: 17px;
  transform: rotate(135deg);
  border: solid var(--rec-slider-navigation-color);
  border-width: 0 3px 3px 0;
  content: '';
}

.slider-rec--button_next {
  right: -32px;
  left: auto;
}

@media screen and (min-width: 70.625em) {
  .slider-rec--button_next {
    right: 0;
  }
}

.slider-rec--button_next::after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 17px;
  height: 17px;
  transform: rotate(-45deg);
  border: solid var(--rec-slider-navigation-color);
  border-width: 0 3px 3px 0;
  content: '';
}

.slider-rec--button_disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.recommend-pagination {
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px 0 0;
}

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

.recommend-pagination--bullet {
  width: 8px;
  height: 8px;
  margin: 0 7px;
  border-radius: 50%;
  background-color: var(--rec-bullet-color);
}

.recommend-pagination--bullet_active {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background-color: #e51e25;
}

.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;
}