abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ins {
  text-decoration: none;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

@font-face {
  font-family: Lato Lenta;
  font-style: normal;
  font-weight: 300;
  src:
    url(../fonts/lato-light.5b727dfe.woff2) format('woff2'),
    url(../fonts/lato-light.c19d06de.woff) format('woff');
}

@font-face {
  font-family: Lato Lenta;
  font-style: normal;
  font-weight: 400;
  src:
    url(../fonts/lato-regular.20e7d22d.woff2) format('woff2'),
    url(../fonts/lato-regular.d728c312.woff) format('woff');
}

@font-face {
  font-family: Lato Lenta;
  font-style: italic;
  font-weight: 400;
  src:
    url(../fonts/lato-italic.7ecbd2aa.woff2) format('woff2'),
    url(../fonts/lato-italic.9743ec0b.woff) format('woff');
}

@font-face {
  font-family: Lato Lenta;
  font-style: normal;
  font-weight: 700;
  src:
    url(../fonts/lato-bold.accfe114.woff2) format('woff2'),
    url(../fonts/lato-bold.9e3d0480.woff) format('woff');
}

@font-face {
  font-family: Lato Lenta;
  font-style: normal;
  font-weight: 900;
  src:
    url(../fonts/lato-black.38489ecc.woff2) format('woff2'),
    url(../fonts/lato-black.adfecd9f.woff) format('woff');
}

@font-face {
  font-family: 'Source Serif Pro Lenta';
  font-style: normal;
  font-weight: 400;
  src:
    url(../fonts/source_serif_pro-regular.fffb7cf3.woff2) format('woff2'),
    url(../fonts/source_serif_pro-regular.88504b5f.woff) format('woff');
}

@font-face {
  font-family: 'Source Serif Pro Lenta';
  font-style: normal;
  font-weight: 600;
  src:
    url(../fonts/source_serif_pro-semibold.61619695.woff2) format('woff2'),
    url(../fonts/source_serif_pro-semibold.8be0d746.woff) format('woff');
}

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
}

body {
  background: #fff;
  font-family: sans-serif;
  margin: 0;
  overflow-y: scroll;
}

@media screen and (min-width: 1240px) {
  body {
    overflow-x: hidden;
  }
}

a {
  text-decoration: none;
}

button::-moz-focus-inner {
  border: 0;
}

picture {
  display: block;
  height: 100%;
  width: 100%;
}

.inject-sprite,
.inject-sprite svg {
  height: 0;
  overflow: hidden;
  width: 0;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.advertisable-plate__erid {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin-right: 5px;
  padding-left: 4px;
  position: relative;
}

.advertisable-plate__erid:after {
  content: '\2022\2022\2022';
  font-size: 5px;
  padding-left: 9px;
  padding-top: 2px;
}

.advertisable-plate__erid:hover {
  color: #c33;
}

.advertisable-plate__erid:hover:after {
  border-color: #c33;
}

.advertisable-plate__erid._open .advertisable-plate__tooltip {
  visibility: visible;
}

.advertisable-plate__tooltip {
  background-color: #292929;
  border-radius: 4px;
  bottom: 18px;
  left: 0;
  margin: 0;
  max-width: 350px;
  min-height: 30px;
  min-width: 120px;
  padding: 7px 30px 7px 12px;
  position: absolute;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  word-break: break-all;
  z-index: 4;
}

.advertisable-plate__tooltip-content {
  color: #f5f5f5;
  cursor: text;
  font-size: 12px;
  line-height: 18px;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.advertisable-plate__tooltip-content:after {
  border-color: #292929 transparent transparent transparent;
  border-style: solid;
  border-width: 8px;
  content: '';
  left: 46px;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}

.advertisable-plate__tooltip-button {
  box-sizing: content-box;
  color: #fff;
  cursor: pointer;
  height: 17px;
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 17px;
}

.advertisable-plate__tooltip-button:hover {
  color: #c33;
}

.advertisable-plate__tooltip-button:after,
.advertisable-plate__tooltip-button:before {
  box-shadow: 0 0 0 1px;
  content: '';
  display: block;
  height: 0;
  position: relative;
  top: 50%;
  width: 100%;
}

.advertisable-plate__tooltip-button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.advertisable-plate__tooltip-button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.avito {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  height: 40px;
  margin-right: 84px;
}

.avito__link {
  display: block;
  margin-right: 9px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.avito__link:hover {
  opacity: 0.9;
}

.avito__plate {
  color: #999;
  cursor: pointer;
  font:
    8px/1.25 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  max-width: 32px;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.avito__plate:hover {
  color: #c33;
}

.avito__plate:after {
  content: '\2022\2022\2022';
  font-size: 6px;
}

.avito__plate-tooltip {
  word-wrap: break-word;
  background-color: #595959;
  border-radius: 4px;
  cursor: text;
  font-size: 12px;
  height: auto;
  left: -83px;
  line-height: 33px;
  max-width: calc(100vw - 40px);
  min-width: 120px;
  opacity: 1;
  padding: 0 36px 0 12px;
  position: absolute;
  top: 30px;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1;
}

.avito__plate-tooltip:after {
  border: 8px solid;
  border-color: transparent transparent #595959 transparent;
  bottom: 100%;
  content: '';
  left: 85px;
  margin-left: -5px;
  position: absolute;
}

.avito__plate._open .avito__plate-tooltip {
  color: #fff;
  visibility: visible;
}

.avito__plate-tooltip-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  box-sizing: content-box;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  flex-direction: column;
  height: 17px;
  justify-content: center;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 17px;
}

.avito__plate-tooltip-btn:after,
.avito__plate-tooltip-btn:before {
  box-shadow: 0 0 0 1px;
  content: '';
}

.avito__plate-tooltip-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.avito__plate-tooltip-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.avito__plate-tooltip-btn:hover {
  color: #c33;
}

.header._sticked .avito {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: baseline;
  align-items: baseline;
  flex-direction: column;
  left: 10px;
  margin-right: 0;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 60px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header._sticked .avito__img {
  height: auto;
  width: 100px;
}

.header._sticked .avito__plate {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-top: 5px;
}

.header._sticked .avito__plate:after {
  margin-left: 5px;
}

.header._sticked .avito__plate-tooltip {
  left: 0;
  top: 20px;
}

.header._sticked .avito__plate-tooltip:after {
  left: 38px;
}

.header._sticked .avito._hidden {
  opacity: 0;
  pointer-events: none;
}

.banner {
  box-sizing: border-box;
  clear: both;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.banner-card {
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

.banner-card._longgrid {
  margin-bottom: 0;
}

.banner-card:focus,
.banner-card:hover {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
}

.banner._parts-exclusives,
.banner._parts-news,
.banner._parts-pressreleases {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}

.traffic-exchange {
  margin-bottom: 20px;
}

[id^='premium-billboard'] {
  margin-left: -125px;
  width: 970px;
}

[id^='billboard'] {
  background: transparent;
  height: 250px;
  margin: 0 auto;
  width: 1200px;
  z-index: 19;
}

[id^='billboard']._wide {
  margin-bottom: 20px;
  padding: 0;
}

[id^='billboard']:before {
  content: '';
  display: block;
  float: left;
  height: 250px;
  width: 0;
}

[data-config-name^='desktop_fullscreen'],
[data-config-name^='memesis_fullscreen_desktop'] {
  margin: 0;
  position: relative;
}

[data-config-name='desktop_show_up'] {
  height: 174px;
  pointer-events: none;
  position: fixed;
  top: calc(50% - 87px);
  width: 232px;
  z-index: 12;
}

[data-config-name='desktop_show_up'] > * {
  pointer-events: auto;
}

[data-config-name='native_1'] {
  min-height: 84px;
}

[data-config-name^='100%x240'] {
  min-height: 240px;
  z-index: 1;
}

[data-config-name^='100%x240']._parts-exclusives,
[data-config-name^='100%x240']._parts-news {
  padding: 15px 0;
}

[data-config-name='desktop_pop_up_banner'] {
  height: 24px;
  margin-bottom: 0;
  margin-right: 60px;
  width: 44px;
}

[data-config-name='desktop_pop_up_banner'] .kebab_modal {
  right: 0 !important;
  top: 39px !important;
}

.header._sticked [data-config-name='desktop_pop_up_banner'] {
  left: 20px;
  margin-right: 0;
  pointer-events: auto;
  position: absolute;
  top: 60px;
}

.header._sticked [data-config-name='desktop_pop_up_banner'] .kebab_modal {
  left: 0 !important;
}

.header._sticked [data-config-name='desktop_pop_up_banner'] .pop-up_main_container {
  left: 20px !important;
  top: 100px !important;
  visibility: visible !important;
}

.header._sticked [data-config-name='desktop_pop_up_banner']._hidden {
  visibility: hidden;
}

.header._sticked [data-config-name='desktop_pop_up_banner']._hidden .pop-up_main_container {
  visibility: hidden !important;
}

.banner._banner-not-loaded {
  display: none;
}

#billboard._placeholder {
  display: block;
}

#begun_block_432172880 .ad_label__text,
#begun_block_432172880 .adv_info__text,
#begun_block_432172914 .ad_label__text,
#begun_block_432172914 .adv_info__text {
  color: #292929;
  font:
    400 10px/13.5px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: auto;
  pointer-events: none;
  visibility: visible;
  width: auto;
}

#begun_block_432172880 .ad_label__text,
#begun_block_432172914 .ad_label__text {
  background-color: #292929;
  border-radius: 2px;
  color: #fff;
  left: 14px;
  padding: 1px 5px;
  position: absolute;
  top: 14px;
}

#begun_block_432172880 .adv_info__text,
#begun_block_432172914 .adv_info__text {
  color: #999;
  font:
    400 10px/14px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-top: 6px;
  padding: 0 15px;
}

#begun_block_432172880 .ad_native_block,
#begun_block_432172914 .ad_native_block {
  background-color: #f5f5f5;
  padding-bottom: 15px;
}

#begun_block_432172880 .ad_native_block:hover .ad_native_title,
#begun_block_432172914 .ad_native_block:hover .ad_native_title {
  color: #c33;
}

#begun_block_432172880 .ad_native_wrapper,
#begun_block_432172914 .ad_native_wrapper {
  position: relative;
}

#begun_block_432172880 .ad_native_img,
#begun_block_432172914 .ad_native_img {
  margin-bottom: 10px;
}

#begun_block_432172880 .ad_native_img__img,
#begun_block_432172914 .ad_native_img__img {
  display: block;
  max-width: 100%;
}

#begun_block_432172880 .ad_native_title_wrapper,
#begun_block_432172914 .ad_native_title_wrapper {
  padding: 0 15px;
}

#begun_block_432172880 .ad_native_sponsored,
#begun_block_432172880 .ad_native_sponsored_clone,
#begun_block_432172914 .ad_native_sponsored,
#begun_block_432172914 .ad_native_sponsored_clone {
  display: none;
}

#begun_block_432172880 .ad_native_title,
#begun_block_432172914 .ad_native_title {
  color: #292929;
  font:
    900 17px/20px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

#begun_block_432172880 .ad_native_desc,
#begun_block_432172914 .ad_native_desc {
  color: #292929;
  font:
    400 17px/20px 'Source Serif Pro Lenta',
    serif;
  padding: 0 15px;
}

#begun_block_432172902 .ad_label__text,
#begun_block_432172902 .adv_info__text {
  color: #a2a2a2;
  font:
    400 10px/13.5px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: auto;
  pointer-events: none;
  visibility: visible;
  width: auto;
}

#begun_block_432172902 .ad_label__text {
  -webkit-box-ordinal-group: 0;
  margin-bottom: 5px;
  order: -1;
}

#begun_block_432172902 .adv_info__text {
  margin-top: 6px;
}

#begun_block_432172902 .ad_native_wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}

#begun_block_432172902 .ad_native_sponsored,
#begun_block_432172902 .ad_native_sponsored_clone {
  display: none;
}

#begun_block_432172902 .ad_native_img {
  float: left;
  margin-right: 10px;
}

#begun_block_432172902 .ad_native_img__img {
  border-radius: 4px;
  height: auto;
  width: 100px;
}

#begun_block_432172902 .ad_native_title {
  font:
    900 19px/23px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 5px;
}

#begun_block_432172902 .ad_native_desc {
  font:
    400 15px/19px 'Source Serif Pro Lenta',
    serif;
}

#begun_block_432172902 .ad_native_content-wrapper {
  color: #292929;
}

#begun_block_432172902 .ad_native_content-wrapper:after {
  clear: both;
  content: '';
  display: block;
}

#begun_block_440971496 .ad_label__text,
#begun_block_440971496 .adv_info__text {
  color: #292929;
  height: auto;
  pointer-events: none;
  visibility: visible;
  width: auto;
}

#begun_block_440971496 .ad_label__text {
  -webkit-box-ordinal-group: 0;
  font:
    400 11px/13px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 5px;
  order: -1;
  text-align: center;
}

#begun_block_440971496 .adv_info__text {
  color: #999;
  font:
    400 10px/14px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-top: 6px;
}

#begun_block_440971496 .ad_native_wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

#begun_block_440971496 .ad_native_block {
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  padding: 5px 0 15px;
}

#begun_block_440971496 .ad_native_sponsored,
#begun_block_440971496 .ad_native_sponsored_clone {
  display: none;
}

#begun_block_440971496 .ad_native_content-wrapper {
  color: #292929;
}

#begun_block_440971496 .ad_native_content-wrapper:after {
  clear: both;
  content: '';
  display: block;
}

#begun_block_440971496 .ad_native_img {
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}

#begun_block_440971496 .ad_native_img__img {
  border-radius: 4px;
  height: auto;
  width: 100px;
}

#begun_block_440971496 .ad_native_title {
  font:
    900 19px/23px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 5px;
}

#begun_block_440971496 .ad_native_desc {
  font:
    400 15px/19px 'Source Serif Pro Lenta',
    serif;
  padding-left: 115px;
}

[data-config-name='okko_top'] {
  margin-bottom: 0;
}

#begun_block_579421059 > :first-child {
  margin-bottom: 20px;
}

#begun_block_579421059 .ad_native_content-wrapper {
  -webkit-box-align: center;
  align-items: center;
  background-color: #2f1858;
  background-image: -webkit-linear-gradient(15deg, #2f1858, #2f1858 5%, #a22bd5);
  background-image: linear-gradient(75deg, #2f1858, #2f1858 5%, #a22bd5);
  display: -webkit-box;
  display: flex;
  font-family:
    Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  min-height: 140px;
  padding: 7px 5px;
}

#begun_block_579421059 .ad_native_desc,
#begun_block_579421059 .ad_native_sponsored,
#begun_block_579421059 .ad_native_sponsored_clone {
  display: none;
}

#begun_block_579421059 .ad_native_img {
  -webkit-box-flex: 0;
  flex: 0 0 112px;
  margin-right: 10px;
}

#begun_block_579421059 .ad_native_img__img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 126px;
  max-width: 100%;
  width: auto;
}

#begun_block_579421059 .ad_native_title_wrapper {
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 17px;
}

#begun_block_579421059 .ad_native_title {
  color: #fff;
  font-weight: 400;
}

#begun_block_579421059 .ad_native_title span {
  display: block;
  margin-bottom: 6px;
}

#begun_block_579421059 .ad_native_title:before {
  background-image: url(../images/okko.684b4a5b.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
  display: block;
  height: 12px;
  margin: 0 0 8px 1px;
  width: 32px;
}

#begun_block_579421059 .ad_native_title:after {
  background-color: #40126a;
  background-image: url(../images/okko-play.df9aa013.svg);
  background-position: left 7px center;
  background-repeat: no-repeat;
  background-size: 8px 10px;
  border-radius: 3px;
  content: 'Смотреть в Okko';
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  padding: 5px 8px 5px 21px;
}

.cookies-notification {
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  grid-gap: 8px;
  align-items: center;
  background: #292929;
  border-radius: 8px;
  bottom: 10px;
  color: #fff;
  display: -webkit-box;
  display: flex;
  font:
    400 12px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  gap: 8px;
  height: 0;
  justify-content: space-between;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 8px;
  position: fixed;
  -webkit-transform: translate(-50%, 100px);
  transform: translate(-50%, 100px);
  -webkit-transition:
    opacity 0.2s ease,
    height 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    height 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease,
    height 0.2s ease;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease,
    height 0.2s ease,
    -webkit-transform 0.2s ease;
  z-index: 12;
}

.cookies-notification._active {
  height: 52px;
  opacity: 1;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition: none;
  transition: none;
}

.cookies-notification__message {
  width: 284px;
}

.cookies-notification__link {
  color: #fff;
  font:
    400 12px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-transition: text-decoration-color 0.15s ease-out;
  transition: text-decoration-color 0.15s ease-out;
}

.cookies-notification__link:hover {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.cookies-notification__confirm {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  position: relative;
  text-align: center;
  width: 32px;
}

.cookies-notification__progress-bar {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.cookies-notification__progress-circle {
  height: 32px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 32px;
}

.cookies-notification__progress-circle-bg,
.cookies-notification__progress-circle-fg {
  stroke-linecap: round;
}

.custom-banner {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  height: 40px;
  margin-right: 20px;
}

.custom-banner._disabled {
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.custom-banner__link {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  grid-gap: 20px;
  align-items: center;
  background: url(../images/cl-okko-btn-x4.a632ec72.png) no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: flex;
  gap: 20px;
  height: 24px;
  justify-content: center;
  margin-right: 1px;
  margin-top: -2px;
  position: relative;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition:
    filter 0.2s ease,
    -webkit-filter 0.2s ease;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 94px;
}

.custom-banner__link:hover {
  opacity: 0.9;
}

.custom-banner__plate {
  color: #fff;
  cursor: pointer;
  height: 24px;
  margin-top: 5px;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 24px;
}

.custom-banner__plate:hover {
  color: #c33;
}

.custom-banner__plate:before {
  display: none;
}

.custom-banner__plate:after {
  content: '\2807';
  display: block;
  font-size: 18px;
  height: 100%;
  text-align: right;
  width: 80%;
}

.custom-banner__plate-tooltip {
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.102);
  cursor: text;
  font-size: 10px;
  height: auto;
  line-height: 15px;
  max-width: calc(100vw - 40px);
  max-width: 210px;
  min-width: 120px;
  opacity: 1;
  padding: 10px;
  position: absolute;
  right: 3px;
  top: 34px;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1;
}

.custom-banner__plate._open .custom-banner__plate-tooltip {
  color: #292929;
  visibility: visible;
}

.custom-banner__plate-tooltip-label {
  color: #999;
  display: block;
  font-size: 9px;
  line-height: 1em;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-banner__plate-tooltip-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  box-sizing: content-box;
  color: #292929;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  flex-direction: column;
  height: 12px;
  justify-content: center;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 12px;
}

.custom-banner__plate-tooltip-btn:after,
.custom-banner__plate-tooltip-btn:before {
  box-shadow: 0 0 0 1px;
  content: '';
}

.custom-banner__plate-tooltip-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-banner__plate-tooltip-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.custom-banner__plate-tooltip-btn:hover {
  color: #c33;
}

.custom-banner__cl-logo,
.custom-banner__close,
.custom-banner__cup-name,
.custom-banner__logo,
.custom-banner__match-list {
  display: none;
}

.custom-banner__match {
  flex-shrink: 0;
  list-style: none;
}

.custom-banner__match-link {
  grid-gap: 20px;
  background-color: #0f0f99;
  border-radius: 4px;
  color: #fff;
  display: -webkit-box;
  display: flex;
  font:
    400 10px/15px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  gap: 20px;
  padding: 3px 3px 3px 6px;
  position: relative;
}

.custom-banner__match-link:after {
  background-color: hsla(0, 0%, 100%, 0);
  border-radius: 4px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 100%;
}

.custom-banner__match-link:hover:after {
  background-color: hsla(0, 0%, 100%, 0.05);
}

.custom-banner__match-play {
  height: 14px;
  margin: auto 0 auto -16px;
  width: 17px;
}

.custom-banner__teams {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  font-weight: 600;
}

.custom-banner__team {
  display: block;
}

.custom-banner__team:last-child {
  margin-top: -2px;
}

.custom-banner__date {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #1b34b2;
  border-radius: 4px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  text-align: right;
}

.custom-banner__time {
  background: -webkit-linear-gradient(left, #6ef58a, #2abba1 104.41%), #fff;
  background: linear-gradient(90deg, #6ef58a, #2abba1 104.41%), #fff;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}

.custom-banner__live {
  align-self: flex-end;
  background-color: #c33;
  border-radius: 32px;
  display: -webkit-box;
  display: flex;
  font-size: 8px;
  line-height: 13px;
  margin: 0 5px 2px;
  padding: 0 6px;
}

.header._sticked .custom-banner {
  grid-gap: 10px;
  background:
    url(../images/cl-okko-topline-desktop-x2.85c48565.png) no-repeat,
    -webkit-linear-gradient(2.36deg, #292929 15.85%, #130542 47.83%, #000057 65.59%, #000057);
  background:
    url(../images/cl-okko-topline-desktop-x2.85c48565.png) no-repeat,
    linear-gradient(87.64deg, #292929 15.85%, #130542 47.83%, #000057 65.59%, #000057);
  background-position: 100%, 0;
  background-size:
    57% auto,
    cover;
  border-bottom-right-radius: 4px;
  gap: 10px;
  left: 0;
  opacity: 1;
  padding: 0 10px 0 197px;
  pointer-events: auto;
  position: absolute;
  top: 0;
}

.header._sticked .custom-banner__logo {
  display: block;
  height: 14px;
  width: 38px;
}

.header._sticked .custom-banner__cl-logo {
  display: block;
  height: 32px;
  width: 33px;
}

.header._sticked .custom-banner__cl-logo:hover {
  opacity: 0.9;
}

.header._sticked .custom-banner__cup-name {
  background: url(../images/cl-okko-text-x2.70231778.png) no-repeat;
  background-size: contain;
  display: block;
  height: 25px;
  margin-top: 7px;
  mix-blend-mode: lighten;
  width: 134px;
}

.header._sticked .custom-banner__match-list {
  -webkit-box-align: center;
  grid-gap: 4px;
  align-items: center;
  display: -webkit-box;
  display: flex;
  gap: 4px;
  height: 40px;
  margin-right: 10px;
  max-width: 50vw;
  overflow-y: auto;
}

.header._sticked .custom-banner__link {
  background: none;
  color: #fff;
  margin-right: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header._sticked .custom-banner__link:hover {
  opacity: 1;
}

.header._sticked .custom-banner__link:hover:after {
  background: none;
}

.header._sticked .custom-banner__plate {
  color: #292929;
  height: 15px;
  margin-top: 0;
  width: 56px;
}

.header._sticked .custom-banner__plate:before {
  background: #fff;
  border-radius: 2px;
  color: #292929;
  content: 'Реклама';
  display: block;
  font-size: 9px;
  padding: 3px;
}

.header._sticked .custom-banner__plate:after {
  font-size: 16px;
  height: 10px;
  position: absolute;
  right: 2px;
  top: 0;
  width: 10px;
}

.header._sticked .custom-banner__close {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 8px;
  position: relative;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header._sticked .custom-banner__close:hover {
  color: #c33;
}

.header._sticked .custom-banner__close:after,
.header._sticked .custom-banner__close:before {
  border-radius: 1px;
  border-top: 1.5px solid;
  content: '';
  left: 3px;
  position: absolute;
  top: 7px;
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 12px;
}

.header._sticked .custom-banner__close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header._sticked .custom-banner__close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header._sticked .custom-banner__plate-tooltip {
  left: -127px;
  top: 28px;
}

.header._sticked .custom-banner._hidden {
  opacity: 0;
  pointer-events: none;
}

.js-erratum-popup {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  left: 0;
  padding-right: 94px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20;
}

.js-erratum-popup:before {
  background-color: #dadada;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
}

.erratum-popup {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 20px;
  position: relative;
  width: 580px;
}

.erratum-popup_title {
  font:
    900 19px/23px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 20px;
}

.erratum-popup_close {
  cursor: pointer;
  height: 44px;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}

.erratum-popup_close:after,
.erratum-popup_close:before {
  background-color: #292929;
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.erratum-popup_close:before {
  height: 18px;
  width: 2px;
}

.erratum-popup_close:after {
  height: 2px;
  width: 18px;
}

.erratum-popup_close:focus,
.erratum-popup_close:hover {
  outline: none;
}

.erratum-popup_close:focus:after,
.erratum-popup_close:focus:before,
.erratum-popup_close:hover:after,
.erratum-popup_close:hover:before {
  background-color: #c33;
}

.erratum-popup_textarea {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  color: #292929;
  font:
    400 15px/18px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 114px;
  margin: 0 0 16px 0;
  padding: 7px 10px;
  resize: inherit;
  width: 100%;
}

.erratum-popup_textarea:placeholder {
  color: #dadada;
}

.erratum-popup_textarea:focus {
  border-color: #595959;
  outline: none;
}

.erratum-popup_btn {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1.5px solid currentColor;
  border-radius: 3px;
  color: #292929;
  cursor: pointer;
  display: block;
  font:
    400 14px/19px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin: 0 auto;
  max-width: -webkit-max-content;
  max-width: max-content;
  padding: 4px 18px 6px;
  text-align: center;
  -webkit-transition:
    color 0.3s,
    border-color 0.3s;
  transition:
    color 0.3s,
    border-color 0.3s;
}

.erratum-popup_btn:focus,
.erratum-popup_btn:hover {
  color: #c33;
  outline: none;
}

.erratum-popup_emoji {
  margin-bottom: 13px;
  text-align: center;
}

.erratum-popup_text {
  color: #292929;
  font:
    400 15px/18.5px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 19px;
  text-align: center;
}

.erratum-popup_text--typo {
  margin-bottom: 22px;
  text-align: left;
}

.erratum-popup_text--typo ~ .erratum-popup_btn {
  margin: 0 0 0 2px;
}

.erratum-popup_text span {
  background-color: #c33;
  color: #fff;
}

.footer {
  border-top: 4px solid #292929;
  box-sizing: content-box;
  font:
    400 13px/18px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding: 25px 0 30px 0;
}

.footer__menu {
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}

.footer__link {
  color: #292929;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 20px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

.footer__link:focus,
.footer__link:hover {
  color: #c33;
}

.footer__crt-logo {
  display: -webkit-box;
  display: flex;
}

.footer__crt-label {
  margin-right: 16px;
}

.footer__crt-icon {
  height: 21px;
  width: 104px;
}

.footer__versions {
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}

.footer__copyright {
  color: #999;
}

.footer__erratum {
  display: -webkit-box;
  display: flex;
}

.footer__erratum-text {
  color: #999;
  padding-left: 30px;
}

.footer__erratum-dark {
  color: #595959;
  padding-left: 4px;
}

.footer__age-limit {
  background-color: #292929;
  border-radius: 50%;
  color: #fff;
  font:
    700 11px/30px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 30px;
  margin-left: auto;
  margin-right: 2px;
  text-align: center;
  width: 30px;
}

.footer._dark {
  border-top: 4px solid #fff;
  padding-top: 25px;
}

.footer._dark .footer__crt-label,
.footer._dark .footer__link {
  color: #fff;
}

.footer._dark .footer__link:focus,
.footer._dark .footer__link:hover {
  color: #c33;
}

.footer._dark .footer__age-limit {
  background-color: #fff;
  color: #292929;
}

.geo__block {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.geo__frame {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

.geo__plate {
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
  font:
    9px/1 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding: 3.5px 16px 3.5px 4px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.geo__plate._hidden {
  display: none;
}

.geo__plate:after {
  content: '…';
  font-size: 16px;
  position: absolute;
  right: -17px;
  top: 2px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.geo__plate:hover:after {
  color: #c33;
}

.geo__plate-label {
  letter-spacing: 0.3px;
}

.geo__plate-tooltip {
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.102);
  cursor: text;
  font-size: 10px;
  height: auto;
  line-height: 15px;
  max-width: calc(100vw - 40px);
  max-width: 240px;
  min-width: 120px;
  opacity: 1;
  padding: 10px;
  padding-right: 26px;
  position: absolute;
  right: 0;
  top: 26px;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1;
}

.geo__plate._open .geo__plate-tooltip {
  color: #292929;
  visibility: visible;
}

.geo__plate-tooltip-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  box-sizing: content-box;
  color: #292929;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  flex-direction: column;
  height: 10px;
  justify-content: center;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 10px;
}

.geo__plate-tooltip-btn:after,
.geo__plate-tooltip-btn:before {
  box-shadow: 0 0 0 1px;
  content: '';
}

.geo__plate-tooltip-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.geo__plate-tooltip-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.geo__plate-tooltip-btn:hover {
  color: #c33;
}

.goodnews-popup {
  bottom: 0;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 31;
}

.goodnews-popup._hide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.goodnews-popup__wrap {
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  height: 60px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.goodnews-popup__text {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  padding: 10px 20px 13px;
  position: relative;
  text-align: center;
}

.goodnews-popup__text._turn-on {
  background-color: #8ffb8d;
}

.goodnews-popup__title {
  font:
    700 17px/1.25 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.goodnews-popup__subtitle {
  font:
    13px/1.25 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.goodnews-popup__smile,
.goodnews-popup__unicorn {
  position: absolute;
  z-index: -1;
}

.goodnews-popup__smile {
  height: 44px;
  left: -33px;
  top: 9px;
  width: 44px;
}

.goodnews-popup__unicorn {
  height: 46px;
  right: -37px;
  top: 6px;
  width: 46px;
}

.goodnews-popup._nineties .goodnews-popup__wrap {
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.goodnews-popup._nineties .goodnews-popup__text {
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
  color: #000;
  padding: 8px 16px 10px;
}

.goodnews-popup._nineties .goodnews-popup__text._turn-on {
  background: #f50202;
  color: #fff;
  pointer-events: auto;
}

.goodnews-popup._nineties .goodnews-popup__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.goodnews-popup._nineties .goodnews-popup__title {
  margin-bottom: 2px;
}

.goodnews-popup._nineties .goodnews-popup__about,
.goodnews-popup._nineties .goodnews-popup__subtitle {
  font:
    13px/15.25px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  pointer-events: none;
}

.goodnews-popup._nineties .goodnews-popup__button {
  background: none;
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  height: 17px;
  padding: 5px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 17px;
  z-index: 2;
}

.goodnews-popup._nineties .goodnews-popup__button:after,
.goodnews-popup._nineties .goodnews-popup__button:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 17px;
}

.goodnews-popup._nineties .goodnews-popup__button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.goodnews-popup._nineties .goodnews-popup__button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.goodnews-popup._nineties .goodnews-popup__button:hover:after,
.goodnews-popup._nineties .goodnews-popup__button:hover:before {
  opacity: 0.6;
}

.goodnews {
  color: #999;
  position: relative;
}

.goodnews._hide,
.goodnews__checkbox {
  display: none;
}

.goodnews__label {
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.goodnews__label:hover {
  color: #fff;
}

.goodnews__label:hover .goodnews__checkbox:checked + .goodnews__tumbler:before {
  background-color: #8ffb8d;
}

.goodnews__label:hover .goodnews__checkbox:checked ~ .goodnews__tooltip._turn-off,
.goodnews__label:hover .goodnews__checkbox:not(:checked) ~ .goodnews__tooltip._turn-on {
  opacity: 1;
}

.goodnews__title {
  color: #fff;
  font:
    12px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.goodnews__tumbler {
  background-color: #595959;
  border-radius: 20px;
  display: inline-block;
  height: 20px;
  margin-left: 11px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 38px;
}

.goodnews__tumbler:before {
  border: 2px solid;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  margin: 3px;
  -webkit-transition:
    background-color 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    background-color 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    transform 0.2s ease,
    background-color 0.2s ease;
  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    -webkit-transform 0.2s ease;
  width: 10px;
}

.goodnews__checkbox:checked + .goodnews__tumbler {
  background-color: #8ffb8d;
}

.goodnews__checkbox:checked + .goodnews__tumbler:before {
  background-color: #292929;
  color: #292929;
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}

.goodnews__tooltip {
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  height: 50px;
  pointer-events: none;
  position: absolute;
  right: 59px;
  top: 30px;
  -webkit-transition: opacity 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s;
  width: 172px;
}

.goodnews__tooltip._turn-off,
.goodnews__tooltip._turn-on {
  opacity: 0;
}

.goodnews__tooltip._hidden {
  display: none;
}

.goodnews__tooltip-balloon {
  height: 23px;
  position: absolute;
  right: 29px;
  top: -11px;
  width: 21px;
}

.goodnews__tooltip-smile {
  height: 44px;
  left: -20px;
  position: absolute;
  top: -19px;
  -webkit-transform: rotate(32deg);
  transform: rotate(32deg);
  width: 44px;
  z-index: -1;
}

.goodnews__tooltip-text {
  background-color: #fff;
  border-radius: 4px;
  color: #292929;
  font:
    600 13px/1.25 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding: 8px 9px 9px 12px;
  text-align: center;
}

.goodnews__olympics-icon {
  background: url(../images/olympiad-icon.4e761f65.png) no-repeat;
  background-size: 100% 100%;
  height: 21px;
  margin-right: 8px;
  width: 22px;
}

.goodnews._nineties .goodnews__label:after {
  border-radius: 14px;
  content: '';
  height: 30px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 180px;
}

.goodnews._nineties .goodnews__title {
  background: url(../images/branding_nineties.1a1a8a7a.svg);
  background-size: cover;
  height: 16px;
  letter-spacing: 0.3px;
  width: 120px;
}

.goodnews._nineties .goodnews__tumbler {
  -webkit-transition: background-color 0.3s ease 0.3s;
  transition: background-color 0.3s ease 0.3s;
  z-index: 1;
}

.goodnews._nineties .goodnews__tumbler:before {
  border-color: #f50202;
}

.goodnews._nineties .goodnews__label:hover .goodnews__tumbler {
  background-color: #292929;
}

.goodnews._nineties
  .goodnews__label:hover
  .goodnews._nineties
  .goodnews__checkbox._nineties:checked
  + .goodnews._nineties
  .goodnews__tumbler:before {
  background-color: #f50202;
}

.goodnews._nineties .goodnews__checkbox._nineties:checked + .goodnews__tumbler {
  background-color: #f50202;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.goodnews._nineties .goodnews__checkbox._nineties:checked + .goodnews__tumbler:before {
  background-color: #000;
  border-color: #000;
}

.goodnews._nineties .goodnews__tooltip {
  right: 60px;
  width: 175px;
}

.goodnews._nineties .goodnews__tooltip-balloon {
  right: 30px;
}

.goodnews._nineties .goodnews__tooltip-text {
  letter-spacing: 0.3px;
}

.goodnews._nineties .goodnews__tooltip._turn-on {
  height: 324px;
  right: -102px;
  top: -100px;
  width: 324px;
}

.goodnews._nineties .goodnews__tooltip._turn-on .goodnews__tooltip-text {
  background-color: #fff;
  border-radius: 14px;
  height: 30px;
  left: 45px;
  position: absolute;
  top: 95px;
  width: 183px;
}

.goodnews._nineties .goodnews__tooltip._turn-on .goodnews__tooltip-text:after {
  background: url(../images/branding_nineties.1a1a8a7a.svg);
  color: #292929;
  content: '';
  font:
    12px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 16px;
  position: absolute;
  right: 55px;
  top: 7px;
  width: 120px;
}

.goodnews._nineties .goodnews__tooltip._turn-off .goodnews__tooltip-text {
  font:
    700 13px/1.25 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding-bottom: 10px;
}

.goodnews._nineties .goodnews__image {
  background: url(../images/nineties_circle.fa22e8d1.png);
  background-size: cover;
  box-sizing: content-box;
  height: 250px;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 65px;
  width: 324px;
}

@media (max-width: 1399px) {
  .goodnews._nineties .goodnews__image:before {
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%);
  }
}

@media (max-width: 1279px) {
  .goodnews._nineties .goodnews__image:before {
    height: 60px;
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
    width: 180px;
  }
}

.goodnews._nineties .goodnews__about {
  bottom: 33px;
  color: #000;
  display: block;
  font:
    9px/12.15px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 30px;
  left: 50%;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: pre-line;
  width: 164px;
}

.goodnews .goodnews__label:hover .goodnews__checkbox._nineties:not(:checked) ~ .goodnews__tooltip._turn-on {
  pointer-events: auto;
}

.header {
  -webkit-box-pack: justify;
  height: 90px;
  justify-content: space-between;
  padding: 30px 20px;
  position: relative;
}

.header,
.header__left {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}

.header__burger,
.header__left {
  background-color: transparent;
}

.header__burger {
  border: none;
  border-color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  height: 40px;
  margin-right: 20px;
  outline: none;
  position: relative;
  width: 40px;
  z-index: 1;
}

.header__burger:hover {
  border-color: #c33;
}

.header__burger:before {
  border-color: inherit;
  border-style: solid;
  border-width: 2px 0;
  content: '';
  height: 6px;
  left: 9px;
  position: absolute;
  top: 15px;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  width: 22px;
}

.header__center {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 120px;
}

.header__center._premium {
  width: -webkit-max-content;
  width: max-content;
}

.header__rubric._premium {
  color: #fff;
  font:
    900 14px/1.1 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.header__rubric._premium:hover {
  color: #c33;
}

.header__logo {
  color: #fff;
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  height: 30px;
  line-height: 0;
  width: 176px;
  z-index: 1;
}

.header__logo-icon {
  height: 100%;
  width: 100%;
}

.header__time {
  color: #999;
  display: block;
  font:
    400 12px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-align: center;
  width: 100%;
}

.header__right {
  -webkit-box-align: center;
  -webkit-box-pack: end;
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
}

.header__my,
.header__right,
.header__time {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.header._sticked {
  height: 40px;
  padding: 5px 0;
}

.header._sticked .header__banner,
.header._sticked .header__center,
.header._sticked .header__my {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
  visibility: hidden;
}

.header._sticked .header__center {
  margin: 0;
}

.header._sticked .header__logo {
  -webkit-transform: scale(0.51) translate(-70px, -1px);
  transform: scale(0.51) translate(-70px, -1px);
}

.header._sticked .header__left {
  background-color: #292929;
  border-radius: 0 0 4px 0;
  padding-left: 10px;
  pointer-events: auto;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 162px;
}

.header._sticked .header__burger {
  margin-right: 0;
}

.header._sticked .header__right._branded {
  background-color: #292929;
  border-radius: 0 0 0 15px;
  height: 40px;
  opacity: 1;
  padding: 0 5px 0 10px;
  pointer-events: auto;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  visibility: visible;
  width: auto;
}

.header._sticked .header__right._branded .goodnews {
  opacity: 1;
  visibility: visible;
}

.header._sticked .header__right .goodnews {
  opacity: 0;
  visibility: hidden;
}

.header._premium .header__left,
.header._premium .header__right._branded {
  background-color: transparent;
}

.header._my .header__rubric {
  color: #999;
  font:
    400 14px/1.1 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.header._my .header__logo {
  color: #292929;
}

.header._my .header__burger {
  border-color: #292929;
}

.header._my .header__burger:hover {
  border-color: #c33;
}

.header._my .header__right .olympiad__plate {
  color: #999;
}

.header._my._sticked .header__logo {
  color: #fff;
}

.header._my._sticked .header__burger {
  border-color: #fff;
}

.header._my._sticked .header__burger:hover {
  border-color: #c33;
}

.header__billboard-platform {
  bottom: 0;
  height: 92px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.layout {
  position: relative;
}

.layout._dark {
  background-color: #292929;
}

.layout._no-scroll {
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  z-index: 1;
}

.layout__black-header {
  background-color: #292929;
  height: 270px;
  left: 0;
  min-width: 1280px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.layout__menu {
  position: relative;
  z-index: 30;
}

.layout__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1440px;
}

.layout__container._dark {
  background-color: #292929;
}

.layout__header-ghost {
  height: 90px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.layout__footer-ghost {
  bottom: 0;
  height: 400px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.layout__header {
  background-color: #292929;
  position: -webkit-sticky;
  position: sticky;
  z-index: 20;
}

.layout__header._sticked {
  margin-bottom: 50px;
  padding-top: 1px;
  pointer-events: none;
  top: -1px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 21;
}

.layout__header._my,
.layout__header._premium,
.layout__header._sticked {
  background-color: transparent;
}

.layout__header._hidden {
  z-index: 1;
}

.layout__header._hidden._sticked {
  visibility: hidden;
}

.layout__content {
  -webkit-box-flex: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex: 1 0 auto;
  position: relative;
}

.layout__content._dark {
  padding-top: 12px;
}

.layout__content,
.layout__footer {
  background-color: #fff;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 20px 0px;
  max-width: 1200px;
  width: 100%;
}

.js-layout-footer .footer {
  padding: 25px 20px;
}

.layout__content._dark,
.layout__footer._dark {
  background-color: #292929;
}

.layout ._hidden-feature {
  display: none;
}

.menu {
  width: 300px;
}

.menu__overlay {
  background-color: #dadada;
  cursor: pointer;
  min-width: 1240px;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100vw;
}

.menu__container,
.menu__overlay {
  height: 100%;
  left: 0;
  pointer-events: all;
  position: fixed;
  top: 0;
}

.menu__container {
  background-color: #292929;
  color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 35px 30px 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition:
    transform 0.2s ease,
    -webkit-transform 0.2s ease;
  width: 310px;
}

.menu._hide {
  z-index: -1;
}

.menu._hide .menu__overlay {
  opacity: 0;
  pointer-events: none;
}

.menu._hide .menu__container {
  overflow: hidden;
  -webkit-transform: translateX(-310px);
  transform: translateX(-310px);
}

.menu__nav {
  height: 100%;
}

.menu__nav-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.menu__nav-item {
  margin-bottom: 5px;
}

.menu__nav-item:first-child {
  margin-bottom: 20px;
}

.menu__nav-link {
  color: #999;
  font:
    13px/16px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.menu__nav-link._is-extra {
  color: #fff;
  font:
    800 15px/18px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.menu__nav-link:hover {
  color: #dadada;
}

.menu__nav-item._active .menu__nav-link {
  color: #c33;
  pointer-events: none;
}

.menu__nav-separator {
  margin-bottom: 30px;
}

.menu__socials {
  -webkit-box-ordinal-group: 2;
  margin-top: auto;
  order: 1;
  padding-bottom: 30px;
}

.menu__my {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 24px;
}

.missed-news {
  border-radius: 0 0 6px 6px;
  position: fixed;
  top: 0;
  z-index: 20;
}

.missed-news__alert {
  background-color: #fdeec0;
  border: none;
  border-radius: 0 0 6px 6px;
  cursor: pointer;
  display: block;
  left: 50%;
  margin: 0;
  outline: none;
  padding: 10px 10px 13px;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.missed-news__alert._active {
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.missed-news__alert:hover .missed-news__title {
  color: #c33;
}

.missed-news__title {
  color: #292929;
  font:
    400 12px/16px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.missed-news__title:after {
  background-color: #c33;
  border-radius: 16px;
  box-sizing: border-box;
  color: #fff;
  content: attr(data-count);
  display: none;
  font:
    500 10px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-left: 5px;
  min-width: 16px;
  padding: 2px 5px;
  position: relative;
  text-align: center;
  vertical-align: text-bottom;
}

.missed-news__title:not([data-count='0']):after {
  display: inline-block;
}

.missed-news__popup {
  background-color: hsla(0, 0%, 85%, 0.7);
  bottom: 0;
  height: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.missed-news__popup._active {
  height: 100vh;
  opacity: 1;
  width: 100vw;
}

.missed-news__popup-content {
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  left: 50%;
  max-height: 588px;
  padding: 0 20px 30px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  width: 380px;
}

.missed-news__popup._active .missed-news__popup-content {
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.missed-news__close {
  background-color: #fff;
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  display: block;
  height: 20px;
  left: 0;
  padding: 9px 0 10px;
  position: relative;
  top: 0;
  width: 100%;
}

.missed-news__close:after,
.missed-news__close:before {
  background-color: #292929;
  content: '';
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 21px;
}

.missed-news__close:after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.missed-news__close:before {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.missed-news__close:hover:after,
.missed-news__close:hover:before {
  background-color: #c33;
}

.missed-news__list-wrap {
  max-height: 466px;
  overflow: scroll;
  position: relative;
}

.missed-news__list-wrap._fade {
  -webkit-mask-image: -webkit-linear-gradient(
    top,
    transparent,
    #fff 70px,
    #fff calc(100% - 70px),
    transparent
  );
  mask-image: linear-gradient(180deg, transparent, #fff 70px, #fff calc(100% - 70px), transparent);
}

.missed-news__list-wrap._fade-up {
  -webkit-mask-image: -webkit-linear-gradient(bottom, #fff calc(100% - 70px), transparent);
  mask-image: linear-gradient(0deg, #fff calc(100% - 70px), transparent);
}

.missed-news__list-wrap._fade-down {
  -webkit-mask-image: -webkit-linear-gradient(top, #fff calc(100% - 70px), transparent);
  mask-image: linear-gradient(180deg, #fff calc(100% - 70px), transparent);
}

.missed-news__item {
  list-style: none;
  padding: 10px 0;
}

.missed-news__item:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}

.missed-news__item .card-mini {
  padding: 0;
}

.missed-news__button {
  border: 2px solid #292929;
  border-radius: 3px;
  color: #292929;
  display: block;
  font:
    400 14px/1.35 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin: 20px auto 0;
  max-width: -webkit-max-content;
  max-width: max-content;
  padding: 5px 28px;
  position: relative;
  -webkit-transition:
    color 0.2s ease-out,
    border 0.2s ease-out;
  transition:
    color 0.2s ease-out,
    border 0.2s ease-out;
}

.missed-news__button:active,
.missed-news__button:hover {
  border: 2px solid #c33;
  color: #c33;
}

.missed-news__popup._hide .missed-news__button {
  display: none;
}

.my-icon__button,
.my-icon__logout {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.my-icon__button:hover,
.my-icon__logout:hover {
  color: #c33;
}

.my-icon__avatar,
.my-icon__logout {
  display: none;
}

.my-icon__avatar {
  color: #fff;
  line-height: 0;
  margin-left: 20px;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.my-icon__avatar:hover {
  color: #c33;
}

.my-icon__avatar-icon {
  display: block;
  height: 20px;
  width: 20px;
}

.my-icon__avatar-sber {
  height: 14px;
  left: 6px;
  position: absolute;
  top: -2px;
  width: 14px;
}

.my-icon__avatar-sber._hidden {
  display: none;
}

.my-icon._header {
  width: 72px;
}

.my-icon._header .my-icon__button {
  font:
    400 12px/16px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-left: 28px;
  padding: 1px 9px 1px 0;
}

.my-icon._menu .my-icon__button {
  font:
    900 15px/18px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding: 1px 10px;
}

.my-icon._logged .my-icon__button {
  display: none;
}

.my-icon._logged .my-icon__avatar,
.my-icon._logged .my-icon__logout {
  display: block;
}

.my-icon._hidden .my-icon__avatar,
.my-icon._hidden .my-icon__button {
  display: none;
}

.my-icon._my .my-icon__button,
.my-icon._my .my-icon__logout {
  color: #999;
  font:
    400 14px/1.1 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.my-icon._my .my-icon__avatar:hover,
.my-icon._my .my-icon__button:hover,
.my-icon._my .my-icon__logout:hover {
  color: #c33;
}

.redline {
  background-color: transparent;
  display: inline-block;
  left: 50%;
  margin-bottom: 10px;
  margin-top: -70px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}

.redline,
.redline__wrap {
  height: 60px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.redline__wrap {
  -webkit-box-align: center;
  align-items: center;
  background-color: $backgroundRed;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: flex;
  margin: 0 10px;
  max-width: 420px;
  padding: 8px 16px 12px;
  position: relative;
  z-index: 3;
}

.redline__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: inherit;
  display: block;
  display: -webkit-box;
  font:
    400 15px/1.2 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
}

.redline__time {
  bottom: 6px;
  font:
    12px/1.5 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  opacity: 0.7;
  position: absolute;
  right: 7px;
}

.redline__close {
  padding: 7px;
  position: absolute;
  right: 0;
  top: 0;
}

.redline__close-icon {
  display: block;
  height: 10px;
  width: 10px;
}

.redline._hidden {
  display: none;
}

.header .scroll-bar {
  background: #c33;
  height: 3px;
  left: 162px;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scaleX(0.804);
  transform: scaleX(0.804);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  width: 5%;
}

.header .scroll-bar._hidden {
  visibility: hidden;
}

.header._sticked .scroll-bar {
  opacity: 1;
}

.header._premium .scroll-bar,
.header._sticked .scroll-bar._hidden {
  opacity: 0;
}

.search-bar {
  margin: 30px 0 15px;
  position: relative;
}

.search-bar__input {
  background-color: #595959;
  border: none;
  border-radius: 3px;
  color: #fff;
  font:
    15px/38px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 38px;
  outline: none;
  padding: 8px 10px 12px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 100%;
}

.search-bar__input::-webkit-input-placeholder {
  color: #999;
}

.search-bar__input:-ms-input-placeholder {
  color: #999;
}

.search-bar__input::-ms-input-placeholder {
  color: #999;
}

.search-bar__input::placeholder {
  color: #999;
}

.search-bar__input:focus {
  background-color: #fff;
  color: #292929;
}

.search-bar__input:focus + .search-bar__submit {
  color: #292929;
}

.search-bar__submit {
  background: transparent;
  border: none;
  bottom: 0;
  color: #999;
  cursor: pointer;
  margin: auto 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.search-bar__submit:hover {
  opacity: 0.8;
}

.search-bar__submit-icon {
  height: 20px;
  width: 20px;
}

.sidebar {
  width: 300px;
}

.sidebar__sticky {
  margin-bottom: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.sidebar__okko {
  overflow: hidden;
}

.social-links {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  width: 100%;
}

.social-links__item {
  color: #595959;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.social-links__item:hover {
  color: #dadada;
}

.social-links__link {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  box-sizing: border-box;
  color: inherit;
  display: -webkit-box;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  width: 30px;
}

.social-links__icon {
  color: inherit;
  max-height: 100%;
}

.social-links__icon._vk {
  max-height: 12px;
}

.social-links__icon._max {
  max-height: 15px;
}

.twz-announce-plate {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background: #82ecad;
  border-radius: 4px;
  display: -webkit-box;
  display: flex;
  height: 16px;
  justify-content: center;
  margin-left: 5px;
  padding: 0 4px;
}

.twz-announce-plate__title {
  color: #292929;
  font:
    500 10px/1 Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.vk-video-popup {
  background: transparent;
  bottom: 5%;
  height: 380px;
  position: fixed;
  right: 5%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  width: 380px;
  z-index: 20;
}

.vk-video-popup._small {
  visibility: visible;
}

.vk-video-popup._big {
  height: 678px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: visible;
  width: 1356px;
}

.vk-video-popup__controls {
  grid-gap: 8px;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  gap: 8px;
  position: absolute;
  right: 30px;
  top: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.vk-video-popup__controls._small {
  right: 30px;
  top: 30px;
}

.vk-video-popup__controls._big {
  right: 130px;
  top: 90px;
}

.vk-video-popup__wrap {
  height: 100%;
  position: relative;
  width: 100%;
}

.vk-video-popup__wrap iframe {
  height: 100%;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
}

.vk-video-popup__overlay {
  cursor: pointer;
  height: 65%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 10;
}

.vk-video-popup__dots {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  grid-gap: 3px;
  align-items: center;
  background: #292929;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 30px;
  justify-content: center;
  -webkit-transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
  -webkit-transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
  width: 30px;
}

.vk-video-popup__dots:hover {
  background: #c33;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.vk-video-popup__dots span {
  background: #fff;
  border-radius: 50%;
  height: 2px;
  width: 2px;
}

.vk-video-popup__close {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background: #292929;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  height: 30px;
  justify-content: center;
  -webkit-transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
  -webkit-transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
  width: 30px;
}

.vk-video-popup__close:hover {
  background: #c33;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.vk-video-popup__close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.vk-video-popup__close:after,
.vk-video-popup__close:before {
  background: #fff;
  content: '';
  height: 2px;
  position: absolute;
  width: 15px;
}

.vk-video-popup__close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.vk-video-popup__tooltip {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  color: #292929;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  padding: 12px 16px;
  position: absolute;
  right: 0;
  top: -100px;
  -webkit-transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  visibility: hidden;
  width: 300px;
  z-index: 25;
}

.vk-video-popup__tooltip._open {
  opacity: 1;
  visibility: visible;
}

.yandex-games {
  margin-right: 45px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.yandex-games._in-menu {
  margin-right: 0;
}

.yandex-games._hidden .yandex-games__btn {
  opacity: 0;
  pointer-events: none;
}

.yandex-games__btn {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  align-items: center;
  background: #292929;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  outline: none;
  padding: 0 9px 0 0;
  pointer-events: auto;
  width: 80px;
}

.yandex-games__btn-image-wrapper {
  height: 32px;
  left: -1px;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  width: 32px;
}

.yandex-games__btn-image {
  display: block;
  height: 100%;
  width: 100%;
}

.yandex-games__btn-text {
  color: #fff;
  font:
    12px/16px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.yandex-games__btn:hover .yandex-games__btn-text {
  color: #c33;
}

.yandex-games__popup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: rgba(41, 41, 41, 0.97);
  bottom: 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 0;
  z-index: 20;
}

.yandex-games__popup._active {
  height: 100vh;
  opacity: 1;
  padding: 40px 20px 30px;
  width: 100vw;
}

.yandex-games__popup._active._desktop {
  padding: 10px 40px 0;
  pointer-events: auto;
}

.yandex-games__popup-wrapper {
  display: none;
  height: 100%;
  margin: 0 auto;
  max-width: 1160px;
}

.yandex-games__popup._active .yandex-games__popup-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

.yandex-games__popup-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  align-items: center;
  display: none;
  flex-direction: column;
}

.yandex-games__popup-content._active {
  display: -webkit-box;
  display: flex;
}

.yandex-games__popup-sidebar {
  display: none;
}

.yandex-games__popup._desktop .yandex-games__popup-wrapper {
  position: relative;
}

.yandex-games__popup._desktop .yandex-games__popup-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 200px;
}

.yandex-games__popup._desktop .yandex-games__popup-sidebar {
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 600px;
  width: 300px;
}

.yandex-games__content-wrapper {
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  overflow-y: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.yandex-games__popup._desktop .yandex-games__content-wrapper {
  height: auto;
  margin-top: 20px;
  position: relative;
  top: 45%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.yandex-games__close {
  background: none;
  border: none;
  height: 60px;
  margin-left: auto;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}

.yandex-games__close:after,
.yandex-games__close:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 35px;
}

.yandex-games__close:after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.yandex-games__close:before {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.yandex-games__popup._desktop .yandex-games__close {
  cursor: pointer;
  position: relative;
  right: -2px;
  top: 1px;
}

.yandex-games__popup._desktop .yandex-games__close:hover:after,
.yandex-games__popup._desktop .yandex-games__close:hover:before {
  background-color: #c33;
}

.yandex-games__title {
  color: #fff;
  font:
    400 19px/23px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 22px;
  max-width: 274px;
  text-align: center;
}

.yandex-games__popup._desktop .yandex-games__title {
  font-size: 22px;
  line-height: 27.5px;
}

.yandex-games__disclaimer,
.yandex-games__feedback {
  color: #b2b2b2;
  font:
    400 12px/17.5px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-align: center;
}

.yandex-games__popup._desktop .yandex-games__disclaimer,
.yandex-games__popup._desktop .yandex-games__feedback {
  font:
    13px/18px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  width: 507px;
}

.yandex-games__disclaimer {
  margin-bottom: 22px;
}

.yandex-games__popup._desktop .yandex-games__disclaimer {
  margin-bottom: 46px;
}

.yandex-games__feedback {
  margin-top: 35px;
}

.yandex-games__feedback a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.yandex-games__feedback a:hover {
  color: #c33;
}

.yandex-games__list {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  margin-bottom: 40px;
  max-height: 450px;
}

.yandex-games__popup._desktop .yandex-games__list {
  grid-gap: 20px 40px;
  margin: 0;
}

.yandex-games__logo-icon {
  color: #fff;
  height: 9px;
  width: 59px;
}

.yandex-games__popup._desktop .yandex-games__logo {
  margin-top: 58px;
}

.yandex-games__popup._desktop .yandex-games__logo-icon {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.yandex-games__popup._desktop .yandex-games__logo:hover .ya-games__logo-icon {
  color: #c33;
}

.yandex-games__frame {
  display: none;
}

.yandex-games__frame._active {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
}

.yandex-games__popup._desktop .yandex-games__frame {
  height: 600px;
  margin-right: 60px;
  position: static;
  width: 800px;
}

.yandex-games__exit-fullscreen {
  background-color: rgba(41, 41, 41, 0.9);
  border: none;
  border-radius: 0 10px 10px 0;
  display: block;
  height: 45px;
  left: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 50px;
  -webkit-transition: opacity 0.3s ease 1s;
  transition: opacity 0.3s ease 1s;
  width: 45px;
}

.yandex-games__exit-fullscreen._active {
  opacity: 1;
  pointer-events: auto;
}

.yandex-games__exit-fullscreen._active:after {
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  content: '';
  display: block;
  height: 13px;
  left: 18px;
  position: absolute;
  top: 13px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 13px;
}

.game-card {
  max-width: 100px;
}

.game-card__image-wrap {
  border-radius: 10px;
  height: 100px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

.game-card__image {
  background-color: #949494;
  height: auto;
  width: 100%;
}

.game-card__image._desktop {
  display: none;
}

.game-card__title {
  color: #fff;
  font:
    500 13px/16.25px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.game-card__rating {
  -webkit-box-align: center;
  align-items: center;
  background-color: #444;
  border-radius: 6px;
  bottom: 5px;
  display: -webkit-box;
  display: flex;
  left: 5px;
  padding: 3px;
  position: absolute;
}

.game-card__rating-icon {
  height: 12px;
  margin-right: 2px;
  width: 12px;
}

.game-card__rating-value {
  color: #fff;
  font:
    400 10px/12.5px Lato Lenta,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.yandex-games__popup._desktop .game-card {
  cursor: pointer;
  max-width: 163px;
}

.yandex-games__popup._desktop .game-card__image-wrap {
  height: 92px;
  width: 163px;
}

.yandex-games__popup._desktop .game-card__image {
  display: none;
}

.yandex-games__popup._desktop .game-card__image._desktop {
  display: block;
}

.yandex-games__popup._desktop .game-card__title {
  line-height: 18.25px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.yandex-games__popup._desktop .game-card:hover .game-card__title {
  color: #c33;
}

.header._sticked .yandex-games {
  left: 20px;
  margin-right: 0;
  opacity: 1;
  position: absolute;
  top: 60px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header._sticked .yandex-games._hidden {
  opacity: 0;
  pointer-events: none;
}

.header._premium .yandex-games__btn {
  background: transparent;
}

.olympiad {
  margin-right: 24px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.olympiad._in-menu {
  margin-right: 0;
}

.olympiad._hidden .olympiad__btn {
  opacity: 0;
  pointer-events: none;
}

.olympiad__wrapper {
  border: none;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
  padding: 0;
  pointer-events: auto;
}

.olympiad__link,
.olympiad__wrapper {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  height: 32px;
}

.olympiad__link {
  grid-gap: 7px;
  background: -webkit-linear-gradient(top, #fff -0.83%, #e1e1e1 100.83%);
  background: linear-gradient(180deg, #fff -0.83%, #e1e1e1 100.83%);
  border-radius: 20px;
  gap: 7px;
  margin-right: 8px;
  padding: 8px 10px;
}

.olympiad__link-icon {
  background: url(../images/olympiad-okko.63b4e0f5.png) no-repeat;
  background-size: 100% 100%;
  height: 14.36px;
  width: 39.81px;
}

.olympiad__link-separator {
  background: silver;
  height: 15px;
  width: 1px;
}

.olympiad__link-rings {
  background: url(../images/olympiad-rings.635b94eb.png) no-repeat;
  background-size: 100% 100%;
  height: 14.5px;
  width: 31.5px;
}

.olympiad__plate {
  color: #fff;
  height: 100%;
  position: relative;
  width: 13px;
}

.olympiad__plate:after {
  content: '\2807';
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 7px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.olympiad__plate:hover:after {
  color: #c33;
}

.olympiad__plate-tooltip {
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.102);
  cursor: text;
  font-size: 10px;
  height: auto;
  line-height: 15px;
  max-width: calc(100vw - 40px);
  min-width: 120px;
  opacity: 1;
  padding: 10px;
  padding-right: 26px;
  position: absolute;
  right: 0;
  top: 33px;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1;
}

.olympiad__plate-tooltip-title {
  color: #999;
}

.olympiad__plate._open .olympiad__plate-tooltip {
  color: #292929;
  visibility: visible;
}

.olympiad__plate-tooltip-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  box-sizing: content-box;
  color: #292929;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  flex-direction: column;
  height: 10px;
  justify-content: center;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 10px;
}

.olympiad__plate-tooltip-btn:after,
.olympiad__plate-tooltip-btn:before {
  box-shadow: 0 0 0 1px;
  content: '';
}

.olympiad__plate-tooltip-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.olympiad__plate-tooltip-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.olympiad__plate-tooltip-btn:hover {
  color: #c33;
}

.header._sticked .olympiad {
  left: 20px;
  margin-right: 0;
  opacity: 1;
  position: absolute;
  top: 60px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header._sticked .olympiad._hidden {
  opacity: 0;
  pointer-events: none;
}

.header._sticked .olympiad__wrapper {
  width: 130px;
}

.header._sticked .olympiad__link-text-need-to-hide {
  display: none;
}

.header._sticked .olympiad__plate {
  color: silver;
}

.header._premium .olympiad__wrapper {
  background: transparent;
}

.mob {
  display: none;
}