@charset "UTF-8";
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff") format("woff");
}

body {
  font-family: "Source Sans Pro", sans-serif;
  min-width: 320px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-font-smoothing: antialiased; }

.hidden {
  display: none!important; }

a {
  cursor: pointer; }

b {
  font-weight: 600; }

/************************/
.page-content {
  margin: 0 auto;
  max-width: 500px; }

/*******footer***************/
.page-footer {
  border-radius: 16px;
  margin: 16px auto 82px;
  padding: 35px 24px 16px;
  width: calc(100% - 32px);
  max-width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EDF0F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.page-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 24px; }

.page-footer__list li {
  margin: 0 0 8px; }

.page-footer__list a {
  color: #3E3F40;
  font: 14px/16px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center; }

.page-footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 50px;
  width: 100%; }

.page-footer__copyright {
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0 0 7px; }

.page-footer__age {
  color: #88898C;
  font: 300 36px/40px "Source Sans Pro", sans-serif; }

/**********************/
.page-footer-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px 34px; }

.page-footer-soc__title {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  width: 100%;
  text-align: center;
  margin: 0 0 13px; }

.icon-in-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -68px -362px no-repeat; }

.icon-vk-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -102px -362px no-repeat; }

.icon-fb-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -136px -362px no-repeat; }

.icon-ok-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -170px -362px no-repeat; }

.icon-zen-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -204px -362px no-repeat; }

.icon-gp-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -362px no-repeat; }

.icon-app-f {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -34px -362px no-repeat; }

.page-footer-soc__link {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 10px; }

/********************/
.lenta__list {
  margin: 0 16px; }

.lenta__item {
  margin-bottom: 28px; }

/************/
.lenta-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 16px 20px; }

.lenta-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 116px;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4BA0EE), to(#76BAF1));
  background: linear-gradient(to bottom, #4BA0EE, #76BAF1);
  z-index: 31; }

.lenta-form__title {
  font: 600 28px/34px "Source Sans Pro", sans-serif;
  color: #fff;
  width: 100%;
  margin: 0; }

.lenta-form input[type="search"] {
  position: relative;
  height: 32px;
  border-radius: 16px;
  border: none;
  background: #fff;
  color: #252626;
  font: 14px/24px "Source Sans Pro", sans-serif;
  margin: 0 40px 0 0;
  padding: 0 8px 3px 40px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.lenta-form input[type="search"]::-webkit-input-placeholder {
  color: #88898C; }

.lenta-form input[type="search"]::-moz-placeholder {
  color: #88898C; }

.lenta-form input[type="search"]:-ms-input-placeholder {
  color: #88898C; }

.lenta-form input[type="search"]::-ms-input-placeholder {
  color: #88898C; }

.lenta-form input[type="search"]::placeholder {
  color: #88898C; }

.lenta-form label[for="search"] {
  position: absolute;
  content: "";
  left: 32px;
  top: 64px;
  width: 24px;
  height: 24px;
  z-index: 3;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px 0 no-repeat; }

.page-content.lenta .lenta-form label[for="search"],
.page-content.lenta .lenta-form input[type="search"] {
  visibility: hidden; }

.lenta-form__toggle {
  display: none; }

.lenta-form__toggle + label {
  position: absolute;
  top: 60px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  z-index: 32; }

.lenta-form__toggle + label::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -338px 0 no-repeat; }

.lenta-form__toggle:checked + label {
  background: rgba(0, 53, 105, 0.6); }

.lenta-form__toggle:checked + label::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -52px -104px no-repeat; }

.lenta-form__inner {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 48px 24px 8px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #EDF0F7;
  border-radius: 0 0 24px 24px;
  margin: -24px 0 0;
  z-index: 30; }

.lenta-form__inner > * {
  width: 100%;
  height: 32px;
  margin: 0 0 16px; }

/*********/
.lenta-form__select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.lenta-form__select details {
  position: absolute;
  z-index: 10;
  width: 100%;
  border-radius: 20px; }

.lenta-form__select:nth-child(2) details {
  z-index: 9; }

.lenta-form__select:nth-child(3) details {
  z-index: 8; }

.lenta-form__select details:nth-child(even) {
  right: 0; }

.lenta-form__select summary {
  display: block;
  position: relative;
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 2px 15px 6px;
  width: 100%;
  height: 32px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #D2D4D6; }

.lenta-form__select summary::-webkit-details-marker {
  display: none; }

.lenta-form__select summary::after {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.lenta-form__select details[open] {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.lenta-form__select details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px; }

.lenta-form__select details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none; }

.lenta-form__select div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  border-top: 1px solid #D2D4D6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 13px 20px 17px;
  border-radius: 0 0 20px 20px; }

.lenta-form__select a {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 8px 0; }

.lenta-form__check {
  display: none; }

.lenta-form__inner label {
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase; }

.lenta-form__link,
.lenta-form__link:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 48px; }

.lenta-form__link::before,
.lenta-form__link::after {
  position: absolute;
  content: '';
  height: 16px;
  width: 2px;
  top: 8px;
  left: 18px;
  background: #252626;
  border-radius: 1px; }

.lenta-form__link::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-setting::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 7px;
  width: 24px;
  height: 24px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -338px 0 no-repeat; }

.icon-setting::after {
  display: none; }
.icon-edit::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 7px;
  width: 24px;
  height: 24px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -494px 0 no-repeat;
}

.lenta-form__check + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.lenta-form__check + label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 1px;
  width: 36px;
  height: 24px;
  border-radius: 12px;
  background: #88898C;
  -webkit-transition: .2s;
  transition: .2s; }

.lenta-form__check + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #EDF0F7;
  -webkit-transition: .2s;
  transition: .2s; }

.lenta-form__check:checked + label:before {
  background: #3e99ed; }

.lenta-form__check:checked + label:after {
  left: 14px; }

.lenta-form__toggle:checked ~ .lenta-form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.lenta-form__select input {
  display: none; }

.lenta-form__select label {
  position: relative;
  padding: 12px 0 12px 64px;
  color: #252626;
  font: 16px/16px "Source Sans Pro", sans-serif; }

.lenta-form__select label:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 20px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.lenta-form__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -192px -156px no-repeat; }

/*******************/
.lenta__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0; }

.lenta__title a,
.lenta__title a:visited {
  color: #252626; }

.lenta__show-all, .lenta__show-all:visited {
  position: absolute;
  top: 11px;
  right: 0;
  color: #003569;
  text-transform: uppercase;
  font: 14px/16px "Source Sans Pro", sans-serif; }

.lenta-card__title, .lenta-card__title:visited {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 8px;
  color: #252626;
  display: -webkit-box;
  width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 96px; }

.lenta-card__admin {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #fa385d;
  margin: 0 0 8px;
}

.lenta-card__title a,
.lenta-card__title a:visited,
.lenta-card__text > a,
.lenta-card__text > a:visited {
  color: inherit; }

.lenta-card__text {
  position: relative;
  /* max-height: 240px; */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px; }

.main-block .lenta-card__text {
  max-height: 120px; }

.lenta-card__text p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0; }

.lenta-card__text--big p {
  font: 600 18px/24px "Source Sans Pro", sans-serif; }

#lenta-card__text-quote-full img,
#lenta-card__text-lifehack-full img,
#lenta-card__text-review-full img,
#lenta-card__text-story-full img,
#lenta-card__text-event-full img,
#lenta-card__text-post-full img,
#lenta-card__text-selection-full img {
  max-width: 100%;
  border-radius: 14px;
  margin: 24px auto 24px; }

#lenta-card__text-quote-full p,
#lenta-card__text-lifehack-full p,
#lenta-card__text-review-full p,
#lenta-card__text-story-full p,
#lenta-card__text-event-full p,
#lenta-card__text-post-full p,
#lenta-card__text-selection-full p {
  margin: 0 0 24px; }

/*
.lenta-card__text + [data-readmore-toggle], .lenta-card__text[data-readmore] {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #88898C;
  width: auto; }

.lenta-card__text + [data-readmore-toggle] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
*/
.lenta-card__text .read-more__link {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #88898C;
  width: auto; }

.lenta-card__book-title,
.lenta-card__book-title:visited {
  display: block;
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.lenta-card__author-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  color: #252626; }

.lenta-card__author,
.lenta-card__author:visited {
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif; }

.lenta-card__rating {
  position: relative;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 20px; }

.lenta-card__rating::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -252px -182px no-repeat;
  width: 16px;
  height: 16px; }

.lenta-card__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 6px;
  width: 100%; }

.lenta-card__date,
.lenta-card__aliases,
.lenta-card__aliases:visited {
  position: relative;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.lenta-card__best {
  background: #3e99ed;
  color: #fff;
  border-radius: 4px;
  padding: 0 6px;
  margin: 2px 8px 1px auto;
  font: 600 10px/12px "Source Sans Pro", sans-serif; }

.lenta-card__aliases {
  padding: 0 20px 0 0; }

.lenta-card__aliases::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -182px -78px no-repeat;
  width: 16px;
  height: 16px; }

/************************/
.lenta-card-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 4px 8px 0; }

.lenta-card-comment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.lenta-card-comment__avatar {
  border-radius: 50%;
  margin: 2px 8px 1px -8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  object-fit: cover;
  -o-object-fit: cover; }

.lenta-card-comment__author, .lenta-card-comment__author:visited {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin-right: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 125px); }

.lenta-card-comment__date {
  font: 14px/14px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0; }

.lenta-card-comment__text {
  font: 14px/20px "Source Sans Pro", sans-serif;
  margin: 0 0 0 24px;
  width: 100%;
  max-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.lenta-card-comment__show-all,
.lenta-card-comment__show-all:visited {
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0 0 0 24px; }

.lenta-card-comment__new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 17px 0 4px; }

.lenta-card-comment__new .lenta-card-comment__avatar {
  width: 32px;
  height: 32px; }

.lenta-card-comment__new textarea {
  font: 14px/16px "Source Sans Pro", sans-serif;
  background-color: #EDF0F7;
  color: #88898C;
  height: 18px;
  min-height: 18px;
  border-radius: 16px;
  border: none;
  padding: 7px 8px 7px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 8px 0 0;
  resize: none; }

.lenta-card-comment__new button {
  position: relative;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #3E99ED;
  border: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 -8px 0 0; }

.lenta-card-comment__new button::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -78px -104px no-repeat; }

/***********************/
.lenta-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }

.lenta-card__wrapper {
  background: #fff;
  border-radius: 8px;
  padding: 20px 12px 18px; }

.lenta-card-tags {
  overflow: hidden;
  margin: 22px -12px 6px; }

.lenta-card-tags__limiter {
  width: 100%;
  /*убрать*/
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin: 0 0 -20px; }

.lenta-card-tags__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 12px; }

.lenta-card-tags__item {
  margin-right: 8px; }

.lenta-card-tags__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #252626;
  background: #EDF0F7;
  border-radius: 16px;
  font: 14px/14px "Source Sans Pro", sans-serif;
  padding: 6px 10px 8px; }

.lenta-card-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 21px 0 0; }

.lenta-card-book__link {
  position: relative;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3px 12px 5px 8px; }

.lenta-card-book__img {
  width: 100%;
  height: auto;
  max-width: 42px;
  max-height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 3px; }

.lenta-card-book__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 6;
  width: calc(100% - 62px); }

.lenta-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  z-index: 1;
  margin: 0 0 24px; }

.lenta-card__show-all,
.lenta-card__show-all:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  background: #3E99ED;
  height: 48px;
  padding: 0 0 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 24px;
  width: 240px;
  letter-spacing: 2px;
  margin: -40px auto 16px;
  z-index: 10;
  position: relative; }

.lenta-card__show-all:active {
  background: #3b91e0; }

.lenta-card__count-book {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  top: 17px;
  right: 0;
  width: 80px;
  z-index: 1;
  font: 18px/20px "Source Sans Pro", sans-serif;
  letter-spacing: 1px; }

.lenta-card__count-book span {
  font: 300 40px/32px "Source Sans Pro", sans-serif; }

.lenta-card__badge {
  background: #fff;
  border-radius: 8px;
  width: 232px;
  height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 8px auto 0; }

.lenta-card__badge p {
  font: 600 16px/32px "Source Sans Pro", sans-serif;
  text-align: center;
  padding: 0 8px; }

.lenta-card__badge a, .lenta-card__badge a:visited {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  text-align: center;
  color: #252626;
  padding: 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 72px; }

.lenta-card-book__bg {
  position: absolute;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  z-index: 0;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

.lenta-card__avatar {
  border: 1px solid #88898C;
  padding: 5px;
  border-radius: 50%;
  margin: auto;
  width: 85px;
  height: 85px;
  object-fit: cover;
  -o-object-fit: cover; }

.lenta-card__mymark {
  position: relative;
  display: inline-block;
  font: 600 20px/22px "Source Sans Pro", sans-serif;
  padding: 0 4px 0 20px; }

.lenta-card__mymark::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -216px -182px no-repeat;
  width: 16px;
  height: 16px; }

.lenta-card__spoiler {
  border-radius: 4px;
  display: inline-block;
  font: 600 10px/12px "Source Sans Pro", sans-serif;
  color: #fff;
  background-color: #FA385D;
  height: 13px;
  width: 48px;
  margin: 0px 5px 4px 0;
  text-align: center;
  vertical-align: middle; }
.lenta-card__admin i {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px -3px 0px; }

.lenta-card__title i {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px -1px 2px; }

.lenta-card__unformat {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -70px -130px no-repeat; }

.lenta-card__attention {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -26px -130px no-repeat; }

.lenta-card__closed {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -140px -130px no-repeat; }

.lenta-card__limited {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -158px -130px no-repeat; }

.lenta-card__ban {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -202px -130px no-repeat; }

.lenta-card__unpublished {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -220px -130px no-repeat; }

.lenta-card__unreg {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -246px -130px no-repeat; }

.lenta-card__thanks,
.lenta-card__source {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #88898c; }

.lenta-card__thanks a,
.lenta-card__source a,
.lenta-card__thanks a:visited,
.lenta-card__source a:visited {
  color: #3E99ED; }

.lenta-card__thanks:first-of-type,
.lenta-card__source:first-of-type {
  margin-top: 24px; }
.lenta-card__post-author {
  color: #252626;
  font: 600 16px/24px "Source Sans Pro", sans-serif; }
/*
.lenta-card__picture-wrapper {
  border-radius: 12px;
  background-color: #EAE9D6;
  padding-bottom: calc(176/288*100%);
  width: 100%;
  overflow: hidden;
  position: relative; }

.lenta-card__picture {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover; }*/
.lenta-card__picture-wrapper {
  position: relative;
  border-radius: 12px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden; }

.lenta-card__picture {
  -o-object-fit: contain;
  object-fit: contain; }
.lenta-card__picture-count {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  border-radius: 8px;
  height: 37px;
  width: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(50, 50, 51, 0.75);
}
/******************/
.unformatted.lenta-card__picture-wrapper {
  padding-bottom: calc(176/288*100%);
  background-color: #EDF0F7; }

.unformatted img {
  position: absolute;
  padding: 16px;
  height: calc(100% - 32px);
  width: calc(100% - 32px);
  -o-object-fit: contain;
  object-fit: contain; }
.editor-choice .unformatted img {
  padding: 0;
  height: 100%;
  width: 100%; }
.unformatted:after {
  display: none; }

/*********************/
.lenta-card-date {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(62, 63, 64, 0.7);
  border-radius: 8px 0px 8px 8px;
  color: #ffffff;
  top: 12px;
  right: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 68px;
  width: 62px; }

.lenta-card-date__day {
  font: 600 26px/29px "Source Sans Pro", sans-serif;
  margin-top: 2px; }

.lenta-card-date__month,
.lenta-card-date__time {
  font: 600 12px/14px "Source Sans Pro", sans-serif;
  margin: 0; }

.lenta-card__location,
.lenta-card__location:visited {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  margin: 0;
  color: #3E99ED; }

.lenta-card__location--online,
.lenta-card__location--online:visited {
  color: #48B0A2; }

.lenta-card__date-event {
  font-weight: 400;
  color: #FA385D; }

.lenta-card__reserved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(242, 143, 187, 0.14);
  color: #FA385D;
  font: 14px/16px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 28px;
  padding: 0 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #F28FBB;
  margin: 22px 0 16px; }

.lenta-card__write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #3E99ED;
  color: #fff;
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 28px;
  padding: 0 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 10px 0 6px; }

.lenta-card-tags__item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid;
  border-radius: 16px;
  font: 14px/16px "Source Sans Pro", sans-serif;
  padding: 4px 9px 6px; }

.lenta-card__buy {
  background: rgba(100, 204, 187, 0.14);
  color: #48B0A2;
  border-color: #48B0A2; }

.lenta-card__change {
  background: rgba(247, 187, 78, 0.14);
  color: #F5794D;
  border-color: #F5794D; }

.lenta-card__post {
  background: rgba(62, 153, 237, 0.07);
  color: #3B91E0;
  border-color: #3B91E0; }

.lenta-card__read {
  background: rgba(113, 87, 183, 0.14);
  color: #7157B7;
  border-color: #7157B7; }

.repost-card__text {
  background: #EDF0F7;
  border-radius: 0 12px 12px 12px;
  padding: 2px 8px 6px;
  margin: 0 0 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.repost-card__text p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0; }

/*************************/
.header-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.header-card-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.header-card-user__avatar {
  border-radius: 50%;
  margin: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  object-fit: cover;
  -o-object-fit: cover; }

.header-card-user__name,
.header-card-user__name:visited {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 3px 0 0; }

.header-card__title,
.header-card__title:visited {
  color: #252626;
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

/**/
.header-card__date {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 18px 0 2px; }

/**/
.header-card__category,
.header-card__category:visited {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0 auto 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-transform: lowercase;*/ }

.header-card__category b {
  color: #252626; }

.header-card__add-select {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='24' viewBox='0 0 34 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 7C22 9.2 20.2 11 18 11C15.8 11 14 9.2 14 7C14 4.8 15.8 3 18 3C20.2 3 22 4.8 22 7ZM10 19.5C10 15 15 13 18 13C21 13 26 15 26 19.5V20C26 21.1016 25.0742 22 24 22H12C10.9102 22 10 21.0938 10 20V19.5ZM28 10.8947C29.65 10.8947 31 9.56842 31 7.94737C31 6.32632 29.65 5 28 5C26.35 5 25 6.32632 25 7.94737C25 9.56842 26.35 10.8947 28 10.8947ZM28 12.3684C26.8301 12.3684 25.2545 12.7669 24.0115 13.6156C25.8766 14.7583 27.3502 16.5297 27.4338 19H32.5C33.3057 19 34 18.338 34 17.5263V17.1579C34 13.8421 30.25 12.3684 28 12.3684Z' fill='%23252626'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 16C4 16.5523 4.44772 17 5 17C5.55229 17 6 16.5523 6 16V13H9C9.55229 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11H6V8C6 7.44772 5.55228 7 5 7C4.44771 7 4 7.44772 4 8L4 11H1C0.447715 11 0 11.4477 0 12C0 12.5523 0.447715 13 1 13H4L4 16Z' fill='%23252626'/%3e%3c/svg%3e") 100% 0 no-repeat;
  width: 34px;
  height: 24px;
  margin: 0 auto 0 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.header-card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 135px);
  margin-right: auto; }

.header-card__row1,
.header-card__row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.header-card-user__class {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 3px 0 0; }

.header-card-user__status {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.header-card__overlap,
.header-card__overlap:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 22px;
  height: 24px;
  padding-right: 30px;
  font: 12px/17px "Source Sans Pro", sans-serif;
  color: #88898C; }

.header-card__overlap::before, .header-card__overlap::after {
  position: absolute;
  content: '';
  top: 5px;
  width: 13px;
  height: 13px;
  border: 1px solid #88898C;
  border-radius: 50%;
  right: 0px; }

.header-card__overlap::before {
  right: 9px; }

.header-card__menu,
.header-card__menu:visited {
  width: 24px;
  height: 24px;
  margin: 0 0 0 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative; }

.header-card__menu::after {
  position: absolute;
  content: '';
  top: 11px;
  left: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #88898C;
  -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
  box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C; }

.header-card__menu-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 24px 24px 0 0;
  bottom: 0px;
  left: 0;
  z-index: 11;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(500px);
  transform: translateY(500px);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  background-color: #fff; }

.header-card__menu-block a,
.header-card__menu-block a:visited {
  font: 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  height: 36px;
  padding-bottom: 3px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #DCDEE0; }

.header-card__menu-block a:first-of-type {
  margin-top: 11px; }

.header-card__menu-block a:last-of-type {
  margin-bottom: 38px; }

.header-card__menu-block a:hover,
.header-card__menu-block a:focus {
  background-color: #EDF0F7; }

/**********************************/
.footer-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 8px 6px;
  border: none;
  /*убрать*/
  border-radius: 0;
  /*убрать*/ }

.footer-card a {
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #88898C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.footer-card__soc-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 78%; }

.sab__wrapper {
  position: relative; }

.sab__detailing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  height: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  background: #fff;
  border-radius: 24px 24px 0 0;
  width: 100%;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
  color: #252626; }

.sab__link {
  position: relative;
  padding: 0 0 0 28px;
  width: 36px; }

.sab__link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px; }

.sab__link.icon-share {
  width: 19px; }

.icon-share::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -78px 0 no-repeat; }

.icon-like::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 0 no-repeat; }

.icon-comment::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -52px 0 no-repeat; }

.icon-bookmark::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -26px 0 no-repeat; }

.icon-quote::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px 0 no-repeat; }

.sab__link--active.icon-like::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -78px -52px no-repeat; }

.sab__link--active.icon-bookmark::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px -52px no-repeat; }

.sab__link--active.icon-quote::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -130px -52px no-repeat; }

.sab__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px; }

.icon-vk {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0px -286px no-repeat; }

.icon-fb {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -50px -286px no-repeat; }

.icon-mail {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -200px -286px no-repeat; }

.icon-tw {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -150px -286px no-repeat; }

.icon-ok {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -100px -286px no-repeat; }

.icon-lj {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -250px -286px no-repeat; }

.icon-li {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -300px -286px no-repeat; }

.icon-ll {
  position: relative;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -350px -286px no-repeat; }

.icon-vkontakte {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0px -286px no-repeat; }

.icon-facebook {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -50px -286px no-repeat; }

.icon-mailru {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -200px -286px no-repeat; }

.icon-twitter {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -150px -286px no-repeat; }

.icon-odnoklassniki {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -100px -286px no-repeat; }

.sab__title {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  width: 100%;
  text-align: center;
  margin: 40px 0 15px; }

.sab__text {
  font: 16px/24px "Source Sans Pro", sans-serif;
  width: 100%;
  text-align: center;
  margin: 0 0 22px; }

.sab__inner-detailing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 320px; }

.sab__user {
  margin: 12px 16px; }

/*****************************/
.btn-add-plus {
  position: relative;
  border-radius: 14px;
  border: 1px solid #3E99ED;
  background-color: #3E99ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  width: 100%; }

.btn-add-plus::before {
  position: absolute;
  content: "Добавить";
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  color: #fff;
  top: 0;
  bottom: 0;
  height: 18px;
  margin: auto;
  left: calc(50% - 23px); }

.btn-add-plus::after {
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc(50% - 48px);
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -114px -156px no-repeat; }

.btn-add-plus--add {
  border-color: #3E99ED;
  background-color: #fff; }

.btn-add-plus--add::before {
  content: 'Изменить';
  color: #3B91E0; }

.btn-add-plus--add::after {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -140px -156px no-repeat; }

.histories-card .lenta-card-book .btn-add-plus,
.review-card .lenta-card-book .btn-add-plus,
.quote-card .lenta-card-book .btn-add-plus,
.exchange-card .btn-add-plus,
.lifehack-card .lenta-card-book .btn-add-plus,
.statuses-card .btn-add-plus {
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px; }

.statuses-card .btn-add-plus {
  left: 7px; }

.histories-card .lenta-card-book .btn-add-plus::before,
.review-card .lenta-card-book .btn-add-plus::before,
.quote-card .lenta-card-book .btn-add-plus::before,
.lifehack-card .lenta-card-book .btn-add-plus::before,
.statuses-card .btn-add-plus::before,
.exchange-card .btn-add-plus::before {
  display: none; }

.exchange-card .btn-add-plus::after,
.histories-card .lenta-card-book .btn-add-plus::after,
.review-card .lenta-card-book .btn-add-plus::after,
.quote-card .lenta-card-book .btn-add-plus::after,
.lifehack-card .lenta-card-book .btn-add-plus::after,
.statuses-card .btn-add-plus::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -26px no-repeat; }

.exchange-card .btn-add-plus--add::after,
.histories-card .lenta-card-book .btn-add-plus--add::after,
.review-card .lenta-card-book .btn-add-plus--add::after,
.quote-card .lenta-card-book .btn-add-plus--add::after,
.lifehack-card .lenta-card-book .btn-add-plus--add::after,
.statuses-card .btn-add-plus--add::after {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -26px -26px no-repeat; }

.review-card .lenta-card-book .btn-add-plus::after {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px -104px no-repeat; }

.review-card .lenta-card-book .btn-add-plus--add::after {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -130px -104px no-repeat; }

/*****************/
@-webkit-keyframes show {
  0% {
    display: none; }
  25% {
    display: -webkit-box;
    display: flex; }
  75% {
    display: -webkit-box;
    display: flex; }
  100% {
    display: none; } }

@keyframes show {
  0% {
    display: none; }
  25% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  75% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  100% {
    display: none; } }

.btn-add-plus__menu-block {
  position: absolute;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: calc(50% - 80px);
  bottom: 58px;
  background-color: #fff;
  padding: 24px 32px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 16; }

.btn-add-plus__status {
  font: 300 16px/28px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.btn-add-plus__change, .btn-add-plus__change:visited {
  display: none;
  font: 600 16px/28px "Source Sans Pro", sans-serif;
  color: #003569;
  margin-top: 4px; }

.btn-add-plus:active ~ .btn-add-plus__menu-block {
  -webkit-animation: show 1s ease;
  animation: show 1s ease; }

/*************/
.slide-book {
  overflow: hidden; }

.slide-book__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.slide-book__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease; }

.slide-book__item {
  position: relative;
  width: 128px;
  height: 328px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px 6px 16px 16px;
  background-color: #ffffff;
  margin: 28px 12px 0 0; }

.slide-book__status {
  font: 12px/16px "Source Sans Pro", sans-serif;
  background-color: #EDF0F7;
  border-radius: 8px;
  color: #252626;
  position: absolute;
  padding: 2px 0 0 8px;
  height: 36px;
  width: 104px;
  top: -20px;
  left: 0;
  z-index: 1; }

.slide-book__link {
  height: 192px;
  border-radius: 6px;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.slide-book__link::after {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.slide-book__link img {
  -o-object-fit: contain;
  object-fit: contain; }

.slide-book__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border: 1px solid #DCDEE0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  margin-top: -6px;
  color: #252626;
  padding: 16px 7px 7px;
  height: 142px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.slide-book__menu,
.slide-book__menu:visited {
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 0;
  top: 14px;
  right: 0; }

.slide-book__menu::after {
  position: absolute;
  content: '';
  top: 10px;
  left: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #88898C;
  -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
  box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C; }

.slide-book__menu-block {
  display: none;
  position: absolute;
  padding: 0 12px;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  right: 22px;
  top: -1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 11; }

.slide-book__menu-block a,
.slide-book__menu-block a:visited {
  font: 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  height: 36px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #DCDEE0; }

.slide-book__menu-block a:hover,
.slide-book__menu-block a:focus {
  background-color: #EDF0F7; }

.slide-book__menu:hover .slide-book__menu-block,
.slide-book__menu:focus .slide-book__menu-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.slide-book__title,
.slide-book__title:visited {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 32px;
  width: calc(100% - 16px); }

.slide-book__author,
.slide-book__author:visited {
  font: 12px/18px "Source Sans Pro", sans-serif;
  color: #252626;
  margin-bottom: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.slide-book__rating {
  position: relative;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 3px 20px; }

.slide-book__rating::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px -182px no-repeat;
  width: 16px;
  height: 16px; }

.slide-book__item .btn-buy-holder {
  margin-top: 0px;
  position: relative; }

.slide-book__buy,
.slide-book__buy:visited {
  font: 12px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  position: absolute;
  bottom: 3px;
  right: 0px; }

.slide-book__btn-del,
.slide-book__btn-del:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  color: #88898C;
  border: 1px solid #88898C;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  height: 28px;
  font: 14px/20px "Source Sans Pro", sans-serif;
  padding: 1px;
  margin: 8px 0 0; }

.slide-book__btn-del i {
  position: absolute;
  content: "";
  right: 2px;
  top: 2px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #88898C;
  font-style: normal;
  text-align: center; }

.slide-book__item .btn-add-plus,
.slide-book__item .btn-add-plus:visited {
  color: #fff;
  margin: 8px 0 0; }

.slide-book__count {
  position: absolute;
  bottom: 37px;
  right: 0px;
  width: 68px;
  text-transform: uppercase;
  font: 8px/9px "Source Sans Pro", sans-serif; }

.slide-book__count span {
  font-size: 11px; }

.slide-book__btn-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
  height: 100%;
  color: #88898C;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  padding: 44px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.slide-book__btn-add:hover,
.slide-book__btn-add:active {
  color: #d0d2d6; }

.slide-book__btn-add::before,
.slide-book__btn-add::after {
  position: absolute;
  content: '';
  height: 44px;
  width: 4px;
  top: calc(50% - 22px);
  left: calc(50% - 2px);
  background: #88898C;
  border-radius: 2px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.slide-book__btn-add:hover::before,
.slide-book__btn-add:hover::after,
.slide-book__btn-add:active::before,
.slide-book__btn-add:active::after {
  background: #d0d2d6; }

.slide-book__btn-add::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.slide-book__sales {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 60px;
  height: 44px;
  border-radius: 6px;
  background: #FA385D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.slide-book__sales span {
  color: #fff;
  font: 600 18px/18px "Source Sans Pro", sans-serif; }

.slide-book__sales p {
  color: #fff;
  font: 600 12px/14px "Source Sans Pro", sans-serif;
  margin: 0; }

/*****************************/
.ugs-sotring {
  overflow: hidden;
  margin: 0 0 20px; }

.ugs-sotring__wrapper {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 20px;
  margin: 0 0 -20px; }

.ugs-sotring__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 16px; }

.ugs-sotring__item {
  margin-right: 8px; }

.ugs-sotring__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #88898C;
  color: #88898C;
  border-radius: 16px;
  font: 14px/14px "Source Sans Pro", sans-serif;
  padding: 5px 9px 7px; }

.ugs-sotring__item a:hover,
.ugs-sotring__item a:focus {
  background-color: rgba(150, 151, 153, 0.07); }

.ugs-sotring__item a:active,
.ugs-sotring__item--active a {
  background-color: #EBEDF0; }

/**************************************/
.histories-card .lenta-card-book,
.quote-card .lenta-card,
.lifehack-card .lenta-card,
.exchange-card .lenta-card {
  background: #EDF0F7;
  border-radius: 12px; }

.quote-card .lenta-card {
  overflow: hidden;
  padding: 46px 12px 19px; }

.exchange-card .lenta-card,
.lifehack-card .lenta-card {
  padding: 12px 12px 19px; }

.histories-card .lenta-card-book {
  position: relative;
  margin: 0 -8px 8px;
  height: 184px; }

.quote-card .lenta-card__title {
  position: absolute;
  top: 16px;
  left: 16px; }

.quote-card .lenta-card-book {
  margin: 31px 0 0; }

.quote-card blockquote {
  all: unset; }

.lifehack-card blockquote,
.discussionbook-card blockquote,
.review-card blockquote,
.histories-card blockquote,
.discussiongroup-card blockquote,
.selection-card blockquote,
.event-card blockquote,
.post-card blockquote,
.game-card blockquote,
.exchange-card blockquote {
  position: relative;
  background: #EDF0F7;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  border-radius: 12px;
  opacity: 1;
  font-style: normal;
  border: none;
  padding: 8px 16px 10px;
  margin: 0 0 24px; }

.discussionbook-card blockquote {
  background: #fff; }

.lifehack-card blockquote::before,
.discussionbook-card blockquote::before,
.review-card blockquote::before,
.histories-card blockquote::before,
.discussiongroup-card blockquote::before,
.selection-card blockquote::before,
.event-card blockquote::before,
.post-card blockquote::before,
.game-card blockquote::before,
.exchange-card blockquote::before {
  position: absolute;
  content: '\201D';
  font: 600 94px "Source Sans Pro", sans-serif;
  top: -20px;
  right: 8px;
  height: 50px;
  width: 40px;
  color: #f8f9fc; }

.discussionbook-card .lenta-card__text,
.selection-card .lenta-card__text,
.exchange-card .lenta-card__text,
.quote-card .lenta-card__text,
.lifehack-card .lenta-card__text {
  max-height: 96px; }

.quote-card .lenta-card__text {
  z-index: 1;
  margin: 0 4px; }

.quote-card .lenta-card__author-wrap,
.lifehack-card .lenta-card__author-wrap {
  margin: 0 0 10px; }

.quote-card .lenta-card__text.lenta-card__text--big {
  max-height: 96px; }

/*
.quote-card .lenta-card__text + [data-readmore-toggle] {
  margin: 0 0 0 4px; }*/
.quote-card .lenta-card__text .read-more__link {
  margin: 0 0 0 4px; }

.quote-card .lenta-card::after {
  position: absolute;
  content: '\201D';
  font: 600 560px/174px "Source Sans Pro", sans-serif;
  top: 96px;
  right: 26px;
  height: 174px;
  width: 203px;
  color: rgba(255, 255, 255, 0.6); }

.exchange-card .lenta-card-tags {
  margin: 12px -12px 10px; }

.histories-card .lenta-card-book__link {
  height: 40px;
  margin: 0;
  position: absolute;
  left: calc(50% - 12px);
  bottom: 72px; }

.histories-card .lenta-card-book__img {
  max-width: 27px;
  max-height: 40px; }

.exchange-card .lenta-card__rating {
  position: absolute;
  bottom: 25px; }

.review-card .lenta-card__rating,
.histories-card .lenta-card__rating {
  position: absolute;
  top: 79px; }

.histories-card .lenta-card__rating {
  right: calc(50% - 75px); }

.game-card .header-card-user__name {
  max-width: calc(100% - 150px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.selection-card .lenta-card-book {
  position: relative;
  margin: 0 -8px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  padding: 22px 12px 0;
  overflow: hidden;
  max-height: 392px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #d0d2d6;
}
.top-slide .lenta__title {
  margin: 0 0 5px; }

.top-slide .slide-book {
  margin: 0 -16px; }

.distribution-slide {
  position: relative; }

.distribution-slide p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 2px 16px 6px; }

.distribution-slide p a,
.distribution-slide p a:visited {
  color: #217dd1; }

.distribution-slide p a:active {
  color: #0f5699; }

.game-card .lenta-card-book__link {
  margin: 0 -8px 8px;
  height: auto; }

/*
.game-card .lenta-card__picture-wrapper {
  padding-bottom: 88px; }
*/
/*
.selection-card:nth-child(4n+1) .lenta-card-book {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5794d), to(#f7bb4e));
  background-image: linear-gradient(to bottom, #f5794d, #f7bb4e); }

.selection-card:nth-child(4n+2) .lenta-card-book {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e0557c), to(#f5aac9));
  background-image: linear-gradient(to bottom, #e0557c, #f5aac9); }

.selection-card:nth-child(4n+3) .lenta-card-book {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#33539e), to(#a7a3cf));
  background-image: linear-gradient(to bottom, #33539e, #a7a3cf); }

.selection-card:nth-child(4n+4) .lenta-card-book {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6dab67), to(#b5d17d));
  background-image: linear-gradient(to bottom, #6dab67, #b5d17d); }*/

.selection-card .lenta-card-book__link {
  height: 136px;
  margin: 0 8px 16px; }

.selection-card .lenta-card-book__img {
  max-width: 89px;
  max-height: 136px;
  border-radius: 8px; }

.selection-card .lenta-card__title {
  color: #fff;
  width: calc(100% - 80px);
  margin: 0 0 18px 4px;
  height: 72px;
  max-height: 72px;
  -webkit-line-clamp: 3;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 1; }

.statuses-slide {
  margin-left: -16px;
  margin-right: -16px; }

.statuses-slide .lenta__title {
  padding: 4px 0 17px 16px; }

.statuses__wrapper {
  overflow: hidden; }

.statuses__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.statuses__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 16px; }

.statuses-card {
  position: relative;
  height: 264px;
  width: calc(100% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #EDF0F7;
  border-radius: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 16px 0 0; }

.statuses-card .header-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 128px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.statuses-card .header-card-user__avatar {
  margin: 23px 22px;
  padding: 4px;
  border: 1px solid #88898C;
  width: 80px;
  height: 80px; }

.statuses-card .header-card-user__name {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 136px);
  margin: 0 0 4px; }

.statuses-card .header-card__category {
  font: 16px/20px "Source Sans Pro", sans-serif;
  width: calc(100% - 136px);
  white-space: normal;
  color: #252626;
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.statuses-card .header-card__category svg {
  fill: #FA385D;
  fill-rule: nonzero; }

.statuses-card .header-card__category p {
  font-weight: 600;
  line-height: 20px; }

.statuses-card .header-card__category a {
  color: #252626; }

.statuses-card .lenta-card-book__wrapper {
  width: calc(100% - 136px); }

.statuses-card .lenta-card-book {
  margin: 0; }

.statuses-card .lenta-card-book__link {
  height: 112px;
  margin: 0 26px 0 25px; }

.statuses-card .lenta-card-book__img {
  border-radius: 6px;
  max-width: 73px;
  max-height: 112px; }

.statuses-card .lenta-card__book-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 16px;
  line-height: 20px;
  max-height: 40px; }

.statuses-card .lenta-card__author-wrap {
  margin-bottom: auto;
  font: 16px/20px "Source Sans Pro", sans-serif; }

.game-card .lenta-card,
.discussiongroup-card .lenta-card,
.discussionbook-card .lenta-card,
.selection-card .lenta-card,
.event-card .lenta-card,
.post-card .lenta-card,
.review-card .lenta-card,
.histories-card .lenta-card {
  padding: 0 8px; }
.post-card__wrap .lenta-card-book__link,
.event-card .lenta-card-book__link {
  position: relative;
  margin: 0 -8px 8px;
  height: auto; }

.event-card .lenta-card__picture-wrapper {
  border-radius: 12px 0px 12px 12px; }

.review-card .lenta-card-book {
  overflow: hidden;
  position: relative;
  margin: 0 -8px 8px;
  height: 184px;
  border-radius: 12px; }
.post-card .lenta-card__picture-wrapper::after,
.game-card .lenta-card__picture-wrapper::after,
.event-card .lenta-card__picture-wrapper::after,
.discussiongroup-card .lenta-card__picture-wrapper::after {
  content: '';
  background: rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute; }
.selection-card .lenta-card-book::before,
.review-card .lenta-card-book::after {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute; }

.lenta-card__picture-wrapper.no-bg-filter::after {
  display: none; }

.review-card .lenta-card-book__link {
  height: 100%;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 5; }

.histories-card .lenta-card-book__wrapper,
.review-card .lenta-card-book__wrapper {
  width: calc(50% + 12px); }

.review-card .lenta-card-book__img {
  border-radius: 6px;
  margin: auto;
  max-width: 93px;
  max-height: 144px; }

.review-card .lenta-card__book-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 32px;
  margin: 23px 16px 0 0; }

.histories-card .lenta-card__book-title {
  margin: 23px 16px 0 0; }

.histories-card .lenta-card__author-wrap,
.review-card .lenta-card__author-wrap {
  margin: 0 16px 8px 0; }

.review-card .lenta-card__book-title,
.review-card .lenta-card__author-wrap,
.review-card .lenta-card__rating {
  color: #fff; }

.review-card .lenta-card__author {
  color: #fff;
  width: 100%;
  margin-bottom: auto; }

.review-card .lenta-card__rating::before {
  background-position: -270px -182px; }

.event-card .lenta-card__aliases {
  padding: 0; }

.event-card .lenta-card__aliases::before {
  display: none; }

.discussionbook-card .lenta-card__wrapper,
.discussiongroup-card .lenta-card-book__link {
  height: auto;
  margin: 0 -8px 8px; }

.discussionbook-card .lenta-card__wrapper {
  background: #EDF0F7;
  padding: 22px 16px 26px; }

/*
.histories-card:nth-child(even) .lenta-card-book,
.quote-card:nth-child(even) .lenta-card,
.lifehack-card:nth-child(even) .lenta-card,
.exchange-card:nth-child(even) .lenta-card {
  background: #EEEDDE; }

.quote-card:nth-child(even) .lenta-card::after {
  color: rgba(204, 200, 162, 0.6); }*/
.cardstyle .lenta-card__text {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content; }

.cardstyle .lenta-card__title {
  max-height: none;
  -webkit-line-clamp: inherit; }

/******************************/
.new-block {
  height: 678px; }

/***********************************/
.bc-page {
  color: #252626;
  padding: 0 16px;
  max-width: 500px;
  margin: 0 auto; }

.bc__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.bc-header-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 184px;
  margin: 0 auto 32px; }

/**************/
.bc-header-soc input {
  height: 2px;
  width: 2px;
  opacity: 0;
  padding: 0;
  border: 0; }

#textllcode {
  visibility: hidden;
  width: 71px;
  font-weight: normal;
  font-size: 12px;
  background-color: #3e3f40;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 0%;
  margin-left: -19px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

#textllcode::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #3e3f40 transparent transparent transparent; }

.icon-ll:active #textllcode {
  visibility: visible;
  opacity: 1; }

/*************/
.bc__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.bc-menu {
  padding: 0; }

.bc-menu .btn-add-plus {
  width: 100%;
  height: 48px;
  border-radius: 24px; }

.bc-menu .btn-add-plus::before {
  font-size: 18px; }

.bc-menu .btn-add-plus::after {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -62px -156px no-repeat; }

.bc-menu .btn-add-plus--add::after {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -88px -156px no-repeat; }

.bc-menu__btn, .bc-menu__btn:visited {
  position: relative;
  margin: 16px 0;
  border-radius: 24px;
  height: 48px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #88898C;
  background: #fff;
  border: 1px solid #88898C;
  font: 18px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bc-menu__top {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 4;
  color: #fff;
  font: 600 14px/18px "Source Sans Pro", sans-serif;
  border-radius: 8px 0 16px 0;
  background-color: #FA385D;
  padding: 3px 14px;
  width: 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.btn-listen {
  padding-left: 27px; }

.btn-listen::before {
  position: absolute;
  content: '';
  top: 17px;
  left: calc(50% - 58px);
  border: 6px solid transparent;
  border-left: 12px solid #88898C;
  border-right: none; }

.btn-pause::before {
  position: absolute;
  border: none;
  content: '';
  top: 17px;
  left: calc(50% - 58px);
  width: 3px;
  height: 12px;
  border-radius: 1.5px;
  background: #6F7073; }

.btn-pause::after {
  position: absolute;
  content: '';
  top: 17px;
  left: calc(50% - 52px);
  width: 3px;
  height: 12px;
  border-radius: 1.5px;
  background: #6F7073; }

.spinner::before {
  position: absolute;
  content: "";
  top: 14px;
  left: calc(50% - 64px);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #EDF0F7;
  border-left-color: #6F7073;
  -webkit-animation: rotate 1s ease-out infinite;
  animation: rotate 1s ease-out infinite; }

/*
.bc-menu__wrapper {
  overflow: hidden;
  margin: 35px -16px 34px; }

.bc-menu__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }
*/
.bc-menu__list {
  margin: 36px 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bc-menu__item {
  position: relative;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.bc-menu__link,
.bc-menu__link:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  text-transform: uppercase;
  font: 12px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  width: 60px;
  padding: 48px 0 0; }

.bc-menu__link:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px; }

.icon-star::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -244px no-repeat; }

.icon-review::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -42px -244px no-repeat; }

.icon-histories::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -84px -244px no-repeat; }

.icon-quote-40::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -126px -244px no-repeat; }

.icon-lifehack::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -168px -244px no-repeat; }

.icon-book-exchange::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -210px -244px no-repeat; }
.icon-selection::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -378px -244px no-repeat; }



.bc-menu__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 25px 0 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }

.bc-menu__rating p {
  font: 16px/20px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3.25px;
  margin: 0; }

.bc-menu__rating span {
  font: 300 26px/40px "Source Sans Pro", sans-serif; }

.bc-menu__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 260px;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.bc-menu__rating input {
  display: none; }

.bc-menu__rating label {
  position: relative;
  overflow: hidden;
  width: 26px;
  height: 26px; }

.bc-menu__rating label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 13px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -56px -182px no-repeat;
  width: 26px;
  height: 26px; }

.bc-menu__rating label:nth-of-type(odd)::before {
  left: -13px; }

.bc-menu__rating label::before:active {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -182px no-repeat; }

.bc-menu__rating input:checked ~ label:before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -182px no-repeat; }

.bc-rating .bc-rating-medium {
  font-size: 32px;
  line-height: 40px;
  margin: -8px 0 0; }

.bc-rating .bc-rating-medium::before {
  width: 26px;
  height: 26px;
  top: 6px;
  left: -3px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -84px -182px no-repeat; }

.bc-rating .bc-menu__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 25px 0 32px;
  height: 115px; }

.bc-rating__link, .bc-rating__link:visited {
  position: relative;
  color: #88898C;
  font: 18px/28px "Source Sans Pro", sans-serif;
  padding: 0 0 0 34px;
  margin: 14px 0 17px; }

.bc-rating__link:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -56px -182px no-repeat;
  width: 26px;
  height: 26px; }

.bc-rating__link .bc-menu__rating {
  display: none;
  position: fixed;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  padding: 61px 0;
  height: 224px; }

.bc-rating--full label:nth-of-type(even) {
  display: none; }

.bc-rating--full label {
  width: 26px; }

.bc-rating--full label:nth-of-type(odd)::before {
  left: 0; }

.bc-rating .bc-rating--full label:nth-of-type(odd)::before {
  left: 0; }

.mymark.bc-rating__link::before {
  top: 2px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) 0 -182px no-repeat; }

.mymark.bc-rating__link > span {
  display: none; }

.mymark.bc-rating__link > i {
  top: -10px;
  left: 36px;
  font: 300 32px/34px "Source Sans Pro", sans-serif;
  font-style: normal;
  color: #252626; }

.mymark.icon-star::before {
  left: -36px;
  top: 9px;
  width: 24px;
  height: 24px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -112px -182px no-repeat; }

.mymark.bc-menu__link > i {
  position: absolute;
  font-style: normal;
  font: 300 26px/40px "Source Sans Pro", sans-serif;
  top: 0;
  left: 26px; }

/**/
.bc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.bc__banned {
  color: #FA385D;
  margin: 0;
  font: 600 12px/19px "Source Sans Pro", sans-serif; }

.bc__book-title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 7px; }

.bc__book-title i {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  background: #3E99ED;
  height: 24px;
  border-radius: 12px;
  font: 14px/24px "Source Sans Pro", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 12px;
  margin: 0 12px; }

.bc-author {
  margin: 0 0 16px; }

.bc-author__link {
  color: #252626;
  font: 18px/24px "Source Sans Pro", sans-serif; }

.bc-author__all {
  color: #003569;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0 0 0 10px; }

.bc-author + .bc-header-soc {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: -18px 0 2px auto;
  width: 72px; }

/**********************/
.bc__image-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  margin: 30px auto 15px; }

.bc__image-wrap::after {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  content: '';
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3; }

.bc__image {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 305px;
  border-radius: 10px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2; }

.bc__image-status, .bc__image-status:visited {
  font: 14px/16px "Source Sans Pro", sans-serif;
  background-color: #EDF0F7;
  border-radius: 8px;
  color: #252626;
  position: absolute;
  padding: 3px 25px 0 14px;
  height: 48px;
  width: 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -24px;
  left: 0;
  z-index: 1; }

.bc-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 14px; }

.bc-rating-medium,
.bc-rating-medium:visited {
  position: relative;
  font: 300 32px/26px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #252626;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 32px; }

.bc-rating-medium::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -84px -182px no-repeat; }

.bc-header-soc .sab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 24px;
  height: 24px; }

/************************/
.bc-rating-class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 34px; }

.bc-rating-class p {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 14px; }

.bc-rating-class__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 0 0 6px; }

.bc-rating-class__link,
.bc-rating-class__link:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #88898C;
  font: 14px/24px "Source Sans Pro", sans-serif;
  width: 35px;
  padding: 0 0 0 33px; }

.bc-rating-class__link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px; }

.icon-sad-smile::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -52px -26px no-repeat; }

.icon-neutral-smile::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -78px -26px no-repeat; }

.icon-funny-smile::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px -26px no-repeat; }

.bc-fr-rating {
  overflow: hidden;
  margin: 0 -16px 34px; }

.bc-fr-rating__wrapper {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.bc-fr-rating__limiter {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 28px; }

.bc-fr-rating p {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 14px 16px; }

.bc-fr-rating__image {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bc-fr-rating__link, .bc-fr-rating__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #88898C;
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  width: 85px; }

.bc-fr-rating__link span {
  margin: 0 0 0 8px; }

.bc-fr-rating__more, .bc-fr-rating__more:visited {
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0 0 0 8px;
  color: #003569; }

.bc-genre {
  margin: 0 -16px 30px;
  overflow: hidden; }

.bc-genre__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.bc-genre__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px; }

.bc-genre__list a, .bc-genre__list a:visited {
  color: #217DD1;
  font: 16px/24px "Source Sans Pro", sans-serif;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 9px;
  margin: 0 9px 0 0; }

.bc-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 160px;
  margin: 0 4px 36px auto; }

.bc-soc__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px; }

.bc-soc__link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px; }

.icon-notify::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -208px 0 no-repeat; }

.bc-soc__notify {
  position: relative;
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.bc-soc__notify .bc-soc__popup-bell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  height: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  background: #fff;
  padding-top: 16px;
  border-radius: 24px 24px 0 0;
  width: 100%;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
  color: #252626;
  -webkit-box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.25); }

.bc-soc__notify:hover .bc-soc__popup-bell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.bc-soc-checkbox {
  display: none; }

.bc-soc label {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  width: 100%; }

.bc-soc-checkbox:checked + label {
  font-weight: 600; }

.bc-soc label:hover {
  background: #EDF0F7; }

.bc-soc__link-active.icon-notify::before {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -234px -52px no-repeat; }

.bc-annotate {
  font: 16px/24px "Source Sans Pro", sans-serif;
  max-height: 264px; }

.bc-annotate p {
  font: inherit;
}

.bc-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 11px 0 25px; }

.bc-stat__link, .bc-stat__link:visited {
  color: #88898C;
  font: 12px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  margin: 0 0 12px;
  width: 47%; }

.bc-stat__link b {
  font-size: 20px; }

.bc-edition {
  margin: 12px 0 30px; }

.bc-edition td {
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif; }

td.bc-edition__col1 {
  color: #88898C;
  width: 120px; }

.bc-edition__link, .bc-edition__link:visited {
  color: #217DD1; }

.bc-buy {
  border-radius: 14px;
  background-color: rgba(237, 240, 247, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 31px;
  padding: 24px 16px 8px; }

.bc-buy__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.bc-buy__title {
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 20px 24px; }

.bc-buy__link, .bc-buy__link:visited {
  position: relative;
  color: #217DD1;
  font: 16px/20px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px 0;
  padding: 0 11px 0 24px; }

.bc-buy__link--sale::before {
  position: absolute;
  content: 'cкидка!';
  background-color: #FA385D;
  border-radius: 4px;
  color: #fff;
  width: 40px;
  height: 13px;
  top: 4px;
  right: 42px;
  padding-left: 4px;
  letter-spacing: 0.5px;
  font: 600 10px/12px "Source Sans Pro", sans-serif; }

.bc-buy__link--all {
  margin: 4px 0 23px;
  font-size: 14px; }

.bc-buy__link--all::before {
  position: absolute;
  content: '';
  right: 11px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-left: 1px solid #003569;
  border-top: 1px solid #003569;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bc-buy__link--sale span:first-of-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 110px); }

.bc-buy__link span:last-of-type::before {
  position: absolute;
  content: '₽';
  right: 0;
  top: 0; }

.bc-buy__link::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px; }

.icon-bambook::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 0 no-repeat; }

.icon-book24-ua::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -16px no-repeat; }

.icon-book24-ru::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -32px no-repeat; }

.icon-bookvoed::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -48px no-repeat; }

.icon-chitai-gorod::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -64px no-repeat; }

.icon-respublica::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -80px no-repeat; }

.icon-combook::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -96px no-repeat; }

.icon-labirint::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -112px no-repeat; }

.icon-litres::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -128px no-repeat; }

.icon-grenka::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -144px no-repeat; }

.icon-mybook::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -160px no-repeat; }

.icon-ozon::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -176px no-repeat; }

.icon-books-moda::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -192px no-repeat; }

.icon-odissey::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -208px no-repeat; }

.icon-my-shop::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -224px no-repeat; }

.icon-plandge::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -240px no-repeat; }

.icon-oz::after {
  background: url("/img/skins/mobile2019/icon-shop.png") 0 -240px no-repeat; }

/*********************************************/
.bc-awtb {
  margin: 0 0 31px; }

.bc-awtb__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 17px; }

.bc-awtb__wrapper {
  background-color: rgba(237, 240, 247, 0.7);
  border-radius: 14px;
  height: 68px;
  padding: 12px 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bc-awtb__slogn {
  font: 600 16px/28px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0; }

.bc-awtb__btn {
  border-radius: 16px;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  padding: 0 0 4px;
  color: #fff;
  background-color: #3E99ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bc-awtb__popup {
  position: fixed;
  bottom: 0;
  background: #fff;
  z-index: 30;
  width: 100%;
  margin: 0 -16px;
  height: 184px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 27px 16px 80px 99px;
  border-radius: 24px 24px 0 0;
  -webkit-box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.25); }

.bc-awtb__popup svg {
  position: absolute;
  top: 35px;
  left: 16px; }

.bc-awtb__btn:focus {
  background-color: #43a396; }

.bc-awtb__image {
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 6px;
  max-width: 55px;
  max-height: 80px;
  -o-object-fit: cover;
  object-fit: cover; }

.bc-awtb__popup .bc-awtb__btn {
  height: 28px;
  margin: auto 0 0; }

.bc-awtb__popup svg ~ .bc-awtb__btn {
  border: 1px solid #43A396;
  background: #fff;
  color: #43A396; }

.bc-awtb__text {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0; }

.bc-review--best {
  margin: 0 0 30px; }

.bc-review__title,
.bc-selection__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 6px; }

.bc-review .bc-detailing__sorting details:nth-child(1),
.bc-review .bc-detailing__sorting details:nth-child(2) {
  width: calc(50% - 8px);
}

.bc-review .bc-detailing__sorting details:nth-child(2) {
  top: 4px;
  bottom: auto;
  right: 0;
}

.bc-review .bc-detailing__sorting details:nth-child(3) {
  top: calc(4px + 32px + 16px);
  z-index: 1;
}

.bc-selection {
  margin: 0 0 32px; }

.bc-detailing .quote-card .lenta-card {
  padding: 2px 4px 0;
  background: none; }

.bc-detailing .quote-card .lenta-card::after {
  display: none; }

.bc-detailing .exchange-card .lenta-card,
.bc-detailing .lifehack-card .lenta-card {
  padding: 0 8px;
  background: none; }

.bc-detailing .exchange-card .lenta-card__wrapper,
.bc-detailing .lifehack-card .lenta-card__wrapper {
  padding: 0; }

.bc-detailing .exchange-card .lenta-card__text {
  max-height: none; }

.bc-detailing .exchange-card .lenta-card__reserved {
  margin: 10px 0 16px; }

.bc-detailing .exchange-card .lenta-card__write {
  margin-bottom: 2px; }

.bc-detailing .lifehack-card .lenta-card__text {
  max-height: 168px; }

.bc-detailing .lifehack-card .lenta-card-tags {
  margin: 14px -12px 2px; }

.bc-reader .bc-detailing__sorting,
.bc-exchange .bc-detailing__sorting,
.bc-selection .bc-detailing__sorting {
  height: 37px; }

.bc-detailing .review-card,
.bc-detailing .histories-card,
.bc-detailing .quote-card,
.bc-detailing .lifehack-card,
.bc-detailing .selection-card,
.bc-detailing .exchange-card {
  margin: 0 0 28px; }
.bc-exchange .lenta-card-book__link {
  margin-left: 0; }
.bc-exchange .lenta-card {
  background: none;
  padding: 0 8px; }
.bc-exchange .lenta-card__wrapper {
  padding: 0;
}


/******************************/
.bc-selection .selection-slide .selection-slide-top::after {
  background: #fff; }

.bc-selection .selection-slide__title {
  color: #252626; }

.bc-selection .selection-slide__title-wrapper svg {
  fill: #252626; }

.selection-slide .header-card-user__name {
  margin: 0; }

/*
.bc-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 19px 0; }

.bc-info details {
  border: 1px solid #D2D4D6;
  border-radius: 14px;
  padding: 13px 15px 17px; }

.bc-info details:not(:first-of-type) {
  border-radius: 0 0 14px 14px;
  border-top: none;
  margin-top: -14px;
  padding-top: 28px; }

.bc-info summary {
  position: relative;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 24px 8px 0; }

.bc-info p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0; }

.bc-info summary::-webkit-details-marker {
  display: none; }

.bc-info summary::after {
  position: absolute;
  content: '';
  right: -17px;
  top: 4px;
  width: 9px;
  height: 9px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bc-info details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 9px; }
*/
.bc-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 19px 0; }

.bc-info__wrapper {
  border: 1px solid #D2D4D6;
  border-radius: 14px;
  padding: 13px 18px 16px 15px; }

.bc-info__wrapper:not(:first-of-type) {
  border-radius: 0 0 14px 14px;
  border-top: none;
  margin-top: -14px;
  padding-top: 28px; }

.bc-info__wrapper label {
  display: block;
  position: relative;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 0 18px 0 0;
  margin-bottom: 9px; }

.bc-info-checkbox {
  display: none; }

.bc-info__wrapper .bc-hero {
  overflow: hidden;
  max-height: 82px; }

.bc-info__wrapper > div:not(.bc-hero) {
  overflow: hidden;
  max-height: 48px; }

.bc-info-checkbox:checked ~ div {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content; }

.bc-info p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0; }

.bc-info img {
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 20px; }

.bc-info__wrapper label::after {
  position: absolute;
  content: '';
  right: 4px;
  top: 3px;
  width: 9px;
  height: 9px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bc-info-checkbox:checked + label::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px; }

.bc-info a {
  color: #3e99ed; }

.bc-info a:hover {
  color: #1d6db8; }

a.bc-tag__btn, a.bc-tag__btn:visited {
  color: #003569;
  margin: 0 0 0 3px; }

/***********************/
.bc-btn-edit {
  position: absolute;
  top: -1px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -78px -78px no-repeat; }

.bc-hero__list {
  margin: 10px 0 0; }

.bc-hero__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bc-hero__item:last-child {
  margin-bottom: 6px; }

.bc-hero__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bc-hero__bookmark {
  position: relative;
  width: 24px;
  height: 24px; }

.bc-hero__bookmark::before {
  position: absolute;
  content: '';
  top: -1px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -26px 0 no-repeat; }

.bc-hero__bookmark--active::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px -52px no-repeat; }

img.bc-hero__image {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover; }

.bc-hero__link p {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  margin: 0 0 4px 16px; }

.bc-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 5px; }

.bc-link p {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  margin: 0 0 8px; }

.bc-curator__link, .bc-curator__link:visited,
.bc-link a, .bc-link a:visited {
  color: #0F5699; }

.bc-curator__item, .bc-curator__item:visited {
  color: #252626; }

.bc-link a {
  margin: 0 0 0 3px; }

/*
.bc-curator a:not(.bc-curator__info) {
  margin: 0 8px 0 0; }*/
.bc-curator .bc-curator__info {
  margin: 0; }

.bc-curator {
  position: relative;
  background: #EDF0F7;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 4px 12px 10px;
  margin: 0 0 16px; }

.bc-curator p {
  font: 600 18px/28px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 2px; }

.bc-curator__link {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #003569;
  margin: 0 7px 0 auto; }

.bc-curator__slider {
  margin: 0 -12px;
  overflow: hidden;
  min-width: 100%;}

.bc-curator__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 -20px;
  padding: 0 0 20px; }

.bc-curator__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 14px; }

.bc-curator__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font: 12px/20px "Source Sans Pro", sans-serif;
  margin: 0 18px 0 0;
  width: 112px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bc-curator__item img {
  border-radius: 50%; }

.bc-curator__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin: 0 0 0 6px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -36px -156px no-repeat; }

.bc-curator__info span {
  position: absolute;
  display: none;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  top: 25px;
  left: -8px;
  right: -8px;
  content: "";
  background: #fff;
  color: #252626;
  border-radius: 20px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  height: 268px;
  padding: 26px 24px 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bc-curator__info:hover span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.bc-reader__popup,
.bc-curator__popup {
  position: absolute;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: 33px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 43px 8px 32px;
  left: -8px;
  right: -8px;
  margin: 0 auto;
  background: #fff;
  z-index: 15;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.bc-curator__author,
.bc-curator__author:visited {
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #252626;
  border-radius: 14px;
  height: 28px;
  padding: 0 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.bc-reader__popup {
  left: -16px;
  right: -16px; }

.bc-reader__popup h3,
.bc-curator__popup h3 {
  text-align: center;
  margin: 0 0 39px;
  font: 600 26px/32px "Source Sans Pro", sans-serif; }

.bc-curator__popup p {
  text-align: center;
  color: #88898C;
  margin: 0 0 50px;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.bc-curator__wrapper,
.bc-reader__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 24px; }

.bc-reader__popup button,
.bc-curator__popup button {
  border: 1px solid #3E99ED;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.bc-reader__btn-n,
.bc-curator__btn-n {
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #3B91E0;
  margin: 0 0 24px;
  background: #fff; }

.bc-reader__btn-y,
.bc-curator__btn-y {
  color: #fff;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  background: #3E99ED; }

.bc-detailing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px; }

.bc-detailing__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 13px; }

.bc-detailing__controls {
  overflow: hidden;
  margin: 0 -16px 20px; }

.bc-detailing__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin: 0 0 -20px; }

.bc-detailing__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px; }

.bc-detailing__list .bc-detailing__link {
  background: #EDF0F7;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 14px;
  height: 28px;
  padding: 0 14px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 8px 0 0; }

.bc-detailing__list .bc-detailing__link--active {
  font-weight: 600;
  color: #fff;
  background: #3E99ED; }

.btn__show-more, .btn__show-more:visited {
  border: none;
  background-color: #3E99ED;
  color: #fff;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 0 0 32px;
  padding: 0 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.btn__show-more:hover,
.btn__show-more:active {
  background: #3b91e0; }

.bc-review,
.bc-histories,
.bc-quote,
.bc-lifehack,
.bc-exchange,
.bc-reader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.bc-review-write {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.4);
  padding: 9px 0 16px;
  margin: 4px 0 20px; }

.bc-review-write__user {
  position: absolute;
  bottom: 19px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*
.bc-review-write__user::before {
  position: absolute;
  content: "";
  top: 29px;
  background: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  -webkit-box-shadow: -1px -34px 0 -13px #fff;
  box-shadow: -1px -34px 0 -13px #fff; }*/
.bc-review-write__title {
  color: #fff;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 15px 66px; }

.bc-review-write__link, .bc-review-write__link:visited {
  background: #fff;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #88898C;
  border-radius: 8px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px 0 66px;
  padding: 2px 8px; }

.bc-review-critic {
  border-radius: 14px;
  height: 120px;
  background: #EDF0F7;
  padding: 16px;
  margin: 7px 0 9px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bc-review-critic label {
  font: 600 14px/20px "Source Sans Pro", sans-serif;
  text-align: center;
  color: #252626; }

.bc-review-critic input[type="url"] {
  font: 14px/16px "Source Sans Pro", sans-serif;
  height: 32px;
  border-radius: 16px;
  color: #88898C;
  border: none;
  padding: 0 0 0 16px; }

.bc-review-critic input[type="submit"] {
  background-color: #3E99ED;
  color: #fff;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 32px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  padding: 0 0 4px; }

.bc-article__title {
  margin: 26px 0 23px;
  font: 600 20px/24px "Source Sans Pro", sans-serif; }

.bc-detailing__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 0 13px; }

.bc-detailing__inner a {
  margin-left: 16px;
  height: 24px; }

.bc-detailing__show-all, .bc-detailing__show-all:visited {
  color: #003569;
  text-transform: uppercase;
  font: 14px/24px "Source Sans Pro", sans-serif;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.bc-detailing__notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin: -7px 0 -4px auto;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -104px -78px no-repeat; }

.bc-detailing__sorting {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 0 0;
  margin: 0 0 15px;
  height: 80px; }

.bc-detailing__sorting details {
  position: absolute;
  z-index: 10;
  border-radius: 16px;
  width: 100%; }

.bc-detailing__sorting details:nth-child(even) {
  bottom: 0; }

.bc-detailing__sorting summary {
  position: relative;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 6px 30px 9px 15px;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #D2D4D6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bc-detailing__sorting summary::-webkit-details-marker {
  display: none; }

.bc-detailing__sorting details > summary {
  list-style: none;
}

.bc-detailing__sorting summary::after {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bc-detailing__sorting details[open] {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.bc-detailing__sorting details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 17px; }

.bc-detailing__sorting details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none; }

.bc-detailing__sorting div {
  border-top: 1px solid #D2D4D6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 13px 20px 17px;
  border-radius: 0 0 20px 20px; }

.bc-detailing__sorting a {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 8px 0; }

article.bc-about {
  margin: 0 -16px 35px; }

.bc-about__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 2px 0 2px 16px;
  width: calc(100% - 96px); }

.bc-about__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 32px; }

.bc-about .slide-book {
  margin-top: 5px; }

.bc-about .bc-detailing__show-all {
  margin: 0 16px 0 0; }

.bc-about__text {
  color: #88898C;
  padding: 0 16px;
  margin: -16px 0 0;
  font: 14px/20px "Source Sans Pro", sans-serif; }

/***************/
.bc-reader__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 auto 0 0; }

.bc-reader__list {
  margin: 5px 0 20px; }

.bc-reader__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px;
  min-height: 176px;
  border-radius: 14px;
  margin: 0 0 16px;
  background: #EDF0F7; }

.bc-reader-user__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 28px 12px 24px 4px; }

.bc-reader-user__img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 72px;
  height: 72px; }

.bc-reader-user__name, .bc-reader-user__name:visited {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 12px 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.bc-reader-user p {
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0; }

.bc-reader-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 96px); }

.bc-reader__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.bc-reader-user__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 4px 0 9px; }

.bc-reader-user__status p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font: 16px/20px "Source Sans Pro", sans-serif; }

.bc-reader-user__status i {
  font-style: normal;
  color: #88898C;
  margin: 0 10px 0 0; }

.bc-reader-user__status a, .bc-reader-user__status a:visited {
  color: #252626;
  margin: 0 10px 0 0; }

.bc-reader-user__status b {
  position: relative;
  padding: 0 11px 0 18px; }

.bc-reader-user__status b:before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -216px -182px no-repeat;
  width: 16px;
  height: 16px; }

.bc-reader__tags a, .bc-reader__tags a:visited {
  color: #3E99ED; }

.bc-reader__wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 8px 16px; }

.bc-reader__top, .bc-reader__top:visited {
  border: 1px solid #88898C;
  background: #fff;
  font: 16px/28px "Source Sans Pro", sans-serif;
  color: #88898C; }

.bc-reader__follow, .bc-reader__follow:visited {
  background: #3E99ED;
  color: #fff;
  font: 600 16px/28px "Source Sans Pro", sans-serif; }

.bc-reader__follow.bc-reader__follow--active {
  border: 1px solid #3E99ED;
  color: #3E99ED;
  background: #fff; }

/***************/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 33px; }

.pagination__page,
.pagination__page:visited {
  font: 16px/24px "Source Sans Pro", sans-serif;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  padding: 0 0 2px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #EDF0F7;
  color: #88898C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.pagination a:nth-child(-n+2) {
  font-size: 26px;
  padding: 0 2px 6px 0; }

.pagination a:nth-last-child(-n+2) {
  font-size: 26px;
  padding: 0 0 6px 2px; }

.pagination a:nth-child(2) {
  margin: 0 8px 0 0; }

.pagination a:nth-last-child(2) {
  margin: 0 0 0 8px; }

.pagination .pagination__page--active {
  background: #88898C;
  color: #fff;
  font-weight: 600; }

/*******************/
.viewed-slide {
  margin: 0 0 32px; }

.bc__content .viewed-slide {
  margin: 0 -16px 32px; }

.viewed-slide__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 5px 16px; }

.writers-slide {
  overflow: hidden;
  margin: 0 0 31px; }

.bc__content .writers-slide {
  margin: 0 -16px 31px; }

.writers-slide__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.writers-slide__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px; }

.writers-slide__link {
  margin: 0 12px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.writers-slide__author {
  margin: 18px 0 0;
  text-align: center;
  color: #252626;
  font: 600 16px/16px "Source Sans Pro", sans-serif; }

.writers-slide__avatar {
  border: 1px solid #D9DBE0;
  padding: 6.5px;
  border-radius: 50%;
  width: 113px;
  height: 113px;
  object-fit: cover;
  -o-object-fit: cover; }

/**********************/
.kv {
  padding: 0 16px; }

.kv-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 18px;
  padding: 72px 0 0; }

.kv-logo {
  position: absolute;
  bottom: 164px;
  width: 288px;
  height: 288px;
  overflow: hidden;
  z-index: -1; }

.kv-logo svg {
  -webkit-animation: rotate 5s ease-out infinite;
  animation: rotate 5s ease-out infinite; }

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.kv-slogan, .kv-slogan:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font: 300 35px/39px "Source Sans Pro", sans-serif;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 21px;
  width: 240px; }

.kv-slogan span {
  color: #F8DB73;
  letter-spacing: 1px;
  line-height: 38px;
  margin: 0; }

.kv-slogan b {
  font-size: 39px; }

.kv-slogan svg {
  margin: 0 0 0 4px; }

.kv-slogn__year {
  font: 600 27px/27px "Source Sans Pro", sans-serif;
  fill: #000; }

.kv-myslogan {
  color: #88898C;
  font: 16px/24px "Source Sans Pro", sans-serif;
  width: 100%;
  margin: 3px 0 4px; }

.kv-myslogan b {
  color: #fff; }

.kv-color-yellow {
  color: #F8DB73; }

.kv-color-red {
  color: #FA385D; }

.kv-color-blue {
  color: #59C7FF; }

.kv-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.kv-settings__link {
  position: relative;
  width: 38px;
  height: 38px;
  background-color: #252626;
  border-radius: 50%;
  margin: 4px 0; }

.kv-settings__link:hover,
.kv-settings__link:active {
  background: #3e3f40; }

.kv-settings__link--active {
  background-color: #F8DB73; }

.kv-settings__link--active:hover,
.kv-settings__link--active:active {
  background-color: #F8DB73; }

.kv-settings__link:before {
  position: absolute;
  content: "";
  top: 7px;
  left: 7px;
  width: 24px;
  height: 24px; }

.kv-settings__link:nth-child(1):before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -52px -104px no-repeat; }

.kv-settings__link:nth-child(2):before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -104px no-repeat; }

.kv-settings__link:nth-child(3):before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -26px -104px no-repeat; }

.kv-settings__link--active:nth-child(1):before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -338px 0 no-repeat; }

.kv-settings__link:nth-of-type(2) div {
  position: fixed;
  display: none;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  right: 0;
  left: 0;
  margin: 0 8px;
  top: calc(50% - 171px);
  content: "";
  background: #fff;
  color: #252626;
  border-radius: 20px;
  line-height: 24px;
  padding: 26px 24px 20px;
  z-index: 15; }

.kv-settings__link:nth-of-type(2) div p {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0; }

.kv-settings__link:nth-of-type(2):hover div {
  display: block; }

.kv-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.kv-form__title {
  position: relative;
  font: 300 36px/45px "Source Sans Pro", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 70px;
  width: 288px; }

.kv-form__title::after {
  position: absolute;
  content: '';
  width: 0;
  border: 33px solid transparent;
  border-bottom: 0;
  border-top: 16px solid #F8DB73;
  margin: auto;
  bottom: -41px;
  left: 0;
  right: 0;
  -webkit-animation: bounce 1.5s infinite 1s;
  animation: bounce 1.5s infinite 1s; }

@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.kv-form form {
  background: #F8DB73;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px 23px; }

.kv-form label {
  color: #252626;
  font: 300 24px/24px "Source Sans Pro", sans-serif;
  text-align: center;
  margin: 0; }

.kv-form input {
  font: 24px/24px "Source Sans Pro", sans-serif;
  border-radius: 6px;
  height: 56px;
  width: 80px;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  color: #252626;
  margin: 0 0 20px; }

.kv-form textarea::-webkit-input-placeholder {
  color: #88898C; }

.kv-form textarea::-moz-placeholder {
  color: #88898C; }

.kv-form textarea:-ms-input-placeholder {
  color: #88898C; }

.kv-form textarea::-ms-input-placeholder {
  color: #88898C; }

.kv-form textarea::placeholder {
  color: #88898C; }

.kv-form textarea {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  border: none;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  height: 64px;
  margin: 44px 0 28px;
  padding: 6px 8px; }

.kv-popup {
  position: fixed;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  top: calc(50% - 171px);
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background: #3E3F40;
  border-radius: 20px;
  height: 352px;
  margin: 0 8px;
  padding: 63px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000; }

.kv-popup__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0; }

.kv-popup__close:before,
.kv-popup__close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 11px;
  width: 1.33px;
  height: 19px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff; }

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

.kv-popup > p {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  text-align: center;
  color: #F8DB73;
  margin: 0 0 16px;
  padding: 0 20px; }

.kv-popup span {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 25px; }

.kv-popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -8px; }

.kv-popup__wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  margin: 12px 16px; }

.kv-partner-info,
.kv-form,
.kv-advantage,
.kv-stat,
.kv-friends {
  margin: 0 0 70px; }

.kv-partner-info__title,
.kv-advantage__title,
.kv-stat__title,
.kv-friends__title,
.kv-start__title {
  font: 300 26px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  margin: 0 0 26px; }

.kv-partner-info__wrap,
.kv-advantage__list,
.kv-stat__item {
  background: rgba(37, 38, 38, 0.75);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 28px; }

.kv-advantage__item,
.kv-stat__item {
  margin: 0 0 16px; }

.kv-advantage__text,
.kv-stat__text {
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.kv-stat__num {
  font: 600 46px/46px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 0 6px; }

.kv-stat__item svg {
  margin: 16px 0 0; }

.kv-friends__wrapper {
  overflow: hidden;
  margin: 18px -16px; }

.kv-friends__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin: 0 0 -20px; }

.kv-friends__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 16px; }

.kv-friends__link {
  position: relative;
  background: #252626;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 128px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 28px 12px;
  width: calc(100% - 24px);
  margin: 0 16px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.kv-friends__link svg {
  width: 48px;
  height: 48px; }

.kv-friends__base-ring {
  fill: none;
  stroke-width: 6; }

.kv-friends__progress-ring {
  fill: none;
  stroke-width: 6;
  stroke-linecap: round;
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards; }

.kv-friends__percentage {
  fill: #fff;
  font: 600 14px/24px "Source Sans Pro", sans-serif;
  text-anchor: middle; }

.kv-friends__avatar {
  border-radius: 50%;
  margin: 0 12px;
  width: 72px;
  height: 72px;
  object-fit: cover;
  -o-object-fit: cover; }

.kv-friends__name {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 0 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 150px); }

.kv-friends__stat {
  font: 16px/20px "Source Sans Pro", sans-serif;
  color: #fff;
  position: absolute;
  left: 156px;
  top: 67px; }

.kv-start {
  margin: 0 0 120px; }

.kv-start__button,
.kv-start__button:visited {
  font: 600 20px/26px "Source Sans Pro", sans-serif;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FA385D;
  padding: 0 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
  border-radius: 24px; }

.kv-start__button:hover,
.kv-start__button:active {
  background: #EB2F53; }

.kv-change__button,
.kv-change__button:visited,
.kv-delete__button,
.kv-delete__button:visited {
  border: 1px solid #fff;
  color: #fff;
  font: 18px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
  margin: 24px 0 16px;
  border-radius: 24px; }

.kv-change__button {
  margin: 8px 0 33px; }

.kv-change__button:hover,
.kv-change__button:active,
.kv-delete__button:hover,
.kv-delete__button:active {
  border: 1px solid #d2d4d6;
  color: #d2d4d6; }

.kv-delete__popup {
  position: absolute;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: -88px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 43px 32px 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 15;
  margin: 0 8px;
  width: calc(100% - 16px);
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.kv-delete__popup h3 {
  text-align: center;
  color: #252626;
  margin: 0 0 39px;
  font: 600 26px/32px "Source Sans Pro", sans-serif; }

.kv-delete__popup p {
  text-align: center;
  color: #88898C;
  margin: 0 0 50px;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.kv-delete__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.kv-delete__btn-n, .kv-delete__btn-n:visited {
  border: 1px solid #88898C;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 0 24px;
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #6F7073;
  background: #fff; }

.kv-delete__btn-y, .kv-delete__btn-y:visited {
  border: 1px solid #3E99ED;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #fff;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  background: #3E99ED; }

.kv-progress-bar {
  margin: 47px 0 13px;
  width: 176px;
  height: 176px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.kv-base-ring {
  fill: none;
  stroke-width: 12; }

.kv-progress-ring {
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
  -webkit-animation: progress 2s ease-out forwards;
  animation: progress 2s ease-out forwards; }

.kv-logo .kv-base-ring,
.kv-logo .kv-progress-ring {
  stroke-width: 20; }

@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0px; } }

@keyframes progress {
  0% {
    stroke-dasharray: 0px; } }

.kv-progress-bar__percentage {
  fill: #fff;
  font: 600 53px/53px "Source Sans Pro", sans-serif;
  text-anchor: middle; }

.kv-progress-bar__text {
  fill: #fff;
  font: 300 22px/32px "Source Sans Pro", sans-serif;
  letter-spacing: 1.5px; }

/*****************************************/
.challenge {
  padding: 0 16px; }

.kv-menu {
  overflow: hidden;
  margin: 20px -16px 12px; }

.kv-menu__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin: 0 0 -20px; }

.kv-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px; }

.kv-menu__item {
  margin: 0 8px 0 0; }

.kv-menu__item a {
  font: 14px/16px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  padding: 0 11px;
  background: #252626;
  color: #fff; }

.kv-menu__item a:hover,
.kv-menu__item a:active {
  background: #3e3f40; }

.kv-menu__item--active a {
  background: #F8DB73;
  color: #000;
  font-weight: 600; }

.kv-menu__item--active a:hover,
.kv-menu__item--active a:active {
  background: #F8DB73; }

.kv-menu__item b {
  margin: 0 0 0 4px; }

.challenge .kv-header {
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.challenge .kv-slogan {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 4px; }

.challenge .kv-settings {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto; }

.kv-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 19px; }

.challenge .kv-progress-bar {
  margin: 12px 38px 0 0; }

.kv-progress-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto; }

.kv-progress-value li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 16px; }

.kv-progress-value p {
  font: 16px/20px "Source Sans Pro", sans-serif;
  margin: 0;
  color: #fff; }

.kv-progress-value span {
  font: 300 43px/34px "Source Sans Pro", sans-serif; }

.kv-plan {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 60px; }

.kv-plan > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  border-radius: 16px;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(50% - 8px);
  height: 136px;
  background: rgba(37, 38, 38, 0.75);
  color: #d2d4d6;
  font: 16px/20px "Source Sans Pro", sans-serif;
  margin: 0 0 16px; }

.kv-plan > span {
  position: absolute;
  bottom: -92px;
  width: 100px;
  text-align: end;
  right: 0;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #fff; }

.kv-plan b {
  font-size: 51px;
  line-height: 56px; }

.kv-plan__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  border-radius: 16px;
  background: rgba(37, 38, 38, 0.75);
  height: 152px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 22px 4px 0px; }

/*
.school .kv-plan__progress {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }*/
.kv-plan__progress p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 22px;
  margin: 0;
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif; }

.kv-plan__progress svg {
  width: 4px;
  height: 56px;
  margin: 9px 0 3px; }

/*
.school .kv-plan__progress svg {
  height: 40px; } */
.kv-plan__progress path {
  stroke-width: 4;
  stroke-linecap: round; }

.kv-plan__progress div {
  font: 16px/32px "Source Sans Pro", sans-serif;
  width: 100%;
  text-align: center;
  color: #88898C; }

.kv-plan__info {
  position: relative;
  margin: 10px 0 -15px auto; }

.kv-plan__info span {
  color: #D2D4D6;
  padding: 0 30px 0 0;
  font-size: 14px;
  line-height: 20px; }

.kv-plan__info p {
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0; }

.kv-plan__info span:before {
  position: absolute;
  content: '';
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -104px no-repeat; }

.kv-plan__info div {
  display: none;
  position: absolute;
  border-radius: 20px;
  background: #fff;
  right: -8px;
  top: 26px;
  line-height: 24px;
  width: 304px;
  margin: 0 auto;
  height: 364px;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 15; }

.kv-plan__info span:hover ~ div {
  display: block; }

.kv-slider {
  margin: 0 0 32px; }

.kv-slider__title {
  font: 600 25px/34px "Source Sans Pro", sans-serif;
  margin: 0; }

.kv-slider__title span {
  font: 300 34px/32px "Source Sans Pro", sans-serif; }

.challenge .slide-book {
  margin: -10px -16px 2px; }

.challenge .kv-friends {
  margin: 31px 0 40px;
  color: #fff; }

.challenge .kv-friends__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 6px 0 12px;
  text-align: start; }

.kv-book__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 15px 0 -22px 8px;
  color: #fff;
  text-align: start; }

.kv-slider-user__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 16px 0;
  color: #fff;
  text-align: start; }

.kv-friends .kv-menu {
  margin: 10px -16px; }

.kv-wtr {
  margin: 0 0 32px; }

.kv-wtr__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 0 16px; }

.kv-wtr__title a,
.kv-wtr__title a:visited {
  color: #fff; }

.kv-wtr__list {
  background: #fff;
  margin: 0 -16px;
  border-radius: 24px;
  padding: 24px 16px; }

.kv-wtr__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 22px; }

.kv-wtr__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 15px 0; }

.kv-wtr__list .kv-wtr__title {
  color: #252626;
  margin: 0; }

.kv-wtr__list .kv-wtr__title a,
.kv-wtr__list .kv-wtr__title a:visited {
  color: #252626; }

.kv-wtr__show-all, .kv-wtr__show-all:visited {
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #0f5699;
  text-transform: uppercase;
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.kv-wtr .btn__show-more {
  margin: 30px 0 16px; }

.kv-wtr__link, .kv-wtr__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 16px;
  height: 32px;
  width: 100%;
  background: #FD4D1E;
  color: #fff;
  font: 600 16px/30px "Source Sans Pro", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 22px; }

.kv-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  background: rgba(37, 38, 38, 0.8);
  padding: 29px 16px 24px;
  margin: 0 0 39px; }

.kv-user__avatar {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  object-fit: cover;
  -o-object-fit: cover; }

.kv-user__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 300 26px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 6px 0; }

.kv-user__name a,
.kv-user__name a:visited {
  text-align: center;
  font-weight: 600;
  color: #fff; }

.kv-user__school {
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  color: #fff;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 0; }

.kv-user__slogan {
  color: #88898C;
  font: 16px/20px "Source Sans Pro", sans-serif;
  margin: 0; }

.kv-user__slogan b {
  color: #fff; }

.kv-user__btn-add {
  background-color: #3E99ED;
  color: #fff;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  padding: 0 0 2px;
  margin: 20px 16px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.kv-user__btn-add:hover,
.kv-user__btn-add:active {
  background: #3b91e0; }

.kv-wtr__read {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  padding: 33px 8px 24px;
  margin: 0 -16px; }

.kv-wtr__read .slide-book__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 0 0 24px; }

.kv-wtr__read .slide-book__item {
  margin: 32px 8px 0; }

/************************/
.kv-search {
  margin: 0 0 24px; }

.kv-search form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.kv-search input[type="search"] {
  height: 32px;
  border-radius: 16px;
  border: none;
  background: #fff;
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0 0 16px;
  padding: 0 20px 3px 40px; }

.kv-search input[type="search"]::-webkit-input-placeholder {
  color: #88898C; }

.kv-search input[type="search"]::-moz-placeholder {
  color: #88898C; }

.kv-search input[type="search"]:-ms-input-placeholder {
  color: #88898C; }

.kv-search input[type="search"]::-ms-input-placeholder {
  color: #88898C; }

.kv-search input[type="search"]::placeholder {
  color: #88898C; }

.kv-search label[for="search"] {
  position: absolute;
  content: "";
  left: 8px;
  top: 3px;
  width: 24px;
  height: 24px;
  z-index: 3;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px 0 no-repeat; }

.kv-search label {
  color: #fff;
  font: 14px/40px "Source Sans Pro", sans-serif;
  text-transform: uppercase; }

.kv-checkbox {
  display: none; }

.kv-checkbox + label {
  position: relative;
  padding: 0 0 0 48px;
  cursor: pointer; }

.kv-checkbox + label:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 1px;
  width: 36px;
  height: 24px;
  border-radius: 12px;
  background: #88898C;
  -webkit-transition: .2s;
  transition: .2s; }

.kv-checkbox + label:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #000;
  -webkit-transition: .2s;
  transition: .2s; }

.kv-checkbox:checked + label:before {
  background: #6AB3F0; }

.kv-checkbox:checked + label:after {
  left: 14px; }

.kv-friends .kv-menu__item--active a {
  color: #fff;
  background: #88898C; }

.kv-friends__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 25px 0 0; }

.kv-friends__inner .kv-friends__link {
  width: 100%;
  margin: 0 0 16px; }

.kv-friends .btn__show-more {
  margin: 16px 0 32px; }

.kv-friends .pagination {
  margin: 0; }

.kv-slider-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 40px; }

.kv-slider-user__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 13px; }

.kv-slider-user__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 3px 8px 0 0; }

.kv-slider-user__link img {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  object-fit: cover;
  -o-object-fit: cover; }

.kv-slider-user__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.kv-slider-user__inner p {
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0; }

.kv-slider-user__inner a {
  color: #fff;
  font-weight: 600; }

.kv-slider-user .btn__show-more {
  margin: -3px 0 32px; }

.kv-book .pagination,
.kv-slider-user .pagination {
  margin: 0; }

/************************************/
.kv-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -8px 40px; }

.kv-book .slide-book__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 0 0 36px; }

.kv-book .slide-book__item {
  margin: 56px 8px 0; }

.kv-slider-read {
  width: 100%; }

.kv-slider-read .slide-book__item {
  height: 296px; }

.kv-slider-read .slide-book__wrapper {
  height: 110px; }

.kv-slider-read .slide-book {
  margin: -12px -16px 36px; }

.kv-slider-read .kv-slider__title {
  color: #F8DB73; }

.kv-slider-read--wtr .kv-slider__title {
  color: #59C7FF; }

.kv-slider-read--wtr .kv-slider__title i {
  font-style: normal;
  font: 16px/32px "Source Sans Pro", sans-serif;
  color: #fff; }

.kv-sorting {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  margin: 16px 0 0; }

.kv-sorting details {
  position: absolute;
  z-index: 1500;
  border-radius: 16px;
  width: 100%; }

.kv-sorting details:nth-child(even) {
  bottom: 0; }

.kv-sorting summary {
  position: relative;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #fff;
  padding: 6px 15px 9px;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #D2D4D6; }

.kv-sorting summary::-webkit-details-marker {
  display: none; }

.kv-sorting summary::after {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.kv-sorting details[open] {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.kv-sorting details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 13px;
  border-color: #252626; }

.kv-sorting details[open] summary {
  background: #fff;
  color: #252626; }

.kv-sorting div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  overflow-y: scroll;
  background: #fff;
  color: #252626;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 70px 0 16px; }

.kv-sorting a {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 8px 32px; }

.kv-sorting a:active {
  background: #EDF0F7; }

.kv-sorting .kv-popup__close:before,
.kv-sorting .kv-popup__close:after {
  background: #252626; }

.darkstyle,
.darkstyle .page-footer-soc__link {
  background-color: #000; }

.darkstyle .page-footer {
  background: #252626; }

.darkstyle .page-footer__list li,
.darkstyle .page-footer__list a {
  color: #fff; }

.darkstyle .pagination__page {
  background: #252626;
  color: #fff; }

.darkstyle .slide-book__status,
.darkstyle .slide-book__wrapper,
.darkstyle .slide-book__item {
  background: #252626;
  color: #fff;
  border-color: #252626; }

.darkstyle .slide-book__list a:not(.slide-book__btn-add),
.darkstyle .slide-book__rating {
  color: #fff; }

.darkstyle .slide-book__menu-block a {
  color: #252626; }

.darkstyle .slide-book__item .btn-add-plus--add {
  background: transparent; }

.darkstyle .kv-wtr .slide-book__status {
  background-color: #EDF0F7;
  color: #252626; }

.darkstyle .kv-wtr .slide-book__wrapper,
.darkstyle .kv-wtr .slide-book__item {
  background: #fff;
  color: #252626;
  border-color: #e3e5e6; }

.darkstyle .kv-wtr .slide-book__list a:not(.btn-add-plus):not(.bc-menu__status-lists),
.darkstyle .kv-wtr .slide-book__rating {
  color: #252626; }

/**/
.challenge .kv-form form {
  background: #252626;
  color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 16px; }

.challenge .kv-form textarea {
  margin: 43px 0 20px; }

.challenge .kv-form {
  margin: 0 0 24px; }

.challenge .kv-form label {
  color: #fff; }

.challenge .kv-form .kv-checkbox + label {
  color: #fff;
  font: 14px/40px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0 0 0 48px; }

.challenge .kv-form .kv-checkbox + label:after {
  background: #252626; }

.kv-form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #3E99ED;
  color: #fff;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  height: 48px;
  width: 100%;
  border-radius: 24px;
  padding: 0 0 4px; }

.kv-form button:hover,
.kv-form button:active {
  background: #3b91e0; }

.partner .kv-logo {
  display: none; }

.kv-partner-header {
  width: 288px;
  max-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto 24px;
  overflow: hidden;
  border-radius: 14px; }

.kv-partner-block {
  width: 288px;
  max-height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 63px auto 40px;
  overflow: hidden;
  border-radius: 14px; }

.kv.partner .kv-header {
  padding: 7px 0 0; }

.partner .kv-partner-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0 0; }

.partner .kv-partner-logo img {
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 0 57px; }

.partner .kv-partner-logo p {
  position: absolute;
  color: #fff;
  font: 600 24px/28px "Source Sans Pro", sans-serif;
  margin: 4px 0 0;
  text-align: center;
  width: 100%;
  bottom: 0; }

.kv-partner__link, .kv-partner__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  height: 32px;
  width: 100%;
  background: #FD6668;
  color: #FCEC3F;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -2px 0 22px;
  padding: 0 0 4px; }

.kv-partner-info__wrap {
  padding: 32px 16px 40px;
  font: 300 20px/32px "Source Sans Pro", sans-serif;
  color: #fff; }

.kv-partner-info__list {
  width: 256px; }

.kv-partner-info__list b {
  color: #F8DB73; }

.kv-partner-info__list li:not(:first-of-type):before {
  content: '●';
  color: #F8DB73;
  margin: 0 8px 0 0; }

.kv-partner-info p {
  color: #fff;
  font: 300 20px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 24px;
  width: 100%; }

.kv-partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 34px; }

.kv-partners__title {
  color: #fff;
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 8px 0 16px; }

.kv-partners__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background: #fff;
  border-radius: 24px;
  padding: 40px 14px 36px;
  margin: 0 -16px; }

.kv-partners__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 143px;
  height: 103px;
  margin: 0 0 4px; }

.kv.school .kv-header {
  padding: 85px 0 0;
  margin: 0 0 20px; }

.school .kv-slogn__year {
  text-transform: lowercase;
  text-anchor: middle;
  font: 13px/24px "Source Sans Pro", sans-serif; }

.school .kv-slogan {
  margin-top: 3px; }

.school .kv-logo {
  bottom: 208px; }

.kv-header .kv-user {
  background: transparent;
  padding: 0;
  margin: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.kv-header .kv-user__slogan {
  line-height: 24px;
  margin: 0 0 6px; }

.kv-header .kv-user__school {
  margin: 12px 0 2px; }

.kv-result,
.kv-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 34px 0 33px; }

.kv-result__title,
.kv-review__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 0 16px; }

.kv-result__wrapper .kv-result__title,
.kv-review__wrapper .kv-review__title {
  margin: 39px 0 14px 16px;
  color: #252626; }

.kv-result__wrapper,
.kv-review__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  margin: 0 -16px;
  border-radius: 24px; }

.kv-review__show-all, .kv-review__show-all:visited {
  color: #0f5699;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  text-align: end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0 16px 18px 0;
  max-width: 98px; }

.kv-result__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0 16px; }

.kv-result__image {
  border-radius: 12px;
  margin-bottom: 16px; }

.kv-result__title span {
  font-weight: 300; }

.kv-review .kv-slider-user {
  width: 100%; }

.kv-review .kv-slider-user__title {
  color: #000;
  margin: 41px 16px 19px; }

.kv-review .kv-slider-user__wrap {
  margin: 0 16px 10px; }

.kv-review .kv-slider-user__inner a {
  color: #000; }

.kv-review .kv-slider-user .btn__show-more {
  width: calc(100% - 32px);
  margin: -3px 16px 32px; }

.kv-review .kv-slider-user .pagination {
  margin: 0 16px; }

.kv-slider-user__inner b {
  color: #252626; }

/**************************/
.kv-slider-book .slide-book {
  margin: -10px -16px 38px; }

.kv-slider-book .btn__show-more {
  margin: -7px 0 32px; }

/*************MAIN****************/
/***главный слайдер*******************/
.main-slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 208px;
  margin: 0 8px 62px; }

.main-slider__list {
  width: 100%; }

.main-slider__item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 208px;
  width: 100% !important;
  top: 0;
  overflow: hidden;
  padding: 20px 24px 20px 138px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0; }

.main-slider__img {
  position: absolute;
  height: 136px;
  width: 91px;
  top: calc(50% - 68px);
  bottom: 0;
  left: 32px;
  z-index: 2;
  border-radius: 8px; }

.main-slider__head, .main-slider__head:visited {
  color: #fff;
  font: 600 14px/24px "Source Sans Pro", sans-serif;
  z-index: 2;
  position: relative; }

.main-slider__head span {
  font-weight: 400;
  text-transform: uppercase; }

.main-slider__title {
  color: #fff;
  z-index: 2;
  margin: 0;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 72px; }

.main-slider__title a, .main-slider__title .lenta__show-all:visited {
  color: #fff; }

.main-slider__bg {
  -webkit-filter: blur(40px);
  filter: blur(40px);
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0; }

.main-slider__link, .main-slider__link:visited {
  position: relative;
  color: #fff;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  height: 28px;
  padding: 0 16px 4px;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.slides-lenta:before {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }

.slides-author .main-slider__link::before,
.slides-lenta .main-slider__link::before {
  position: absolute;
  content: '';
  top: calc(50% - 4.5px);
  right: 2px;
  border: 4.5px solid transparent;
  border-right: none;
  border-left-color: #fff; }

.slides-kv .main-slider__link {
  background: #FA385D;
  color: #fff;
  margin-top: 8px; }

.slides-author .main-slider__link,
.slides-lenta .main-slider__link {
  font: 600 12px/24px "Source Sans Pro", sans-serif;
  padding: 0 16px 2px 0;
  margin-bottom: -5px; }

.slides-game .main-slider__link {
  color: #252626;
  background: #fff;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.slides-kv {
  padding-left: 34px; }

.slides-kv .kv-slogan {
  position: relative;
  font: 300 28px/30px "Source Sans Pro", sans-serif;
  width: 150px;
  margin: 2px 0 -2px -3px; }

.slides-kv .kv-slogan b {
  font-size: 30px; }

.slides-kv .kv-slogan svg {
  width: 58px;
  height: 22px; }

.slides-author .main-slider__head {
  text-transform: uppercase; }
.slides-lovelib .main-slider__img {
  height: 119px;
  width: 98px;
  top: calc(50% - 60px);
  left: 32px; }
.slides-game .main-slider__img,
.slides-author .main-slider__img {
  height: 95px;
  width: 95px;
  left: 25px;
  top: calc(50% - 50px);
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.2); }

.slides-author .main-slider__title,
.slides-lenta .main-slider__title {
  position: relative;
  -webkit-line-clamp: 5;
  max-height: 120px; }

.main-slider__title svg {
  margin-top: 8px; }

.slides-kv .main-slider__head {
  position: absolute;
  top: 21px;
  right: 24px; }

.slides-halloween {
  background: #1B1444;
}
.slides-halloween .main-slider__link {
  background: #70A827;
  padding: 0 30px 4px;
} 
.slides-halloween .main-slider__img {
  top: auto;
  bottom: -5%;
  left: -25px;
  width: 160px;
  height: auto;
}
.slides-halloween .main-slider__head {
  padding-left: 24px;
}
.slides-halloween .main-slider__head::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url("/img/skins/mobile2019/insta-Icon.png") 50% 50% no-repeat;
  background-size: contain;
}
.slides-chr {
  background: #59C7FF url("/img/skins/mobile2019/chr-bg.png") 50% 50% no-repeat;
  background-size: cover; }
.slides-chr .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%; }
.slides-chr .main-slider__link {
  background: linear-gradient(180deg, #F8DB73 0%, #F7BB4E 100%);
  color: #252626;
  padding: 0 30px 4px; }

.slides-nos {
  background: #FABE3C;
}
.slides-bigbook {
  background: #3E99ED;
}
.slides-nos .main-slider__link,
.slides-bigbook .main-slider__link {
   background: #7B0E0B;
   padding: 0 30px 4px;
}
.slides-nos .main-slider__img,
.slides-bigbook .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.slides-2022 {
  background-image: url("/img/skins/mobile2019/slides-2022.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.slides-2022 .main-slider__head {
  color: #fff;
}
.slides-2022 .main-slider__link {
  background: #B0DAD9;
  color: #063835;
  padding: 0 45px 2px;
}
.slides-2022 .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 220px;
  height: 100%;
}

.main-slider .slick-arrow {
  z-index: 10;
  position: absolute;
  content: '';
  background: transparent;
  border: none;
  top: calc(50% - 16px);
  width: 32px;
  height: 32px; }

.main-slider .slick-prev {
  left: 0; }

.main-slider .slick-next {
  right: 0; }

.main-slider .slick-arrow:before {
  position: absolute;
  content: '';
  top: 11px;
  left: 11px;
  width: 6px;
  height: 6px;
  border-top: 1.33px solid #fff;
  border-left: 1.33px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.main-slider .slick-prev:before {
  left: 13px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*****БОЛЬШАЯ МОТАЛКА СЛИК СЛАЙДЕР**************************/
.main-slider__list .slick-track {
  height: 208px !important;
  -webkit-transform: none !important;
  transform: none !important; }

.main-slider__list .slick-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  top: 0;
  z-index: 4;
  opacity: 1; }

.main-slider__list .slick-active + .main-slider__item {
  -webkit-transform: scale(0.89);
  transform: scale(0.89);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  top: 23px;
  z-index: 3;
  opacity: 0.5; }

.main-slider__list .slick-active + .main-slider__item + .main-slider__item {
  -webkit-transform: scale(0.78);
  transform: scale(0.78);
  -webkit-transition: opacity 0.4s, top 0.8s, z-index 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.4s, top 0.8s, z-index 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.4s, top 0.8s, transform 0.8s, z-index 0.8s;
  transition: opacity 0.4s, top 0.8s, transform 0.8s, z-index 0.8s, -webkit-transform 0.8s;
  top: 46px;
  z-index: 2;
  opacity: 0.2; }

.main-slider__list .slick-active + .main-slider__item + .main-slider__item + .main-slider__item {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: opacity 0.4s, top 1s, z-index 1s, -webkit-transform 1s;
  transition: opacity 0.4s, top 1s, z-index 1s, -webkit-transform 1s;
  transition: opacity 0.4s, top 1s, transform 1s, z-index 1s;
  transition: opacity 0.4s, top 1s, transform 1s, z-index 1s, -webkit-transform 1s;
  top: -12px;
  z-index: 1;
  opacity: 0; }

.slides-kv {
  background: #000 url("/img/skins/mobile2019/circle.png") 100% 100% no-repeat; }

.slides-rockbook {
  background: url("/img/skins/mobile2019/VC_fon.jpg") 50% 50% no-repeat;
  background-size: cover; }

.slides-lenta {
  background: #3e3f40; }

.slides-pro {
  background: url("/img/skins/mobile2019/main-slide-fon.jpg") 50% 50% no-repeat;
  background-size: cover; }
.slides-santa {
  background: url("/img/skins/mobile2019/santa-fon.jpg") 50% 50% no-repeat;
  background-size: cover; }

.slides-lovelib {
  background: url("/img/skins/mobile2019/lovelib-fon.jpg") 35% 50% no-repeat;
  background-size: cover;  }

.slides-pro .main-slider__link {
  color: #000;
  background: #FBC538; }
.slides-santa .main-slider__img,
.slides-pro .main-slider__img,
.slides-img300 .main-slider__img,
.slides-rockbook .main-slider__img {
  height: 95px;
  width: 95px;
  left: 30px;
  top: calc(50% - 48px); }

.slides-halloween .main-slider__title,
.slides-halloween .main-slider__title,
.slides-bigbook .main-slider__title,  
.slides-santa .main-slider__title,
.slides-rockbook .main-slider__title {
  -webkit-line-clamp: 4;
  max-height: 96px; }

.slides-rockbook .main-slider__head {
  line-height: 16px; }
.slides-lovelib .main-slider__link,
.slides-santa .main-slider__link,
.slides-rockbook .main-slider__link {
  background: #FA385D; }

.slides-game,
.slides-author {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#3E99ED), to(#52BBFA));
  background-image: linear-gradient(to top, #3E99ED, #52BBFA); }

/*
.main-search {
  margin: 0 16px 29px; }

.main-search form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-search input[type="search"] {
  height: 38px;
  border-radius: 19px;
  border: 1px solid #88898C;
  background: #fff;
  color: #252626;
  font: 300 18px/24px "Source Sans Pro", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 4px 39px; }

.main-search input[type="search"]::-webkit-input-placeholder {
  color: #88898C; }

.main-search input[type="search"]::-moz-placeholder {
  color: #88898C; }

.main-search input[type="search"]:-ms-input-placeholder {
  color: #88898C; }

.main-search input[type="search"]::-ms-input-placeholder {
  color: #88898C; }

.main-search input[type="search"]::placeholder {
  color: #88898C; }

.main-search label[for="search"] {
  position: absolute;
  content: "";
  left: 8px;
  top: 7px;
  width: 24px;
  height: 24px;
  z-index: 3;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px 0 no-repeat; }

.main-search label {
  color: #fff;
  font: 14px/40px "Source Sans Pro", sans-serif;
  text-transform: uppercase; }
*/
.block-rightdown {
  width: 125px;
  height: 125px;
  position: fixed;
  z-index: 100;
  bottom: 16px;
  right: 16px;
}
.block-rightdown .btn-close {
  top: 0;
  right: 0;
}
.block-rightdown__img {
  position: relative;
  display: flex;
  width: 125px;
  height: 125px; }

.block-rightdown__img img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@-webkit-keyframes smallhead {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); } }

@keyframes smallhead {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); } }

@-webkit-keyframes bzz {
  50% {
    -webkit-transform: translatey(-5px) scale(0.95);
    transform: translatey(-5px) scale(0.95); } }

@keyframes bzz {
  50% {
    -webkit-transform: translatey(-5px) scale(0.95);
    transform: translatey(-5px) scale(0.95); } }
.block-rightdown__img img:last-of-type {
  bottom: -9px;
  z-index: 2;
  -webkit-animation: bzz 2s infinite;
  animation: bzz 2s infinite;
}
.block-rightdown__img img:first-of-type {
  width: 54px;
  -webkit-animation: smallhead 2s infinite;
  animation: smallhead 2s infinite;
  animation-delay: 1s;
  z-index: 3;
}

.main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 39px; }

.main-block__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 5px 16px;
  width: calc(100% - 130px);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-block__title a,
.main-block__title a:visited {
  color: #252626; }

.main-block__title span {
  font-weight: 300; }

.main-block__show-all,
.main-block__show-all:visited {
  color: #0f5699;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  text-align: end;
  margin: 0 16px 9px 0;
  max-width: 98px; }

.main-block__wrapper {
  width: 100%;
  overflow: hidden; }

.main-block__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.main-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 16px; }

.main-block__item {
  width: calc(100% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 16px;
  margin: 0; }

.main-block__write, .main-block__write:visited {
  font: 600 14px/24px "Source Sans Pro", sans-serif;
  background: #3E99ED;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 162px;
  height: 32px;
  padding: 0 0 3px;
  margin: 16px 0 0 16px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main-block__write:hover {
  background: #3b91e0; }

.main-block__link, .main-block__link:visited {
  font: 14px/24px "Source Sans Pro", sans-serif;
  border: 1px solid #88898C;
  color: #6f7073;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 116px;
  height: 32px;
  padding: 0 0 2px;
  margin: 16px 16px 0 0;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main-block__link:active {
  background: rgba(237, 240, 247, 0.5); }

.main-ec__show-all, .main-ec__show-all:visited,
.main-block__find, .main-block__find:visited {
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  background: #3E99ED;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 0 4px;
  margin: 12px 16px 0;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main-block__find:active {
  background: #3b91e0; }

.main-ec__show-all {
  margin: 16px 16px 20px; }

.main-block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 12px 16px 0; }

.main-block.statuses-slide {
  margin-left: 0;
  margin-right: 0; }

.main-block .statuses-card {
  height: 136px; }

.main-block .statuses-card .header-card {
  height: 136px; }

.main-block .statuses-card .header-card-user__avatar {
  margin: 20px 16px;
  padding: 6px;
  width: 96px;
  height: 96px; }

.main-block .statuses-card .header-card-user__name {
  margin: 24px 0 4px; }

/*правки
.main-block .lenta-card__avatar {
  width: 106px;
  height: 106px;
  padding: 6px; }*/
.main-block .histories-card .lenta-card-book__wrapper {
  width: calc(50% + 8px); }

.main-block .review-card .lenta-card-book__wrapper {
  width: calc(50% + 8px); }

.main-block .review-card .lenta-card__rating {
  top: 80px; }

.main-block .review-card .lenta-card__book-title {
  margin: 23px 16px 0 0; }

.main-block .histories-card .lenta-card__rating {
  right: calc(50% - 79px);
  top: 80px; }

.main-block .histories-card .lenta-card-book__link {
  left: calc(50% - 8px);
  bottom: 72px; }

.main-block .histories-card .lenta-card__book-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 36px;
  margin: 23px 0 0 0px; }

.main-block .quote-card .lenta-card__title {
  position: absolute;
  top: 17px;
  left: 14px; }

.main-block .lenta-card__text {
  max-height: 120px; }
.main-block .discussionbook-card .lenta-card__text {
  max-height: 72px; }

.main-tr .main-block__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 16px 24px 0 23px;
  list-style-type: none;
  counter-reset: num;
  width: 100%; }

.main-tr .main-block__list li {
  position: relative; }

.main-tr .main-block__list li:before {
  position: absolute;
  font: 300 20px/20px "Source Sans Pro", sans-serif;
  content: counter(num) "";
  counter-increment: num;
  width: 22px;
  text-align: center;
  top: 3px; }

.main-tr__link, .main-tr__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 12px;
  color: #252626;
  padding: 0 28px 0 33px; }

.main-tr img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -o-object-fit: contain;
  object-fit: contain; }

.main-tr p {
  font: 14px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 auto 0 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 92px); }

.main-tr span {
  color: #88898C;
  font: 18px/20px "Source Sans Pro", sans-serif; }

.main-tr span:after {
  position: absolute;
  content: '';
  right: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -338px -52px no-repeat; }

.main-tr .main-block__link {
  height: 32px;
  font-size: 16px;
  border-radius: 16px;
  margin-top: 16px;
  padding: 0 0 4px; }

.main-block.advice-card {
  margin: 0 16px 39px; }

.main-sp__link, .main-sp__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 16px;
  padding-bottom: calc(172/280*100% + 68px);
  width: 100%;
  overflow: hidden;
  background: linear-gradient(to top, #3E99ED 0px, #52BBFA 83px, #52BBFA 83px, #52BBFA 100%); }

.main-sp .main-block__link {
  margin: 0 0 32px; }

.main-sp .main-block__wrapper {
  margin-top: 12px; }

.main-sp__link img {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 16px; }

.main-sp__description {
  position: absolute;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  height: 68px;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  padding: 0 16px 4px; }

.main-sp__form {
  border-radius: 16px;
  background: #EDF0F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 23px 16px 24px;
  margin: 0 16px; }

.main-sp__form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 300 16px/20px "Source Sans Pro", sans-serif; }

.main-sp__form svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 20px 0 6px; }

.main-sp__form input {
  height: 40px;
  border-radius: 20px;
  font: 16px/20px "Source Sans Pro", sans-serif;
  padding: 0 16px 4px 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: 24px 0 16px; }

.main-sp__btn {
  background: #3E99ED;
  height: 40px;
  border-radius: 20px;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font: 600 18px/24px "Source Sans Pro", sans-serif; }

.main-sp__btn:active {
  background: #3b91e0; }

.main-block .lenta-card__wrapper {
  padding: 14px 16px 18px; }

.main-block__list > *:not(.selection-card) .lenta-card__title {
  -webkit-line-clamp: 2;
  height: 48px; }

.main-bdb .main-block__list .lenta-card__title,
.main-event .main-block__list .lenta-card__title,
.main-ec .main-block__list .lenta-card__title {
  -webkit-line-clamp: 3;
  height: 72px; }

.main-block .lenta-card__show-all {
  margin: -40px auto 0; }

.main-ec__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 16px 20px; }

.main-ec__list li:not(:last-child) {
  margin: 0 0 18px; }

.main-ec__list li.editor-choice {
  margin: 0 0 25px; }

.main-bq .lenta-card__text--big p {
  font-size: 18px;
  line-height: 24px; }

.main-bq .lenta-card__text {
  font-size: 16px;
  height: 96px; }

.main-event .lenta-card__title {
  -webkit-line-clamp: 3;
  height: 72px; }

.main-ec__list .lenta-card__title {
  -webkit-line-clamp: 3;
  max-height: 72px; }

.main-ec__list .lenta-card-book__link {
  margin: 0 0 8px; }

.main-ec__list .lenta-card {
  padding: 0; }

.main-tests .main-block__title {
  margin-bottom: 13px;
}

.main-tests .lenta-card__picture-wrapper {
  border-radius: 14px;
}

.main-tests .lenta-card__title {
  height: auto !important;
  min-height: calc(24px * 2);
  max-height: calc(24px * 3);
  padding-right: 8px;
  padding-left: 8px;
  -webkit-line-clamp: 3 !important;
}

.main-tests .lenta-card__details {
  width: calc(100% - 8px * 2);
  padding-right: 8px;
  padding-left: 8px;
}

.tests-card .lenta-card-book__link {
  position: relative;
  height: auto;
  margin: 0 0 8px;
}

.editor-choice .lenta-card {
  background: linear-gradient(to top, #3E99ED 0px, #52BBFA 160px, #52BBFA 160px, #52BBFA 100%);
  border-radius: 12px; }

.editor-choice .lenta-card__details {
  position: relative;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.editor-choice .lenta-card__details::before {
  position: absolute;
  content: "Главное";
  width: 49px;
  height: 14px;
  right: 60px;
  top: 2px;
  text-align: center;
  font: 600 10px/12px "Source Sans Pro", sans-serif;
  color: #3e99ed;
  background: #fff;
  border-radius: 4px; }

.editor-choice .lenta-card__title {
  color: #fff;
  padding: 0 10px;
  margin-bottom: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-line-clamp: 4;
  max-height: 96px; }

.editor-choice .lenta-card__date,
.editor-choice .lenta-card__aliases {
  color: #fff; }

.editor-choice .lenta-card__aliases::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -156px -104px no-repeat; }

.main-ec__list li:not(:first-child) .lenta-card__title {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin: 3px 0;
  font: 600 16px/24px "Source Sans Pro", sans-serif; }

.main-block__item .lenta-card__picture {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute; }

.main-block__item .lenta-card__picture-wrapper {
  padding-bottom: calc(173/280*100%); }

.btn__read-more, .btn__read-more:visited {
  color: #88898C;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.main-groups .main-block__list {
  height: 384px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.main-groups .main-block__item {
  position: relative;
  height: 88px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 8px; }

.main-groups__img {
  margin: 12px 4px 0 0; }

.main-groups__img img {
  border: 1px solid #88898C;
  padding: 3px;
  border-radius: 50%;
  margin: auto;
  width: 64px;
  height: 64px;
  object-fit: cover;
  -o-object-fit: cover; }

.main-groups__name, .main-groups__name:visited {
  color: #88898C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  font: 600 12px/16px "Source Sans Pro", sans-serif;
  margin: 8px 0 0; }

.main-groups__title, .main-groups__title:visited {
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
  width: calc(100% - 100px);
  margin: 4px 0; }

.main-groups__date {
  color: #88898C;
  font: 12px/16px "Source Sans Pro", sans-serif;
  margin: 0; }

.main-groups__count {
  position: absolute;
  content: '';
  right: 15px;
  bottom: -5px;
  color: #88898C;
  font: 18px/28px "Source Sans Pro", sans-serif; }

/*
.main-join {
  margin-bottom: 32px; }*/
.main-join__list {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#3e99ed), to(#52bbfa));
  background: linear-gradient(to top, #3e99ed, #52bbfa);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 12px 16px 0;
  width: 100%;
  height: 207px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.main-join__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 209px;
  margin: 8px 0; }

.main-join__list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font: 14px/14px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.main-join__item svg {
  margin: 0 22px 0 7px; }

.main-join__list b {
  font: 25px/24px "Source Sans Pro", sans-serif; }

.main-join__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #EDF0F7;
  border-radius: 0 0 16px 16px;
  margin: -16px 16px 0;
  width: 100%;
  padding: 49px 16px 32px; }

.main-join__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px; }

.main-join__wrap a {
  width: 48px;
  height: 48px;
  margin: 0 10px; }

.main-join__form input {
  font: 16px/24px "Source Sans Pro", sans-serif;
  border: none;
  height: 40px;
  border-radius: 20px;
  color: #252626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 4px 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.main-join__form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  height: 40px;
  margin: 16px 0 32px;
  border-radius: 20px;
  width: 100%;
  border: none;
  background: #3E99ED;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main-join__form button:active {
  background: #3b91e0; }

.main-block__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 44px; }

.main-block__menu .main-block__title {
  margin: 0 16px 16px;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

/*******************/
.advice-card__title {
  font: 600 25px/32px "Source Sans Pro", sans-serif;
  padding: 4px 0;
  margin: 0; }

.advice-card__title span {
  font-weight: 300; }

.advice-card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 16px;
  height: 272px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 16px;
  margin: 13px 0 -184px;
  background: -webkit-gradient(linear, left bottom, left top, from(#52bbfa), to(#3e99ed));
  background: linear-gradient(to top, #52bbfa, #3e99ed); }

.advice-card__wrapper a {
  font: 16px/26px "Source Sans Pro", sans-serif;
  color: #fff;
  height: 32px;
  width: 100%;
  text-align: center;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  margin: 4px 0 0; }

/*******************/
.advice-slider {
  width: 100%;
  overflow: hidden; }

.advice-slider-nav .slick-list {
  padding: 0 0 12px 59px; }

.advice-slider-nav div {
  width: 102px;
  padding: 0 16px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.advice-slider-nav img {
  width: 86px;
  height: 128px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 6px; }

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

.advice-slider-nav .slick-current img {
  width: 155px;
  height: 232px; }

.advice-slider-nav .slick-current div {
  width: 171px; }

.slick-arrow {
  display: none; }

.advice-slider-nav .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

/***********/
.advice-slider-for__item .btn-add-plus {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  margin: 18px 0 4px; }

.advice-slider-for__item .btn-add-plus::before {
  font-size: 18px; }

.advice-slider-for__item .btn-add-plus::after {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -62px -156px no-repeat; }

.advice-slider-for__item .btn-add-plus--add::after {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -88px -156px no-repeat; }

.advice-slider-for .lenta-card-book__wrapper {
  position: relative;
  margin: 0 0 10px;
  width: calc(100% - 58px);
  padding-left: 58px; }

.advice-slider-for .lenta-card__book-title {
  font-size: 20px;
  width: 100%;
  line-height: 36px; }

.advice-slider-for .lenta-card__rating {
  position: absolute;
  left: 0;
  top: 5px; }

.advice-slider-for .lenta-card__rating::before {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -234px -182px no-repeat; }

.advice-slider-for .lenta-card__text {
  height: 96px; }

.author-card__slider {
  position: absolute;
  top: -140px;
  left: 0;
  right: 0; }

.author-card__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 288px;
  color: #fff;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 28px 16px;
  margin: 142px 0 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#3e99ed), to(#52bbfa));
  background: linear-gradient(to top, #3e99ed, #52bbfa); }

.author-card__discription p {
  color: #fff;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0; }

.author-card__count {
  font: 18px/20px "Source Sans Pro", sans-serif;
  text-align: center; }

.author-card__count p {
  font-size: 40px;
  line-height: 25px;
  font-weight: 300; }

.author-card__link {
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  width: 200px;
  height: 303px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  -webkit-animation: to14 16s linear infinite;
  animation: to14 16s linear infinite; }

.author-card__link::before {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.author-card__link img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 303px;
  width: 200px; }

.author-card__link:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.author-card__link:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.author-card__link:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s; }

.author-card__link:nth-child(4) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s; }

.author-card .header-card-user__name {
  margin: 0 auto 0 3px; }

.modal-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page-content .header {
  margin-bottom: 16px;
  padding: 0; }

.page-content .group-block {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.page-content .gp-wrapper .gp-wrapper-image {
  border-radius: 24px; }

.page-content .author-profile {
  margin-top: 0 !important; }

.copy-card .header-card {
  margin: -8px 0 4px;
  display: inline-block;
  padding: 4px 0 0 72px;
  max-height: 64px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis; }

.copy-card .header-card-user {
  position: absolute;
  top: -6px;
  left: 36px; }

.copy-card .header-card-user__avatar {
  width: 20px;
  height: 20px; }

.copy-card .header-card-user__name,
.copy-card .header-card__category {
  overflow: auto;
  white-space: normal; }

.copy-card .header-card__menu {
  display: none; }

.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }

/******************************/
.bc-header {
  position: relative;
  overflow: hidden;
  width: calc(100% + 16px);
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 116px;
  border-radius: 24px;
  padding: 20px 16px 0 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bc-header__bg-wrap {
  position: absolute;
  overflow: hidden;
  border-radius: 24px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
.bc-header__bg-wrap::after {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute; }
.bc-header__bg {
  position: absolute;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  z-index: 1;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

/*.bc-header__wrap {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  flex-direction: column;
  margin: 0px 16px 16px 22px;
  padding-top: 6px;
}*/
.bc-header__wrap {
  z-index: 10;
  color: #fff;
  font: 600 28px/28px "Source Sans Pro", sans-serif;
  margin-bottom: 14px; }

.bc-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 10;
  margin: 0 16px 20px; }

.bc-header__list li {
  margin-right: 8px; }

.bc-header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font: 14px/24px "Source Sans Pro", sans-serif;
  background: rgba(255, 255, 255, 0.15);
  height: 28px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 16px; }

.bc-header__link--active {
  background: #3e99ed; }

.bc-header__list li:first-child .bc-header__link--active {
  background: #3e99ed; }

.bc-header__link details {
  position: relative; }
.bc-header__link summary::-webkit-details-marker {
  display: none; }

.bc-header__link summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bc-header__link summary a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin-left: 26px;
  font: 14px/24px "Source Sans Pro", sans-serif;
  height: 28px;}
.bc-header__link summary span {
  position: absolute;
  border-radius: 14px;
  left: -9px;
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.20);
}

.bc-header__link summary span::after {
  position: absolute;
  content: '';
  right: 11px;
  top: 8px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bc-header__link details[open] div {
  position: fixed;
  border-radius: 14px 14px 0 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  margin: 0 auto;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  background: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }
.bc-header__link div a,
.bc-header__link div a:visited {
  color: #252626;
  padding: 0 16px;
  font: 16px/40px "Source Sans Pro", sans-serif;
  border-bottom: 1px solid #D9DBE0;
}
.bc-header__link details[open] a:last-of-type {
  border: none; }

.bc-header__link details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px; }




/**************/
.bc-header__wrapper {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin: 14px -16px -20px -22px;
}
.bc-header__limiter {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}







/*
.bc-new .bc > *:not(.showblock) {
  display: none; }
.showblock {
  display: flex;
  flex-direction: column; }
*/
/*
.bc-new .bc-menu {
  margin-top: -192px;
  z-index: 3; }*/
.bc-new {
  padding: 0 16px; }

.bc-new .bc__image {
  width: 128px;
  height: 192px; }

.bc-new .bc__image-wrap {
  width: 128px;
  z-index: 10;
  margin: 20px auto 20px 14px; }

.bc-new .bc__image-status {
  font-size: 12px;
  width: 112px;
  height: 36px;
  padding-right: 8px;
  top: -20px; }

.bc-new .bc-menu__top {
  width: 112px;
  font-size: 12px; }

.bc-new .bc-header-soc {
  position: absolute;
  top: 119px;
  left: 101px; }

.bc-new .bc-rating {
  margin: 0 6px 8px; }

.bc-new .bc-about {
  margin-top: -88px;
  position: relative; }

.bc-new .bc-menu {
  padding: 0 14px; }

.bc-new .bc-menu__list {
  margin: 40px -14px 48px; }

.bc-new .bc__book-title {
  color: #fff;
  margin: 0;
  font: 600 28px/28px "Source Sans Pro", sans-serif; }
.bc-new .bc-author {
  margin: 0; }
.bc-new .bc-author__link,
.bc-new .bc-author {
  color: #fff;
  font: 18px/24px "Source Sans Pro", sans-serif; }

.bc-new .bc-author__all {
  margin-left: 0;
  color: #fff; }

.bc-new .bc-genre__list li {
  margin: 0 18px 0 0; }

.bc-new .bc-genre__list a {
  border: none;
  padding: 0;
  height: auto;
  color: #217DD1;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.bc-new .bc {
  margin-top: 20px; }

.bc-new .bc-soc {
  margin-bottom: 32px; }

.bc-new .bc-stat {
  margin-bottom: 16px; }

.bc-new .bc-stat__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: auto;
  line-height: 18px; }

.bc-new .bc__banned {
  position: absolute;
  top: 5px;
  z-index: 10;
  font: 600 10px/16px "Source Sans Pro", sans-serif;
  color: #fff; }
.bc-new .bc-menu__rating {
  padding: 6px 0 32px;
}
.bc-new .bc-menu__rating p {
  position: absolute;
  top: -40px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 18px;
  left: 160px;
}

.bc-new .bc-fr-rating {
  margin-bottom: 31px; }

.bc-new .bc-fr-rating span {
  font: 300 18px/28px "Source Sans Pro", sans-serif;
  color: #252626; }

.bc-new .bc-rating-class {
  margin-top: 31px;
  margin-bottom: 22px; }

.bc-new .bc-detailing-about.bc-header__link--active {
  margin-left: 142px; }


.bc-new .bc-genre {
  margin-bottom: 16px; }

.bc-new .review-card,
.bc-new .histories-card,
.bc-new .quote-card,
.bc-new .lifehack-card,
.bc-new .selection-card,
.bc-new .exchange-card {
  margin: 0 0 28px; }

.bc-new .quote-card .lenta-card {
  padding: 2px 4px 0;
  background: none; }

.bc-new .quote-card .lenta-card::after {
  display: none; }

.bc-new .bc-detailing__sorting details[open] summary {
  border-radius: 20px;
}
.bc-new .bc-detailing__sorting div {
  bottom: 0;
  position: fixed;
  border-radius: 20px 20px 0 0;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 500px;
}
.bc-new .quote-card .lenta-card {
  padding: 2px 4px 0;
  background: none; }

.bc-new .quote-card .lenta-card::after {
  display: none; }






/*
.bc-new .bc-fr-rating {
  margin-bottom: 33px; }
.bc-new .bc-rating-medium {
  font-size: 26px;
  padding-left: 27px;
  margin-right: 26px; }
.bc-new .bc-rating-medium::before {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -138px -182px no-repeat;
}
.bc-new .bc-rating__link {
  color: #252626;
  font: 14px/48px "Source Sans Pro", sans-serif;
  margin: 0;
  padding-left: 26px;
}
.bc-new .bc-rating__link:before {
  top: 11px;
  width: 24px;
  height: 24px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -112px -182px no-repeat;
}*/
/******************************/
.popup-redactor {
  position: relative;
  border-radius: 14px;
  background-color: #EDF0F7;
  width: calc(100% - 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 29px 16px 27px;
  margin-bottom: 16px; }
.popup-redactor__info {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 16px 0 0; }
.popup-redactor__link {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #3E99ED;
  margin-bottom: 4px; }
.popup-redactor__link:hover {
  color: #1D6DB8; }






.hidden {
  display: none; }

/*********************/
.author-blog {
  margin: 0 0 26px; }

.author-blog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.author-blog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px; }

.author-blog__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  margin: auto 8px auto 0;
  background: #d9dbe0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.author-blog__avatar img {
  border-radius: 50%; }

.author-blog__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 96px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 136px; }

.author-blog__name, .author-blog__name:visited {
  color: #252626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 300 18px/30px "Source Sans Pro", sans-serif; }

.author-blog__title, .author-blog__title:visited {
  color: #252626;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 72px; }

/**/
.kv__popup,
.opros-popup__wrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 88px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 43px 32px 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 15;
  margin: 0 auto;
  width: calc(100% - 16px);
  max-width: 500px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.kv__popup h3,
.opros-popup__wrap h3 {
  text-align: center;
  color: #252626;
  margin: 0 0 19px;
  font: 600 26px/32px "Source Sans Pro", sans-serif; }

.kv__popup p,
.opros-popup__wrap p {
  text-align: center;
  color: #88898C;
  margin: 0 0 29px;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.kv__popup a, .kv__popup a:visited,
.opros-popup__wrap > a, .opros-popup__wrap > a:visited {
  color: #fff;
  height: 40px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #3e99ed;
  font: 600 16px/24px "Source Sans Pro", sans-serif; }

.kv__popup a:hover,
.opros-popup__wrap > a:hover {
  background: #3b91e0; }

@-webkit-keyframes to14 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    z-index: 4;
    opacity: 1; }
  24% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    z-index: 4;
    opacity: 1; }
  25% {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    top: -23px;
    z-index: 1;
    opacity: 0; }
  46% {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    top: -23px;
    z-index: 1;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 90px;
    z-index: 2;
    opacity: 0.2; }
  72% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 90px;
    z-index: 2;
    opacity: 0.2; }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45px;
    z-index: 3;
    opacity: 0.5; }
  98% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45px;
    z-index: 3;
    opacity: 0.5; } }

@keyframes to14 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    z-index: 4;
    opacity: 1; }
  24% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    z-index: 4;
    opacity: 1; }
  25% {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    top: -23px;
    z-index: 1;
    opacity: 0; }
  46% {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    top: -23px;
    z-index: 1;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 90px;
    z-index: 2;
    opacity: 0.2; }
  72% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 90px;
    z-index: 2;
    opacity: 0.2; }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45px;
    z-index: 3;
    opacity: 0.5; }
  98% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45px;
    z-index: 3;
    opacity: 0.5; } }

/********************************/
.section-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 16px);
  margin: 0 8px 20px; }

.section-form__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 72px;
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 22px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#52BBFA), to(#3E99ED));
  background: linear-gradient(to bottom, #52BBFA, #3E99ED);  }

.section-form__title {
  font: 600 28px/28px "Source Sans Pro", sans-serif;
  color: #fff;
  width: 100%;
  margin: 7px 0 0;
  z-index: 1; }

.section-form__search {
  position: absolute;
  width: calc(100% - 76px);
  top: 20px;
  right: 60px; }

.section-form__search input {
  height: 32px;
  font: 16px/32px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  outline: none;
  color: #252626;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px 2px 20px;
  width: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer; }

.section-form__search input::-webkit-input-placeholder {
  color: #252626; }

.section-form__search input::-moz-placeholder {
  color: #252626; }

.section-form__search input::-ms-input-placeholder {
  color: #252626; }

.section-form__search input::-ms-input-placeholder {
  color: #252626; }

.section-form__search input:-ms-input-placeholder {
  color: #252626; }

.section-form__search input::placeholder {
  color: #252626; }

.section-form__search input.focus {
  width: 100%;
  top: 0;
  right: 0px;
  z-index: 2;
  border: none;
  background: #fff;
  border-radius: 20px;
  cursor: text; }

.section-form__search-btn {
  position: relative;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 auto;
  border-radius: 20px;
  background: #fff;
  border: none;
  z-index: 4;
  cursor: pointer; }

.section-form__search-btn:before {
  position: absolute;
  content: "";
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px 0 no-repeat; }

.section-form__send-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 32px;
  width: 32px;
  z-index: 1;
  background: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.section-form__send-btn:before {  
  position: absolute;
  content: "";
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -494px 0 no-repeat;
}
.section-form__send-btn--active {
  background: rgba(15, 86, 153, 0.6);
}
.section-form__send-btn--active:before {  
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -174px -104px no-repeat;
}
/*
.section-form input[type="search"] {
  position: relative;
  height: 32px;
  border-radius: 16px;
  border: none;
  background: #fff;
  color: #252626;
  font: 14px/24px "Source Sans Pro", sans-serif;
  margin: 0 40px 0 0;
  padding: 0 8px 3px 40px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.section-form input[type="search"]::-webkit-input-placeholder {
  color: #88898C; }

.section-form input[type="search"]::-moz-placeholder {
  color: #88898C; }

.section-form input[type="search"]:-ms-input-placeholder {
  color: #88898C; }

.section-form input[type="search"]::-ms-input-placeholder {
  color: #88898C; }

.section-form input[type="search"]::placeholder {
  color: #88898C; }

.section-form label[for="search"] {
  position: absolute;
  content: "";
  left: 32px;
  top: 64px;
  width: 24px;
  height: 24px;
  z-index: 3;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px 0 no-repeat; }
*/
.section-form__toggle {
  display: none; }

.section-form__toggle + label {
  position: absolute;
  top: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 1;
  background: #fff; }

.section-form__toggle + label::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -338px 0 no-repeat; }

.section-form__toggle:checked + label {
  background: rgba(15, 86, 153, 0.6); }

.section-form__toggle:checked + label::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -52px -104px no-repeat; }

.section-form__inner {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 44px 22px 4px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #EDF0F7;
  border-radius: 0 0 24px 24px;
  margin: -24px 0 0; }

.section-form__inner > * {
  width: 100%;
  height: 32px;
  margin: 0 0 16px; }

/*********/
.section-form__select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.section-form__select details {
  position: absolute;
  width: 100%;
  border-radius: 20px; }

.section-form__select details:nth-child(even) {
  right: 0; }

.section-form__select summary {
  display: block;
  position: relative;
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 2px 15px 6px;
  width: 100%;
  height: 32px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #D2D4D6; }

.section-form__select summary::-webkit-details-marker {
  display: none; }

.section-form__select summary::after {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.section-form__select details[open] {
  position: fixed;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1001; }

.section-form__select details[open] summary::before,
.section-form__select details[open] summary::after {
  position: absolute;
  content: '';
  background-color: #88898C;
  width: 1.33px;
  height: 19px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 3px;
  left: 12px; }

.section-form__select details[open] summary::after {
  border: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.section-form__select details[open] summary {
  position: fixed;
  color: transparent;
  top: 24px;
  right: 24px;
  content: "";
  height: 24px;
  z-index: 10000;
  width: 24px;
  border: none;
  padding: 0; }

.section-form__select div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  border-top: 1px solid #D2D4D6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 56px 0 17px;
  border-radius: 0 0 20px 20px; }

.section-form__select a,
.section-form__select a:visited {
  font: 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 8px 32px; }
.section-form__select a:active,
.section-form__select a:hover {
  font-weight: 600;
  background: #EDF0F7;
}
.section-form__tick,
.section-form__check {
  display: none; }

.section-form__inner > label {
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase; }

.section-form__link,
.section-form__link:visited {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 48px; }

.icon-setting::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 7px;
  width: 24px;
  height: 24px;
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -338px 0 no-repeat; }

.icon-setting::after {
  display: none; }

.section-form__check + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.section-form__check + label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 1px;
  width: 36px;
  height: 24px;
  border-radius: 12px;
  background: #88898C;
  -webkit-transition: .2s;
  transition: .2s; }

.section-form__check + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #EDF0F7;
  -webkit-transition: .2s;
  transition: .2s; }

.section-form__check:checked + label:before {
  background: #3e99ed; }

.section-form__check:checked + label:after {
  left: 14px; }

.section-form__tick + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.section-form__tick + label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 1px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #fff;
  border: 2px solid #D0D2D6;
  -webkit-transition: .2s;
  transition: .2s; }

.section-form__tick:checked + label:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 12px;
  width: 7px;
  height: 12px;
  transform: rotate(45deg);
  border-bottom: 2.5px solid #fff;
  border-right: 2.5px solid #fff;
  background: transparent;
  -webkit-transition: .2s;
  transition: .2s; }

.section-form__tick:checked + label:before {
  border-color: #3E99ED;
  background: #3E99ED; }

.section-form__toggle:checked ~ .section-form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.section-form__select input {
  display: none; }

.section-form__select label {
  position: relative;
  padding: 12px 0 12px 64px;
  color: #252626;
  font: 16px/16px "Source Sans Pro", sans-serif; }

.section-form__select label:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 20px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.section-form__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -192px -156px no-repeat; }

input.section-form__input {
  height: 32px;
  border-radius: 16px;
  border: 1px solid #D0D2D6;
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  box-sizing: border-box;
  padding: 2px 15px 6px;
  width: 100%;
}


/********************/
.section-menu {
  overflow: hidden;
  margin: 0 0 20px;
  width: 100%; }

.section-menu__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.section-menu__list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px; }

.section-menu__item {
  margin: 0 8px 0 0; }

.section-menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  border-radius: 14px;
  background: #EDF0F7;
  color: #252626;
  font: 14px/24px "Source Sans Pro", sans-serif;
  padding: 0 10px; }
.section-menu__item a:hover,
.section-menu__item a:active {
  background: #e6e9f0;
}

.section-menu__item.section-menu__item--active a {
  background: #6F7073;
  color: #fff; }

/*******************/
.wtr__list {
  width: 100%; }

.wtr__item {
  position: relative;
  margin: 0 0 42px; }

.wtr__title {
  color: #252626;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  width: calc(100% - 136px);
  margin: 0 16px 5px; }

.wtr__title a {
  color: #252626;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  width: 100%; }

.wtr__text, .wtr__text p {
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0 16px 10px; }

.wtr__text p {
  margin: 0 0 10px; }

.section-popup {
  position: relative;
  border-radius: 14px;
  background-color: #EDF0F7;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 24px 18px;
  margin-bottom: 44px; }

.section-popup__info {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 25px 0 0; }

.section-popup__link {
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #3E99ED;
  margin-bottom: 4px; }

.section-popup__link:hover {
  color: #1D6DB8; }

/*************/
.wtr-stat {
  position: relative;
  width: 100%;
  margin: -4px 0 16px;
}
.wtr-stat__info {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #3E99ED;
  margin: 0 16px;
}
.wtr-stat__block {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 32px 16px 20px;
  width: 304px;
  height: 400px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 25%);
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 25%);
  z-index: 4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wtr-stat__block p {
  font: 18px/32px "Source Sans Pro", sans-serif;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wtr-stat__block span {
  font-weight: 600;
  margin-left: auto;
}
.wtr-stat__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15px 0; }

.wtr-stat__wrapper p {
  font-weight: 600; }

.wtr-stat__table {
  table-layout: fixed;
  width: 100%; }

.wtr-stat__wrapper tr {
  position: relative;
  height: 32px; }

.wtr-stat__table td:first-of-type:before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0px;
  height: 24px;
  width: 24px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -288px -182px no-repeat; }

.wtr-stat__wrapper td {
  position: relative;
  text-align: start;
  vertical-align: middle;
  font: 600 18px/28px "Source Sans Pro", sans-serif; }

.wtr-stat__table td:nth-child(1) {
  font: 300 26px/32px "Source Sans Pro", sans-serif;
  color: #252626;
  width: 29px;
  padding: 0 0 0 27px; }

.wtr-stat__wrapper td:nth-child(2) {
  width: auto; }

.wtr-stat__wrapper td:nth-child(3) {
  text-align: end;
  width: 48px; }
.wtr-stat__wrapper span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  height: 12px;
  width: 100%;
  background: #EBEDF0; }

.wtr-stat__wrapper i {
  position: absolute;
  content: "";
  height: 12px;
  border-radius: 6px;
  background: #59C7FF; }


/**************/
.wtr__btn-remove {
  position: absolute;
  right: 0;
  top: 0;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #217DD1; }

.icon-plus::before,
.icon-plus::after {
  position: absolute;
  content: '';
  height: 16px;
  width: 2px;
  top: 7px;
  left: 18px;
  background: #252626;
  border-radius: 1px; }

.icon-plus::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-calendar::before {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  left: 7px;
  top: 4px;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -364px 0 no-repeat; }

.menu-redactor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 16px;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 40;  }
.menu-redactor {
  display: none;  }
/*************************/
.btn-close {
  position: absolute;
  height: 24px;
  right: 24px;
  top: 16px;
  width: 24px;
  background-color: transparent;
  border: none;
  padding: 0; }
.btn-close::before, .btn-close::after {
  position: absolute;
  content: '';
  background-color: #252626;
  width: 1.33px;
  height: 19px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 3px;
  left: 12px; }
.btn-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.menu-redactor__title {
  color: #252626;
  font: 600 26px/34px "Source Sans Pro", sans-serif;
  margin: 0 16px 16px; }
.menu-redactor details {
  border: 1px solid #D2D4D6;
  border-radius: 14px;
  padding: 15px; }
.menu-redactor details:not(:first-of-type) {
  border-radius: 0 0 14px 14px;
  border-top: none;
  margin-top: -14px;
  padding-top: 30px; }
.menu-redactor div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.menu-redactor summary {
  display: block;
  position: relative;
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  padding: 6px 0;
  color: #252626;
  text-transform: uppercase; }
.menu-redactor summary::-webkit-details-marker {
  display: none; }
.menu-redactor summary::after {
  position: absolute;
  content: '';
  right: 7px;
  top: 3px;
  width: 9px;
  height: 9px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }
.menu-redactor details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px; }
.menu-redactor a {
  color: #3E3F40;
  padding: 6px 0;
  font: 16px/20px "Source Sans Pro", sans-serif; }
.section-form__avatar {
  border-radius: 50%;
  width: 104px;
  height: 104px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -61px;
  z-index: 3;
}
.section-form__picture {
 object-fit: cover;
 top: 0;
 left: 0;
 position: absolute;
}
.section-form__subtitle,
.section-form__profile,
.section-form__profile:visited {
  font: 18px/24px "Source Sans Pro", sans-serif;
  margin: 12px 0 0px;
  color: #fff;
  z-index: 1;
  width: calc(100% - 80px);
  word-break: break-all;
}
.section-form__attention {
  color: #FA385D;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.profile-group__wrap .header-card__menu {
  position: absolute;
  top: 0;
  right: 0;
}
/*
.menu-dots summary {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0; }

.menu-dots summary::before {
  position: absolute;
  content: '';
  top: 11px;
  left: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #88898C;
  -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
  box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C; }

.menu-dots summary::-webkit-details-marker {
  display: none; }
.menu-dots[open] {
  display: contents; }  

.menu-dots[open] div {
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 34px 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 0;
  border-radius: 24px 24px 0 0;
  background: #fff;
  z-index: 1001;
  animation: spoiler 1.5s;
}

@keyframes spoiler {
  0%   {max-height: 0;}
  100% {max-height: 15em;}
}
.menu-dots[open] > summary::after {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
.menu-dots div a,
.menu-dots div a :visited {
  color: #252626;
  font: 16px/40px "Source Sans Pro", sans-serif;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #D9DBE0;
}*/
.book-item__item {
  position: relative;
  width: 128px;
  height: 328px;
  display: grid;
    grid-template-areas:
      "img"
      "wrap";
  border-radius: 6px 6px 16px 16px;
  background-color: #ffffff;
  margin: 28px 6px 12px; }

.book-item__status {
  font: 12px/16px "Source Sans Pro", sans-serif;
  background-color: #edf0f7;
  border-radius: 8px;
  color: #252626;
  position: absolute;
  padding: 2px 0 0 8px;
  height: 36px;
  width: 104px;
  top: -20px;
  left: 0;
  z-index: 1; }

.book-item__link {
  grid-area: img;
  height: 192px;
  border-radius: 6px;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.book-item__popup-info a::after,
.book-item__link-edition summary::after,
.book-item__link::after {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.book-item__link-edition + .book-item__link::after {
  background-color: rgba(0, 0, 0, 0.4);
}
.book-item__link-edition summary img,
.book-item__link img {
  -o-object-fit: contain;
  object-fit: contain; }
.book-item__link-edition summary {
  border-radius: 6px;
  width: 57px;
  height: 88px;
  position: absolute;
  content: '';
  overflow: hidden;
  top: 110px;
  left: 75px;
  z-index: 10;
}
.book-item__link-edition > div {
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 304px;
  height: 352px;
  padding: 32px;
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 0;
  border-radius: 20px;
  background: #fff;
  z-index: 1001;
}

.book-item__link-edition[open] summary::before {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  border-radius: 0;
  margin: 0; }
.book-item__link-edition .book-item-edition td {
  font: 14px/16px "Source Sans Pro", sans-serif; }
.book-item__link-edition .book-item-edition td.book-item-edition__col1 { 
  width: 103px;
}
.book-item--full .book-item__link-edition .book-item__author {
  font: 14px/16px "Source Sans Pro", sans-serif;
}
.book-item--full .book-item__link-edition .book-item__title {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  padding: 0;
}
.book-item--full .book-item__link-edition .book-item__rating {
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  margin-top: auto;
}
.book-item__link-edition .book-item-edition {
  width: 100%;
  margin: 28px 0 5px;
}
.book-item__popup-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 79px;
  flex-wrap: wrap;
}
.book-item__popup-info a {
  position: relative;
  border-radius: 6px;
  width: 52px;
  height: 79px;
  overflow: hidden;
  margin: 0 16px 0 0;
}

.book-item__btn,
.book-item__btn:visited {
  font: 18px/40px "Source Sans Pro", sans-serif;
  height: 40px;
  border-radius: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-top: 24px;
}
.book-item__btn.btn-grey {
  border: 1px solid #88898C;
  color: #6F7073;
  background: #fff;
}
.book-item__btn.btn-blue {
  font-weight: 600;
  background: #3E99ED;
  color: #fff;
}

.book-item__date {
  grid-area: date;
  color: #88898C;
  font: 16px/34px "Source Sans Pro", sans-serif;
  margin: auto 0 0;
}
.book-item-genre {
  margin: 7px -16px 12px;
  overflow: hidden; }
.link-menu {
  overflow: hidden; }

.link-menu__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.link-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.link-menu__list a, .link-menu__list a:visited {
  color: #217DD1;
  font: 16px/24px "Source Sans Pro", sans-serif;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px 0 0; }
.fr-rating {
  overflow: hidden;
  margin: 0 -16px 4px; }

.fr-rating__wrapper {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.fr-rating__limiter {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 28px; }

.fr-rating p {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 14px 16px; }

.fr-rating__image {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fr-rating__link, .fr-rating__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #252626;
  font: 300 18px/28px "Source Sans Pro", sans-serif;
  width: 85px; }

.fr-rating__link span {
  margin: 0 0 0 8px; }

.book-item-edition {
  grid-area: table;
  margin: 12px 0 0; }

.book-item-edition td {
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif; }

td.book-item-edition__col1 {
  color: #88898C;
  width: 144px; }

.book-item-edition__link, .book-item-edition__link:visited {
  color: #217DD1; }

.book-item__wrapper {
  display: grid;
  grid-area: wrap;
  grid-template-rows: min-content 1fr 44px 28px;
  grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "book book"
      "author author"
      "rating link"
      "btn-add btn-add";
  position: relative;
  border: 1px solid #DCDEE0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  margin-top: -6px;
  color: #252626;
  padding: 16px 7px 7px;
  height: 142px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.book-item__menu,
.book-item__menu:visited {
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 0;
  top: 14px;
  right: 0; }

.book-item__menu::after {
  position: absolute;
  content: '';
  top: 10px;
  left: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #88898C;
  -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
  box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C; }

.book-item__menu-block {
  display: none;
  position: absolute;
  padding: 0 12px;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  right: 22px;
  top: -1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 11; }

.book-item__menu-block a,
.book-item__menu-block a:visited {
  font: 16px/16px "Source Sans Pro", sans-serif;
  color: #252626!important;
  height: 36px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #DCDEE0; }

.book-item__menu-block a:hover,
.book-item__menu-block a:focus {
  background-color: #EDF0F7; }

.book-item__menu:hover .book-item__menu-block,
.book-item__menu:focus .book-item__menu-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.book-item__title,
.book-item__title:visited {
  grid-area: book;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #252626!important;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 32px;
  width: calc(100% - 16px); }

.book-item__author,
.book-item__author:visited {
  grid-area: author;
  font: 12px/18px "Source Sans Pro", sans-serif;
  color: #252626!important;
  margin-bottom: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.book-item__rating {
  grid-area: rating;
  position: relative;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2px 3px 20px; }

.book-item__rating::before {
  position: absolute;
  content: "";
  margin: auto;
  bottom: 0;
  top: 0;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -234px -182px no-repeat;
  width: 16px;
  height: 16px; }

.book-item__mymark {
  grid-area: link;
  position: relative;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2px 3px 20px;
  margin-left: auto; }

.book-item__mymark::before {
  position: absolute;
  content: "";
  margin: auto;
  bottom: 0;
  top: 0;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -216px -182px no-repeat;
  width: 16px;
  height: 16px; }

.book-item__item .btn-buy-holder {
  grid-area: link;
  margin-top: 0px;
  display: flex;
  position: relative; }

.book-item__buy,
.book-item__buy:visited {
  font: 12px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: auto 0 auto auto; }

.book-item__item .btn-add-plus,
.book-item__item .btn-add-plus:visited {
  grid-area: btn-add;
  color: #fff; }
.book-item-desc {
  grid-area: desc;
  display: flex;
  flex-direction: column;
  margin: 0 0 18px; }
.book-item__text {
  width: 100%;
  position: relative;
  line-height: 24px; }

.book-item__text p {
  color: #252626;
  margin: 0;
  font: 16px/24px "Source Sans Pro", sans-serif; }
#book-item__text-full img {
  max-width: 100%;
  border-radius: 14px;
  margin: 24px auto 24px; }
.book-item__remove {
  position: absolute;
  display: block;
  top: 156px;
  left: calc(50% - 60px);
  color: #fff;
  padding: 0 0 0 28px;
  z-index: 5;
  font: 14px/24px "Source Sans Pro", sans-serif; }

.book-item__remove::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -200px -104px no-repeat; }

.book-item__remove ~ .book-item__link::after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.05)), to(black));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, black 100%);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4; }

.book-item__period h3 {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  margin: 17px 0 11px;
}
.book-item__period h3 span {
  font-weight: 300; }

.book-item-stat {
  grid-area: stat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 150px; }

.book-item-stat a,
.book-item-stat a:visited {
  position: relative;
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 3px 31px;
  margin: 0 23px 21px 0; }

.book-item-stat a::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px; }

.icon-added-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -278px -78px no-repeat; }
.icon-read-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -330px -78px no-repeat; }
.icon-review-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -226px -78px no-repeat; }
.icon-quote-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -252px -78px no-repeat; }

.book-item__inner {
  grid-area: inner;
  display: flex;
  flex-direction: column;
  padding: 15px 0 0;
}
/**************************/
 
.book-item--full {
  width: 100%;
  margin: 19px 0;
  height: auto;
  grid-gap: 0 16px;
  grid-template-rows: 63px 62px 68px 70px 1fr;
  grid-template-columns: 128px 1fr;
  grid-template-areas:
        "img book"
        "img author"
        "img stat"
        "wrap date"
        "inner inner"; }

.book-item--full .book-item__wrapper {
  position: initial;
  border: none;
  height: auto;
  width: 128px;
  padding-top: 5px;
  grid-template-rows: 44px 28px;
  grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "rating link"
      "btn-add btn-add";
 }

.book-item--full .book-item__menu {
  top: -19px; }

.book-item--full .book-item__link {
  width: 128px; }

.book-item--full .book-item__title {
  padding-top: 10px;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  width: 100%;
  max-height: 48px; }

.book-item--full .book-item__author {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0;}
.book-item--full .fr-rating {
  margin-top: 13px; }
.book-item--full .section-menu__list {
  margin: 0;
}
.book-item--full .book-item__status {
  left: 144px;
  height: 22px;
  width: auto;
  padding: 2px 8px 0;
  border-radius: 8px 8px 8px 0;
}


.book-item--min {
  grid-template-areas:
        "img wrap";
  grid-template-columns: 57px 1fr;       
  grid-gap: 0 16px;
  width: 100%;
  height: 88px;
  margin: 24px 0; }

.book-item--min .book-item__status {
  width: auto;
  height: 24px;
  border-radius: 8px 8px 8px 0;
  left: 73px;
  top: -24px;
  padding: 3px 10px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.book-item--min .book-item__link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 57px;
  height: 88px; }

.book-item--min .book-item__wrapper {
  border: none;
  margin: 0;
  width: 100%;
  border-radius: 0;
  padding: 0;
  grid-template-rows: 27px 33px 28px;
  grid-template-columns: 112px 1fr 1fr;
  grid-template-areas:
      "book book book"
      "author author author"
      "btn-add rating link";
    
  height: auto; }

.book-item--min .book-item__menu {
  top: 6px; }

.book-item--min .book-item__title {
  font: 600 18px/20px "Source Sans Pro", sans-serif;
  -webkit-line-clamp: 1;
  max-height: 20px;
  padding-top: 7px; }

.book-item--min .book-item__author {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0; }
.book-item--min .book-item__rating {
  margin-left: auto; }

.book-item__note > summary,
.book-item__annotation > summary {
  position: relative;
  width: 100%;
  color: #88898C;
  cursor: pointer;
  font: 16px/24px "Source Sans Pro", sans-serif;
} 
.book-item__note > summary::after,
.book-item__annotation > summary::after  {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #88898C;
  border-top: 1px solid #88898C;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.book-item__annotation[open] summary::after,
.book-item__note[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/********************/
.sticky-menu {
  position: sticky;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1000;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  background-color: #3e3f40;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: none;
}

.sticky-menu__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  max-width: 500px;
  height: 100%;
  margin: 0 auto;
  padding: 0 16px 16px;
}

.sticky-menu__container>* {
  width: calc(50% - 8px);
  height: 32px;
  margin-top: 16px;
  margin-bottom: 0;
}

.sticky-menu__counter {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
}

.sticky-menu__button {
  padding-bottom: 4px;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
  color: #6f7073;
  background-color: #ffffff;
  border: 1px solid #88898c;
  border-radius: 16px;
}

.sticky-menu__button_solid {
  font-weight: 600;
  color: #ffffff;
  background-color: #3e99ed;
  border-color: #3e99ed;
}

.sticky-menu__select {
  display: flex;
  height: 32px;
}

.sticky-menu__details {
  width: 100%;
  border-radius: 20px;
}

.sticky-menu__summary {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 6px 32px 8px 16px;
  overflow: hidden;
  font: 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #D2D4D6;
  border-radius: 24px;
}

.sticky-menu__summary::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 15px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #252626;
  border-left: 1px solid #252626;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sticky-menu__summary::-webkit-details-marker {
  display: none;
}

.sticky-menu__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-align: end;
  -ms-flex-align: end;
}

.sticky-menu__popup {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-top: 41px;
  padding-bottom: 39px;
  overflow: auto;
  background-color: #ffffff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.sticky-menu__popup input {
  display: none;
}

.sticky-menu__popup label {
  display: block;
  font-size: 16px;
  line-height: 39px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  color: #252626;
  text-transform: none;
  border-bottom: 1px solid #d9dbe0;
}

.sticky-menu__popup input:checked+label {
  font-weight: 600;
  background-color: #edf0f7;
}

.sticky-menu__select.extended .sticky-menu__popup {
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sticky-menu__select.extended .sticky-menu__popup label {
  padding-left: 32px;
  text-align: left;
  border-bottom: none;
}

.sticky-menu__select.extended .sticky-menu__popup label:first-of-type {
  margin-top: auto;
}

.sticky-menu__select.extended .sticky-menu__popup label:last-of-type {
  margin-bottom: auto;
}

.sticky-menu__checkbox {
  display: none;
}

.sticky-menu__checkbox-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: none;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='3' fill='%23fff' stroke='%23D0D2D6' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 16px;
}

.sticky-menu__checkbox:checked+.sticky-menu__checkbox-label {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4zM2.667 12.256l6.666 6.41 12-11.538-1.866-1.795-10.134 9.744-4.8-4.616-1.866 1.795z' fill='%233E99ED'/%3E%3C/svg%3E");
}
.unreg-header__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  border-radius: 16px;
  width: 304px;
  height: 168px;
  margin: 8px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 22px 22px 16px; }

.unreg-header__form h3 {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 8px; }

.unreg-header__form input {
  width: 131px;
  height: 32px;
  border-radius: 16px;
  border: none;
  background: #E6E9F0;
  font: 14px/24px "Source Sans Pro", sans-serif;
  color: #6F7073;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.unreg-header__form button {
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  background: #3E99ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 125px;
  height: 32px;
  border: none;
  border-radius: 16px;
  padding: 0;
  margin: 0 0 16px 8px; }

.unreg-header__form button:hover {
  background: #3b91e0; }

.unreg-header__form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.unreg-header__soc a {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px; }

.unreg-header__soc .icon-vkontakte {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0px -286px no-repeat; }
.unreg-header__soc .icon-facebook {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -50px -286px no-repeat; }
.unreg-header__soc .icon-mailru {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -200px -286px no-repeat; }
.unreg-header__soc .icon-twitter {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -150px -286px no-repeat; }
.unreg-header__soc .icon-odnoklassniki {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -100px -286px no-repeat; }
.unreg-header__soc .icon-google {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -400px -286px no-repeat; }
.unreg-header__soc .icon-litres {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -500px -286px no-repeat; }

.unreg-header__wrapper[open] summary {
  position: absolute;
  content: "";
  z-index: 10;
  width: 24px;
  height: 24px;
  top: 16px;
  left: calc(50% + 120px);
}
.unreg-header__wrapper[open] summary:before,
.unreg-header__wrapper[open] summary:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 7px;
  width: 11px;
  height: 1px;
  background: #000;
}

.unreg-header__wrapper[open] summary:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.unreg-header__wrapper[open] summary:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.unreg-header__wrapper[open] summary span {
  display: none;
}
/*******************/
.post-card__wrap {
  margin: 8px 16px;
}
.post-card__content figure {
  margin: 0;
}
.post-card__content figcaption {
  margin: 7px 0 0;
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif;
  text-align: center;
}
.post-card__wrap .lenta-card__title {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  max-height: max-content;
  order: -2;
  margin: 0 0 12px;
}
.post-card__content .lenta-card__admin {
  order: -2;
  margin: 0 0 18px;
}
.post-card__wrap .lenta-card__details {
  order: -1; }
.post-card__wrap .lenta-card__text > h2 {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 22px;
}
.post-card .lenta-card__text {
  max-height: max-content;
  margin-top: 16px;
  overflow: visible;
}
.post-card__content .lenta-card__text p {
  margin: 0 0 24px;
}
.post-card__content .lenta-card-book__link {
  margin-bottom: 5px; }
.post-card__content .lenta-card__text img {
  border-radius: 12px;
  margin: 0 auto;
  display: block;
}
.post-card__content .lenta-card__text figure {
  margin: 33px 0 31px; }
.post-tag,
.post-btn {
  overflow: hidden; }
.post-btn {
  margin: 0 -16px; }
.post-tag__limiter,
.post-btn__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.post-tag__list {
  display: flex;
  width: max-content;
  margin: 30px 8px 0;
 }
.post-tag__item {
  margin-right: 9px;
}
.post-tag__item a,
.post-tag__item a:visited {
  display: flex;
  align-items: center;
  border: 1px solid #252626;
  border-radius: 14px;
  height: 28px;
  box-sizing: border-box;
  background: #fff;
  padding: 0 8px 2px;
  color: #252626;
  font: 14px/16px "Source Sans Pro", sans-serif;
}
.lenta-card__text .book-item__item {
  margin: 33px auto 10px; }
.lenta-card__text .book-item__wrapper {
  border: none;
  grid-template-rows: min-content min-content 44px 28px; }
.lenta-card__text .book-item--min .book-item__wrapper { 
  grid-template-rows: 27px 33px 28px;  }
.lenta-card__text .book-item--min {
  margin: 50px 0 26px; }  
.lenta-card__text a,
.lenta-card__text:visited {
  color: #217DD1;}
.post-btn__wrap {
  display: flex;
  width: max-content;
  margin: 24px;
}
.post-btn__wrap span {
  font: 14px/32px "Source Sans Pro", sans-serif;
  color: #88898C;
}
.post-btn__link,
.post-btn__link:visited {
  background: #3E99ED;
  border-radius: 14px;
  display: flex;
  align-items: center;
  height: 28px;
  box-sizing: border-box;
  padding: 0 16px 4px;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #fff;
  margin-right: 16px;
  border: none;
}
.post-btn__btn,
.post-btn__btn:visited {
  background: #3E99ED;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  height: 40px;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 4px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  border: none;
  margin: 24px 8px;
}
.post-slide {
  position: relative;
  overflow: hidden;
  margin: 0 -24px 31px; }
.post-slide div {
  margin: 0 4px;
}
.post-com {
  background: #fff;
  margin: 24px 0;
  padding: 0 16px 16px;
  border-radius: 24px 24px 0 0;
}

.post-sab {
  display: flex; 
  align-items: center;
  justify-content: center;
}
.lenta__wrapper .post-sab {
  flex-direction: column;
}
.post-sab details,
.post-sab summary {
  display: inline-block;
}
.post-sab summary::-webkit-details-marker {
  display: none;
}
.post-sab summary {
  position: relative;
  background: #3E99ED;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.post-sab summary::before {
  position: absolute;
  content: '';
  top: 8px;
  left: 6px;
  width: 34px;
  height: 24px;
}

.post-sab summary::before {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -314px -104px no-repeat;
}
.post-subs summary::before {
  background: url(/img/skins/mobile2019/SVGsprite16.svg) -434px -52px no-repeat; }
.post-subs summary {
  background: #fff;
}
.post-sab details[open] > div {
  animation: spoiler 1.5s;
}
.post-sab details[open] summary::after {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
.post-sab details > div {
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 34px 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 0;
  border-radius: 24px 24px 0 0;
  background: #fff;
  z-index: 1001;
}
.post-sab details button {
  border: none;
  border-bottom: 1px solid #D9DBE0;
  justify-content: center;
  background: transparent;
  font: 16px/32px "Source Sans Pro", sans-serif;
  height: 40px;
  width: 100%;
  display: flex;
  padding: 0 16px 4px;
}

.post-sab .sab__link {
  color: #88898C;
  font: 14px/24px "Source Sans Pro", sans-serif;
  margin: 12px 0 12px 7px;
}

.post-sab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 2px;
}
.icon-ll-40 {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") 0 -396px no-repeat; }
.icon-vk-40 {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -42px -396px no-repeat; }

.icon-fb-40 {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -84px -396px no-repeat; }

.icon-ok-40 {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -126px -396px no-repeat; }

.icon-tw-40 {
  background: url("/img/skins/mobile2019/SVGsprite16.svg") -168px -396px no-repeat; }

.post-block h2 {
  font: 600 32px/40px "Source Sans Pro", sans-serif;
}

.post-card__content .slide-book__list {
  margin: 0 12px;
}
.post-bar {
  position: fixed;
  bottom: 0;
  height: 56px;
  border-top: 1px solid #d9dbe0;
  box-sizing: border-box;
  background: #fff;
  z-index: 40;
  padding: 4px 16px;
  left: 0;
  right: 0;
}
.post-bar details {
  margin: 0 13px 0 0;
}
.post-block {
  overflow: hidden;
  margin: 0 0 16px;
}
.post-block .writers-slide {
  margin: 10px 0 35px;
}
.discussiongroup-card__list {
  margin: 20px 0; }
.discussiongroup-card__list .discussiongroup-card {
  margin-bottom: 34px; }
.post-card__content .post-sab {
  justify-content: center;
  align-items: center;
}
.header-card .header-card__menu:only-child {
  margin: -4px 0 -4px auto; }

.post-card__form {
  margin: 0 -12px;
}
.post-card__form h2 {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  margin: 0 12px 11px; 
}
.post-card__form .post-btn__link {
  padding: 0 21px 4px;
  margin-right: 31px;
}

ol.post-test__list {
  counter-reset: list;
}
.post-test__item {
  position: relative;
  display: flex;
  border-radius: 10px;
  background: #EDF0F7;
  font: 18px/24px "Source Sans Pro", sans-serif;
  margin: 6px 0;
  padding: 13px 12px;
}
ol .post-test__item {
  flex-direction: column; }
ol .post-test__item::before {
  counter-increment: list;
  content: counter(list) ". ";
  position: absolute;
}
.post-group__title {
  position: relative;
  color: #252626;
  padding: 0 0 0 41px;
  font: 18px/24px "Source Sans Pro", sans-serif;  }
.post-test__item input[type="checkbox"], 
.post-test__item input[type="radio"] {
  display: none;
}

.post-group__title::-webkit-details-marker {
  display: none; }

.post-test__item input[type="radio"] + .post-group__title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #D0D2D6;
  background: #fff;
  box-sizing: border-box;
}
.post-test__item input[type="radio"] + .post-group__title::after {
  display: none;
  position: absolute;
  content: '';
  left: 6px;
  top: 6px;
  border-radius: 50%;
  background: #3E99ED;
  width: 12px;
  height: 12px; }

.post-test__item input[type="checkbox"] + .post-group__title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid #D0D2D6;
  background: #fff;
  box-sizing: border-box;
}
.post-test__item input[type="checkbox"] + .post-group__title::after {
  display: none;
  position: absolute;
  content: '';
  left: 8px;
  top: 2px;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: transparent;
  width: 6px;
  height: 13px; }
.post-test__item input[type="checkbox"]:checked ~ .post-group__title::after {
  display: block; }
.post-test__item input[type="radio"]:checked ~ .post-group__title::after {
  display: block; }
.post-test__item input[type="checkbox"]:checked ~ .post-group__title::before {
  border-color: #3E99ED;
  background: #3E99ED; }
.post-test__item input[type="radio"]:checked ~ .post-group__title::before {
  border-color: #3E99ED; }

.post-test__list p {
  width: 100%;
  text-indent: 20px;
}
.post-test__item input[type="range"] ~ label {
  position: absolute;
  bottom: 12px;
  left: 170px;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  text-align: end;
  width: 16px;
  margin: 0 9px 0 8px;
  color: #217DD1; }

.post-test__item input[type="range"] {
  margin: 4px 0 0 0;
  width: 162px; }
.post-block h2 {
  font: 600 25px/24px "Source Sans Pro", sans-serif;
  margin: 16px 16px 7px;
}
.selection-card {
  flex-direction: column;
}
.post-block__list .selection-card {
  margin-left: 16px;
}
.post-block__list .slick-list {
  padding-right: 24px;
}

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

.new-block {
    height: 678px;
}

.ba-page {
    min-width: 288px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 128px 16px 0;
    max-width: 500px;
    margin: 0 auto;
}

.ba-animat {
    -webkit-animation: opacity 1s ease;
    animation: opacity 1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ba-animat-duo {
    -webkit-animation: opacity 1s ease, scale 1s ease;
    animation: opacity 1s ease, scale 1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ba-animat-width {
    -webkit-animation: width 2s ease;
    animation: width 2s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ba-header {
    position: relative;
    height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(/img/skins/mobile2016/Icons_bg_mob.png), -webkit-gradient(linear, left top, left bottom, from(#5FBBEC), to(#2B8FE0));
    background: url(/img/skins/mobile2016/Icons_bg_mob.png), linear-gradient(180deg, #5FBBEC 0%, #2B8FE0 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 0, 0 0;
    border-radius: 24px;
    margin: 0 0 37px;
}

.ba-header__title {
    font: 300 30px/32px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #fff;
    margin: 0 16px 35px;
}

.ba-header__title b {
    font-size: 51px;
    line-height: 64px;
}

.ba-advantage,
.ba-write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 20px;
}

.ba-write {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.ba-advantage__title,
.ba-stat__title,
.ba-about__title {
    font: 300 20px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #252626;
    margin: 0 0 20px;
}

.ba-advantage__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px;
}

.ba-advantage__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 200px;
    max-width: 288px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 136px;
    border-radius: 24px;
    margin: 0 10px 16px;
}

.ba-advantage__item:nth-child(1) {
    -webkit-animation-delay: 0;
    animation-delay: 0;
    background: #F2F2E6;
}

.ba-advantage__item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background: #EAE9D6;
}

.ba-advantage__item:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    background: #E5E3CC;
}

.ba-advantage__item:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    background: rgba(204, 200, 162, 0.8);
}

p.ba-advantage__text {
    font: 14px/18px "Source Sans Pro", sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #3E3F40;
    margin: 12px 0 25px;
    width: 190px;
}

.ba-stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 15px;
}

.ba-stat__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ba-stat__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px;
}

.ba-stat__text {
    font: 14px/20px "Source Sans Pro", sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #3E3F40;
}

.ba-stat__num {
    color: #CCC8A2;
    font: 600 58px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 16px;
}

.ba-infographic {
    background: -webkit-gradient(linear, left top, left bottom, from(#2B8FE0), to(#6AC4EE));
    background: linear-gradient(180deg, #2B8FE0 0%, #6AC4EE 100%);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 38px;
}

.ba-infographic__title {
    font: 300 24px/40px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    margin: 44px auto 42px;
    width: 245px;
}

.ba-infographic__title b {
    font-size: 58px;
    line-height: 64px;
    margin: 0 0 0 12px;
}

.ba-infographic-gender {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 50px;
}

.ba-infographic__caption {
    font: 600 18px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 24px;
    letter-spacing: 7.2px;
}

.ba-infographic-gender__item {
    position: relative;
    margin: 0 10px;
}

.ba-infographic-gender__item span {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    text-align: center;
    color: #7157B7;
    font: 600 28px "Source Sans Pro", sans-serif;
    opacity: 0;
}

.ba-infographic-gender__item i {
    font-style: normal;
    font-size: 18px;
}

.ba-infographic svg text {
    fill: #7157B7;
    font: 600 28px "Source Sans Pro", sans-serif;
}

.ba-infographic-age {
    width: 100%;
}

.ba-infographic-age__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ba-infographic-age__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 248px;
    height: 32px;
    margin: 0 0 16px;
}

.ba-infographic-age__item:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.ba-infographic-age__item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ba-infographic-age__item:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ba-infographic-age__item:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ba-infographic-age__item:nth-child(5) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ba-infographic-age__item:nth-child(6) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ba-infographic-age__item p {
    position: relative;
    font: 600 18px/32px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0;
}

.ba-infographic-age__item p:before {
    position: absolute;
    content: '';
    border-radius: 8px;
    background: #D1E4F6;
    width: 192px;
    height: 32px;
    left: 56px;
}

.ba-infographic-age__item span {
    position: relative;
    width: 53px;
    padding-left: 139px;
    color: #7157B7;
    font: 600 20px/32px "Source Sans Pro", sans-serif;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.ba-infographic-age__item:nth-child(1) span {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ba-infographic-age__item:nth-child(2) span {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.ba-infographic-age__item:nth-child(3) span {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.ba-infographic-age__item:nth-child(4) span {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.ba-infographic-age__item:nth-child(5) span {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.ba-infographic-age__item:nth-child(6) span {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.ba-infographic-age__item span:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 0;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    -webkit-animation: width 2s ease;
    animation: width 2s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ba-infographic-age__item:nth-child(1) span:before {
    max-width: 20%;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ba-infographic-age__item:nth-child(2) span:before {
    max-width: 40%;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.ba-infographic-age__item:nth-child(3) span:before {
    max-width: 20%;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.ba-infographic-age__item:nth-child(4) span:before {
    max-width: 10%;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.ba-infographic-age__item:nth-child(5) span:before {
    max-width: 6%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.ba-infographic-age__item:nth-child(6) span:before {
    max-width: 4%;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.ba-about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    counter-reset: myCounter;
    margin: 0 0 16px;
}

.ba-about__item {
    position: relative;
    background: #F2F2E6;
    border-radius: 24px;
    width: 288px;
    list-style: none;
    margin: 23px 10px 25px;
}

.ba-about__item:nth-child(1) {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.ba-about__item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ba-about__item:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ba-about__item:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ba-about__item:nth-child(5) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ba-about__item:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #fff;
    display: block;
    position: absolute;
    text-align: center;
    top: -27px;
    left: 0;
    right: 0;
    font: 600 40px "Source Sans Pro", sans-serif;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    background: #CCC8A2;
    margin: auto;
}

p.ba-about__text {
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #3E3F40;
    text-align: center;
    margin: 48px 16px 24px;
    height: 80px;
}

.ba-format__title {
    font: 300 20px/32px "Source Sans Pro", sans-serif;
    text-align: center;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #252626;
    margin: 0 0 16px;
}

.ba-format__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
}

.ba-format__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 25px;
}

.ba-format__text {
    font: 600 14px/20px "Source Sans Pro", sans-serif;
    color: #3E3F40;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 11px;
    letter-spacing: 2px;
}

.ba-format__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ba-format__item img {
    border-radius: 10px;
    height: 156px;
    -o-object-fit: contain;
    object-fit: contain;
    border: 1px solid #3E99ED;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ba-format__item img:nth-child(2) {
    margin-left: 10px;
}

.ba-format__item:first-child img {
    height: 208px;
    -o-object-fit: cover;
    object-fit: cover;
    border: none;
    width: 100%;
}

.ba-format__item:last-child img {
    height: 200px;
}

.ba-write__title {
    color: #252626;
    font: 300 20px/24px "Source Sans Pro", sans-serif;
    text-align: center;
    margin: 0 auto 27px;
    width: 288px;
}

.ba-write__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ba-write__wrapper {
    height: 422px;
    background: -webkit-gradient(linear, left top, left bottom, from(#5FBBEC), to(#2B8FE0));
    background: linear-gradient(180deg, #5FBBEC 0%, #2B8FE0 100%);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 18px 16px 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ba-write__form-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ba-write__form-group label {
    color: #fff;
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    margin: 0 0 14px;
}

.ba-write__form-group input {
    font: 14px/16px "Source Sans Pro", sans-serif;
    border-radius: 16px;
    height: 18px;
    border: none;
    padding: 6px 20px 8px;
    color: #898B8C;
}

.ba-write__form-group textarea {
    font: 16px/24px "Source Sans Pro", sans-serif;
    border-radius: 6px;
    height: 90px;
    border: none;
    padding: 6px 8px 8px;
    color: #898B8C;
}

.ba-write__btn {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    background: #3E99ED;
    color: #fff;
    border-radius: 24px;
    height: 48px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 32px 0;
    padding: 7px 0 9px;
}

.ba-write__btn:hover,
.ba-write__btn:focus {
    background: #3B91E0;
}

.ba-write__btn:active {
    background: #217DD1;
}

 :root {
    --main-dark: #252626;
    --gray-40: #707273;
    --gray-55: #898b8c;
    --gray-84: #d1d4d6;
    --gray-88: #dcdee0;
    --gray-95: #edf0f2;
    --beige-4: #eeeddd;
    --red: #fa385c;
    --blue-1: #003569;
    --blue-2: #4099ed;
    --white: #ffffff;
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    --font-family: 'Source Sans Pro', sans-serif;
}


/* Предотвращение скролла контента под модальным окном */

.modal-open {
    height: 100vh;
    overflow: hidden;
}


/* Скрыть элемент */

.hidden {
    display: none !important;
}

.reg-school {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.reg-school__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-height: 100vh;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-color: var(--white);
}

.reg-school__return {
    position: absolute;
    top: 12px;
    left: 8px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.886 11.929L16.014 5.8l-.943-.942L8 11.928 15.071 19l.943-.943-6.128-6.128z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.reg-school__header {
    padding-top: 25px;
    padding-bottom: 36px;
}

.reg-school__title {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    font-family: var(--font-family);
    text-align: center;
}

.reg-school__descr,
.reg-school__conditions {
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--gray-55);
}

.reg-school__descr_recovery {
    margin-top: 12px;
    color: var(--main-dark);
}

.reg-school__link {
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--blue-2);
}

.reg-school__link:visited {
    color: var(--blue-2);
}

.reg-school__link_recovery {
    position: absolute;
    right: 0;
    bottom: 125px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.reg-school__body {
    display: flex;
    flex: auto;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px;
}

.reg-school__main-form {
    width: 100%;
    margin-bottom: 32px;
}

.reg-school__main-form_existing {
    margin-bottom: 35px;
}

.reg-school__main-form_recovery {
    margin-bottom: 170px;
}

.reg-school__submit {
    width: 100%;
    padding: 11px 15px;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 24px;
}

.reg-school__submit[disabled] {
    background-color: var(--gray-84);
    border-color: var(--gray-84);
}

.reg-school__columns {
    display: flex;
    margin-right: -8px;
    margin-bottom: 16px;
    margin-left: -8px;
}

.reg-school__column {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.reg-school__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    padding: 11px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px !important;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: var(--main-dark);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 1px solid var(--gray-84);
    border-radius: 24px;
}

.reg-school__input+.reg-school__input {
    margin-top: 16px;
}

.reg-school__password {
    position: relative;
    margin-top: 16px;
}

.reg-school__password-button {
    position: absolute;
    top: 8px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C7 5 2.73 7.903 1 12c1.73 4.097 6 7 11 7s9.27-2.903 11-7c-1.73-4.097-6-7-11-7zm0 1C7.455 6 3.573 8.488 2 12c1.573 3.512 5.455 6 10 6 4.546 0 8.427-2.488 10-6-1.573-3.512-5.454-6-10-6zm5 6a5 5 0 11-10 0 5 5 0 0110 0zm-1 0a4 4 0 11-8 0 4 4 0 018 0z' fill='%23898B8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.reg-school__password-button.show {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C7 5 2.73 7.903 1 12c1.73 4.097 6 7 11 7s9.27-2.903 11-7c-1.73-4.097-6-7-11-7zm0 1C7.455 6 3.573 8.488 2 12c1.573 3.512 5.455 6 10 6 4.546 0 8.427-2.488 10-6-1.573-3.512-5.454-6-10-6zm5 6a5 5 0 11-10 0 5 5 0 0110 0zm-1 0a4 4 0 11-8 0 4 4 0 018 0z' fill='%23898B8C'/%3E%3Crect x='7.202' y='2.85' width='20.712' height='1' rx='.5' transform='rotate(60 7.202 2.85)' fill='%23898B8C'/%3E%3C/svg%3E");
}

.reg-school__footer {
    padding-right: 16px;
    padding-bottom: 55px;
    padding-left: 16px;
}

.reg-school__footer .reg-school__conditions {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    /*bottom: 129px;*/
}

.reg-school__conditions {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.reg-school__select {
    display: -webkit-box;
    display: flex;
}

.reg-school__select:not(:last-of-type) {
    margin-bottom: 16px;
}

.reg-school__select details {
    width: 100%;
    border-radius: 20px;
}

.reg-school__select:nth-child(3) details {
    z-index: 9;
}

.reg-school__select details:nth-child(even) {
    right: 0;
}

.reg-school__select summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 11px 34px 11px 15px;
    overflow: hidden;
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px solid #D2D4D6;
    border-radius: 24px;
}

.reg-school__select summary::-webkit-details-marker {
    display: none;
}

.reg-school__select summary::after {
    content: '';
    position: absolute;
    top: 13px;
    right: 17px;
    width: 6px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.reg-school__select details[open] {
    /*box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);*/
}

.reg-school__select details[open] summary::after {
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.reg-school__select details[open] summary {
    z-index: 100;
    border: none;
    border-radius: 20px 20px 0 0;
}

.reg-school__select details[open]>div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    display: flex;
    flex-direction: column;
    padding-top: 72px;
    background-color: var(--white);
}

.reg-school__select>div {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 99;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #D2D4D6;
    border-radius: 0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.reg-school__select a {
    padding: 10px 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #252626;
}

.reg-school__select a.active {
    background-color: #edf0f2;
}

.reg-school__select div .reg-school__close {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10000;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.reg-school__select input[type="search"] {
    margin-right: 16px;
    margin-bottom: 22px;
    margin-left: 16px;
    padding: 7px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: var(--main-dark);
    border: 1px solid var(--gray-84);
    border-radius: 24px;
}

.reg-school__select input[type="search"]::placeholder {
    color: var(--gray-55);
}

.reg-school__options {
    padding-bottom: 3px;
    overflow: auto;
}

.reg-school__options_with-spinner {
    overflow: hidden !important;
}

.reg-school__spinner {
    position: absolute;
    top: 114px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.reg-school__spinner::before {
    content: '';
    position: absolute;
    top: 180px;
    width: 32px;
    height: 32px;
    background-image: linear-gradient(#898a8b, #898a8b 50%, #dcdee0 50%, #dcdee0 100%);
    border-radius: 50%;
    animation: rotate-infinite 0.5s infinite ease-in-out;
}

.reg-school__spinner::after {
    content: '';
    position: absolute;
    top: 183px;
    width: 26px;
    height: 26px;
    background-color: var(--white);
    border-radius: 50%;
}

@keyframes rotate-infinite {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.reg-school__add-value {
    position: absolute;
    top: 114px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: var(--white);
}

.reg-school__add-value-message {
    font-size: 16px;
    line-height: 20px;
    color: var(--gray-55);
}

.reg-school__add-value-button {
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: var(--blue-2);
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.reg-school__error-message {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    left: 0;
    display: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--red);
}

.reg-school__error {
    position: relative;
}

.reg-school__error .reg-school__error-message {
    display: block;
}

.reg-school__error input {
    border-color: var(--red);
}

.reg-school__check-email-wrapper {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
}

.reg-school__check-email-wrapper .reg-school__title {
    margin-bottom: 12px;
}

.reg-school__check-email-wrapper .reg-school__descr_check-email:not(:last-child) {
    margin-bottom: 18px !important;
}

.reg-school__captcha {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
}

.reg-school__captcha-example {
    margin-right: 16px;
}

.reg-school__captcha-example img {
    display: block;
    width: 100%;
    height: auto;
}

.reg-school__captcha-input {
    display: inline-block;
    box-sizing: border-box;
    width: 60px;
    height: 40px !important;
    margin-left: 12px;
    padding-right: 12px;
    padding-left: 16px;
    color: var(--main-dark);
    background-color: var(--white);
    border: 1px solid var(--gray-84);
    border-radius: 20px !important;
    font-size: 14px;
    font-family: var(--font-family);
}

.reg-school__captcha-input::placeholder {
    color: var(--gray-55);
}


/* Попап настроек ленты */

 :root {
    --main-dark: #252626;
    --gray-25: #3e4041;
    --gray-40: #707273;
    --gray-55: #898b8c;
    --gray-84: #d1d4d6;
    --gray-88: #dcdee0;
    --gray-90: #e4e6e7;
    --gray-94: #ebedf0;
    --gray-95: #edf0f2;
    --beige-4: #eeeddd;
    --red: #fa385c;
    --blue-1: #003569;
    --blue-2: #4099ed;
    --white: #ffffff;
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    --font-family: 'Source Sans Pro', sans-serif;
}

body {
    background-color: var(--white);
}


/* Предотвращение скролла контента под модальным окном */

.modal-open {
    height: 100vh;
    overflow: hidden;
}


/* Скрыть элемент */

.hidden {
    display: none !important;
}


/* Визуально скрыть элемент */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

.lenta-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    overflow: auto;
    background-color: var(--white);
}

.lenta-popup__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 500px;
    max-width: 500px;
    /*height: 100%;*/
    /*margin: auto;*/
    overflow: hidden;
    height: 100vh;
    /* fallback для браузеров, не поддерживающих CSS custom properties */
    height: calc(var(--vh, 1vh) * 100);
}

.lenta-popup__header {
    position: relative;
}

.lenta-popup__close-button {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.lenta-popup__modal-title {
    margin: 10px 54px 0 16px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    font-family: var(--font-family);
    color: var(--main-dark);
}

.lenta-popup__tabs-wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.lenta-popup__tabs-wrapper::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.lenta-popup__tabs {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: auto;
    margin-right: -4px;
    margin-left: -4px;
    padding: 16px 16px 3px;
}

.lenta-popup__tab {
    flex: initial;
    margin-right: 4px;
    margin-left: 4px;
}

.lenta-popup__tab a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 48px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--main-dark);
    background-color: var(--gray-95);
    border-radius: 14px;
    cursor: default;
}

.lenta-popup__tab.active a {
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue-2);
}

.lenta-popup__tab:nth-of-type(1) a {
    width: 89px;
}

.lenta-popup__tab:nth-of-type(2) a {
    width: 138px;
}

.lenta-popup__tab:nth-of-type(3) a {
    width: 137px;
}

.lenta-popup__tab:last-of-type {
    padding-right: 16px;
}

.lenta-popup__content {
    box-sizing: border-box;
    height: calc(100vh - (42px + 67px + 119px));
    /* fallback для браузеров, не поддерживающих CSS custom properties */
    padding-right: 16px;
    padding-left: 16px;
    overflow-y: auto;
}

.lenta-popup__content::-webkit-scrollbar {
    display: none;
}

.lenta-popup__content.scroll-off {
    overflow: hidden;
}

.lenta-popup__tab-pane {
    overflow-x: hidden;
}

.lenta-popup__table {
    width: 100%;
    font-family: var(--font-family);
    color: var(--main-dark);
}

.lenta-popup__table th {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 5px 10px 5px 0;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    background-color: var(--white);
}

.lenta-popup__table td {
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
}

.lenta-popup__table a,
.lenta-popup__table a:visited {
    display: block;
    color: var(--blue-2);
}

.lenta-popup__table td {
    box-sizing: border-box;
    height: 88px;
    min-height: 88px;
    padding-top: 19px;
    padding-right: 10px;
}

.lenta-popup__table th:nth-of-type(1),
.lenta-popup__table td:nth-of-type(1) {
    width: 76px;
}

.lenta-popup__table th:nth-of-type(2),
.lenta-popup__table td:nth-of-type(2) {
    width: auto;
}

.lenta-popup__table th:nth-of-type(3),
.lenta-popup__table td:nth-of-type(3) {
    padding-right: 0;
}

.lenta-popup__table button {
    margin-top: 4px;
    padding: 4px 10px 6px;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 16px;
    text-align: right;
}

.lenta-popup__footer {
    padding-top: 32px;
    padding-right: 16px;
    padding-left: 16px;
}

.lenta-popup__footer-button {
    width: 100%;
    padding: 10px 20px 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 24px;
}

.lenta-popup__warning {
    position: absolute;
    top: calc(50% - 16px);
    left: 50%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 304px;
    height: 288px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    transform: translate(-50%, -50%);
}

.lenta-popup__warning-body {
    display: flex;
    flex: auto;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: var(--main-dark);
}

.lenta-popup__warning-footer {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
}

.lenta-popup__warning-footer button {
    flex-grow: 1;
    flex-basis: 50%;
    box-sizing: border-box;
    padding: 6px 15px 9px;
    font-size: 18px;
    font-family: var(--font-family);
    color: var(--blue-2);
    background-color: var(--white);
    border: 1px solid var(--blue-2);
    border-radius: 20px;
}

.lenta-popup__warning-footer button:not(:first-child) {
    margin-top: 24px;
}

.lenta-popup__warning-footer button:nth-of-type(2) {
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue-2);
}

.lenta-popup__tab-title {
    margin-bottom: 21px;
    padding-top: 8px;
    font-size: 14px;
    line-height: 16px;
}

.lenta-popup__columns {
    display: flex;
    margin-right: -12px;
    margin-left: -12px;
}

.lenta-popup__column {
    flex: auto;
    margin-right: 12px;
    margin-left: 12px;
}

.lenta-popup__priority {
    display: flex;
    flex-direction: column;
}

.lenta-popup__priority input {
    display: none;
}

.lenta-popup__priority label {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    color: var(--main-dark);
    text-transform: uppercase;
    padding-left: 48px;
    box-sizing: border-box;
}

.lenta-popup__priority label:not(:first-of-type) {
    margin-top: 24px;
}

.lenta-popup__priority label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    width: 36px;
    height: 24px;
    border-radius: 12px;
    background: #898B8C;
    -webkit-transition: .2s;
    transition: .2s;
}

.lenta-popup__priority label::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: var(--white);
    -webkit-transition: .2s;
    transition: .2s;
}

.lenta-popup__priority input:checked+label::before {
    background: #3e99ed;
}

.lenta-popup__priority input:checked+label::after {
    left: 14px;
}

.lenta-popup__persons {
    margin-top: 5px;
}

.lenta-popup__person {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 12px;
    background-color: var(--gray-95);
    border-radius: 14px;
    min-height: 96px;
}

.lenta-popup__person-avatar {
    flex: none;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 50%;
}

.lenta-popup__person-avatar img {
    display: block;
    width: 100%;
    height: auto;
}

.lenta-popup__person-content {
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: center;
    padding-left: 12px;
}

.lenta-popup__person-title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--main-dark);
}

.lenta-popup__person-title:visited {
    color: var(--main-dark);
}

.lenta-popup__person-descr {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--main-dark);
    margin-bottom: 9px;
}

.lenta-popup__person-descr:empty {
    margin-bottom: 0;
}

.lenta-popup__person-descr:empty+.lenta-popup__person-permit {
    margin-top: 16px;
}

.lenta-popup__person-permit {
    flex: none;
    width: 100%;
    padding: 5px 16px 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 16px;
}


/* Попап настроек ленты - end */


/* Новый попап шеринга с репостами */


/* Убирает внутреннюю тень на iOS*/

input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.share-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: stretch;
    align-items: flex-end;
    box-sizing: border-box;
    /*overflow: hidden;*/
    background-color: var(--white);
}

.share-popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.share-popup__wrapper {
    z-index: 5;
    display: flex;
    width: 100%;
}

.share-popup-main {
    width: 100%;
    margin-top: auto;
    padding-top: 80px;
    padding-bottom: 32px;
    background-color: var(--white);
    border-radius: 24px 24px 0 0;
}

.share-popup-main__actions {
    max-width: 320px;
    margin-right: auto;
    margin-bottom: 86px;
    margin-left: auto;
}

.share-popup-main__label {
    display: block;
    margin-right: 16px;
    margin-left: 16px;
    font-weight: normal;
    font-size: 18px;
    line-height: 40px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--main-dark);
    background-color: var(--gray-95);
    border-radius: 20px;
}

.share-popup-main__actions input:checked+.share-popup-main__label {
    font-weight: 600;
    background-color: var(--gray-95);
}

.share-popup__option-link:visited {
    color: var(--main-dark);
}

.share-popup-main__content {
    width: 320px;
    margin: 0 auto;
}

.share-popup-main__title {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--main-dark);
}

.share-popup-main__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 4px;
}

.share-popup-main__social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    margin: 12px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.share-popup-main__social-vk {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%234C6C91'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.328 31.437s.487-.052.737-.314c.229-.24.22-.69.22-.69s-.03-2.102.975-2.418c.99-.307 2.262 2.037 3.61 2.939 1.02.68 1.793.532 1.793.532l3.605-.049s1.886-.113.991-1.556c-.074-.119-.522-1.068-2.68-3.02-2.262-2.043-1.958-1.712.764-5.251 1.659-2.152 2.321-3.466 2.11-4.028-.198-.538-1.418-.395-1.418-.395l-4.058.024s-.301-.04-.525.09c-.218.128-.36.425-.36.425s-.641 1.665-1.497 3.082c-1.808 2.987-2.53 3.148-2.825 2.96-.688-.432-.517-1.738-.517-2.664 0-2.897.451-4.104-.878-4.416-.441-.105-.766-.173-1.895-.185-1.45-.014-2.673.006-3.368.336-.462.22-.818.711-.601.74.268.034.875.159 1.198.585.415.552.401 1.79.401 1.79s.24 3.408-.558 3.832c-.547.29-1.297-.303-2.909-3.014-.825-1.388-1.449-2.923-1.449-2.923s-.12-.287-.335-.442c-.26-.186-.623-.245-.623-.245l-3.856.024s-.58.016-.792.26c-.189.218-.015.67-.015.67s3.02 6.879 6.439 10.345c3.136 3.178 6.694 2.97 6.694 2.97h1.614' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-fb {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%233B5998'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.702 37.31V24.25h3.604l.478-4.5h-4.082l.006-2.252c0-1.174.112-1.802 1.797-1.802h2.253v-4.5h-3.605c-4.33 0-5.854 2.183-5.854 5.854v2.702H17.6v4.5h2.7v13.06H25.7' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-ok {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%23F58223'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.505 17.07c0 4.083-3.37 7.384-7.498 7.384-4.146 0-7.497-3.301-7.497-7.367 0-4.083 3.351-7.384 7.497-7.384 4.128 0 7.48 3.301 7.498 7.367zm-4.393.017c0-1.685-1.394-3.058-3.105-3.058s-3.105 1.373-3.105 3.058c0 1.686 1.394 3.058 3.105 3.058s3.105-1.372 3.105-3.058zm4.27 11.624a14.545 14.545 0 01-4.358 1.772l4.198 4.117a2.127 2.127 0 010 3.058 2.207 2.207 0 01-3.104 0L23.99 33.61l-4.11 4.048a2.207 2.207 0 01-1.553.626 2.207 2.207 0 01-1.553-.626 2.127 2.127 0 010-3.058l4.199-4.135a14.36 14.36 0 01-4.357-1.772 2.161 2.161 0 01-.706-2.97 2.222 2.222 0 013.034-.678 9.672 9.672 0 0010.091 0 2.218 2.218 0 013.034.677c.653 1.025.335 2.346-.688 2.989z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-tw {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2355ACEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.281 19.508l.05.83-.839-.102c-3.055-.39-5.725-1.712-7.991-3.932l-1.108-1.102-.285.814c-.604 1.813-.218 3.73 1.041 5.02.672.712.52.814-.638.39-.403-.136-.755-.237-.789-.186-.118.12.285 1.661.604 2.271.436.847 1.326 1.678 2.3 2.17l.823.39-.974.016c-.94 0-.974.017-.873.373.336 1.102 1.662 2.271 3.139 2.78l1.041.355-.907.542a9.448 9.448 0 01-4.499 1.254c-.755.017-1.377.085-1.377.136 0 .17 2.048 1.12 3.24 1.491 3.576 1.102 7.823.627 11.01-1.254 2.266-1.339 4.533-4 5.59-6.576.571-1.373 1.142-3.88 1.142-5.084 0-.78.05-.88.99-1.813.554-.542 1.074-1.136 1.175-1.305.168-.322.151-.322-.705-.034-1.427.508-1.628.441-.923-.322.52-.542 1.142-1.525 1.142-1.813 0-.05-.252.034-.537.186-.302.17-.974.424-1.477.576l-.907.288-.823-.559c-.453-.305-1.091-.644-1.427-.746-.856-.237-2.166-.203-2.938.068-2.098.763-3.425 2.73-3.274 4.881' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-mail {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24z' fill='%2307C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.531 16.105c2.064 0 4.004.95 5.428 2.439v.006c0-.715.462-1.253 1.103-1.253l.162-.002c1.002 0 1.207.989 1.207 1.302l.005 11.11c-.07.727.72 1.102 1.159.637 1.712-1.834 3.76-9.426-1.064-13.824-4.495-4.101-10.528-3.425-13.735-1.121-3.41 2.451-5.593 7.876-3.473 12.971 2.31 5.56 8.922 7.216 12.852 5.564 1.99-.837 2.91 1.966.843 2.882-3.123 1.388-11.814 1.248-15.874-6.083-2.744-4.95-2.597-13.66 4.678-18.172 5.566-3.451 12.903-2.495 17.328 2.32 4.625 5.036 4.356 14.464-.156 18.131-2.044 1.665-5.08.044-5.06-2.383l-.022-.794c-1.423 1.473-3.317 2.331-5.38 2.331-4.077 0-7.665-3.74-7.665-7.986 0-4.293 3.587-8.075 7.664-8.075zm5.132 7.766c-.154-3.11-2.37-4.982-5.046-4.982h-.1c-3.089 0-4.801 2.531-4.801 5.406 0 3.22 2.072 5.253 4.788 5.253 3.03 0 5.021-2.313 5.165-5.048l-.006-.629z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-lj {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%231DB1E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 16.3a12.032 12.032 0 016.073-6.073l2.824 2.824a12.032 12.032 0 00-6.073 6.073l9.883 9.883a12.033 12.033 0 016.073-6.073l-9.883-9.883a11.941 11.941 0 014.883-1.045 11.997 11.997 0 11-10.956 7.118L10.219 16.3zm19.489 9.62a8.853 8.853 0 00-3.797 3.796l4.724.927-.927-4.724z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-li {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2336869D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.813 13.497h-4.318v21.004H26.2v-4.122h-8.386V13.497zm12.609 8.419v12.587h4.083V21.916h-4.083zm0-8.417H34.5v4.076h-4.077V13.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-llcode {
    position: relative;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='url(%23paint0_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.47 35.603c2.962-1.758 6.869-4.086 8.253-4.903C35.108 29.883 36 29.21 36 27.707c0-1.504-.009-10.782-.009-12.08 0-1.3-1.192-2.144-2.692-1.268-1.305.762-9.298 5.523-9.298 5.523s-7.83-4.664-9.299-5.523c-1.468-.86-2.692-.056-2.692 1.278 0 1.335-.005 11.124-.01 12.067 0 1.526.942 2.187 2.276 2.996 1.335.81 5.255 3.153 8.259 4.903.233.136.728.397 1.467.397.738 0 1.26-.274 1.468-.397z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='48' y1='28.56' x2='0' y2='28.557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E99ED'/%3E%3Cstop offset='1' stop-color='%2359C7FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.share-popup-main__social-ll-tooltip {
    position: absolute;
    right: 50%;
    bottom: 120%;
    z-index: 10;
    width: 70px;
    margin-left: -75px;
    padding: 5px;
    font-size: 12px;
    line-height: 15px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--white);
    background-color: var(--gray-25);
    border-radius: 6px;
    transform: translateX(50%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.15s, opacity 0.15s linear;
}

.share-popup-main__social-ll-tooltip.active {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s;
}

.share-popup-main__social-ll-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.share-popup-main__social-ll-url {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

.share-popup-main__submit {
    display: block;
    width: 288px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 20px 9px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 16px;
    visibility: hidden;
}

.share-popup-lenta,
.share-popup-group,
.share-popup-friend {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    padding-top: 45px;
    background-color: var(--white);
    height: 100vh;
    /* fallback для браузеров не поддерживающих CSS custom properties */
    height: calc(var(--vh, vh) * 100);
}

.share-popup-lenta .share-popup__body {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.share-popup__textarea {
    left: 20px;
    box-sizing: border-box;
    width: calc(100% - 16px * 2);
    margin-right: 16px;
    margin-left: 16px;
    padding: 4px 8px 6px;
    font-size: 16px;
    font-family: var(--font-family);
    color: var(--main-dark);
    border: 1px solid var(--gray-84);
    border-radius: 8px;
    resize: none;
}

.share-popup__textarea::placeholder {
    color: var(--gray-55);
}

.share-popup-lenta .share-popup__textarea {
    height: 194px;
}

.share-popup-group .share-popup__textarea {
    flex: none;
    height: 72px;
    margin-bottom: 24px;
}

.close-button {
    position: absolute;
    top: 0;
    right: 4px;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 12px solid transparent;
}

.share-popup__title {
    flex: none;
    margin-right: 16px;
    margin-bottom: 19px;
    margin-left: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--main-dark);
}

.share-popup__search {
    flex: none;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
}

.share-popup__search-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 40px;
    font-size: 14px;
    line-height: 16px !important;
    font-family: var(--font-family);
    color: var(--main-dark) !important;
    background-color: var(--gray-94) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.584 15.29a7 7 0 11.707-.707l5.615 5.616a.5.5 0 01-.707.707l-5.615-5.615zM17 10a6 6 0 11-12 0 6 6 0 0112 0z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 7px center;
    border: 1px solid var(--gray-94) !important;
    border-radius: 16px;
}

.share-popup__search-input::placeholder {
    color: var(--gray-40);
}

.share-popup__body-wrapper {
    overflow-y: auto;
}

.share-popup__body {
    padding: 0 16px 46px;
}

.share-popup-group__item:not(:first-child) {
    margin-top: 16px;
}

.share-popup-group__item-header {
    display: flex;
    align-items: flex-start;
    min-height: 48px;
}

.share-popup__avatar {
    flex: none;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 50%;
}

.share-popup__avatar img {
    display: block;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.share-popup-group__item-title,
.share-popup-friend__item-title {
    flex: auto;
    margin-top: auto;
    margin-bottom: auto;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: var(--main-dark);
    text-overflow: ellipsis;
}

.share-popup-group__button,
.share-popup-friend__button {
    flex: none;
    box-sizing: border-box;
    width: 98px;
    margin-left: 10px;
    padding: 4px 11px 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 14px;
}

.share-popup-group__item input:checked+.share-popup-group__button,
.share-popup-friend__item input:checked+.share-popup-friend__button {
    font-weight: 400;
    color: var(--gray-40);
    background-color: var(--white);
    border-color: var(--gray-40);
}

.share-popup__footer {
    display: none;
    justify-content: center;
    align-items: center;
    height: 64px;
    background-color: var(--white);
    flex: none;
}

.share-popup__footer.active {
    display: flex;
}

.share-popup__submit {
    width: 288px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 20px 9px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 16px;
}

.share-popup-group__item,
.share-popup-friend__item {
    display: flex;
    align-items: center;
}

.share-popup-friend__item:not(:first-child) {
    margin-top: 16px;
}


/* Новый попап шеринга с репостами - end*/


/* Новые списки книг - start*/
.lists {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 16px; }

.lists__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 8px;
  display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 104px;
 }

.lists__title h2 {
  color: #252626;
  margin: 0;
  font: 600 20px/24px "Source Sans Pro", sans-serif; }

.lists__toggle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 104px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto; }

.lists__toggle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px; }

.lists__toggle--small {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") 0px -78px no-repeat; }

.lists__toggle--large {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -26px -78px no-repeat; }

.lists__toggle--medium {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -52px -78px no-repeat; }

.lists__toggle--active.lists__toggle--small {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") 0px -52px no-repeat; }

.lists__toggle--active.lists__toggle--large {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -26px -52px no-repeat; }

.lists__toggle--active.lists__toggle--medium {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -52px -52px no-repeat; }

/*************/
.lists__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px; }

.lists__item {
  position: relative;
  width: 128px;
  height: 328px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px 6px 16px 16px;
  background-color: #ffffff;
  margin: 28px 6px 12px; }

.lists__status {
  font: 12px/16px "Source Sans Pro", sans-serif;
  background-color: #edf0f7;
  border-radius: 8px;
  color: #252626;
  position: absolute;
  padding: 2px 0 0 8px;
  height: 36px;
  width: 104px;
  top: -20px;
  left: 0;
  z-index: 1; }

.lists__link {
  height: 192px;
  border-radius: 6px;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.lists__link-edition::after,
.lists__link::after {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.lists__link-edition img,
.lists__link img {
  -o-object-fit: contain;
  object-fit: contain; }
.lists__link-edition {
  border-radius: 6px;
  width: 57px;
  height: 88px;
  position: absolute;
  content: '';
  overflow: hidden;
  top: 110px;
  left: 75px;
  z-index: 3;
}
.lists__date {
  color: #88898C;
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  position: absolute;
  top: 236px;
  left: 144px;
}
.lists-genre {
  margin: 7px -16px 12px;
  overflow: hidden; }

.lists-genre__limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.lists-genre__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 16px; }

.lists-genre__list a, .lists-genre__list a:visited {
  color: #217DD1;
  font: 16px/24px "Source Sans Pro", sans-serif;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px 0 0; }
.lists-fr-rating {
  overflow: hidden;
  margin: 0 -16px 4px; }

.lists-fr-rating__wrapper {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.lists-fr-rating__limiter {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 28px; }

.lists-fr-rating p {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 14px 16px; }

.lists-fr-rating__image {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lists-fr-rating__link, .lists-fr-rating__link:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #252626;
  font: 300 18px/28px "Source Sans Pro", sans-serif;
  width: 85px; }

.lists-fr-rating__link span {
  margin: 0 0 0 8px; }

.lists-edition {
  margin: 12px 0 0; }

.lists-edition td {
  color: #88898C;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.lists-edition__col1 {
  width: 144px; }

.lists-edition__link, .lists-edition__link:visited {
  color: #217DD1; }

.lists__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border: 1px solid #DCDEE0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  margin-top: -6px;
  color: #252626;
  padding: 16px 7px 7px;
  height: 142px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lists__menu,
.lists__menu:visited {
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 0;
  top: 14px;
  right: 0; }

.lists__menu::after {
  position: absolute;
  content: '';
  top: 10px;
  left: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #88898C;
  -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
  box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C; }

.lists__menu-block {
  display: none;
  position: absolute;
  padding: 0 12px;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  right: 22px;
  top: -1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 11; }

.lists__menu-block a,
.lists__menu-block a:visited {
  font: 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  height: 36px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #DCDEE0; }

.lists__menu-block a:hover,
.lists__menu-block a:focus {
  background-color: #EDF0F7; }

.lists__menu:hover .lists__menu-block,
.lists__menu:focus .lists__menu-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.lists__book-title,
.lists__book-title:visited {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 32px;
  width: calc(100% - 16px); }

.lists__author,
.lists__author:visited {
  font: 12px/18px "Source Sans Pro", sans-serif;
  color: #252626;
  margin-bottom: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.lists__rating {
  position: relative;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 3px 20px;
  margin-top: auto; }

.lists__rating::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -234px -182px no-repeat;
  width: 16px;
  height: 16px; }

.lists__mymark {
  position: absolute;
  font: 300 20px/24px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 3px 20px;
  bottom: 43px;
  right: 9px; }

.lists__mymark::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -216px -182px no-repeat;
  width: 16px;
  height: 16px; }

.lists__item .btn-buy-holder {
  margin-top: 0px;
  position: relative; }

.lists__buy,
.lists__buy:visited {
  font: 12px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  position: absolute;
  bottom: 3px;
  right: 0px; }

.lists__item .btn-add-plus,
.lists__item .btn-add-plus:visited {
  color: #fff;
  margin: 8px 0 0; }

.lists__text {
  margin: 6px 0;
  width: 100%;
  position: relative;
  max-height: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px; }

.lists__text p {
  color: #252626;
  margin: 0;
  font: 16px/24px "Source Sans Pro", sans-serif; }

.lists__remove {
  position: absolute;
  display: block;
  top: 156px;
  left: calc(50% - 60px);
  color: #fff;
  padding: 0 0 0 28px;
  z-index: 5;
  font: 14px/24px "Source Sans Pro", sans-serif; }

.lists__remove::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: 0;
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -200px -104px no-repeat; }

.lists__remove ~ .lists__link::after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.05)), to(black));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, black 100%);
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4; }

.lists__period h3 {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  margin: 17px 0 11px;
}
.lists__period h3 span {
  font-weight: 300; }

.lists-stat {
  position: absolute;
  left: 144px;
  top: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 150px; }

.lists-stat a,
.lists-stat a:visited {
  position: relative;
  color: #88898C;
  font: 14px/16px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 3px 31px;
  margin: 0 23px 21px 0; }

.lists-stat a::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px; }

.lists-stat__added::before {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -278px -78px no-repeat; }

.lists-stat__read::before {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -330px -78px no-repeat; }

.lists-stat__review::before {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -226px -78px no-repeat; }

.lists-stat__quote::before {
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -252px -78px no-repeat; }

/**************************/
.lists-1 .lists__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 20px; }

.lists-2 .lists__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.lists-2 .lists__item {
  width: 100%;
  margin: 19px 0;
  height: auto; }

.lists-2 .lists__wrapper {
  position: initial;
  border: none;
  height: auto;
  width: 128px; }

.lists-2 .lists__menu {
  top: -19px; }

.lists-2 .lists__link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 128px; }

.lists-2 .lists__book-title {
  position: absolute;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  left: 144px;
  top: 9px;
  width: calc(100% - 144px);
  max-height: 48px; }

.lists-2 .lists__author {
  position: absolute;
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  left: 144px;
  top: 62px;
  width: calc(100% - 128px); }

.lists-2 .lists__mymark {
  left: 74px;
  top: 202px;
  right: auto;
  bottom: auto; }

.lists-3 .lists__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;}

.lists-3 .lists__item {
  width: 100%;
  height: 88px;
  margin: 24px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.lists-3 .lists__status {
  width: auto;
  height: 24px;
  border-radius: 8px 8px 8px 0;
  left: 73px;
  top: -24px;
  padding: 3px 10px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lists-3 .lists__link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 57px;
  height: 88px; }

.lists-3 .lists__wrapper {
  border: none;
  margin: 0;
  padding: 0 16px;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: auto; }

.lists-3 .lists__menu {
  top: 6px; }

.lists-3 .lists__book-title {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  -webkit-line-clamp: 1;
  max-height: 24px; }

.lists-3 .lists__author {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0; }

.lists-3 .btn-add-plus {
  width: 112px; }

.lists-3 .lists__rating {
  position: absolute;
  bottom: 0;
  left: 59%; }

.lists-3 .lists__mymark {
  bottom: 0;
  right: 0; }
.lists-desc {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
}
.lists__note > summary,
.lists__annotation > summary {
  position: relative;
  width: 100%;
  color: #88898C;
  cursor: pointer;
  font: 16px/24px "Source Sans Pro", sans-serif;
} 
.lists__note > summary::after,
.lists__annotation > summary::after  {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #88898C;
  border-top: 1px solid #88898C;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.lists__annotation[open] summary::after,
.lists__note[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); } 

/* Новые списки книг - end */


/*UGC editform styles - start*/

 :root {
    --main-dark: #252626;
    --gray-40: #707273;
    --gray-55: #898b8c;
    --gray-84: #d1d4d6;
    --gray-88: #dcdee0;
    --gray-95: #edf0f2;
    --beige-4: #eeeddd;
    --red: #fa385c;
    --blue-1: #003569;
    --blue-2: #4099ed;
    --blue-4: #3e99de;
    --white: #ffffff;
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

.hidden {
    display: none;
}

.modal-open {
    height: 100vh;
    overflow: hidden;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.title {
    margin-right: 0;
    margin-bottom: 17px;
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
}

.subtitle {
    display: block;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main-dark);
}

.subtitle_help {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
    background-color: var(--blue-2);
    background-image: none;
    border: 1px solid var(--blue-2);
    border-radius: 24px;
}

.button_outline {
    font-weight: 400;
    color: var(--gray-40) !important;
    border-color: var(--gray-55);
    background-color: #fff;
}

.page-content__section {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px;
}

.page-content__subtitle {
    margin-bottom: 8px;
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.page-content__actions {
    margin-bottom: 32px;
}

.preview {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-flex: 1;
}

.preview__image {
    -ms-flex: none;
    flex: none;
    align-self: flex-start;
    width: 52px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-flex: 0;
    -ms-flex-item-align: start;
}

.preview__image img {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    max-width: 100%;
    height: auto;
}

.preview__content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 16px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.preview__subtitle {
    font-size: 14px;
    line-height: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 40px;
}

.preview__author {
    margin-bottom: 6px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-dark);
}

.preview__assessment {
    font-weight: 300;
    font-size: 20px;
    color: var(--gray-40);
}

.preview__assessment::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -234px -182px;
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.ugc-form__rating {
    transform: translateX(-16px);
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    width: 260px;
    transform: none;
    justify-content: space-between;
    transform: translateX(-8px);
}

.rating input {
    display: none;
}

.rating label {
    position: relative;
    width: 26px;
    height: 26px;
    overflow: hidden;
}

.rating label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 13px;
    width: 26px;
    height: 26px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-position: -56px -182px;
    background-repeat: no-repeat;
}

.rating label:nth-of-type(odd)::before {
    left: -13px;
}

.rating input:checked~label::before {
    background-position: 0 -182px;
}

.rating[data-rating='five-point'] {
    transform: none;
}

.rating[data-rating='five-point'] label:nth-last-of-type(2n+1) {
    display: none;
}

.rating[data-rating='five-point'] label:nth-of-type(odd)::before {
    left: 0;
}

.rating[data-rating='five-point'] label::before {
    left: 0;
}

.input-inline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 32px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--main-dark);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 1px solid var(--gray-84);
    border-radius: 24px;
}

.input-inline+.input-inline {
    margin-top: 16px;
}

.input-inline_arrow-bottom {
    position: relative;
    color: var(--main-dark);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.503 5.586L.907.99.2 1.697 5.503 7l5.304-5.303L10.1.99 5.503 5.586z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px top calc(50% - 1px);
}

.input-inline_arrow-bottom::-webkit-input-placeholder {
    color: var(--main-dark);
}

.input-inline_arrow-bottom::-moz-placeholder {
    color: var(--main-dark);
}

.input-inline_arrow-bottom:-ms-input-placeholder {
    color: var(--main-dark);
}

.input-inline_arrow-bottom::-ms-input-placeholder {
    color: var(--main-dark);
}

.input-inline_arrow-bottom::placeholder {
    color: var(--main-dark);
}

.input-textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 248px;
    padding: 4px 7px 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--main-dark);
    border: 1px solid var(--gray-84);
    border-radius: 6px;
    resize: none;
}

.input-textarea_height_small {
    height: 152px;
}

.input-textarea::-webkit-input-placeholder {
    color: var(--gray-55);
}

.input-textarea::-moz-placeholder {
    color: var(--gray-55);
}

.input-textarea:-ms-input-placeholder {
    color: var(--gray-55);
}

.input-textarea::-ms-input-placeholder {
    color: var(--gray-55);
}

.input-textarea::placeholder {
    color: var(--gray-55);
}

.textarea-with-settings {
    position: relative;
    margin-bottom: 12px;
}

.textarea-with-settings_mb-0 {
    margin-bottom: 0;
}

.textarea-with-settings+.input-checkbox {
    margin-top: 16px;
}

.textarea-with-settings__button {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-color: var(--gray-95);
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -335px 2px;
    border: 1px solid var(--gray-95);
    border-radius: 8px;
}

.input-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main-dark);
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.input-checkbox_standalone {
    margin-top: -8px;
    margin-bottom: 24px;
}

.input-checkbox label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
}

.input-checkbox label:not(:first-of-type) {
    margin-left: 25px;
}

.input-checkbox label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
}

.input-checkbox input {
    display: none;
}

.input-checkbox input:checked+label::before {
    background-position: -192px -156px;
}

input.input-date {
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6V5H5c-.5 0-1 .5-1 1v3h16v1H4v10c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V6c0-.5-.5-1-1-1h-2v1h-1V5H8v1H7zm9-2H8V2H7v2H5c-1.156 0-2 .86-2 2v14c0 1.125.86 2 2 2h14c1.172 0 2-.887 2-2V6c0-1.148-.828-2-2-2h-2V2h-1v2z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto;
    border: none !important;
}

.help-button {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    font-size: 0;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -36px -156px;
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.draft {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    font-weight: 400;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
}

.draft__link {
    font-size: 14px;
    color: var(--blue-2);
}

.draft__link:visited {
    color: var(--blue-2);
}

.draft__save {
    font-size: 14px;
    color: var(--gray-55);
}

.actions {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 16px;
    margin-left: 16px;
    padding: 23px 24px;
    background-color: var(--gray-95);
    border-radius: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.actions__button {
    min-height: 48px;
    margin-bottom: 16px;
}

.actions__button:last-child {
    margin-bottom: 0;
}

.actions__button_bottom-indent {
    margin-bottom: 32px;
}

.help {
    position: absolute;
    right: 0;
    left: 0;
    padding: 26px 24px 24px;
    background-color: var(--white);
    border-radius: 20px;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.explanation {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-55);
}

.explanation__item::before {
    content: '-';
    display: inline-block;
    margin-right: 3px;
}

.ugc-form {
    padding-right: 16px;
    padding-left: 16px;
}

.ugc-form__subtitle {
    margin-bottom: 8px;
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.ugc-form__fieldset {
    margin: 0 0 32px;
    padding: 0;
    border: none;
}

.ugc-form__explanation {
    margin-top: 9px;
    margin-bottom: 4px;
}

.form-ufc__input-date {
    margin-bottom: 7px;
}

.ugc-form__select {
    display: -webkit-box;
    display: flex;
    height: 32px;
}

.ugc-form__select details {
    width: 100%;
    border-radius: 20px;
}

.ugc-form__select:nth-child(3) details {
    z-index: 9;
}

.ugc-form__select details:nth-child(even) {
    right: 0;
}

.ugc-form__select summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 6px 19px 8px;
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    background: #fff;
    border: 1px solid #D2D4D6;
    border-radius: 24px;
}

.ugc-form__select summary::-webkit-details-marker {
    display: none;
}

.ugc-form__select summary::after {
    content: '';
    position: absolute;
    top: 9px;
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ugc-form__select details[open] {
    /*box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);*/
}

.ugc-form__select details[open] summary::after {
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ugc-form__select details[open] summary {
    z-index: 100;
    border: none;
    border-radius: 20px 20px 0 0;
}

.ugc-form__select details[open]>div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    padding-top: 72px;
    background-color: var(--white);
}

.ugc-form__select>div {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 99;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #D2D4D6;
    border-radius: 0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.ugc-form__select a {
    padding: 10px 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #252626;
}
.lists__note > summary,
.lists__annotation > summary {
  position: relative;
  width: 100%;
  color: #88898C;
  cursor: pointer;
  font: 16px/24px "Source Sans Pro", sans-serif;
}
.lists__note > summary::after,
.lists__annotation > summary::after  {
  position: absolute;
  content: '';
  right: 17px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #88898C;
  border-top: 1px solid #88898C;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.lists__annotation[open] summary::after,
.lists__note[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.ugc-form__select div .close-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10000;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.ugc-form__select_checkbox div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 48px !important;
    padding-bottom: 8px;
}

.ugc-form__select_checkbox label {
    display: -webkit-inline-box;
    display: inline-flex;
    align-items: center;
    margin: 8px 0;
    padding-right: 32px;
    padding-left: 32px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    -webkit-box-align: center;
}

.ugc-form__select_checkbox label:first-of-type {
    margin-top: auto;
}

.ugc-form__select_checkbox label:last-of-type {
    margin-bottom: auto;
}

.ugc-form__select_checkbox label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1" y="1" width="22" height="22" rx="3" fill="%23fff" stroke="%23D2D4D6" stroke-width="2"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.ugc-form__select_checkbox input[type="checkbox"] {
    display: none;
}

.ugc-form__select_checkbox input[type="checkbox"]:checked+label::before {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4zM2.667 12.256l6.666 6.41 12-11.538-1.866-1.795-10.134 9.744-4.8-4.616-1.866 1.795z" fill="%233E99ED"/%3E%3C/svg%3E');
}

.ugc-form__select_search div {
    position: relative;
    padding-top: 23px;
    padding-bottom: 3px;
    overflow: auto;
}

.ugc-form__select_search input[type="search"] {
    margin-right: 16px;
    margin-bottom: 22px;
    margin-left: 16px;
    padding: 7px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: var(--main-dark);
    border: 1px solid var(--gray-84);
    border-radius: 24px;
    box-sizing: border-box;
    width: calc(100% - 16px * 2)
}

.ugc-form__select_search input[type="search"]::placeholder {
    color: var(--gray-55);
}

.ugc-form__select_search a {
    display: block;
}

.ugc-form__select_visibility div {
    top: auto !important;
    z-index: 10010 !important;
    box-sizing: border-box;
    height: 200px;
    padding-top: 40px !important;
    border-radius: 24px 24px 0 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}

.ugc-form__select_visibility a {
    text-align: center;
    border-bottom: 1px solid var(--gray-88);
}

.ugc-form__button {
    z-index: 10000;
    width: calc(100% - 16px * 2);
    height: 48px;
    margin: 12px 16px 47px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 24px;
}

.ugc-form__datepicker {
    height: 100%;
}

.ugc-form__select_datepicker details[open]>div {
    padding-top: 0;
}

.ugc-form__select_datepicker summary {
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: var(--gray-55);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6V5H5c-.5 0-1 .5-1 1v3h16v1H4v10c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V6c0-.5-.5-1-1-1h-2v1h-1V5H8v1H7zm9-2H8V2H7v2H5c-1.156 0-2 .86-2 2v14c0 1.125.86 2 2 2h14c1.172 0 2-.887 2-2V6c0-1.148-.828-2-2-2h-2V2h-1v2z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto;
    border: none;
}

.ugc-form__select_datepicker summary::after {
    display: none;
}

.ugc-popup {
    content: "";
    position: fixed;
    top: calc(50% - 171px);
    right: 0;
    left: 0;
    z-index: 10000;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 352px;
    margin: 0 8px;
    padding: 63px 0 20px;
    background: var(--white);
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.ugc-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
}

.ugc-popup__close:before,
.ugc-popup__close:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 11px;
    width: 1.33px;
    height: 19px;
    background: #252626;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ugc-popup_theme_white .ugc-popup__close:before,
.ugc-popup_theme_white .ugc-popup__close:after {
    background-color: #252626;
}

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

.ugc-popup>p {
    margin: 0 0 16px;
    padding: 0 20px;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #3E99ED;
}

.ugc-popup_theme_white>p {
    color: #3E99ED;
}

.ugc-popup span {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 20px;
    color: #252626;
}

.ugc-popup_theme_white span {
    display: block;
    text-align: center;
    color: #707273;
}

.ugc-popup__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -8px;
}

.ugc-popup__wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    margin: 12px 16px;
    background-repeat: no-repeat;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
}

.ugc-popup__wrapper .icon-vk {
    background-position: 0 -286px;
}

.ugc-popup__wrapper .icon-fb {
    background-position: -50px -286px;
}

.ugc-popup__wrapper .icon-mail {
    background-position: -200px -286px;
}

.ugc-popup__wrapper .icon-tw {
    background-position: -150px -286px;
}

.ugc-popup__wrapper .icon-ok {
    background-position: -100px -286px;
}

.ugc-popup__wrapper .icon-lj {
    background-position: -250px -286px;
}

.ugc-popup__wrapper .icon-li {
    background-position: -300px -286px;
}

.ugc-popup_dialog {
    padding: 67px 8px 34px;
    /*display: flex !important;*/
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 324px;
}

.selection-creating .section-form__wrap {
    height: auto;
    padding-bottom: 22px;
    padding-top: 14px;
}

.selection-creating .section-form__title {
    display: -webkit-box;
    width: auto;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: normal;
}

.ugc-popup_dialog p {
    color: var(--main-dark);
    margin-bottom: auto;
}

.ugc-popup_dialog .ugc-popup__footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.ugc-popup__button {
    font-family: "Source Sans Pro", Arial, sans-serif;
    background-color: var(--blue-2);
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    border: 1px solid var(--blue-2);
    max-width: 100%;
    min-height: 40px;
    border-radius: 24px;
    margin-right: 24px;
    margin-left: 24px;
}

.ugc-popup__button:not(:last-of-type) {
    margin-bottom: 24px;
}

.ugc-popup__button_outline {
    font-weight: 400;
    color: var(--gray-40);
    background-color: var(--white);
    border-color: var(--gray-55);
}


/* Модальное окно предпросмотра */

.modal-preview {
    display: none;
}

.modal-preview__wrapper {
    background-color: var(--white);
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.modal-preview__header,
.modal-preview__footer {
    background-color: var(--gray-95);
}

.modal-preview__header {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    padding: 24px 16px 20px;
}

.modal-preview__body {
    padding: 20px 8px;
}

.modal-preview__footer {
    padding: 24px;
}

.modal-preview__edit,
.modal-preview__publish {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    width: 100%;
    padding: 11px 0;
}

.modal-preview__edit {
    color: var(--blue-2);
    font-weight: 400;
    border: 1px solid var(--blue-2);
    background-color: var(--white);
    border-radius: 24px;
    margin-bottom: 16px;
}

.modal-preview__publish {
    color: var(--white);
    font-weight: 600;
    border: 1px solid var(--blue-2);
    background-color: var(--blue-2);
    border-radius: 24px;
}

.ugc-datepicker .datepicker--cell.-selected- {
    background-color: var(--blue-4);
}


/*UGC editform styles - end*/


/* Afisha - START */

.modal-afisha-calendar {
    position: absolute;
    display: none;
    width: 490px;
    height: 384px;
    top: 200px;
    left: 50%;
    margin-left: -240px;
    z-index: 5;
    border-radius: 20px;
    padding: 16px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}

.modal-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-close {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    z-index: 6;
}

.calendar-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.calendar-tag a {
    background-color: #F0F2F5;
    color: #252626;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 32px;
    font: 16px/30px "Source Sans Pro", sans-serif;
    padding: 0 16px;
    border-radius: 16px;
}

.modal-calendar .button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 10px;
}

.popup-dateevent__btn {
    font: 18px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    margin-top: 16px;
    height: 48px;
}

.button-white {
    background-color: #ffffff;
    color: #969799;
    border: 1px solid #969799;
}

.button-blue {
    background-color: #3E99ED;
    color: #ffffff;
    font-weight: 600;
    border: none;
}


/***
    .afisha-header {
      position: relative; }

    .afisha-header__form {
      position: relative;
      margin: 0 16px 16px;
      color: #ffffff; }

    .wrapper {
      height: 128px;
      padding: 12px 16px 16px;
      background: -webkit-gradient(linear, left top, left bottom, from(#4BA0EE), to(#76BAF1));
      background: linear-gradient(180deg, #4BA0EE 0%, #76BAF1 100%);
      border-radius: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 4;
      -ms-flex-line-pack: justify;
          align-content: space-between; }

    .afisha-header__title {
      margin: 0 10px 0 0;
      font-size: 32px;
      line-height: 32px; }

    .afisha-header__city-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-left: auto; }

    .afisha-header__city-link p {
      margin: 0 15px 0 0;
      font-size: 14px;
      text-transform: uppercase;
      color: #ffffff; }

    .afisha-header__city-link svg {
      margin: 4px; }

    .modal-afisha-city {
      position: fixed;
      color: #000000;
      background-color: #ffffff;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      z-index: 5;
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

    .modal-show {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

    .modal-afisha-city input {
      margin: 104px 16px 22px;
      padding: 7px 0 11px 19px;
      border-radius: 24px;
      width: 90%;
      height: 40px;
      border: 1px solid #d2d4d6;
      color: #969799;
      font-size: 16px; }

    .modal-afisha-city-close {
      position: absolute;
      top: 47px;
      right: 14px;
      background-color: transparent;
      border: 0;
      cursor: pointer;
      z-index: 6; }

    .city-nav__wrapper {
      overflow: hidden; }

    .city-nav__limiter {
      height: 100vh;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding-right: 20px;
      margin-right: -20px; }

    .city-nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

    .city-nav__item {
      padding: 11px 0 11px 33px; }

    .city-nav__item:hover {
      background-color: #EDF0F2; }

    .afisha-search {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative; }

    .afisha-search__input {
      height: 32px;
      border: none;
      border-radius: 18px;
      width: 100%;
      color: #969799;
      font-size: 14px;
      padding: 0 0 0 40px; }

    .afisha-search__select {
      background-color: transparent;
      border: none;
      font-size: 14px;
      line-height: 40px;
      text-transform: uppercase;
      color: #ffffff; }

    .afisha-calendar-link {
      font-size: 14px;
      height: 32px;
      text-transform: uppercase;
      color: #ffffff;
      margin: 0;
      padding-left: 41px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

    .afisha-calendar-link:before {
      content: "";
      position: absolute;
      display: block;
      height: 32px;
      width: 32px;
      background: url(/img/skins/mobile2019/icon/calendar.svg) no-repeat 50% 50%;
      left: 0px; }

    .afisha-nav {
      background-color: #ebedf0;
      border-radius: 0 0 24px 24px;
      margin-bottom: 13px;
      z-index: 1; }

    .afisha-nav-input {
      display: none; }

    .afisha-nav__toggle {
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      top: 111px;
      right: 16px;
      z-index: 5; }

    .afisha-nav-input:checked + .afisha-nav__toggle path {
      fill: #003569; }

    .afisha-nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      height: 0;
      overflow: hidden;
      -webkit-transition: all .15s ease;
      transition: all .15s ease;
      background-color: #ebedf0;
      border-radius: 0 0 24px 24px;
      margin-bottom: 13px;
      z-index: 6; }

    .afisha-nav-input:checked ~ .afisha-nav__list {
      height: 64px;
      margin-top: -24px;
      margin-bottom: 17px;
      padding: 24px 16px 12px; }

    .online-link, .free-link {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 24px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      color: #252626;
      padding: 0 0 0 15%; }

    .create-event-link {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      font-size: 12px;
      line-height: 16px;
      color: #969799; }

    .create-event-link::after {
      content: "";
      margin-left: 10px;
      border: 5px solid #969799;
      border-top-width: 4.5px;
      border-bottom-width: 4.5px;
      border-right-width: 0px;
      border-top-color: transparent;
      border-bottom-color: transparent; }

    .afisha-search__label {
      position: absolute;
      top: 3px;
      left: 8px; }

    .afisha-nav__input-online, .afisha-nav__input-free {
      display: none; }

    .afisha-nav__free-link::before, .afisha-nav__online-link::before {
      content: '';
      position: absolute;
      background-color: rgba(150, 151, 153, 0.5);
      width: 38px;
      height: 24px;
      border-radius: 12px;
      top: 0;
      left: 0; }

    .afisha-nav__free-link::after, .afisha-nav__online-link::after {
      content: '';
      position: absolute;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background-color: #ebedf0;
      top: 1px;
      left: 1px; }

    .afisha-nav__input-online:checked ~ .afisha-nav__online-link::after,
    .afisha-nav__input-free:checked ~ .afisha-nav__free-link::after {
      left: 15px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }

    .afisha-nav__input-online:checked ~ .afisha-nav__online-link::before,
    .afisha-nav__input-free:checked ~ .afisha-nav__free-link::before {
      background-color: rgba(37, 38, 38, 0.5);
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }


    .afisha-tag {
      margin-bottom: 8px;
      overflow: hidden;
      position: relative; }

    .afisha-tag__wrapper {
      width: 100vw;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 20px;
      margin-bottom: -20px;
      -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.25) 9px, #000 18px, #000 calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), transparent);
              mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.25) 9px, #000 18px, #000 calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), transparent); }

    .afisha-tag__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 16px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }

    .afisha-tag__item {
      background-color: #F0F2F5;
      color: #252626;
      margin-right: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 28px;
      font-size: 14px;
      line-height: 24px;
      padding: 0 11px;
      border-radius: 14px; }

    .afisha-tag__item:hover, .afisha-tag__item:active {
      background-color: #d2d4d6; }

    */

.afisha-event {
    margin: 0 16px;
}

.afisha-event__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0;
}

.afisha-event__block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin: 0 0 14px;
}

.afisha-event__block--choise:before {
    display: block;
    position: absolute;
    content: "Выбор редакции";
    background-color: #3E99ED;
    color: #fff;
    font: 600 10px/18px "Source Sans Pro", sans-serif;
    letter-spacing: 0.4px;
    top: 14px;
    right: 11px;
    padding: 0px 6px;
    border-radius: 4px 4px 0px;
    text-transform: uppercase;
}

.afisha-event__topblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #252626;
    font: 600 14px/24px "Source Sans Pro", sans-serif;
}

.afisha-event__user-avatar {
    border-radius: 50%;
    margin: 8px 8px;
    width: 28px;
    height: 28px;
    -webkit-box-shadow: inset 0 0 0px 1px rgba(37, 38, 38, 0.3);
    box-shadow: inset 0 0 0px 1px rgba(37, 38, 38, 0.3);
}

.afisha-event__user-login {
    font: 600 14px/24px "Source Sans Pro", sans-serif;
    margin: 0;
}

.afisha-event__pictureblock {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.afisha-event__picture-wrapper {
    border-radius: 14px 0px 14px 14px;
    background-color: #EDF0F7;
    padding-bottom: calc(176/288*100%);
    width: 100%;
    overflow: hidden;
    position: relative;
}

.afisha-event__picture {
    position: absolute;
}

.hor {
    left: 0;
    right: 0;
}

.vert {
    -o-object-fit: contain;
    object-fit: contain;
    top: 12px;
    bottom: 12px;
    height: calc(100% - 24px);
}

.afisha-event__date {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(62, 63, 64, 0.7);
    border-radius: 8px 0px 8px 8px;
    color: #ffffff;
    top: 12px;
    right: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 68px;
    width: 62px;
}

.afisha-event__daystart {
    font: 600 26px/29px "Source Sans Pro", sans-serif;
    margin-top: 2px;
}

.afisha-event__monthstart,
.afisha-event__timestart {
    font: 600 12px/14px "Source Sans Pro", sans-serif;
    margin: 0;
}

.afisha-event__bottomblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 8px 0;
}

.afisha-event__location,
.afisha-event__location:visited {
    font: 600 14px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    color: #3E99ED;
}

.afisha-event__aliases,
.afisha-event__aliases:visited {
    font: 14px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    color: #88898C;
}

.afisha-event__title,
.afisha-event__title:visited {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    margin: 4px 8px 0;
    max-height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #252626;
}

.absoluteTitle img {
    display: none;
}

.absoluteTitle~.afisha-event__title {
    position: absolute;
    top: 70px;
    left: 8px;
    max-height: 112px;
    height: 112px;
    -webkit-line-clamp: 4;
    font: 600 26px/28px "Source Sans Pro", sans-serif;
    right: 80px;
}

.afisha-event__block--livelib .afisha-event__picture-wrapper {
    background-color: #3E99ED;
    margin: 16px 0px 12px;
}

.afisha-event__block--livelib .afisha-event__topblock {
    display: none;
}

.afisha-event__block--livelib .afisha-event__bottomblock {
    display: none;
}

.afisha-event__block--livelib .afisha-event__date {
    display: none;
}

.afisha-event__block--livelib .absoluteTitle~.afisha-event__title {
    color: #fff;
    max-height: 84px;
    height: 84px;
    -webkit-line-clamp: 3;
    top: 55px;
    right: 8px;
}

.afisha-event__block--livelib::after {
    content: "";
    position: absolute;
    top: 30px;
    left: -3px;
    width: 100px;
    height: 20px;
    color: #ffffff;
    background: url("/img/skins/mobile2019/icon/avatar-livelib.svg") no-repeat 50% 50%;
}

.afisha-event__block--livelib .afisha-event__pictureblock::after {
    content: "Подробнее";
    position: absolute;
    bottom: 25px;
    right: 24px;
    width: 80px;
    height: 20px;
    color: #fff;
    font: 14px/24px "Source Sans Pro", sans-serif;
}

.afisha-event__block--livelib .afisha-event__pictureblock::before {
    content: "";
    position: absolute;
    bottom: 27px;
    right: 19px;
    border: 5px solid #ffffff;
    border-top-width: 4.5px;
    border-bottom-width: 4.5px;
    border-right-width: 0px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 8;
}

.lifehack-tag {
    margin-top: 400px;
    /*временно для выравнивания*/
}

.popup-dateevent {
    display: none;
    position: fixed;
    top: 0;
    background: #fff;
    height: 100vh;
    width: 100%;
    padding: 32px 24px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 40;
}

.afisha-events__calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup-dateevent__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: auto;
}

.afisha-events__calendar .datepicker {
    border: none;
}

.afisha-events__calendar .datepicker--nav-title {
    text-transform: uppercase;
    font: 18px/24px "Source Sans Pro", sans-serif;
}

.popup-dateevent__tag-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.popup-dateevent__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #252626;
    background: #EDF0F7;
    height: 28px;
    border-radius: 14px;
    padding: 0 10px;
    margin: 0 8px 16px 0;
    font: 14px/26px "Source Sans Pro", sans-serif;
}

.popup-dateevent__tag:hover,
.popup-dateevent__tag:active,
.popup-dateevent__tag--active {
    color: #fff;
    background: #6f7073;
}


/* Afisha - END */


/* Mybook - START */

.lenta-form {
    margin-right: 8px;
    margin-left: 8px;
}

.lenta-form__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 16px 22px 22px;
    background-image: linear-gradient(#52bbfa, #3e99ed);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.mybook-form__wrap {
    position: relative;
    z-index: 31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 72px;
    padding: 12px 22px;
    background: -webkit-gradient(linear, left top, left bottom, from(#52BBFA), to(#3E99ED));
    background: linear-gradient(to bottom, #52BBFA, #3E99ED);
    border-radius: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
}

.mybook-form__title {
    width: 100%;
    margin: 0;
    font: 600 28px/40px "Source Sans Pro", sans-serif;
    color: #fff;
}

.mybook-form__title {
    width: 100%;
    margin: 0;
    font: 600 28px/40px "Source Sans Pro", sans-serif;
    color: #fff;
}

.mybook-form__search {
    position: absolute;
    top: calc(50% - 16px);
    right: 60px;
    width: calc(100% - 76px);
}

.mybook-form__search input {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0px;
    height: 32px;
    padding: 0 40px 2px 20px;
    font: 14px/32px "Source Sans Pro", sans-serif;
    color: #252626;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
}

.mybook-form__search input::-webkit-input-placeholder {
    color: #252626;
}

.mybook-form__search input::-moz-placeholder {
    color: #252626;
}

.mybook-form__search input::-ms-input-placeholder {
    color: #252626;
}

.mybook-form__search input::-ms-input-placeholder {
    color: #252626;
}

.mybook-form__search input::placeholder {
    color: #252626;
}

.mybook-form__search input.focus {
    top: 0;
    right: 0px;
    z-index: 2;
    width: 100%;
    background: #fff;
    border: none;
    border-radius: 20px;
    cursor: text;
}

.mybook-form__search-btn {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    background: #fff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.mybook-form__search-btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -234px 0 no-repeat;
}

.lenta-form-tags__wrapper {
    overflow: hidden;
}

.lenta-form-tags__limiter {
    width: 100%;
    margin: 0 0 -20px;
    padding: 0 0 20px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.lenta-form-tags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.lenta-form-tags__item {
    margin-right: 8px;
}

.lenta-form-tags__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px 7px;
    font: 14px/14px "Source Sans Pro", sans-serif;
    color: #252626;
    background-color: #edf0f7;
    border: 1px solid #edf0f7;
    border-radius: 16px;
}

.lenta-form-tags__item.active a {
    color: #ffffff;
    background-color: #6f7073;
    border-color: #6f7073;
}

.mybook-help {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    margin-bottom: -20px;
    margin-left: 16px;
    padding-top: 30px;
    padding-bottom: 6px;
    background-color: #edf0f7;
    border-radius: 14px;
}

.mybook-help__text {
    margin-right: 16px;
    margin-bottom: 0;
    margin-left: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
}

.mybook-help__button {
    margin-right: 8px;
    margin-left: auto;
    padding: 4px 14px 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 14px;
    transform: translateY(-2px);
}

.mybook-section {
    margin-top: 20px;
    padding-top: 15px;
}

.mybook-section:last-child {
    margin-bottom: 80px;
}

.mybook-section__title {
    display: inline-block;
    margin: 0 14px 0 16px;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #252626;
    letter-spacing: 0;
}

.mybook-section__counter {
    font-weight: 300;
    font-size: 34px;
    line-height: 1;
    color: #252626;
}

.mybook-section .slide-book__list {
    padding-top: 17px;
}

.mybook-section .slide-book__item {
    flex: none;
    height: 296px;
    margin-top: 0;
}

.mybook-section .slide-book__btn-add {
    flex: none;
    color: #6f7073;
    background-color: #edf0f7;
    border-radius: 6px 6px 16px 16px;
}

.mybook-section .slide-book__wrapper {
    height: 110px;
}

.mybook-section .slide-book.empty .slide-book__list {
    width: 100%;
    margin-right: 0;
}

.mybook-section .slide-book.empty .slide-book__list .slide-book__item:nth-of-type(2) {
    box-sizing: border-box;
    width: calc(100% - 128px - 12px - 16px);
    margin-right: 0;
}

.mybook-section .slide-book__btn-empty {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    padding: 0 22px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #6f7073;
    background-color: #eef9ff;
    border-radius: 16px;
}

.reading {
    padding-right: 16px;
    padding-left: 16px;
}
    .afisha-calendar-link:before {
      content: "";
      position: absolute;
      display: block;
      height: 32px;
      width: 32px;
      background: url(/img/skins/mobile2019/icon/calendar.svg) no-repeat 50% 50%;
      left: 0px; }

.reading__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.reading-list__title {
    margin: 0 12px 0 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    color: #252626;
}

.reading-list__count {
    font-weight: 300;
    font-size: 30px;
    line-height: 26px;
}

.reading-list__views {
    display: flex;
    padding-top: 6px;
}

.reading-list__view-button {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
}

.reading-list__view:not(:last-child) {
    margin-right: 16px;
}

.reading-list__view:nth-child(1) .reading-list__view-button {
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: 0 -78px;
}

.reading-list__view:nth-child(2) .reading-list__view-button {
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -26px -78px;
}

.reading-list__view:nth-child(3) .reading-list__view-button {
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -52px -78px;
}

.reading-list__view:nth-child(1) .reading-list__view-button.active {
    background-position: 0 -52px;
}

.reading-list__view:nth-child(2) .reading-list__view-button.active {
    background-position: -26px -52px;
}

.reading-list__view:nth-child(3) .reading-list__view-button.active {
    background-position: -52px -52px;
}

.reading-body {
    margin-bottom: 32px;
}

.reading-item {
    display: flex;
}

.reading-item:not(:first-child) {
    margin-top: 24px;
}

.reading-item__image {
    position: relative;
    flex: none;
    width: 57px;
    height: 88px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 6px;
}

.reading-item__image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.05);
}

.reading-item__image img {
    display: block;
    object-fit: cover;
}

.reading-item__info-title {
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reading-item__info-descr {
    font-weight: 400;
    font-size: 16px;
    line-height: 10px;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reading-item__button {
    position: relative;
    margin-top: 6px;
    padding: 3px 16px 7px 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #3B91E0;
    background-color: #ffffff;
    border: 1px solid #3B91E0;
    border-radius: 13px;
}

.reading-item__button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 7px;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -140px -156px;
    transform: translateY(-50%);
}

.reading-item__rating {
    position: relative;
    padding-bottom: 2px;
    padding-left: 28px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
    transform: translateY(3px);
}

.reading-item__rating::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 16px;
    height: 16px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -234px -182px;
    transform: translateY(-50%);
}

.reading-item__menu {
    position: relative;
    top: 14px;
    right: 0;
    flex: none;
    width: 24px;
    height: 24px;
    margin-bottom: auto;
    margin-left: auto;
    transform: translateY(-8px);
}

.reading-item__menu::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    background-color: #88898C;
    border-radius: 50%;
    -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
    box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
}

.reading-item__menu-block {
    position: absolute;
    top: -1px;
    right: 22px;
    z-index: 11;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0 12px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.reading-item__menu-block a,
.reading-item__menu-block a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    padding-bottom: 3px;
    font-size: 16px !important;
    line-height: 16;
    font-family: "Source Sans Pro", sans-serif;
    text-align: center;
    color: #252626;
    border-bottom: 1px solid #DCDEE0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.reading-item__menu:hover .reading-item__menu-block,
.reading-item__menu:focus .reading-item__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.reading-item__wrapper {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
    overflow: hidden;
}

.reading-item__inner {
    display: flex;
    align-items: center;
}

.reading-item__menu a {
    font-size: 0;
}

.reading-group {
    padding-top: 7px;
}

.reading-group:not(:last-of-type) {
    margin-bottom: 30px;
}

.reading-group__title {
    margin-bottom: -5px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
    text-transform: uppercase;
}

.reading-group__year {
    font-weight: 300;
}

.section-form__inner {
    margin-top: -44px;
    margin-bottom: 20px;
}

.section-form__select div {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    overflow: auto;
    border-radius: 0;
}

.section-form__select label {
    display: block;
    justify-content: center;
    width: 100%;
    padding-left: 32px;
    text-transform: none;
}

.section-form__select p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    min-height: 100%;
    margin: 0;
    padding-top: 69px;
    padding-bottom: 69px;
}

.section-form__select label:before {
    content: none;
}

.section-form__select input:checked+label {
    font-weight: 600;
    background-color: #edf0f7;
}

.section-form__select_single {
    height: 32px;
    margin-right: 16px;
    margin-left: 16px;
}

.section-form__toggle+label {
    z-index: 40;
}

.close-modal {
    position: fixed;
    top: 12px;
    right: 16px;
    z-index: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.mybook-go-random-book {
    position: relative;
    width: auto;
    height: auto;
    margin: 9px auto 21px;
    padding-left: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #252626;
    text-transform: uppercase;
    transform: translateX(-7px);
}

.mybook-go-random-book::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    align-self: center;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left-color: #252626;
    transform: translateY(-50%);
}

.mybook-go-random-book:visited {
    color: #252626;
}

.reading-random__section {
    display: flex;
    flex-direction: column;
}

.reading-random__section_info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 16px;
    margin-bottom: 36px;
    margin-left: 16px;
}

.reading-random__title {
    margin-top: 5px;
    margin-bottom: 19px;
    margin-left: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
}

.reading-random__button {
    display: block;
    margin: 24px 16px 32px;
    padding: 5px 12px 9px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 16px;
}

.reading-random__image {
    position: relative;
    width: 128px;
    height: 192px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.reading-random__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.reading-random__image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05);
}

.reading-random__aside-extra {
    display: flex;
    margin-bottom: 10px;
}

.reading-random__aside-my-rating,
.reading-random__aside-global-rating {
    position: relative;
    flex-basis: 50%;
    box-sizing: border-box;
    padding-left: 19px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #252626;
}

.reading-random__aside-my-rating::before,
.reading-random__aside-global-rating::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 16px;
    height: 16px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.reading-random__aside-my-rating::before {
    background-position: -234px -182px;
}

.reading-random__aside-global-rating::before {
    background-position: -216px -182px;
}

.reading-random__aside-my-rating {
    transform: translateX(-2px);
}
.afisha-event__block--livelib::after {
    content: "";
    position: absolute;
    top: 30px;
    left: -3px;
    width: 100px;
    height: 20px;
    color: #ffffff;
    background: url("/img/skins/mobile2019/icon/avatar-livelib.svg") no-repeat 50% 50%;
}

.reading-random__aside-button {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 2px 16px 6px 33px;
    font-weight: 600;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    color: #3b91e0;
    background-color: #ffffff;
    border: 1px solid #3b91e0;
    border-radius: 14px;
}

.reading-random__aside-button span {
    position: absolute;
    top: 50%;
    left: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -140px -156px;
    transform: translateY(-50%);
}

.reading-random__body {
    flex: none;
    margin-left: 16px;
}

.reading-random__body-title {
    margin-top: 9px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
}

.reading-random__body-author {
    margin-bottom: 34px;
}

.reading-random-stats {
    width: 100%;
    border-collapse: collapse;
}

.reading-random-stats td {
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #88898c;
}

.reading-random-stats td:nth-child(2) {
    padding-left: 11px;
}

.reading-random-stats span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    vertical-align: middle;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    transform: translateY(-1px);
}

.reading-random-stats .icon-people {
    background-position: -278px -78px;
}

.reading-random-stats .icon-book {
    background-position: -330px -78px;
}

.reading-random-stats .icon-document {
    background-position: -226px -78px;
}

.reading-random-stats .icon-quote {
    background-position: -252px -78px;
}

.reading-random__descr {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
}

.reading-random__descr.collapse {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.reading-random__expand {
    margin-top: 2px;
    padding: 0;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #88898c;
    background-color: #ffffff;
    border: none;
}

.reading-random__section .slide-book {
    margin-top: -12px;
}

.reading-random__section .writers-slide {
    margin-top: 32px;
}


/*.mybook-choose-date {
      width: 100%;
    }*/

.mybook-choose-date__input {
    display: none;
}

.mybook-choose-date .mybook-choose-date__label {
    display: inline-block;
    margin-top: 4px;
    padding-left: 48px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #252626;
    text-transform: uppercase;
}

.mybook-choose-date .mybook-choose-date__label::before {
    content: '';
    position: absolute;
    left: 29px;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -364px 0;
}

.mybook-choose-date .mybook-choose-date__popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    flex-direction: column;
    background-color: #ffffff;
}

.mybook-choose-date .mybook-choose-date__input:checked~.mybook-choose-date__popup {
    display: flex;
}

.mybook-choose-date__footer {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.mybook-choose-date__button {
    width: 100%;
    padding: 13px 20px 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 24px;
}

.mybook-choose-date__button:not(:first-child) {
    margin-top: 16px;
}

.mybook-choose-date__button_outline {
    font-weight: 400;
    color: #6F7073;
    background-color: #ffffff;
    border-color: #88898C;
}

.mybook-choose-date__body {
    display: flex;
    flex: auto;
    flex-direction: column;
}

.mybook-choose-date__inner {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 16px;
    padding-left: 16px;
}

.mybook-choose-date__limit-input {
    display: none;
}

.mybook-choose-date__inner .mybook-choose-date__limit-label {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
    text-transform: none;
}

.mybook-choose-date__inner .mybook-choose-date__limit-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/mobile2019/SVGsprite15.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
}

.mybook-choose-date__limit-input:checked+.mybook-choose-date__limit-label::before {
    background-position: -192px -156px;
}

.mybook-choose-date__selects {
    display: flex;
    justify-content: space-between;
}


/* Afisha - END */

/* Editions - start */

.editions .section-form__wrap {
    height: auto;
    min-height: 72px;
    padding-top: 23px;
    padding-bottom: 25px;
    line-height: 1;
}

.editions .section-form__meta-info {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 42px);
}

.editions .section-form__product,
.editions .section-form__author {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
}

.editions .section-form__product {
    margin-right: 4px;
    font-weight: 600;
}

.editions .section-form__author {
    font-weight: 400;
}

.editions .section-form__title {
    margin-top: 8px;
    line-height: 1;
}

.editions .section-form__box {
    display: none;
}

.editions .section-form__box+label {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 48px;
    cursor: pointer;
}

.editions .section-form__box+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
}

.editions .section-form__box:checked+label::before {
    background-position: -192px -156px;
}

.editions .editions__content {
    padding-right: 16px;
    padding-left: 16px;
}

.editions .editions__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.editions .editions-list__title {
    margin: 0 12px 0 0;
    font-weight: 300;
    font-size: 25px;
    line-height: 32px;
    color: #252626;
}

.editions .editions-list__views {
    display: flex;
    padding-top: 6px;
}

.editions .editions-list__view-button {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
}

.editions .editions-list__view:not(:last-child) {
    margin-right: 16px;
}

.editions .editions-list__view:nth-child(1) .editions-list__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: 0 -78px;
}

.editions .editions-list__view:nth-child(2) .editions-list__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -26px -78px;
}

.editions .editions-list__view:nth-child(3) .editions-list__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -52px -78px;
}

.editions .editions-list__view:nth-child(1) .editions-list__view-button.active {
    background-position: 0 -52px;
}

.editions .editions-list__view:nth-child(2) .editions-list__view-button.active {
    background-position: -26px -52px;
}

.editions .editions-list__view:nth-child(3) .editions-list__view-button.active {
    background-position: -52px -52px;
}

.editions .editions-body {
    margin-bottom: 32px;
}

.editions .editions-item {
    display: flex;
}

.editions .editions-item:not(:first-child) {
    margin-top: 24px;
}

.editions .editions-item__image {
    position: relative;
    flex: none;
    width: 57px;
    height: 88px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 6px;
}

.editions .editions-item__image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.05);
}

.editions .editions-item__image img {
    display: block;
    object-fit: cover;
}

.editions .editions-item__info-title {
    width: 100%;
    margin-bottom: 0;
}

.editions .editions-item__info-descr {
    font-weight: 400;
    font-size: 16px;
    line-height: 10px;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.editions .editions-item__button {
    position: relative;
    margin-top: 6px;
    padding: 3px 16px 7px 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #6f7073;
    background-color: #ffffff;
    border: 1px solid #88898c;
    border-radius: 16px;
}

.editions .editions-item__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -140px -156px;
    transform: translateY(-50%);
}

.editions .editions-item__rating {
    position: relative;
    padding-bottom: 2px;
    padding-left: 28px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
    transform: translateY(3px);
}

.editions .editions-item__rating::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 16px;
    height: 16px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -234px -182px;
    transform: translateY(-50%);
}

.editions .editions-item__menu {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 6px 32px 8px 16px;
    overflow: hidden;
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px solid #D2D4D6;
    border-radius: 24px;
}

.editions .editions-item__menu::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.editions .editions-item__menu-block {
    position: absolute;
    top: -1px;
    right: 22px;
    z-index: 11;
    display: none;
}

.editions .editions-item__menu-block a,
.editions .editions-item__menu-block a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-align: end;
    -ms-flex-align: end;
}

.sticky-menu__popup {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-top: 41px;
    padding-bottom: 39px;
    overflow: auto;
    background-color: #ffffff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.sticky-menu__popup input {
    display: none;
}

.sticky-menu__popup label {
    display: block;
    font-size: 16px;
    line-height: 39px;
    font-family: "Source Sans Pro", sans-serif;
    text-align: center;
    color: #252626;
    text-transform: none;
    border-bottom: 1px solid #d9dbe0;
}

.editions .editions-item__menu:hover .editions-item__menu-block,
.editions .editions-item__menu:focus .editions-item__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.editions .editions-item__wrapper {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
    overflow: hidden;
}

.editions .editions-item__inner {
    display: flex;
    align-items: center;
}

.editions .editions-item__menu a {
    font-size: 0;
}

.editions .editions-group {
    padding-top: 7px;
}

.editions .editions-group:not(:last-of-type) {
    margin-bottom: 30px;
}

.editions .editions-group__title {
    margin-bottom: -5px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
    text-transform: uppercase;
}

.editions .editions-group__year {
    font-weight: 300;
}

.editions .lists__status {
    left: 0;
}

.editions .lists-stat__read::before {
    background-position: -200px -78px;
}

.editions .editor-tools {
    margin-top: 10px;
    margin-bottom: 14px;
    padding-left: 0;
}

.editions .editor-tools__item {
    position: relative;
}

.editions .editor-tools__link {
    display: inline-block;
    line-height: 24px;
    color: #fa385d;
}

.editions .editor-tools__link_status-main {
    color: #217dd1;
}

.editions .editor-tools__popup {
    position: absolute;
    top: calc(100% + 2px);
    right: -8px;
    left: -8px;
    z-index: 100;
    padding: 28px 24px 28px;
    color: #252626;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.editions .editor-tools__popup a {
    color: #217dd1;
}

.editions .lists__menu-block {
    padding-right: 0;
    padding-left: 0;
}

.editions .lists__menu-block a {
    padding-right: 12px;
    padding-left: 12px;
}

.editions.show-selects~.sticky-menu {
    display: block;
}

.editions.show-selects .sticky-menu__checkbox-label {
    display: block;
}

.editions.show-selects .lists__link {
    position: relative;
}

.editions.show-selects .sticky-menu__toggle {
    background-color: #EDF0F7;
}

/* Стили для обычного пользователя */

.not-editor .lists__genres,
.not-editor .lists__friends,
.not-editor .lists__info,
.not-editor .editor-tools,
.not-editor .sticky-menu__checkbox-label,
.not-editor .sticky-menu {
    display: none;
}

.not-editor .lists-stat__read::before {
    background-position: -330px -78px;
}


/* Editions - end */


/* Lists - START */


/*.menu-tag {
    margin: 0 0 30px;
    overflow: hidden; }

  .menu-tag__limiter {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin-bottom: -20px; }

  .menu-tag__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 16px; }

  .menu-tag__list a, .menu-tag__list a:visited {
    color: #898B8C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    border: 1px solid #898B8C;
    border-radius: 16px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 9px;
    margin: 0 9px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  */

.lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16px;
}

.lists__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 6px;
}

.lists__title h2 {
    color: #252626;
    margin: 0 16px 0 0;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
}

.lists__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 104px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
}

.lists__toggle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
}

.lists__toggle--small {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") 0px -78px no-repeat;
}

.lists__toggle--large {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -26px -78px no-repeat;
}

.lists__toggle--medium {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -52px -78px no-repeat;
}

.lists__toggle--active.lists__toggle--small {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") 0px -52px no-repeat;
}

.lists__toggle--active.lists__toggle--large {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -26px -52px no-repeat;
}

.lists__toggle--active.lists__toggle--medium {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -52px -52px no-repeat;
}


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

.lists__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.lists__item {
    position: relative;
    width: 128px;
    height: 328px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 6px 6px 16px 16px;
    background-color: #ffffff;
    margin: 28px 6px 12px;
}

.lists__status {
    font: 12px/16px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 8px;
    color: #fff;
    position: absolute;
    padding: 2px 0 0 8px;
    height: 36px;
    width: 104px;
    top: -20px;
    left: 0;
    z-index: 1;
}

.lists__link {
    height: 192px;
    border-radius: 6px;
    z-index: 1;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lists__link::after {
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.lists__link img {
    -o-object-fit: contain;
    object-fit: contain;
}

.lists__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: 1px solid #DCDEE0;
    border-top: none;
    border-radius: 0 0 16px 16px;
    margin-top: -6px;
    color: #252626;
    padding: 16px 7px 7px;
    height: 142px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lists__menu,
.lists__menu:visited {
    width: 24px;
    height: 24px;
    position: absolute;
    margin: 0;
    top: 14px;
    right: 0;
}

.lists__menu::after {
    position: absolute;
    content: '';
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #88898C;
    -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
    box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
}

.lists__menu-block {
    display: none;
    position: absolute;
    padding: 0 12px;
    overflow: hidden;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border-radius: 20px;
    right: 22px;
    top: -1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    z-index: 11;
}

.lists__menu-block a,
.lists__menu-block a:visited {
    font: 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    height: 36px;
    padding-bottom: 3px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #DCDEE0;
}

.lists__menu-block a:hover,
.lists__menu-block a:focus {
    background-color: #EDF0F7;
}

.lists__menu:hover .lists__menu-block,
.lists__menu:focus .lists__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lists__book-title,
.lists__book-title:visited {
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    width: calc(100% - 16px);
}

.lists__author,
.lists__author:visited {
    font: 12px/18px "Source Sans Pro", sans-serif;
    color: #252626;
    margin-bottom: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.lists__rating {
    position: relative;
    font: 300 20px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 20px;
    margin-top: auto;
}

.lists__rating::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -234px -182px no-repeat;
    width: 16px;
    height: 16px;
}

.lists__mymark {
    position: absolute;
    font: 300 20px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 20px;
    bottom: 43px;
    right: 9px;
}

.lists__mymark::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -216px -182px no-repeat;
    width: 16px;
    height: 16px;
}

.lists__item .btn-buy-holder {
    margin-top: 0px;
    position: relative;
}

.lists__buy,
.lists__buy:visited {
    font: 12px/20px "Source Sans Pro", sans-serif;
    color: #252626;
    position: absolute;
    bottom: 3px;
    right: 0px;
}

.lists__item .btn-add-plus,
.lists__item .btn-add-plus:visited {
    color: #fff;
    margin: 8px 0 0;
}

.lists__text {
    margin: 6px 0;
    width: 100%;
    position: relative;
    max-height: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}

.lists__text p {
    color: #252626;
    margin: 0;
    font: 16px/24px "Source Sans Pro", sans-serif;
}

.lists-stat {
    position: absolute;
    left: 144px;
    top: 124px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 150px;
}

.lists-stat a,
.lists-stat a:visited {
    position: relative;
    color: #88898C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 31px;
    margin: 0 23px 21px 0;
}

.lists-stat a::before {
    position: absolute;
    content: "";
    left: 0;
    width: 24px;
    height: 24px;
}

.lists-stat__added::before {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -278px -78px no-repeat;
}

.lists-stat__read::before {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -330px -78px no-repeat;
}

.lists-stat__review::before {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -226px -78px no-repeat;
}

.lists-stat__quote::before {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -252px -78px no-repeat;
}


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

.lists-1 .lists__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 20px;
}

.lists-2 .lists__title {
    margin: 0 0 10px;
}

.lists-2 .lists__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lists-2 .lists__item {
    width: 100%;
    margin: 24px 0;
    height: auto;
}

.lists-2 .lists__wrapper {
    position: initial;
    border: none;
    height: auto;
    width: 128px;
}

.lists-2 .lists__menu {
    top: -19px;
}

.lists-2 .lists__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
}

.lists-2 .lists__book-title {
    position: absolute;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    left: 144px;
    top: 9px;
    width: calc(100% - 144px);
    max-height: 48px;
}

.lists-2 .lists__author {
    position: absolute;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    left: 144px;
    top: 62px;
    width: calc(100% - 128px);
}

.lists-2 .lists__mymark {
    left: 74px;
    top: 202px;
    right: auto;
    bottom: auto;
}

.lists-3 .lists__title {
    margin: 0 0 18px;
}

.lists-3 .lists__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
}

.lists-3 .lists__item {
    width: 100%;
    height: 88px;
    margin: 24px 0 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.lists-3 .lists__status {
    width: auto;
    height: 24px;
    border-radius: 8px 8px 8px 0;
    left: 73px;
    font-size: 14px;
    font-weight: 600;
    top: -24px;
    padding: 3px 10px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lists-3 .lists__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 57px;
    height: 88px;
}

.lists-3 .lists__wrapper {
    border: none;
    margin: 0;
    padding: 0 16px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: auto;
}

.lists-3 .lists__menu {
    top: 6px;
}

.lists-3 .lists__book-title {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    -webkit-line-clamp: 1;
    max-height: 24px;
}

.lists-3 .lists__author {
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
}

.lists-3 .btn-add-plus {
    width: 112px;
}

.lists-3 .lists__rating {
    position: absolute;
    bottom: 0;
    left: 59%;
}

.lists-3 .lists__mymark {
    bottom: 0;
    right: 0;
}


/* --- Дополнительная информация для редакторов в расширенных списках --- */

.lists-2_editor .lists__author {
    top: 58px;
}

.lists-2_editor .lists__cycle {
    position: absolute;
    top: 33px;
    left: 144px;
    width: calc(100% - 144px);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #88898c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lists-2_editor .lists-stat__favorite::before {
    background: url("/img/skins/mobile2019/SVGsprite15.svg") -200px -78px no-repeat;
}

.lists-2_editor .lists__status {
    top: -16px;
    left: 144px;
    height: 20px;
    color: #252626;
    background-color: #edf0f7;
    border-bottom-left-radius: 0;
}

.lists-2_editor .lists__date {
    position: absolute;
    top: 235px;
    left: 144px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #88898c;
}

.lists-2_editor .lists__wrapper {
    padding-top: 15px;
}

.lists-2_editor .lists__genres {
    width: 100%;
    overflow: hidden;
}

.lists-2_editor .lists__genres-list {
    display: flex;
    margin-top: 7px;
    padding-left: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.lists-2_editor .lists__genres-list::-webkit-scrollbar {
    display: none;
}

.lists-2_editor .lists__genres-item {
    margin-right: 16px;
}

.lists-2_editor .lists__genres-link {
    font-size: 16px;
    line-height: 24px;
    color: #217dd1;
    white-space: nowrap;
}

.lists-2_editor .lists__genres-link:visited {
    color: #217dd1;
}

.lists-2_editor .lists__friends {
    width: calc(100% + 16px * 2);
    overflow: hidden;
    margin-top: 8px;
    margin-left: -16px;
    margin-right: -16px;
}

.lists-2_editor .lists__friends-list {
    display: flex;
    margin-top: 7px;
    padding-left: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.lists-2_editor .lists__friends-list::-webkit-scrollbar {
    display: none;
}

.lists-2_editor .lists__friends-item {
    flex: none;
    margin-right: 18px;
}

.lists-2_editor .lists__friends-item:nth-child(1) {
    margin-left: 28px;
}

.lists-2_editor .lists__friends-item:last-child {
    padding-right: 28px;
}

.lists-2_editor .lists__friends-link {
    display: flex;
    align-items: center;
}

.lists-2_editor .lists__friends-link:visited {
    color: #252626;
}

.lists-2_editor .lists__friends-image {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.lists-2_editor .lists__friends-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.lists-2_editor .lists__friends-rating {
    color: #252626;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.lists-2_editor .lists__info {
    margin-top: 17px;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.lists-2_editor .lists__info th,
.lists-2_editor .lists__info td {
    padding: 2px 0;
}

.lists-2_editor .lists__info th:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #88898c;
    width: 144px;
}

.lists-2_editor .lists__info td {
    font-size: 16px;
    color: #252626;
}

.lists-2_editor .lists__info td a {
    color: #217dd1;
}

.lists-2_editor .read-more__link {
    color: #88898c;
}


/* Lists - END */


/* Selections creating page - start */

.selection-creating__container {
    margin-bottom: 40px;
    padding-right: 16px;
    padding-left: 16px;
}

.selection-creating__form {
    display: grid;
    margin-top: 30px;
    grid-template: auto/1fr;
    grid-row-gap: 30px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-control {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 30px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 20px;
}

.form-control~.form-control {
    margin-top: 16px;
}

.form-select {
    display: -webkit-box;
    display: flex;
    height: 32px;
}

.form-select details {
    width: 100%;
    border-radius: 20px;
}

.form-select summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 6px 15px 8px;
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    background-color: #ffffff;
    border: 1px solid #d0d2d6;
    border-radius: 24px;
}

.form-select summary::-webkit-details-marker {
    display: none;
}

.form-select summary::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 16px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.form-select details[open] summary::after {
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-select details[open] summary {
    z-index: 100;
    border: none;
    border-radius: 20px 20px 0 0;
}

.form-select details[open]>div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    padding-top: 72px;
    background-color: #ffffff;
}

.ugc-form__select a {
    padding: 10px 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-select .close-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10000;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.form-select [type=search] {
    box-sizing: border-box;
    width: calc(100% - 16px * 2);
    margin-right: 16px;
    margin-bottom: 22px;
    margin-left: 16px;
    padding: 7px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 24px;
}

.form-select [type=radio] {
    display: none;
}

.form-select__label {
    display: block;
    padding-right: calc(24px + 16px);
    padding-left: 32px;
    font-size: 16px;
    line-height: 40px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-select [type=radio]:checked+.form-select__label {
    font-weight: 600;
    background-color: #edf0f7;
}

.form-select__scroll-container {
    display: block;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 40px;
    overflow: auto;
}

.form-textarea-with-settings {
    position: relative;
    margin-bottom: 16px;
}

.form-textarea-with-settings__textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 248px;
    padding: 4px 7px 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 6px;
    resize: none;
}

.form-textarea-with-settings__textarea::placeholder {
    color: #88898c;
}

.form-textarea-with-settings__button {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-color: #edf0f7;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -336px 2px;
    border: 1px solid #edf0f7;
    border-radius: 8px;
}

.form-toggle__checkbox {
    display: none;
}

.form-toggle__checkbox:checked+.form-toggle__label::before {
    background-position: -192px -156px;
}

.form-toggle__label {
    position: relative;
    padding-left: 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
}

.form-toggle__label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -166px -156px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-select_overlay div {
    top: auto !important;
    z-index: 10010 !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 200px;
    padding-top: 40px !important;
    border-radius: 24px 24px 0 0;
    box-shadow: none;
}

.form-select_overlay .form-select__label {
    padding: 0 32px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #d9dbe0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.selection-creating__footer {
    display: grid;
    margin-top: 32px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 36px 20px;
}

.selection-creating__draft {
    font-size: 14px;
    line-height: 20px;
    color: #217dd1;
    grid-column: 1/2;
}

.selection-creating__log {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #88898c;
    grid-column: 2/3;
    justify-self: end;
}

.selection-creating__buttons-group {
    display: flex;
    flex-direction: column;
    min-height: 20px;
    padding: 24px;
    background-color: #edf0f7;
    border-radius: 20px;
    grid-column: 1/-1;
}

.selection-creating__button {
    min-width: 175px;
    padding-top: 0;
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 44px;
    font-family: "Source Sans Pro", sans-serif;
    color: #707273;
    background-color: #ffffff;
    border: 1px solid #88898c;
    border-radius: 24px;
}

.selection-creating__button:not(:last-child) {
    margin-bottom: 16px;
}

.selection-creating__button:last-child {
    margin-top: 16px;
}

.selection-creating__button_solid {
    font-weight: 600;
    color: #ffffff;
    background-color: #3e99ed;
    border-color: #3e99ed;
}

.selection-creating__captcha {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.selection-creating__captcha .selection-creating__popup {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.selection-creating__captcha .selection-creating__header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 46px 14px;
}

.selection-creating__captcha .selection-creating__header-title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #252626;
}

.selection-creating__captcha .selection-creating__header-close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.selection-creating__captcha .selection-creating__body {
    display: flex;
    flex: auto;
    justify-content: center;
    align-items: center;
}

.selection-creating__captcha .selection-creating__content {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(5px, -47px);
}

.selection-creating__captcha .selection-creating__image {
    width: 50px;
    height: 30px;
    margin-right: 32px;
    display: inline-block;
}

.selection-creating__captcha .selection-creating__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-creating__captcha .selection-creating__input {
    display: inline-block;
    font-size: 14px;
    width: 60px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    border: 1px solid #d0d2d6;
    border-radius: 20px;
    text-align: center;
}

.selection-creating__captcha .selection-creating__input::placeholder {
    color: #88898c;
}

.selection-creating__captcha .selection-creating__footer {
    padding: 16px;
    margin-top: 0;
    display: flex;
}

.selection-creating__captcha .selection-creating__footer-button {
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px 13px;
    flex: auto;
    font-family: "Source Sans Pro", sans-serif;
    border-radius: 24px;
    cursor: pointer;
}


/* Selections creating page - end */

.lists__menu-block a,
.lists__menu-block a:visited {
    font: 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    height: 36px;
    padding-bottom: 3px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #DCDEE0;
}

.lists__menu-block a:hover,
.lists__menu-block a:focus {
    background-color: #EDF0F7;
}

.lists__menu:hover .lists__menu-block,
.lists__menu:focus .lists__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lists__book-title,
.lists__book-title:visited {
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    width: calc(100% - 16px);
}

.lists__author,
.lists__author:visited {
    font: 12px/18px "Source Sans Pro", sans-serif;
    color: #252626;
    margin-bottom: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.lists__rating {
    position: relative;
    font: 300 20px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 20px;
    margin-top: auto;
}

.lists__rating::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -234px -182px no-repeat;
    width: 16px;
    height: 16px;
}

.lists__mymark {
    position: absolute;
    font: 300 20px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 20px;
    bottom: 43px;
    right: 9px;
}

.lists__mymark::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -216px -182px no-repeat;
    width: 16px;
    height: 16px;
}

.lists__item .btn-buy-holder {
    margin-top: 0px;
    position: relative;
}

.lists__buy,
.lists__buy:visited {
    font: 12px/20px "Source Sans Pro", sans-serif;
    color: #252626;
    position: absolute;
    bottom: 3px;
    right: 0px;
}

.lists__item .btn-add-plus,
.lists__item .btn-add-plus:visited {
    color: #fff;
    margin: 8px 0 0;
}

.lists__text {
    margin: 6px 0;
    width: 100%;
    position: relative;
    max-height: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}

.lists__text p {
    color: #252626;
    margin: 0;
    font: 16px/24px "Source Sans Pro", sans-serif;
}

.lists-stat {
    position: absolute;
    left: 144px;
    top: 124px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 150px;
}

.lists-stat a,
.lists-stat a:visited {
    position: relative;
    color: #88898C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 3px 31px;
    margin: 0 23px 21px 0;
}

.lists-stat a::before {
    position: absolute;
    content: "";
    left: 0;
    width: 24px;
    height: 24px;
}

.lists-stat__added::before {
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -278px -78px no-repeat;
}

.lists-stat__read::before {
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -330px -78px no-repeat;
}

.lists-stat__review::before {
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -226px -78px no-repeat;
}

.lists-stat__quote::before {
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -252px -78px no-repeat;
}


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

.lists-1 .lists__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 20px;
}

.lists-2 .lists__title {
    margin: 0 0 10px;
}

.lists-2 .lists__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lists-2 .lists__item {
    width: 100%;
    margin: 24px 0;
    height: auto;
}

.lists-2 .lists__wrapper {
    position: initial;
    border: none;
    height: auto;
    width: 128px;
}

.lists-2 .lists__menu {
    top: -19px;
}

.lists-2 .lists__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
}

.lists-2 .lists__book-title {
    position: absolute;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    left: 144px;
    top: 9px;
    width: calc(100% - 144px);
    max-height: 48px;
}

.lists-2 .lists__author {
    position: absolute;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    left: 144px;
    top: 62px;
    width: calc(100% - 128px);
}

.lists-2 .lists__mymark {
    left: 74px;
    top: 202px;
    right: auto;
    bottom: auto;
}

.lists-3 .lists__title {
    margin: 0 0 18px;
}

.lists-3 .lists__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
}

.lists-3 .lists__item {
    width: 100%;
    height: 88px;
    margin: 24px 0 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.lists-3 .lists__status {
    width: auto;
    height: 24px;
    border-radius: 8px 8px 8px 0;
    left: 73px;
    font-size: 14px;
    font-weight: 600;
    top: -24px;
    padding: 3px 10px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lists-3 .lists__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 57px;
    height: 88px;
}

.lists-3 .lists__wrapper {
    border: none;
    margin: 0;
    padding: 0 16px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: auto;
}

.lists-3 .lists__menu {
    top: 6px;
}

.lists-3 .lists__book-title {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    -webkit-line-clamp: 1;
    max-height: 24px;
}

.lists-3 .lists__author {
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
}

.lists-3 .btn-add-plus {
    width: 112px;
}

.lists-3 .lists__rating {
    position: absolute;
    bottom: 0;
    left: 59%;
}

.lists-3 .lists__mymark {
    bottom: 0;
    right: 0;
}

.selection-creating__button:last-child {
    margin-top: 16px;
}

/* --- Дополнительная информация для редакторов в расширенных списках --- */

.lists-2_editor .lists__author {
    top: 58px;
}

.lists-2_editor .lists__cycle {
    position: absolute;
    top: 33px;
    left: 144px;
    width: calc(100% - 144px);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #88898c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lists-2_editor .lists-stat__favorite::before {
    background: url("/img/skins/mobile2019/SVGsprite13.svg") -200px -78px no-repeat;
}

.lists-2_editor .lists__status {
    top: -16px;
    left: 144px;
    height: 20px;
    color: #252626;
    background-color: #edf0f7;
    border-bottom-left-radius: 0;
}

.lists-2_editor .lists__date {
    position: absolute;
    top: 235px;
    left: 144px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #88898c;
}

.lists-2_editor .lists__wrapper {
    padding-top: 15px;
}

.lists-2_editor .lists__genres {
    width: 100%;
    overflow: hidden;
}

.lists-2_editor .lists__genres-list {
    display: flex;
    margin-top: 7px;
    padding-left: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.lists-2_editor .lists__genres-list::-webkit-scrollbar {
    display: none;
}

.lists-2_editor .lists__genres-item {
    margin-right: 16px;
}

.lists-2_editor .lists__genres-link {
    font-size: 16px;
    line-height: 24px;
    color: #217dd1;
    white-space: nowrap;
}

.lists-2_editor .lists__genres-link:visited {
    color: #217dd1;
}

.lists-2_editor .lists__friends {
    width: calc(100% + 16px * 2);
    overflow: hidden;
    margin-top: 8px;
    margin-left: -16px;
    margin-right: -16px;
}

.lists-2_editor .lists__friends-list {
    display: flex;
    margin-top: 7px;
    padding-left: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.lists-2_editor .lists__friends-list::-webkit-scrollbar {
    display: none;
}

.lists-2_editor .lists__friends-item {
    flex: none;
    margin-right: 18px;
}

.lists-2_editor .lists__friends-item:nth-child(1) {
    margin-left: 28px;
}

.lists-2_editor .lists__friends-item:last-child {
    padding-right: 28px;
}

.lists-2_editor .lists__friends-link {
    display: flex;
    align-items: center;
}

.lists-2_editor .lists__friends-link:visited {
    color: #252626;
}

.lists-2_editor .lists__friends-image {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.lists-2_editor .lists__friends-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.lists-2_editor .lists__friends-rating {
    color: #252626;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.lists-2_editor .lists__info {
    margin-top: 17px;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.lists-2_editor .lists__info th,
.lists-2_editor .lists__info td {
    padding: 2px 0;
}

.lists-2_editor .lists__info th:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #88898c;
    width: 144px;
}

.lists-2_editor .lists__info td {
    font-size: 16px;
    color: #252626;
}

.lists-2_editor .lists__info td a {
    color: #217dd1;
}

.lists-2_editor .read-more__link {
    color: #88898c;
}


/* Lists - END */


/* Selections creating page - start */

.selection-creating__container {
    margin-bottom: 40px;
    padding-right: 16px;
    padding-left: 16px;
}

.selection-creating__form {
    display: grid;
    margin-top: 30px;
    grid-template: auto/1fr;
    grid-row-gap: 30px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-control {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 30px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 20px;
}

.form-control~.form-control {
    margin-top: 16px;
}

.form-select {
    display: -webkit-box;
    display: flex;
    height: 32px;
}

.form-select details {
    width: 100%;
    border-radius: 20px;
}

.form-select summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 6px 15px 8px;
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    background-color: #ffffff;
    border: 1px solid #d0d2d6;
    border-radius: 24px;
}

.form-select summary::-webkit-details-marker {
    display: none;
}

.form-select summary::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 16px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.form-select details[open] summary::after {
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-select details[open] summary {
    z-index: 100;
    border: none;
    border-radius: 20px 20px 0 0;
}

.form-select details[open]>div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    padding-top: 72px;
    background-color: #ffffff;
}

.ugc-form__select a {
    padding: 10px 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-select .close-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10000;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
}

.form-select [type=search] {
    box-sizing: border-box;
    width: calc(100% - 16px * 2);
    margin-right: 16px;
    margin-bottom: 22px;
    margin-left: 16px;
    padding: 7px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 24px;
}

.form-select [type=radio] {
    display: none;
}

.form-select__label {
    display: block;
    padding-right: calc(24px + 16px);
    padding-left: 32px;
    font-size: 16px;
    line-height: 40px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
}

.form-select [type=radio]:checked+.form-select__label {
    font-weight: 600;
    background-color: #edf0f7;
}

.form-select__scroll-container {
    display: block;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 40px;
    overflow: auto;
}

.form-textarea-with-settings {
    position: relative;
    margin-bottom: 16px;
}

.form-textarea-with-settings__textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 248px;
    padding: 4px 7px 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 6px;
    resize: none;
}

.form-textarea-with-settings__textarea::placeholder {
    color: #88898c;
}

.form-textarea-with-settings__button {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-color: #edf0f7;
    background-image: url("/img/skins/mobile2019/SVGsprite13.svg");
    background-repeat: no-repeat;
    background-position: -336px 2px;
    border: 1px solid #edf0f7;
    border-radius: 8px;
}

.form-toggle__checkbox {
    display: none;
}

.form-toggle__checkbox:checked+.form-toggle__label::before {
    background-position: -192px -156px;
}

.form-toggle__label {
    position: relative;
    padding-left: 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
}

.form-toggle__label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url("/img/skins/mobile2019/SVGsprite13.svg");
    background-repeat: no-repeat;
    background-position: -166px -156px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-select_overlay div {
    top: auto !important;
    z-index: 10010 !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 200px;
    padding-top: 40px !important;
    border-radius: 24px 24px 0 0;
    box-shadow: none;
}

.form-select_overlay .form-select__label {
    padding: 0 32px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #d9dbe0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.selection-creating__footer {
    display: grid;
    margin-top: 32px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 36px 20px;
}

.selection-creating__draft {
    font-size: 14px;
    line-height: 20px;
    color: #217dd1;
    grid-column: 1/2;
}

.selection-creating__log {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #88898c;
    grid-column: 2/3;
    justify-self: end;
}

.selection-creating__buttons-group {
    display: flex;
    flex-direction: column;
    min-height: 20px;
    padding: 24px;
    background-color: #edf0f7;
    border-radius: 20px;
    grid-column: 1/-1;
}

.selection-creating__button {
    min-width: 175px;
    padding-top: 0;
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 44px;
    font-family: "Source Sans Pro", sans-serif;
    color: #707273;
    background-color: #ffffff;
    border: 1px solid #88898c;
    border-radius: 24px;
}

.selection-creating__button:not(:last-child) {
    margin-bottom: 16px;
}

.selection-creating__button:last-child {
    margin-top: 16px;
}

.selection-creating__button_solid {
    font-weight: 600;
    color: #ffffff;
    background-color: #3e99ed;
    border-color: #3e99ed;
}

.selection-creating__captcha {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.selection-creating__captcha .selection-creating__popup {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.selection-creating__captcha .selection-creating__header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 46px 14px;
}

.selection-creating__captcha .selection-creating__header-title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #252626;
}

.selection-creating__captcha .selection-creating__header-close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.selection-creating__captcha .selection-creating__body {
    display: flex;
    flex: auto;
    justify-content: center;
    align-items: center;
}

.selection-creating__captcha .selection-creating__content {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(5px, -47px);
}

.selection-creating__captcha .selection-creating__image {
    width: 50px;
    height: 30px;
    margin-right: 32px;
    display: inline-block;
}

.selection-creating__captcha .selection-creating__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-creating__captcha .selection-creating__input {
    display: inline-block;
    font-size: 14px;
    width: 60px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    border: 1px solid #d0d2d6;
    border-radius: 20px;
    text-align: center;
}

.selection-creating__captcha .selection-creating__input::placeholder {
    color: #88898c;
}

.selection-creating__captcha .selection-creating__footer {
    padding: 16px;
    margin-top: 0;
    display: flex;
}

.selection-creating__captcha .selection-creating__footer-button {
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px 13px;
    flex: auto;
    font-family: "Source Sans Pro", sans-serif;
    border-radius: 24px;
    cursor: pointer;
}


/* Selections creating page - end */

.selection-card__adding .adding__list .simplebar-track {
    right: 2px;
    bottom: 16px;
}

.selection-card__adding .adding__list .simplebar-track.simplebar-vertical {
    width: 9px;
}

.selection-card__adding .adding__list .simplebar-scrollbar::before {
    background-color: #707273;
}

.selection-card__adding .adding__item {
    display: grid;
    margin-bottom: 24px;
    grid-template-columns: 57px 1fr;
    grid-column-gap: 16px;
    grid-template-rows: auto auto 28px;
}

.selection-card__adding .adding__item-cover {
    height: 88px;
    overflow: hidden;
    border-radius: 6px;
    grid-row: 1/-1;
    grid-column: 1/2;
}

.selection-card__adding .adding__item-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-card__adding .adding__item-title {
    padding-top: 8px;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-column: 2/3;
    grid-row: 1/2;
}

.selection-card__adding .adding__item-title:visited {
    color: inherit;
}

.selection-card__adding .adding__item-author {
    overflow: hidden;
    font-size: 16px;
    line-height: 16px;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateY(-4px);
    grid-row: 2/3;
    grid-column: 2/3;
}

.selection-card__adding .adding__item-author:visited {
    color: #252626;
}

.selection-card__adding .adding__item-buttons {
    display: grid;
    column-gap: 8px;
    grid-column: 2/3;
    grid-row: 3/-1;
    grid-template: 28px/1fr 1fr;
}

.selection-card__adding .adding__item-button {
    display: flex;
    flex: none;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 20px;
    cursor: pointer;
}

.selection-card__adding .adding__item-button.waiting {
    font-weight: 400;
    color: #3b91e0;
    background-color: #ffffff;
    border-color: #3e99ed;
}

.selection-card__adding .adding__item-button.added {
    font-weight: 400;
    color: #707273;
    background-color: #ffffff;
    border-color: #88898c;
}

.selection-card__adding .adding__item-button.expand {
    font-weight: 400;
    color: #707273;
    background-color: rgba(237, 240, 247, 0.5);
    border-color: #88898c;
}

.selection-card__adding .adding__editions {
    grid-column: 1/-1;
}

.selection-card__adding .adding__editions .adding__list {
    padding: 0;
    overflow: visible;
}

.selection-card__adding .adding__editions-title {
    margin-top: 45px;
    margin-bottom: 19px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
}

.selection-card__main {
    display: grid;
    margin-top: 29px;
    grid-template-areas:
        ". members options ."
        ". date views ."
        ". categories categories ."
        ". description description ."
        ". actions actions.";
    grid-template-rows: 28px 32px auto auto 43px;
    grid-template-columns: 24px 1fr 50px 24px;
}

.selection-card .footer-card {
    grid-area: actions;
}

.selection-card__members {
    grid-area: members;
}

.selection-card__members.members {
    display: flex;
    align-items: center;
}

.selection-card__members .members__list {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    transform: translateY(1px);
}

.selection-card__members .members__item {
    position: relative;
    display: inline-block;
}

.selection-card__members .members__item:not(:first-child) {
    margin-left: -15px;
}

.selection-card__members .members__item:nth-child(1) {
    z-index: 3;
}

.selection-card__members .members__item:nth-child(2) {
    z-index: 2;
}

.selection-card__members .members__item:nth-child(3) {
    z-index: 1;
}

.selection-card__members .members__link {
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
}

.selection-card__members .members__link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-card__members .members__add-button {
    flex: none;
    box-sizing: border-box;
    width: 34px;
    height: 24px;
    margin-left: 9px;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: 0 -156px;
    border: none;
    transform: translateY(-1px);
    cursor: pointer;
}

.selection-card__options {
    grid-area: options;
}

.selection-card__options.options {
    display: flex;
    align-items: center;
    transform: translateX(8px);
    justify-self: end;
    z-index: 1;
}

.selection-card__options .options__subscribe-input {
    display: none;
}

.selection-card__options .options__subscribe-input:checked+.options__subscribe-label {
    background-position: -234px -52px;
}

.selection-card__options .options__subscribe-label {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-bottom: 2px;
    font-size: 0;
    background-color: transparent;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -208px 0;
    border: none;
    cursor: pointer;
}

.selection-card__options .options__menu {
    position: relative;
    width: 16px;
    height: 16px;
    padding: 10px 3px 10px 15px;
    cursor: pointer;
}

.selection-card__options .options__menu::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 11px;
    width: 3px;
    height: 3px;
    background-color: #88898C;
    border-radius: 50%;
    -webkit-box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
    box-shadow: 0 -6px 0 0 #88898C, 0 6px 0 0 #88898C;
}

.selection-card__options .options__menu:hover .options__list {
    display: flex;
}

.selection-card__options .options__list {
    position: absolute;
    top: -1px;
    right: 22px;
    z-index: 11;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0 12px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
}

.selection-card__options .options__item {
    width: 100%;
    padding: 0 12px 2px;
    font: 16px/37px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #252626;
    border-bottom: 1px solid #DCDEE0;
}

.selection-card__options .options__item:hover {
    background-color: #edf0f7;
}

.selection-card__date {
    align-self: center;
    font-size: 14px;
    color: #88898c;
    grid-area: date;
}

.selection-card__views {
    display: flex;
    align-self: center;
    font-size: 14px;
    color: #88898c;
    grid-area: views;
    justify-self: end;
}

.selection-card__views:after {
    content: "";
    display: inline-block;
    align-self: center;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -182px -78px;
}

.selection-card__categories {
    margin-top: 13px;
    font-size: 16px;
    line-height: 24px;
    grid-area: categories;
}

.selection-card__categories .categories__heading,
.selection-card__categories .categories__adding {
    color: #88898c;
}

.selection-card__categories .categories__title {
    color: #217dd1;
}

.selection-card__categories .categories__title:not(:last-child)::after {
    content: ", ";
}

.selection-card__description {
    margin-top: 24px;
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
    grid-area: description;
}

.selection-card__actions {
    grid-area: actions;
}

.selection-card__actions .actions__input {
    display: none;
}

.selection-card__actions .actions__label,
.selection-card__actions .actions__link {
    position: relative;
    display: inline-block;
    width: 32px;
    margin-right: 14px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #88898c;
    cursor: pointer;
}

.selection-card__actions .actions__link {
    margin-right: 10px;
}

.selection-card__actions .actions__label_like::before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: translateY(-50%);
}

.selection-card__actions .actions__label_favorite {
    margin-right: 0;
}

.selection-card__actions .actions__label_favorite::before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: -1px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -26px 0;
    transform: translateY(-50%);
}

.selection-card__actions .actions__input:checked+.actions__label_like::before {
    background-position: -78px -52px;
}

.selection-card__actions .actions__input:checked+.actions__label_favorite::before {
    background-position: -104px -52px;
}

.selection-card__actions .actions__link::before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: -1px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -52px 0;
    transform: translateY(-50%);
}

.selection-card__share {
    grid-area: share;
    justify-self: end;
}

.selection-card__share .share__link {
    position: relative;
    display: inline-block;
    width: 13px;
    padding-right: 6px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #88898c;
}

.selection-card__share .share__link::before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -78px 0;
    transform: translateY(-50%);
}

.selection-card__list-header {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    padding-right: 16px;
    padding-left: 16px;
}

.selection-card__list-header .selection-card__stats {
    position: relative;
    z-index: 8;
    order: 2;
    margin-top: 17px;
}

.selection-card__list-header .selection-card__stats:hover .stats__popup {
    display: block;
}

.selection-card__list-header .selection-card__stats .stats__title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #3e99ed;
    transform: translateY(-1px);
    cursor: pointer;
}

.selection-card__list-header .selection-card__stats .stats__popup {
    position: absolute;
    top: calc(100% + 9px);
    left: -8px;
    display: none;
    box-sizing: border-box;
    min-width: 304px;
    min-height: 400px;
    padding: 18px 20px 18px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.selection-card__list-header .selection-card__stats .stats__parameters {
    width: 100%;
    table-layout: fixed;
    font-size: 18px;
    color: #252626;
}

.selection-card__list-header .selection-card__stats .stats__parameters td {
    height: 32px;
}

.selection-card__list-header .selection-card__stats .stats__parameters td:first-child {
    width: 226px;
    min-width: 226px;
}

.selection-card__list-header .selection-card__stats .stats__parameters td:last-child {
    padding-left: 16px;
    font-weight: 600;
}

.selection-card__list-header .selection-card__stats .stats__subtitle td {
    padding-top: 16px;
    padding-bottom: 4px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #252626;
}

.selection-card__list-header .selection-card__stats .stats__ratings td {
    height: 32px;
    vertical-align: middle;
}

.selection-card__list-header .selection-card__stats .stats__ratings td:nth-child(1) {
    position: relative;
    padding-right: 16px;
    padding-left: 27px;
    font-weight: 300;
    font-size: 26px;
    color: #252626;
}

.selection-card__list-header .selection-card__stats .stats__ratings td:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -288px -182px;
    transform: translateY(-50%);
}

.selection-card__list-header .selection-card__stats .stats__ratings td:nth-child(2) {
    width: auto;
    min-width: 170px;
    max-width: 170px;
}

.selection-card__list-header .selection-card__stats .stats__ratings td:nth-child(3) {
    padding-left: 16px;
    font-weight: 600;
    font-size: 18px;
    color: #252626;
}

.selection-card__list-header .selection-card__stats .stats__ratings span {
    display: block;
    height: 12px;
    background-color: #e6e9f0;
    border-radius: 6px;
}

.selection-card__list-header .selection-card__stats .stats__ratings i {
    display: block;
    box-sizing: border-box;
    height: 100%;
    padding-right: 6px;
    padding-left: 6px;
    background-color: #59c7ff;
    border-radius: 6px;
}

.selection-card__list-header .list-header__views {
    display: flex;
    order: 1;
    margin-left: auto;
}

.selection-card__list-header .list-header__view-button {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
}

.selection-card__list-header .list-header__view:not(:last-child) {
    margin-right: 16px;
}

.selection-card__list-header .list-header__view:nth-child(1) .list-header__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: 0 -78px;
}

.selection-card__list-header .list-header__view:nth-child(2) .list-header__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -26px -78px;
}

.selection-card__list-header .list-header__view:nth-child(3) .list-header__view-button {
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -52px -78px;
}

.selection-card__list-header .list-header__view:nth-child(1) .list-header__view-button.active {
    background-position: 0 -52px;
}

.selection-card__list-header .list-header__view:nth-child(2) .list-header__view-button.active {
    background-position: -26px -52px;
}

.selection-card__list-header .list-header__view:nth-child(3) .list-header__view-button.active {
    background-position: -52px -52px;
}

.selection-card__add-authors {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.selection-card__add-authors.hidden {
    display: none;
}

.selection-card__add-authors .add-authors__result-wrapper {
    height: calc(100vh - (45px + 24px + 19px + 112px + 24px + 16px + 16px + 24px));
    margin-top: 24px;
    overflow: auto;
}

.selection-card__add-authors .add-authors__result-wrapper .simplebar-track {
    right: 2px;
    bottom: 16px;
}

.selection-card__add-authors .add-authors__result-wrapper .simplebar-track.simplebar-vertical {
    width: 9px;
}

.selection-card__add-authors .add-authors__result-wrapper .simplebar-scrollbar::before {
    background-color: #707273;
}

.selection-card__add-authors .add-authors {
    position: relative;
    min-width: 320px;
    max-width: 500px;
    height: 100%;
    background-color: #ffffff;
}

.selection-card__add-authors .add-authors__close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
}

.selection-card__add-authors .add-authors__list {
    padding-right: 16px;
    padding-left: 16px;
}

.selection-card__add-authors .add-authors__item {
    display: flex;
}

.selection-card__add-authors .add-authors__item:not(:last-child) {
    margin-bottom: 16px;
}

.selection-card__add-authors .add-authors__title {
    padding: 45px 16px 19px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #252626;
}

.selection-card__add-authors .add-authors__avatar {
    display: block;
    flex: none;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 50%;
}

.selection-card__add-authors .add-authors__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-card__add-authors .add-authors__info {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    padding-right: 20px;
}

.selection-card__add-authors .add-authors__name {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 16px;
    color: #252626;
}

.selection-card__add-authors .add-authors__name:visited {
    color: #252626;
}

.selection-card__add-authors .add-authors__rights {
    margin-top: -2px;
    font-weight: 400;
    font-size: 16px;
    color: #88898c;
}

.selection-card__add-authors .add-authors__name,
.selection-card__add-authors .add-authors__rights {
    line-height: 17px;
}

.selection-card__add-authors .add-author__remove {
    flex: none;
    width: 94px;
    height: 28px;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 2px;
    font-family: "Source Sans Pro", sans-serif;
    color: #707273;
    background-color: #ffffff;
    border: 1px solid #88898c;
    border-radius: 20px;
    cursor: pointer;
}

.selection-card__add-authors .add-author__remove:hover {
    background-color: rgba(237, 240, 247, 0.7);
}

.selection-card__add-authors .add-author__remove:active {
    background-color: #edf0f7;
}

.selection-card__add-authors .add-authors__search {
    display: block;
    width: calc(100% - 16px * 2);
    margin-top: 24px;
    margin-right: 16px;
    margin-left: 16px;
    padding: 6px 16px 8px 39px;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    background-color: #edf0f7;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.584 15.29a7 7 0 11.707-.707l5.615 5.616a.5.5 0 01-.707.707l-5.615-5.615zM17 10a6 6 0 11-12 0 6 6 0 0112 0z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 7px center;
    border: 1px solid #edf0f7;
    border-radius: 20px;
}

.selection-card__add-authors .add-authors__search::placeholder {
    color: #707273;
}

.selection-card__add-authors .add-authors__result {
    margin-right: 16px;
    margin-left: 16px;
    padding-left: 0;
}

.selection-card__add-authors .add-authors__result-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.selection-card__add-authors .add-authors__result-item .add-authors__name {
    flex: auto;
}

.selection-card__add-authors .add-authors__result-add {
    padding: 5px 9px 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 20px;
    cursor: pointer;
}

.selection-card__add-authors .add-authors__result-add:hover {
    background-color: #3b91e0;
}

.selection-card__add-authors .add-authors__result-add:active {
    background-color: #217dd1;
}

.selection-card .lists__list {
    padding-right: 16px;
    padding-left: 16px;
}

.selection-card .lists__item:first-child {
    margin-top: 33px;
}

.selection-card__edit {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 512px;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.selection-card__edit.hidden {
    display: none;
}

.selection-card__edit .edit__body {
    height: calc(100vh - 208px);
    padding: 48px 16px 16px;
    overflow: auto;
}

.selection-card__edit .edit__close-button {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
}

.selection-card__edit .edit__book {
    display: flex;
    flex: none;
}

.selection-card__edit .edit__cover {
    position: relative;
    flex: none;
    width: 47px;
    height: 72px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 3px;
}

.selection-card__edit .edit__cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05);
}

.selection-card__edit .edit__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-card__edit .edit__title {
    margin-top: -1px;
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #252626;
}

.selection-card__edit .edit__subtitle {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 16px;
    color: #252626;
}

.selection-card__edit .edit__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.selection-card__edit .edit__tags a {
    font-size: 14px;
    color: #217dd1;
}

.selection-card__edit .edit__tags a:not(:last-child) {
    margin-right: 14px;
}

.selection-card__edit .edit__order {
    display: block;
    flex: none;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    margin-top: 24px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid #d0d2d6;
    border-radius: 20px;
}

.selection-card__edit .edit__order::placeholder {
    color: #88898c;
}

.selection-card__edit .edit__textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 152px;
    margin-top: 24px;
    margin-bottom: 20px;
    padding: 3px 7px 5px;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #252626;
    border-color: #d0d2d6;
    border-radius: 6px;
    resize: none;
}

.selection-card__edit .edit__textarea::placeholder {
    color: #88898c;
}

.selection-card__edit .edit__footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex: auto;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background-color: #ffffff;
}

.selection-card__edit .edit__remove-input {
    display: none;
}

.selection-card__edit .edit__remove-label {
    position: relative;
    margin-top: 24px;
    margin-right: auto;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #252626;
    cursor: pointer;
}

.selection-card__edit .edit__remove-label::before {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/skins/mobile2019/SVGsprite15.svg");
    background-repeat: no-repeat;
    background-position: -166px -156px;
}

.selection-card__edit .edit__remove-input:checked+.edit__remove-label::before {
    background-position: -192px -156px;
}

.selection-card__edit .edit__choose-edition {
    flex: none;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin-top: auto;
    margin-bottom: 16px;
    padding: 3px 12px 7px;
    font-size: 18px;
    font-family: "Source Sans Pro", sans-serif;
    color: #707273;
    background-color: #ffffff;
    border: 1px solid #88898c;
    border-radius: 24px;
}

.selection-card__edit .edit__choose-edition.expand {
    background-color: rgba(237, 240, 247, 0.5);
}

.selection-card__edit .edit__submit {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 3px 12px 7px;
    font-weight: 600;
    font-size: 18px;
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    background-color: #3e99ed;
    border: 1px solid #3e99ed;
    border-radius: 24px;
}

.selection-card__edit .edit__slider {
    flex: none;
    min-width: 100%;
    margin: 40px -16px -2px;
    overflow: hidden;
}

.selection-card__edit .edit__slider-limiter {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.selection-card__edit .edit__slider-list {
    display: grid;
    padding-right: 16px;
    padding-left: 16px;
    grid-template: 74px 74px/288px;
    gap: 14px 8px;
    grid-auto-flow: column;
    grid-auto-columns: 288px;
}

.selection-card__edit .edit__slider-item {
    display: flex;
    flex: none;
}

.selection-card__edit .edit__isbn {
    font-size: 14px;
    line-height: 24px;
    color: #88898c;
    text-transform: uppercase;
    transform: translateY(-3px);
}

.selection-card .pagination,
.selection-card .btn__show-more {
    margin-right: 16px;
    margin-left: 16px;
}

.selection-card .btn__show-more {
    width: calc(100% - 16px * 2);
}

.selection-card-comments {
    position: relative;
    margin-top: -2px;
    padding-right: 16px;
    padding-left: 16px;
}

.selection-card-comments__title {
    margin: 0 0 17px;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #252626;
}

.selection-card-comments__options {
    position: absolute;
    top: 5px;
    right: 16px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5zm0-12c0 .825.675 1.5 1.5 1.5S13 7.325 13 6.5 12.325 5 11.5 5 10 5.675 10 6.5zm0 6c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5z' fill='%23898B8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.selection-card-comments__options-list {
    position: absolute;
    top: 0;
    right: 24px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    font-size: 16px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    visibility: hidden;
}

.selection-card-comments__options:hover>.selection-card-comments__options-list {
    visibility: visible;
}

.selection-card-comments__options-item {
    width: 100%;
    text-align: center;
}

.selection-card-comments__options-item:hover {
    background-color: rgba(230, 233, 240, 0.5);
}

.selection-card-comments__options-item:active {
    background-color: #edf0f7;
}

.selection-card-comments__options-item:not(:last-child) {
    border-bottom: 1px solid #d9dbe0;
}

.selection-card-comments__options-link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 17px 13px;
    color: #252626;
    white-space: nowrap;
}

.afisha-new-comment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 41px;
}

.afisha-new-comment__avatar {
    flex: initial;
    margin-right: 8px;
}

.afisha-new-comment__form {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: calc(100% - 32px);
    margin-bottom: 40px;
}

.afisha-new-comment__textarea {
    display: none;
}

.afisha-new-comment__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #d2d4d6;
    border-radius: 6px;
    pointer-events: none;
}

.afisha-new-comment__content {
    position: relative;
    display: block;
    flex: auto;
    padding: 4px 8px 8px;
    overflow: auto;
    font-size: 16px;
}

.afisha-new-comment__content::before {
    content: "";
    top: 0;
    left: 0;
    color: #88898c;
}

.afisha-new-comment__content:empty::before {
    content: "Написать комментарий...";
}

.afisha-new-comment__button {
    display: block;
    width: 32px;
    height: 32px;
    margin-top: 26px;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 0;
    background-color: #edf0f2;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.95 7a2.5 2.5 0 01-4.9 0H3V6h2.05a2.5 2.5 0 014.9 0H21v1H9.95zM6 6.5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zM9.95 19a2.5 2.5 0 01-4.9 0H3v-1h2.05a2.5 2.5 0 014.9 0H21v1H9.95zM6 18.5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zM16.5 10a2.5 2.5 0 00-2.45 2H3v1h11.05a2.5 2.5 0 004.9 0H21v-1h-2.05a2.5 2.5 0 00-2.45-2zm0 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3z' fill='%23898B8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    border-radius: 6px;
}

.afisha-new-comment__buttons {
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    display: flex;
    justify-content: flex-end;
}

.afisha-new-comment__cancel,
.afisha-new-comment__submit {
    flex: initial;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
}

.afisha-new-comment__cancel {
    margin-left: auto;
    padding: 4px 18px 6px;
    font-weight: 400;
    color: #88898c;
    background-color: #ffffff;
    border: none;
}

.afisha-new-comment__submit {
    width: 98px;
    padding: 4px 18px 6px;
    font-weight: 600;
    color: #ffffff;
    background-color: #3e99ed;
    border: none;
    border-radius: 14px;
}

.afisha-new-comment_bottom {
    margin-top: 40px;
}

.afisha-pagination {
    width: 288px;
    margin-right: auto;
    margin-left: auto;
}

.afisha-pagination_after-comments {
    margin-bottom: 40px;
}

.afisha-pagination__list {
    display: flex;
    justify-content: space-between;
    margin-right: -4px;
    margin-left: -4px;
    padding-left: 0;
    list-style: none;
}

.afisha-pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 4px;
    margin-left: 4px;
    font-family: inherit;
    color: #88898c;
    text-decoration: none;
    background-color: #edf0f7;
    border-radius: 50%;
}

      .icon-liveinternet {
        background: url("/img/skins/mobile2019/SVGsprite15.svg") -300px -286px no-repeat; }
        
      .icon-litres {
          background: url("/img/skins/mobile2019/SVGsprite15.svg") -500px -286px no-repeat; }
          
.afisha-pagination__link:visited {
    color: #88898c;
}

.afisha-pagination__link.active {
    font-weight: 600;
    color: #ffffff;
    background-color: #88898c;
}

.afisha-pagination__link.active:visited {
    color: #ffffff;
}

.afisha-pagination__link_start,
.afisha-pagination__link_prev,
.afisha-pagination__link_next,
.afisha-pagination__link_end {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.afisha-pagination__link_prev {
    margin-right: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.414 15.503l4.596-4.596-.707-.707L12 15.503l5.303 5.304.707-.707-4.596-4.597z' fill='%23898B8C'/%3E%3C/svg%3E%0A");
}

.afisha-pagination__link_next {
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.586 15.503l-4.596-4.596.707-.707L19 15.503l-5.303 5.304-.707-.707 4.596-4.597z' fill='%23898B8C'/%3E%3C/svg%3E");
}

.afisha-pagination__link_start {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.414 15.503l4.596-4.596-.707-.707L15 15.503l5.303 5.304.707-.707-4.596-4.597z' fill='%23898B8C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.414 15.503l4.596-4.596-.707-.707L9 15.503l5.303 5.304.707-.707-4.596-4.597z' fill='%23898B8C'/%3E%3C/svg%3E%0A");
}

.afisha-pagination__link_end {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.586 15.503l-4.596-4.596.707-.707L23 15.503l-5.303 5.304-.707-.707 4.596-4.597z' fill='%23898B8C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.586 15.503l-4.596-4.596.707-.707L17 15.503l-5.303 5.304-.707-.707 4.596-4.597z' fill='%23898B8C'/%3E%3C/svg%3E");
}

.selection-card-comments__list {
    margin-top: 31px;
    margin-bottom: 32px;
}

.selection-card-comments__item:not(:first-of-type) {
    margin-top: 12px;
}

.selection-card-comments__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.selection-card-comments__user-avatar {
    flex: initial;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.selection-card-comments__user-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selection-card-comments__user-name {
    flex: initial;
    margin-right: 3px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #252626;
}

.selection-card-comments__user-name:visited {
    color: inherit;
}

.selection-card-comments__user-status {
    display: inline-block;
    width: 16px;
    margin-right: 2px;
    font-size: 0;
    line-height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28 1.898l1.17 2.778 2.709.234c.655.056 1.348.302 1.524.934.175.632-.004 1.138-.518 1.586L11.96 9.354l.592 2.567c.155.67.311 1.426-.35 1.85-.662.426-1.367.19-1.96-.169l-2.235-1.357-2.233 1.357c-.595.362-1.347.583-1.95.17-.602-.414-.503-1.193-.353-1.851l.584-2.567L1.85 7.43c-.526-.459-.701-.893-.542-1.586.16-.693.887-.877 1.548-.934l2.709-.234 1.169-2.778C6.986 1.3 7.452 1 8.007 1c.556 0 1.017.289 1.274.898z' fill='%233E99ED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom 1px;
}

.selection-card-comments__timer {
    display: inline-block;
    flex: initial;
    margin-bottom: 0;
    margin-left: 1px;
    font-size: 14px;
    line-height: 16px;
    color: #88898c;
}

.selection-card-comments__settings {
    flex: initial;
    width: 24px;
    height: 24px;
    margin-left: auto;
    font-size: 0;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5zm0-12c0 .825.675 1.5 1.5 1.5S13 7.325 13 6.5 12.325 5 11.5 5 10 5.675 10 6.5zm0 6c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5z' fill='%23898B8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: none;
}

.selection-card-comments__content {
    padding-left: 32px;
}

.selection-card-comments__text {
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #252626;
}

.selection-card-comments__text.shorten {
    height: 220px;
}

.selection-card-comments__expand {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: "Source Sans Pro", sans-serif;
    color: #0F5699;
    background-color: #ffffff;
    border: none;
}

.selection-card-comments__footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.selection-card-comments__rating {
    flex: initial;
    margin-right: auto;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #88898c;
}

.selection-card-comments__rate-up,
.selection-card-comments__rate-down {
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
    font-size: 0;
    background-color: #88898c;
    border: none;
    border-radius: 50%;
}

.selection-card-comments__rate-up::before,
.selection-card-comments__rate-up::after,
.selection-card-comments__rate-down::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px;
    transform: translate(-50%, -50%);
}

.selection-card-comments__rate-down {
    margin-left: 21px;
}

.selection-card-comments__rate-up::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.selection-card-comments__reply {
    flex: initial;
    margin-left: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #88898c;
    background-color: transparent;
    border: none;
}

.selection-card-comments__favorite {
    flex: initial;
    width: 24px;
    height: 24px;
    margin-left: 50px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 19V0H0v19l8-8 8 8zM1 16.6l7-7 7 7V1H1v15.6z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.selection-card-comments__favorite-input:checked+.selection-card-comments__favorite {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' fill='none'%3E%3Crect width='100%25' height='100%25'/%3E%3Cg class='currentLayer'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 19V0H0v19l8-8 8 8z' fill='%233e99ed'/%3E%3C/g%3E%3C/svg%3E");
}

.selection-card-comments__answer-spoiler {
    position: relative;
    /*margin-bottom: 12px;*/
    padding-right: 24px;
    padding-left: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #217dd1;
    background-color: transparent;
    border: none;
}

.selection-card-comments__answer-spoiler::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    border-top: 7px solid #217dd1;
}

.selection-card-comments__answer-spoiler.active::after {
    transform: rotate(180deg);
    transform-origin: 7px 3.5px;
}

.selection-card-comments__wrapper {
    padding-top: 11px;
}

.selection-card-comments__answer-list {
    padding-top: 8px;
}

.selection-card-comments__answer-list .selection-card-comments__user-avatar {
    width: 16px;
    height: 16px;
}

.selection-card-comments__answer-list .selection-card-comments__header {
    margin-bottom: 7px;
}

.selection-card-comments__answer-list .selection-card-comments__content {
    padding-left: 24px;
}

.selection-card-comments__answer-list .selection-card-comments__favorite {
    margin-left: 26px;
}

.selection-card-comments__answer-list .selection-card-comments__item:not(:first-of-type) {
    margin-top: 15px;
}

.selection-card-comments__answer-item .selection-card-comments__user-avatar {
    width: 16px;
    height: 16px;
}

.selection-card-comments__answer-item .selection-card-comments__content {
    padding-left: 24px;
}

.selection-card-comments__answer-item .selection-card-comments__favorite {
    margin-left: 26px;
}

.selection-card .viewed-slide__title {
    font-size: 20px;
}


/* Selections view page - end */

/* mobile2019 ugc-book-popup.css - start */
html.disabled-scroll,
body.disabled-scroll {
  overflow: hidden;
}

.book-search {
  min-width: 288px;
  grid-area: search-field;
}
.book-search input[type=search] {
  border: 1px solid #edf0f7;
  background: #edf0f7;
  width: 100%;
  height: 32px;
  border-radius: 16px;
  box-sizing: border-box;
  color: #252626;
  padding: 0px 16px 2px 39px;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin: 0;
}
.book-search input[type=search]::-webkit-input-placeholder, .book-search input[type=search]::-moz-placeholder, .book-search input[type=search]:-ms-input-placeholder, .book-search input[type=search]::-ms-input-placeholder, .book-search input[type=search]::placeholder {
  color: #88898c;
}
.book-search label[for^=search] {
  position: relative;
}
.book-search label[for^=search]::before {
  position: absolute;
  content: "";
  left: 8px;
  top: 0;
  width: 24px;
  height: 24px;
  z-index: 3;
  background: url("/img/skins/mobile2019/SVGsprite13.svg") -234px 0 no-repeat;
}

.ugc-popup-book-search {
  margin: 0;
  height: 100vh;
  top: 0;
  border-radius: 0;
  padding: 45px 0 0;
  color: #252626;
  overflow: hidden;
}
.ugc-popup-book-search .ugc-popup__close {
  top: 12px;
}
.ugc-popup-book-search .ugc-popup__wrapper {
  margin: 0;
  padding: 0 16px;
  display: flex;
  flex: 1 1 100%;
  height: 100%;
}
.ugc-popup-book-search .ugc-popup__wrapper a {
  background-image: none;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 45px);
  flex: 1 1 100%;
  justify-items: flex-start;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup__top-content {
  grid-area: top-content;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: minmax(min-content, max-content);
  gap: 24px 0;
  grid-template-areas: "search-field" "." "selected-book";
  background-color: white;
  height: auto;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-sort {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-sort .ugc-popup-sort__link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  background: #edf0f7;
  border-radius: 14px;
  color: #252626;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  min-width: 73px;
  width: auto;
  height: 28px;
  box-sizing: border-box;
  padding: 0 10px 2px;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 0;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-sort .ugc-popup-sort__link--active {
  color: #fff;
  background: #6f7073;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-books-list,
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-publications-list {
  flex-grow: 1;
  justify-self: flex-start;
  height: auto;
  overflow-y: auto;
}
.ugc-popup-book-search .ugc-popup__wrapper .ugc-popup__results .ugc-popup-publications-list {
  grid-area: publications;
  width: 100%;
  margin: 48px 0;
}

.ugc-popup__book {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  align-items: start;
  justify-content: start;
  gap: 0 16px;
  grid-template-areas: "book-cover title" "book-cover author" "book-cover btn";
  margin: 0 0 24px;
}
.ugc-popup__book .ugc-popup__book-cover {
  grid-area: book-cover;
  width: 57px;
  height: 88px;
  border-radius: 6px;
  overflow: hidden;
}
.ugc-popup__book .ugc-popup__book-cover img {
  max-width: 100%;
  height: auto;
}
.ugc-popup__book a {
  margin: 0;
  display: block;
  width: auto;
  height: auto;
  color: #252626;
}
.ugc-popup__book .ugc-popup__book-title {
  grid-area: title;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 5px 0 0;
  padding: 0 0 6px;
  height: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ugc-popup__book .ugc-popup__book-author {
  grid-area: author;
  font: 400 16px/22px "Source Sans Pro", sans-serif;
  margin: -2px 0 0;
  padding: 0 0 4px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ugc-popup__book .btn-wrapper {
  grid-area: btn;
  align-self: end;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  gap: 0 8px;
  justify-content: start;
}
.ugc-popup__book .btn-wrapper .btn-select-edition,
.ugc-popup__book .btn-wrapper .btn-add-edition {
  color: white;
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  background: #3e99ed;
  border-radius: 14px;
  width: 104px;
  height: 28px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 2px;
  box-sizing: border-box;
}
.ugc-popup__book .btn-wrapper .btn-all-books {
  color: #6f7073;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  background: none;
  border-radius: 14px;
  border: 1px solid #88898c;
  width: 103px;
  height: 28px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 2px;
  box-sizing: border-box;
}

.ugc-selected-book-preview {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 16px 16px auto;
  align-content: start;
  justify-content: start;
  gap: 0 16px;
  grid-template-areas: "book-cover subtitle" "book-cover author" "book-cover bottom-block";
  margin: 20px 0 24px;
  padding: 0;
  background: none;
  border-radius: 0;
}
.ugc-selected-book-preview .preview__image {
  grid-area: book-cover;
  width: 52px;
  height: 79px;
  overflow: hidden;
  border-radius: 6px;
}
.ugc-selected-book-preview .preview__image img {
  max-width: 100%;
  height: auto;
}
.ugc-selected-book-preview .preview__subtitle {
  grid-area: subtitle;
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  height: 16px;
  margin-top: -1px;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ugc-selected-book-preview .preview__author {
  grid-area: author;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  margin-bottom: 0;
  margin-top: -1px;
  color: var(--main-dark);
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ugc-selected-book-preview .preview__bottom-block-wrapper {
  grid-area: bottom-block;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: end;
  justify-content: space-between;
  gap: 0 15px;
  align-self: end;
}
.ugc-selected-book-preview .preview__bottom-block-wrapper .preview__assessment {
  font-weight: 300;
  font-size: 20px;
  color: var(--main-dark);
  margin-bottom: 0;
}
.ugc-selected-book-preview .preview__bottom-block-wrapper .btn-change-edition {
  color: #6f7073;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  background: none;
  border-radius: 14px;
  border: 1px solid #88898c;
  width: 161px;
  height: 28px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 2px;
  box-sizing: border-box;
}

.invisible {
  display: none;
}

.book-search__title,
.publications-list__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 19px;
}

.ugc-popup__book.selected-book {
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "book-cover title" "book-cover author" "book-cover btn" "publications publications";
  margin: 0;
}

.btn-all-books.expand {
  color: #707273 !important;
  background-color: rgba(237, 240, 247, 0.5) !important;
}

.publications-list {
  max-height: 243px;
}
/* mobile2019 ugc-book-popup.css - end */

/* mobile2019 texteditor ugc form - start */

.form-texteditor.mobile2019-form-texteditor textarea.input-textarea {
    padding: 4px 7px 6px;
    border: 1px solid var(--gray-84);
}

.form-texteditor.mobile2019-form-texteditor .editor-textarea {
    padding: 0;
    border: 1px solid var(--gray-84);
    border-radius: 6px;
    box-shadow: none;
    max-width: 468px;
}

.form-texteditor.mobile2019-form-texteditor .text-editor-separator {
    margin: 0;
    background: var(--gray-84);
    height: 1px;
}

.form-texteditor.mobile2019-form-texteditor .text-editor-buttons-wrapper {
    margin: 0px;
    border-radius: 0 6px 6px;
}

.form-texteditor.mobile2019-form-texteditor .ed_textarea.input-textarea {
    border: none;
}

.modal-preview {
    display: block;
}

.ugc-popup_dialog {
    display: flex !important;
}


/* mobile2019 texteditor ugc form - end */

.ugc-popup {
    display: flex;
}

.bc-rating .bc-menu__rating {
    bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}


/* Попап настройка ленты - фикс симплбара */

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.lists__list .clear,
.lists__list .page-load,
.lists__list #page-load {
    flex-basis: 100%;
}

.bc__book-title:after {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background: #3E99ED;
    height: 24px;
    border-radius: 12px;
    font: 14px/24px "Source Sans Pro", sans-serif;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 12px;
    margin: 0 12px;
}

.bc__book-audio:after {
    content: "Аудио";
}

.bc__book-pdf:after {
    content: "Электронная";
}

.lenta-card #lenta-card__text-review-escaped blockquote,
.lenta-card #lenta-card__text-lifehack-escaped blockquote,
.lenta-card #lenta-card__text-post-escaped blockquote,
.lenta-card #lenta-card__text-story-escaped blockquote,
.lenta-card #lenta-card__text-selection-escaped blockquote,
.lenta-card #lenta-card__text-event-escaped blockquote,
.lenta-card #lenta-card__text-gamestep-escaped blockquote {
    background: none;
}


/* Ломает верстку попапов с выбором даты в фильтре на странице книг коллекции в профиле */


/* .add-book__select-overlay .overlay {
    z-index: -1;
} */

.prm-block-6 {
    margin-top: -10px;
    margin-bottom: 25px;
}

.prm-block-7 {
    text-align: center;
    margin: -23px auto 0;
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
}

.advice-card .slick-initialized .slick-slide {
    display: block;
}

.slides-img300 .main-slider__img,
.slides-rockbook .main-slider__img {
    height: 95px;
    width: 95px;
    left: 30px;
    top: calc(50% - 48px);
}

.slides-rockbook {
    background: url("/img/skins/mobile2019/vc_fon.jpg") 50% 50% no-repeat;
    background-size: cover;
}

.slides-rockbook .main-slider__link {
    background: #FA385D;
}

.header-card__menu-block a:first-of-type {
    margin-top: 0px;
}

.header-card__menu-block a:last-of-type {
    margin-bottom: 0px;
}

.header-card__menu-block:not(span)>a:first-child {
    margin-top: 11px;
}

.header-card__menu-block a:last-child {
    margin-bottom: 38px;
}

.header {
    z-index: 999;
}

.userbook-container {
    position: initial !important;
    display: contents !important;
}

.section-form__link.icon-calendar::before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    left: 7px;
    top: 4px;
    background: url("/img/skins/mobile2019/SVGsprite11.svg") -364px 0 no-repeat;
}

.section-form__link.icon-calendar::after {
    content: unset;
}

.slides-lenta-book .main-slider__link {
    color: #000;
    background: #FBC538;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.slides-lenta-book:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.slides-lenta-book .main-slider__title {
    position: relative;
    -webkit-line-clamp: 5;
    max-height: 120px;
}

.slides-lenta-book .main-slider__bg {
    filter: none;
    -webkit-filter: none;
    height: 100%;
}

.slides-lenta-book .main-slider__item {
    padding: 41px 23px 20px 136px;
}

.slides-lenta-book .main-slider__link,
.slides-lenta-book .main-slider__link:visited {
    padding: 0px 28px 4px;
    justify-content: center;
}

.slides-lenta-book .main-slider__img {
    left: 32px !important;
    width: 88px;
}

.dot-new-recs {
    color: #FA385D;
    margin-left: 5px;
    font-size: 17px;
}

.userevents-form-filter-submitwrapper {
    position: relative;
}

.userevents-form-filter-submitwrapper .ll-loader.small {
    position: absolute;
    top: -18px;
    left: 120px;
}

.unreg-load-form .modal,
.ub-load-form .modal {
    z-index: 1001;
}

.main-sp a {
    text-decoration: initial !important;
}

.lists__status:visited {
    color: #252626;
}

.book-item__item .bc-menu__status-lists,
.slide-book__item .bc-menu__status-lists {
    font: 12px/16px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 8px;
    color: #fff;
    position: absolute;
    padding: 2px 0 0 8px;
    height: 36px;
    width: 112px;
    top: -20px;
    left: 1px;
    z-index: 1;
}

.menu-redactor {
    z-index: 1005;
}

.slide-book__item .bc__image-status {
    width: 112px;
    top: -20px;
    height: 36px;
    padding: 2px 0 0 8px;
    left: 1px;
}

.i-close {
    background: url(/img/skins/ll2015b/icons72.png) no-repeat -140px -560px;
    opacity: 0.54;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.partner .kv-partner-logo img {
    margin-bottom: 157px;
}

.wtr__item-bookblock-reclist-loader {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0.5;
}

.wtr__item-bookblock-reclist-loader .ll-loader-outer {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
}

.bc-curator__cabinet {
    font-size: 80%;
    line-height: 12px;
    display: block;
}

.bc-sources {
    margin: 0 -8px;
}

.bc-sources iframe {
    width: 100%;
    border: none;
}

.lenta-card__text-escaped--formatting p {
    margin: 0 0 24px;
}

.section-form__select a {
    display: block;
    padding: 12px 0 12px 32px;
    margin: 0px;
    text-transform: none;
    position: relative;
    color: #252626;
    font: 16px/16px "Source Sans Pro", sans-serif;
    text-transform: none;
    width: 100%;
    justify-content: center;
}

.section-form__select a.section-form__link-active {
    font-weight: 600;
    background-color: #edf0f7;
}

.afisha-events__calendar .datepicker-inline .datepicker {
    height: auto;
}

.popup-dateevent {
    left: 0;
}

.bc-sp__title {
    font: 600 25px/32px "Source Sans Pro", sans-serif;
    margin: 0px 0 14px;
    color: #252626;
}

.bc-sp {
    margin: 0 0 32px;
    text-align: left;
}

.bc-sp__wrapper {
    border-radius: 12px;
    overflow: hidden;
}

.bc-sp__image {
    vertical-align: middle;
}

.suspicious-account-tag {
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #FA385D;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.sticky-menu__select .sticky-menu__details .sticky-menu__popup a {
    display: block;
    font-size: 16px;
    line-height: 39px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--main-dark);
    text-transform: none;
    border-bottom: 1px solid var(--gray-88);
}

.sticky-menu__select.extended .sticky-menu__details .sticky-menu__popup a {
    display: block;
    font-size: 16px;
    line-height: 39px;
    font-family: var(--font-family);
    color: var(--main-dark);
    text-transform: none;
    padding-left: 32px;
    text-align: left;
    border-bottom: 0;
}

.lists-3 .lists__list .lists__item .sticky-menu__checkbox-label {
    top: 5px;
    left: 29px;
}

.section-form__select details[open] {
    z-index: 1111;
}

.bc-header__link {
    color: #fff !important;
}


/* Прогресс загрузки страницы */

.progress-loaded {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 10002;
    height: 5px;
    background: #F2F7FD;
}

.progress-load {
    height: 5px;
    width: 1%;
    background: #0768d8;
}

.share-popup-main__actions input:checked+.share-popup-main__label {
    font-weight: 400;
}

.editor-btn-cont a {
    margin-left: 0 !important;
}

.form-texteditor .text-editor-buttons {
    table-layout: fixed;
}

.mybook-choose-date .mybook-choose-date__input:checked~.mybook-choose-date__popup {
    z-index: 1111;
}

.header-card-user__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.social-posts {
    line-height: 30px;
    margin: 20px 0;
}

.soc-post {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    line-height: 30px;
    margin-right: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.soc-post span.share-icon {
    display: inline-block;
    background: url(/img/skins/ll2015b/soc-big.png) 0 0 no-repeat;
    height: 20px;
    margin-top: 5px;
}

.soc-post.vkontakte .share-icon {
    background-position: 0px 0;
    width: 23px;
}

.soc-post.facebook .share-icon {
    background-position: -25px 0;
    width: 11px;
}

.soc-post.twitter .share-icon {
    background-position: -99px 0;
    width: 16px;
}

.soc-post.vkontakte {
    background-color: #597da3;
}

.soc-post.facebook {
    background-color: #3b5998;
}

.soc-post.twitter {
    background-color: #1da1f2;
}

.soc-post.unactive {
    opacity: 0.4;
}

.soc-post:hover {
    opacity: 0.9;
}

.selection-creating__container .selection-creating__footer {
    grid-template-columns: none;
}

.page-content.profile .section-form__inner{
  margin-top: -24px;
}

.selection-card__section-form .section-form__inner {
    margin-top: -24px;
    margin-bottom: 0;
}

.selection-card__section-form .section-form__toggle {
    z-index: 1 !important;
}

.editions .section-form__inner {
    margin-top: -24px;
    margin-bottom: 0;
}

.tests-card .swiper-empty-slide {
  text-align: center;
  width: 87%;
  height: 212px;
  padding: 70px 16px 0;
  background-color: #f8f8f8;
  line-height: 35px;
  font-size: 27px;
  font-weight: 300;
  border-radius: 14px;
}

.section-form-reviews .section-form__inner, .section-form-lifehacks .section-form__inner {
  margin: -24px 0 0 !important;
}

.editions.show-selects .sticky-menu__checkbox-label.editors-checkbox-tools-hidden,
.editions .section-form__box+label.editors-checkbox-items.editors-checkbox-tools-hidden,
.editors-checkbox-items.editors-checkbox-tools-hidden {
    display: none !important;
}

.bc-annotate p {
  margin-bottom: 0;
}

.selection-card__section-form .section-form__toggle + label {
  z-index: 0 !important;
}

.selection-card .lists-1 .lists__list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.selection-slide__footer {
  grid-column-start: 1;
  grid-column-end: 3;
}

.selection-card__edit {
  z-index: 11;
}

.stories__section-form .section-form__inner,
.quotes__section-form .section-form__inner,
.section-form-reviews .section-form__inner,
.section-form-lifehacks .section-form__inner {
    margin: -24px 0 0;
}

.input-textarea {
    resize: vertical;
}

.bc-exchange .lenta-card {
    padding: 12px 12px 19px;
}

.selection-card__add-authors .add-authors__result-add {
    height: 28px;
    align-self: center;
}

#author-list-exits-simplebar {
    max-height: 312px;
}

.ugc-references__help {
    z-index: 1;
}

.profile-info__sab .icon-vkontakte {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") 0 -336px no-repeat; }
.profile-info__sab .icon-facebook {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -26px -336px no-repeat; }
.profile-info__sab .icon-odnoklassniki {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -52px -336px no-repeat; }
.profile-info__sab .icon-twitter {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -78px -336px no-repeat; }
.profile-info__sab .icon-mailru {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -104px -336px no-repeat; }
.profile-info__sab .icon-livejournal {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -130px -336px no-repeat; }
.profile-info__sab .icon-liveinternet {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -156px -336px no-repeat; }
.profile-info__sab .icon-apple {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -208px -336px no-repeat; }
.profile-info__sab .icon-litres {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -234px -336px no-repeat; }
.profile-info__sab .icon-google {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -260px -336px no-repeat; }
  
.selection-card__members .members__link img {
    height: 28px;
    width: 28px;
}

.object-ban-title {
  display: block;
  margin-bottom: 12px;
  line-height: 20px;
  margin: 0 12px 15px;
  color: red;
}

.ugc-form__button_nomargb {
  margin-bottom: 0px;
}

td.bc-add-info__heading {
  width: auto;
  padding-right: 1rem;
}

.ugc-popup-book-search .ugc-popup__wrapper {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
}

/** Иначе синие буквы в моб версии */
.book-item__status {
  color: #252626 !important;
}

.lists-3 .lists__status {
  font-weight: 400 !important;
}
.bc-tag__wrapper {
  margin: 10px 0;
  display: flex;
  width: calc(100% + 56px);
  height: max-content;
  flex-wrap: wrap;
  padding: 0 10px;
  gap: 10px;
}

.bc-tag__btn {
  border-radius: 16px;
  height: 32px;
  width: 134px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 16px/26px "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #707273;
  border: 1px solid #898B8C;
  background: #fff; }

.bc-tag__btn:hover {
  background: rgba(150, 151, 153, 0.07); }

.bc-tag__btn:active {
  background: #EBEDF0; }

.editions .section-form__meta-info span {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
}

.editions .section-form__meta-info .bc-author__all {
  margin-left: 16px;
  color: #fff;
  line-height: 24px;
}

.show-selects .sticky-menu__checkbox-label {
  width: auto;
  height: auto;
}

.sticky-menu__checkbox:checked + .sticky-menu__checkbox-label {
  background-position: calc(100% - 16px) 16px;
}

.details-optgroup {
  font-weight: bold;
  padding-left: 22px;
}

label.details-optgroup::before {
  background: none;
}

.profile-message__item.profile-message__item--unread .total-text, .profile-message__item.again-new .total-text { display:none; }
.profile-message__item:not(.again-new):not(.profile-message__item--unread) .brief-text, .profile-message__item.again-new .total-text { display:none; }

.again-new .profile-message__name,
.again-new .profile-message__title {
  color: #252626;
  font-weight: 600;
}
.again-new .profile-message__name span {
  color: #FA385D;
}
.again-new .profile-message__name:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  height: 6px;
  width: 6px;
  background: #FA385D;
  top: 8px;
  left: -10px;
}

.profile-btn__link-subscribe-wrapper {
  margin-left: 16px;
  display: flex;
}

.bc-reader__popup, .bc-curator__popup {
  z-index: 41;
}

.page-content.profile .section-form__select div {
  padding: 56px 0 17px;
}

.page-content.profile .mybook-choose-date__select p.overlay {
  z-index: 0;
}

.editions .editions-list__view:nth-child(4) .editions-list__view-button {
  background-image: url(/img/skins/ll2019/admin-view-icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.editions .editions-list__view:nth-child(4) .editions-list__view-button.active {
  background-image: url(/img/skins/ll2019/admin-active-view-icon.svg);
}

.section-form__select.multiple__select label:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 20px;
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.section-form__select.multiple__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite15.svg") -192px -156px no-repeat; }

 .section-form__select.multiple__select label {
  padding: 12px 0 12px 64px;
 }

.profile-group__join.profile-group__join__fill-empty summary{
  background: #fff;
  color: #3E99ED;
  border: 1px solid #3E99ED;
}

.profile-group__join.profile-group__join__fill-empty summary::before {
  border-color: #3E99ED;
}
.profile-group__join.profile-group__join__fill-empty summary:hover,
.profile-group__join.profile-group__join__fill-empty summary:active {
  background: rgba(89, 199, 255, 0.07);
  color: #3B91E0;
  border: 1px solid #3B91E0;
}
.profile-group__join.profile-group__join__fill-empty summary::before:hover,
.profile-group__join.profile-group__join__fill-empty summary::before:active {
  border-color: #3B91E0;
}

.section-menu__list {
  padding: 0;
}

.post-picture p {
  margin:0 !important;
}

.post-picture--left {
  float:left;
  margin: 4px 24px 24px 0 !important;
}

.post-picture--right {
  float:right;
  margin: 4px 0 24px 24px !important;
}

.post-picture:first-child {
  margin-top:0 !important;
}

.post-picture:last-child {
  margin-bottom:0 !important;
}

.post-waiting summary::before {
  opacity:0.5;
}

.post-card__wrap .post-test__item p {
  margin-bottom:0;
}

.post-voting-just span {
  color:#04A00C;font-weight:bold;
}

.post-group__title {
  padding-left:0px;
}

.post-test__item input + .post-group__title, .post-test__list--ended .post-group__title {
  padding-left:41px;
}

.post-test__item--voted {
  background:#ebf8ff;
}

.post-test__item--voted .post-group__title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background: transparent url('/img/skins/ll2019/SVGsprite14.svg') -270px -155px no-repeat;
}

.post-test__result {
  margin-left: auto;
  min-width: 57px;
  text-align:right;
  color:#88898C;
  font-weight:600;
}

.post-test__result--winner {
  color:#3B91E0;
}

.post-btn-blue {
  background: #3E99ED;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  height: 40px;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 4px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  border: none;
  margin: 24px 8px;
}

.post-btn__btn, .post-btn__btn:visited, .post-btn-blue {
  color: #fff !important;
  margin-right:0;
  margin-left:0;
}

.post-btn__link-voted {
  display: flex;
  align-items: center;
  border: 1px solid #3E99ED;
  border-radius: 14px;
  height: 28px;
  box-sizing: border-box;
  background: #fff;
  padding: 0 11px 1px;
  color: #3E99ED;
  font: 14px/16px "Source Sans Pro", sans-serif;
}

.post-btn__link-result {
  display: flex;
  align-items: center;
  border: 1px solid #88898c;
  border-radius: 14px;
  height: 28px;
  box-sizing: border-box;
  background: #fff;
  padding: 0 11px 1px;
  color: #6F7073;
  font: 14px/16px "Source Sans Pro", sans-serif;
  margin-left: auto;
  cursor:pointer;
  float:right;
}

.post-btn__link-result:hover {
  background-color:#e6e9f0;
}

.post-btn__wrap span {
  line-height:28px;
  display:block;
  width:100%;
  margin-top:4px;
}

.post-btn__wrap-inner {
  width:100%;
}

.post-card__form .post-btn__wrap {
  width:auto;
  margin: 24px 8px;
}

.post-card__form .post-btn__link {
  padding: 0 11px 1px;
  margin-right: 0;
  font: 14px/16px "Source Sans Pro", sans-serif;
}

.post-card__wrap .lenta-card__text center {
  margin: 0 0 24px;
}

.post-card__wrap .lenta-card__text img {
  margin: 24px auto;
}

.post-card__wrap .lenta-card__text figure img {
  margin: 0 auto;
}

/* new comments start */
.disable-scroll {
  overflow-y: hidden;
}

.commentary-feed__comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 14px 0;
  margin: 0 0 26px;
  width: 100%;
}

.commentary-feed-wrapper {
  background-color: white;
  max-width: 946px;
  height: auto;
  border-radius: 24px;
  margin: 0 auto;
  padding: 24px 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.commentary-feed__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.commentary-feed__headline {
  font: 600 32px/40px "Source Sans Pro", sans-serif;
  margin: 0;
}

.comment-wrapper {
  width: 100%;
}

.add-comment-content,
.comment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 16px;
  width: 100%;
}

.comment-content__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
}

.comment-content__authors-name {
  margin: 0 4px 0 0;
  word-wrap: break-word;
  max-width: 90%;
  color: #252626;
}

.user-online-status {
  color: #3e99ed;
}

.comment-content__authors-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 24px);
}

.authors-name-star-marked:after {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url("/img/skins/ll2019/star-mark-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: 0 2px 0 9px;
}

.publication-date {
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  color: #88898c;
  margin: 0 3px 0 0;
}

.more-options-btn,
.more-options-btn-mob {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 auto;
  position: relative;
  background-image: url("/img/skins/ll2019/more-btn.svg");
  background-position: center;
  background-size: 3px 15px;
  background-repeat: no-repeat;
}

.bell-btn {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 auto;
  background-image: url("/img/skins/ll2019/bell.svg");
  background-position: center;
  background-size: 17px 19px;
  background-repeat: no-repeat;
}

.bell-btn.bell-btn-featured {
  background-image: url("/img/skins/ll2019/bell-btn-featured.svg");
}

.more-options-btn__inner {
  display: none;
  position: absolute;
  padding: 0 12px;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  right: 22px;
  top: -1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 11;
}
.more-options-btn__inner select {
  font-family: "PT Sans", Tahoma, Helvetica, sans-serif;
  vertical-align: middle;
  border: 1px solid #c5c5c5;
  background: #fff;
  color: #757478;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  height: 34px;
  line-height: 34px;
  padding: 0 6px;
  margin: 0;
}
.more-options-btn__inner a {
  font: 16px/37px "Source Sans Pro", sans-serif;
  color: #252626;
  border-bottom: 1px solid #dcdee0;
  width: 100%;
  text-align: center;
  padding: 0 12px 2px;
}
.more-options-btn__inner a:visited {
  font: 16px/37px "Source Sans Pro", sans-serif;
  color: #252626;
  border-bottom: 1px solid #dcdee0;
  width: 100%;
  text-align: center;
  padding: 0 12px 2px;
}
.more-options-btn__inner a:hover {
  background-color: #edf0f7;
}

.more-options-btn:hover .more-options-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.open-menu-redactor-btn {
  display: block;
}

.more-options-btn.feed-more-options-btn {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0 0 16px;
}

.comment-content__body {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.comment-content__text-escaped,
.comment-content__text-full {
  margin: 8px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.comment-content__text-escaped img,
.comment-content__text-full img {
  max-width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  border-radius: 8px;
}
.comment-content__text-escaped figure,
.comment-content__text-full figure {
  margin: 15px 0;
  padding: 0;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.comment-content__text-escaped figure > *,
.comment-content__text-escaped figure p > *,
.comment-content__text-full figure > *,
.comment-content__text-full figure p > * {
  margin: 0 !important;
}
.comment-content__text-escaped figcaption,
.comment-content__text-full figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #9ca1a6;
  font-size: 14px;
  line-height: 18px;
  margin: 8px 0 0 !important;
  max-width: 100%;
  width: 100%;
}
.comment-content__text-escaped u,
.comment-content__text-full u {
  text-decoration: underline;
}
.comment-content__text-escaped i,
.comment-content__text-full i {
  font-style: italic;
}
.comment-content__text-escaped a,
.comment-content__text-full a {
  color: #3e99ed;
}
.comment-content__text-escaped b,
.comment-content__text-full b {
  font-weight: 600;
}
.comment-content__text-escaped b a,
.comment-content__text-full b a {
  color: #252626;
}
.comment-content__text-escaped iframe,
.comment-content__text-full iframe {
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  border-radius: 8px;
  width: 100%;
}
.comment-content__text-escaped .post-yvideo,
.comment-content__text-full .post-yvideo {
  cursor: pointer;
  position: relative;
}
.comment-content__text-escaped .post-yvideo .video-btn-overlay,
.comment-content__text-full .post-yvideo .video-btn-overlay {
  position: absolute;
  background: url(/img/yt-play-gray.png) no-repeat;
  width: 100px;
  height: 71px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -35px;
}
.comment-content__text-escaped .post-yvideo .post-yvideo-duration,
.comment-content__text-escaped .scifi-post-yuotube .post-yvideo-duration,
.comment-content__text-full .post-yvideo .post-yvideo-duration,
.comment-content__text-full .scifi-post-yuotube .post-yvideo-duration {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
  opacity: 0.6;
}
.comment-content__text-escaped .post-yvideo,
.comment-content__text-escaped .post-yvideo img,
.comment-content__text-escaped .post-yvideo iframe,
.comment-content__text-escaped .description object,
.comment-content__text-escaped .description iframe,
.comment-content__text-full .post-yvideo,
.comment-content__text-full .post-yvideo img,
.comment-content__text-full .post-yvideo iframe,
.comment-content__text-full .description object,
.comment-content__text-full .description iframe {
  max-width: 100%;
}
.comment-content__text-escaped div .post-yvideo,
.comment-content__text-full div .post-yvideo {
  margin-bottom: 16px;
}
.comment-content__text-escaped div .post-yvideo:last-child,
.comment-content__text-full div .post-yvideo:last-child {
  margin-bottom: 0px;
}
.comment-content__text-escaped .scifi-post-yuotube .post-yvideo-duration,
.comment-content__text-full .scifi-post-yuotube .post-yvideo-duration {
  font-size: 16px;
  font-weight: bold;
}
.comment-content__text-escaped .scifi-post-yuotube .post-yvideo-title,
.comment-content__text-full .scifi-post-yuotube .post-yvideo-title {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 8px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 16px;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1100px) {
  .comment-content__text-escaped .post-yvideo > img,
.comment-content__text-full .post-yvideo > img {
    max-width: 90% !important;
  }
}
.comment-content__text-escaped div.spoiler,
.comment-content__text-full div.spoiler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 15px 0;
}
.comment-content__text-escaped a.spoiler-open,
.comment-content__text-escaped a.spoiler-close,
.comment-content__text-full a.spoiler-open,
.comment-content__text-full a.spoiler-close {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed;
}
.comment-content__text-escaped div.spoiler-body,
.comment-content__text-full div.spoiler-body {
  display: none;
  word-wrap: break-word;
  white-space: normal;
}

.comment-content__read-more-link {
  color: #88898c;
}

.comment-content__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 25px;
  margin: 9px 0 7px;
}

.comment-content__btns-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 15px;
}

.comment-content__plus-btn,
.comment-content__minus-btn {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.comment-content__plus-btn {
  background-image: url("/img/skins/ll2019/plus-btn.svg");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
}

.comment-content__minus-btn {
  background-image: url("/img/skins/ll2019/minus-btn.svg");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
}

.comment-content__rating {
  text-align: right;
  min-width: 24px;
}

.comment-content__rating,
.comment-content__answer-btn {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
}

.comment-content__save-btn {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  width: 24px;
  cursor: pointer;
  height: 24px;
  background-image: url("/img/skins/ll2019/save-btn.svg");
  background-position: center;
  background-size: 16px 19px;
  background-repeat: no-repeat;
}
.comment-content__save-btn.featured-comment {
  background-image: url("/img/skins/ll2019/save-btn-featured-comment.svg");
}
.comment-content__save-btn.featured-comment svg * {
  fill: #3e99ed;
}

.comment-content__more-answers-btn {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  color: #3e99ed;
}
.comment-content__more-answers-btn:after {
  content: "";
  width: 14px;
  height: 7px;
  display: inline-block;
  background-image: url("/img/skins/ll2019/more-answers-btn.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: 0 0 0 10px;
  padding: 0 0 2px;
}

.comment-content__more-answers-btn.comment-content__hide-answers-btn:after {
  transform: rotate(180deg);
}

.commentary-feed__add-comment {
  width: 100%;
  padding: 36px 0 0;
}

.add-comment-form {
  width: 100%;
}

.add-comment-content__text-field {
  width: 100%;
  height: 64px;
  padding: 9px 20px 6px;
  outline: 0;
  border: 1px solid #d0d2d6;
  border-radius: 8px;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 400 18px/24px "Source Sans Pro", sans-serif;
  color: #88898c;
}

.add-comment-content__options-btn {
  position: absolute;
  top: auto;
  bottom: 12px;
  left: auto;
  right: 6px;
  width: 32px;
  height: 32px;
  background-color: #edf0f7;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background-image: url("/img/skins/ll2019/options-btn.svg");
  background-position: center;
  background-size: 18px 17px;
  background-repeat: no-repeat;
}

.add-comment-content__btns-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 19px;
}

.add-comment-content__btn {
  height: 32px;
  width: max-content;
  background-color: #3e99ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  border-radius: 24px;
  margin: 10px 0 0;
  padding: 0 26px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clear-comment-btn {
  background: none;
  font: 400 16px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
  padding: 0 0 4px;
  height: 0;
}

.add-comment-content__inner,
.comment-content__inner {
  padding: 10px 0 0;
  width: calc(100% - 64px);
}

.add-comment-content__inner {
  padding: 0;
  position: relative;
  width: 100%;
}

.comment-content__sub-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px 0;
  margin: 16px 0 0;
}

.sub-comment-wrapper .comment-content {
  gap: 0 12px;
}
.sub-comment-wrapper .comment-content__inner {
  width: calc(100% - 42px);
  padding: 0;
}
.sub-comment-wrapper .comment-content__authors-icon {
  flex: 0 0 28px;
}
.sub-comment-wrapper .comment-content__authors-icon img {
  max-width: 28px;
}

.add-comment-content__authors-icon,
.comment-content__authors-icon {
  flex: 0 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
}
.add-comment-content__authors-icon img,
.comment-content__authors-icon img {
  max-width: 48px;
  width: 100%;
  height: 100%;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ll2019-popup-bg {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
  content: "";
  top: 0;
  left: 0;
  display: block;
  transition: background-color 0.4s ease 0s;
}

.filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 0 29px;
  margin: 23px 0;
}

.filter__select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.filter__select details {
  position: absolute;
  z-index: 10;
  width: 100%;
  border-radius: 20px;
}
.filter__select summary {
  display: block;
  position: relative;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 6px 19px 8px;
  width: 100%;
  height: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #d2d4d6;
}
.filter__select summary::-webkit-details-marker {
  display: none;
}
.filter__select summary::after {
  position: absolute;
  content: "";
  right: 22px;
  top: 12px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.filter__select details[open] {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  max-height: 321px;
  overflow: hidden;
}
.filter__select details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none;
}
.filter__select details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 17px;
}
.filter__select div {
  border-top: 1px solid #d2d4d6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  max-height: 320px;
  overflow: auto;
}
.filter__select div::-webkit-scrollbar, .filter__select div::-webkit-scrollbar-thumb {
  width: 11px;
  border-radius: 0;
  background-clip: padding-box;
  border: 4px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.filter__select div::-webkit-scrollbar-thumb {
  box-shadow: #bfbfbf inset 0 0 0 10px;
}
.filter__select a {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 6px 20px 10px;
}
.filter__select a:hover {
  background: #edf0f7;
}
.filter__select a:last-child {
  border-radius: 0 0 20px 20px;
}
.filter__select .selected-list-item {
  font-weight: 600;
}
.filter__select input {
  display: none;
}
.filter__select a {
  display: block;
}


  .commentary-feed__filter-mob .filter__select summary {
    border-radius: 20px;
    border: 1px solid #d2d4d6;
  }
  .commentary-feed__filter-mob .filter__select .pages-list {
    position: fixed;
    top: auto;
    bottom: -100px;
    left: 0;
    right: 0;
    max-height: 376px;
    background: white;
    border: 0;
    transition: all 0.3s ease-in-out;
  }
  .commentary-feed__filter-mob .filter__select details[open] {
    box-shadow: none;
  }
  .commentary-feed__filter-mob .filter__select details[open] summary {
    max-height: none;
    width: 100%;
    height: 100%;
    border: 1px solid #d2d4d6;
    border-radius: 20px;
  }
  .commentary-feed__filter-mob .filter__select details[open] summary:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
  }
  .commentary-feed__filter-mob .filter__select details[open] .pages-list {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 376px;
    background: white;
    border: 0;
    border-radius: 24px 24px 0 0;
    text-align: center;
  }
  .commentary-feed__filter-mob .filter__select details[open] .pages-list h1 {
    text-align: center;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    margin: 39px 0 25px;
  }
  .commentary-feed__filter-mob .filter__select .branches-list {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 376px;
    background: white;
    border: 0;
    z-index: 2;
    border-radius: 24px 24px 0 0;
    text-align: center;
    padding: 40px 0;
  }
  .commentary-feed__filter-mob .filter__select .pages-list__inner,
.commentary-feed__filter-mob .filter__select .branches-list__inner {
    border: 0;
    border-radius: 0;
  }
  .commentary-feed__filter-mob .filter__select a {
    border-bottom: 1px solid #d9dbe0;
  }
  .commentary-feed__filter-mob .filter__select a:last-child {
    border-radius: 0;
  }

  .commentary-feed-wrapper {
    max-width: 768px;
    padding: 24px 16px 40px 16px;
  }

  .more-options-btn {
    display: none;
  }

  .more-options-btn-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .more-options-btn-mob .more-options-btn__inner {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    top: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    background: #fff;
    border-radius: 20px 20px 0 0;
    width: 100%;
    transition: height 1s ease;
    color: #252626;
    z-index: 1004;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .more-options-btn-mob .more-options-btn__inner a {
    font: 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    height: 36px;
    padding-bottom: 3px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #dcdee0;
  }
  .more-options-btn-mob .more-options-btn__inner a:visited {
    font: 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    height: 36px;
    padding-bottom: 3px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #dcdee0;
  }
  .more-options-btn-mob .more-options-btn__inner a:first-of-type {
    margin-top: 11px;
  }
  .more-options-btn-mob .more-options-btn__inner a:last-of-type {
    margin-bottom: 38px;
  }
  .more-options-btn-mob .more-options-btn__inner a:hover, .more-options-btn-mob .more-options-btn__inner a:focus {
    background-color: #edf0f7;
  }
  .more-options-btn-mob .more-options-btn__inner a:first-of-type {
    margin-top: 0px;
  }
  .more-options-btn-mob .more-options-btn__inner a:last-of-type {
    margin-bottom: 0px;
  }
  .more-options-btn-mob .more-options-btn__inner:not(span) > a:first-child {
    margin-top: 11px;
  }
  .more-options-btn-mob .more-options-btn__inner a:last-child {
    margin-bottom: 38px;
  }

.commentary-feed-wrapper, .commentary-feed-wrapper p {
    font: 400 16px/24px "Source Sans Pro", sans-serif;
  }

  .add-comment-content,
.comment-content {
    gap: 0 8px;
  }

  .commentary-feed-wrapper {
    max-width: 500px;
    padding: 15px 16px 16px;
  }

  .commentary-feed__headline {
    font: 600 25px/32px "Source Sans Pro", sans-serif;
  }

  .comment-content__header {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
  }

  .publication-date {
    font: 400 14px/16px "Source Sans Pro", sans-serif;
  }

  .comment-content__rating {
    min-width: auto;
  }

  .comment-content__rating,
.comment-content__answer-btn {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
  }

  .sub-comment-wrapper .comment-content {
    gap: 0 8px;
  }
  .sub-comment-wrapper .comment-content__inner {
    width: calc(100% - 24px);
  }
  .sub-comment-wrapper .comment-content__authors-icon {
    flex: 0 0 16px;
    margin: 5px 0 0;
  }
  .sub-comment-wrapper .comment-content__authors-icon img {
    max-width: 16px;
  }

  .add-comment-content__authors-icon,
.comment-content__authors-icon {
    flex: 0 0 24px;
    margin: 1px 0 0;
  }
  .add-comment-content__authors-icon img,
.comment-content__authors-icon img {
    max-width: 24px;
  }

  .add-comment-content__authors-icon {
    margin: 0;
  }

  .comment-content__btns-wrapper {
    gap: 0 21px;
  }

  .comment-content__actions {
    gap: 0 23px;
  }

  .add-comment-form {
    width: 100%;
  }

  .add-comment-content__text-field {
    padding: 3px 8px 6px;
    border-radius: 6px;
    font: 400 16px/20px "Source Sans Pro", sans-serif;
  }

  .add-comment-content__btn {
    height: 28px;
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    border-radius: 14px;
    margin: 6px 0 0 auto;
    padding: 0 19px 3px;
  }

  .add-comment-content__inner,
.comment-content__inner {
    padding: 0;
    width: calc(100% - 32px);
  }

  .add-comment-content__inner {
    width: 100%;
  }

  .authors-name-star-marked:after {
    margin: 0 2px 0 4px;
  }

  .comment-content__authors-name {
    margin: 0 2px 0 0;
  }

  .comment-content__text {
    margin: 7px 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }

  .comment-content__more-answers-btn {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
  }
  .comment-content__more-answers-btn:after {
    margin: 0 0 0 10px;
    padding: 0 0 2px;
  }

  .commentary-feed__comments {
    gap: 9px 0;
    margin: 0 0 26px;
  }

  .comment-content__sub-comments {
    gap: 9px 0;
    margin: 9px 0 0;
  }

  .commentary-feed__add-comment {
    padding: 9px 0 0;
  }

.commentary-feed__pagination {
  margin: 0 0 28px;
}
.commentary-feed__pagination .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.commentary-feed__pagination .pagination__page {
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  padding: 0 0 2px;
  margin: 0 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #edf0f7;
  color: #88898c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.commentary-feed__pagination .pagination__page:nth-child(-n+2) {
  font-size: 26px;
  padding: 0 2px 6px 0;
}
.commentary-feed__pagination .pagination__page:nth-last-child(-n+2) {
  font-size: 26px;
  padding: 0 0 6px 2px;
}
.commentary-feed__pagination .pagination__page:nth-child(2) {
  margin: 0 16px 0 8px;
}
.commentary-feed__pagination .pagination__page:nth-last-child(2) {
  margin: 0 8px 0 16px;
}
.commentary-feed__pagination .pagination__page--active {
  font-weight: 600;
  background: #898b8c !important;
  color: #fff !important;
}


  .commentary-feed__pagination {
    margin: 0 0 31px;
  }

  .pagination {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .pagination__page {
    margin: 0;
    min-width: 32px;
  }

  .pagination a:nth-child(2) {
    margin: 0 8px 0 0;
  }
  .pagination a:nth-last-child(2) {
    margin: 0 0 0 8px;
  }
/* new comments end */

.commentary-feed__pagination .pagination__page--unactive { 
  visibility:hidden;
}

span.details-optgroup {
  font-weight: bold;
  padding-left: 22px;
}

.publication-date--my {
  background-color: #ccddee; 
  padding: 0 4px; 
  border-radius: 4px;
}

.publication-date--new {
  background-color: #ffffaa; 
  padding: 0 4px; 
  border-radius: 4px;
}

.comment-content__btns-wrapper--voted {
  display:none;
}

.comment-content__rating--voted {
    cursor:pointer;
}

.comment-content__text-full {
  -webkit-line-clamp: inherit;
}

.add-comment-form .note-frame {
  border-radius: 8px;
}

.add-comment-form .note-editor.note-frame .note-editing-area .note-editable, 
.add-comment-form .note-editor.note-frame .note-placeholder {
  padding: 9px 20px 6px;
}

.commentary-feed-wrapper {
  padding: 15px 0 0;
}

.commentary-feed__nodes {
  width:100%;
}

.comment-content__authors-name {
  color: #252626 !important;
}

.filter__select details {
  z-index:42;
}

.comment-content__authors-status {
  margin: 0 2px 0 0;
  font-weight: 400;
  color: #04A00C;
}

.comment-content__recipient {
  color: #252626 !important;
  font-weight: 600;
  word-break: break-word;
}

.comment-content__sub-comments .add-comment-content__authors-icon {
  flex: 0 0 16px;
}

.comment-content__sub-comments .add-comment-content__authors-icon img {
  max-width:16px;
}

.add-comment-content__btn--cancel {
  margin-right: auto;
  margin-left: 0;
}

.clear-comment-btn {
  padding: 0 0 3px;
}

.add-comment-content__btns-wrapper {
  gap: 0 12px;
}

.section-form__title-link {
  color: #fff !important;
}
.book-item__item {
  text-align:left; }
.book-item--singletile.book-item__item {
  margin: 33px auto 10px; }
.book-item--singletile .book-item__wrapper {
  border: none;
  grid-template-rows: min-content min-content 44px 28px; }
.comment-content__body .book-item--min .book-item__wrapper { 
  grid-template-rows: 27px 33px 28px;  }
.comment-content__body .book-item--min {
  margin: 50px 0 26px; }  

.comment-content__body .book-item__status, 
.comment-content__body .book-item__title,
.comment-content__body .book-item__title:visited,
.comment-content__body .book-item__author,
.comment-content__body .book-item__author:visited,
.comment-content__body .book-item__buy,
.comment-content__body .book-item__buy:visited {
    color: #252626 !important;
}

.comment-content__rating--hide {
  display:none;
}

.share-popup-main__social-vkontakte {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%234C6C91'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.328 31.437s.487-.052.737-.314c.229-.24.22-.69.22-.69s-.03-2.102.975-2.418c.99-.307 2.262 2.037 3.61 2.939 1.02.68 1.793.532 1.793.532l3.605-.049s1.886-.113.991-1.556c-.074-.119-.522-1.068-2.68-3.02-2.262-2.043-1.958-1.712.764-5.251 1.659-2.152 2.321-3.466 2.11-4.028-.198-.538-1.418-.395-1.418-.395l-4.058.024s-.301-.04-.525.09c-.218.128-.36.425-.36.425s-.641 1.665-1.497 3.082c-1.808 2.987-2.53 3.148-2.825 2.96-.688-.432-.517-1.738-.517-2.664 0-2.897.451-4.104-.878-4.416-.441-.105-.766-.173-1.895-.185-1.45-.014-2.673.006-3.368.336-.462.22-.818.711-.601.74.268.034.875.159 1.198.585.415.552.401 1.79.401 1.79s.24 3.408-.558 3.832c-.547.29-1.297-.303-2.909-3.014-.825-1.388-1.449-2.923-1.449-2.923s-.12-.287-.335-.442c-.26-.186-.623-.245-.623-.245l-3.856.024s-.58.016-.792.26c-.189.218-.015.67-.015.67s3.02 6.879 6.439 10.345c3.136 3.178 6.694 2.97 6.694 2.97h1.614' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%233B5998'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.702 37.31V24.25h3.604l.478-4.5h-4.082l.006-2.252c0-1.174.112-1.802 1.797-1.802h2.253v-4.5h-3.605c-4.33 0-5.854 2.183-5.854 5.854v2.702H17.6v4.5h2.7v13.06H25.7' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-odnoklassniki {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%23F58223'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.505 17.07c0 4.083-3.37 7.384-7.498 7.384-4.146 0-7.497-3.301-7.497-7.367 0-4.083 3.351-7.384 7.497-7.384 4.128 0 7.48 3.301 7.498 7.367zm-4.393.017c0-1.685-1.394-3.058-3.105-3.058s-3.105 1.373-3.105 3.058c0 1.686 1.394 3.058 3.105 3.058s3.105-1.372 3.105-3.058zm4.27 11.624a14.545 14.545 0 01-4.358 1.772l4.198 4.117a2.127 2.127 0 010 3.058 2.207 2.207 0 01-3.104 0L23.99 33.61l-4.11 4.048a2.207 2.207 0 01-1.553.626 2.207 2.207 0 01-1.553-.626 2.127 2.127 0 010-3.058l4.199-4.135a14.36 14.36 0 01-4.357-1.772 2.161 2.161 0 01-.706-2.97 2.222 2.222 0 013.034-.678 9.672 9.672 0 0010.091 0 2.218 2.218 0 013.034.677c.653 1.025.335 2.346-.688 2.989z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2355ACEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.281 19.508l.05.83-.839-.102c-3.055-.39-5.725-1.712-7.991-3.932l-1.108-1.102-.285.814c-.604 1.813-.218 3.73 1.041 5.02.672.712.52.814-.638.39-.403-.136-.755-.237-.789-.186-.118.12.285 1.661.604 2.271.436.847 1.326 1.678 2.3 2.17l.823.39-.974.016c-.94 0-.974.017-.873.373.336 1.102 1.662 2.271 3.139 2.78l1.041.355-.907.542a9.448 9.448 0 01-4.499 1.254c-.755.017-1.377.085-1.377.136 0 .17 2.048 1.12 3.24 1.491 3.576 1.102 7.823.627 11.01-1.254 2.266-1.339 4.533-4 5.59-6.576.571-1.373 1.142-3.88 1.142-5.084 0-.78.05-.88.99-1.813.554-.542 1.074-1.136 1.175-1.305.168-.322.151-.322-.705-.034-1.427.508-1.628.441-.923-.322.52-.542 1.142-1.525 1.142-1.813 0-.05-.252.034-.537.186-.302.17-.974.424-1.477.576l-.907.288-.823-.559c-.453-.305-1.091-.644-1.427-.746-.856-.237-2.166-.203-2.938.068-2.098.763-3.425 2.73-3.274 4.881' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-mailru {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24z' fill='%2307C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.531 16.105c2.064 0 4.004.95 5.428 2.439v.006c0-.715.462-1.253 1.103-1.253l.162-.002c1.002 0 1.207.989 1.207 1.302l.005 11.11c-.07.727.72 1.102 1.159.637 1.712-1.834 3.76-9.426-1.064-13.824-4.495-4.101-10.528-3.425-13.735-1.121-3.41 2.451-5.593 7.876-3.473 12.971 2.31 5.56 8.922 7.216 12.852 5.564 1.99-.837 2.91 1.966.843 2.882-3.123 1.388-11.814 1.248-15.874-6.083-2.744-4.95-2.597-13.66 4.678-18.172 5.566-3.451 12.903-2.495 17.328 2.32 4.625 5.036 4.356 14.464-.156 18.131-2.044 1.665-5.08.044-5.06-2.383l-.022-.794c-1.423 1.473-3.317 2.331-5.38 2.331-4.077 0-7.665-3.74-7.665-7.986 0-4.293 3.587-8.075 7.664-8.075zm5.132 7.766c-.154-3.11-2.37-4.982-5.046-4.982h-.1c-3.089 0-4.801 2.531-4.801 5.406 0 3.22 2.072 5.253 4.788 5.253 3.03 0 5.021-2.313 5.165-5.048l-.006-.629z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-livejournal {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%231DB1E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 16.3a12.032 12.032 0 016.073-6.073l2.824 2.824a12.032 12.032 0 00-6.073 6.073l9.883 9.883a12.033 12.033 0 016.073-6.073l-9.883-9.883a11.941 11.941 0 014.883-1.045 11.997 11.997 0 11-10.956 7.118L10.219 16.3zm19.489 9.62a8.853 8.853 0 00-3.797 3.796l4.724.927-.927-4.724z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-liveinternet {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2336869D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.813 13.497h-4.318v21.004H26.2v-4.122h-8.386V13.497zm12.609 8.419v12.587h4.083V21.916h-4.083zm0-8.417H34.5v4.076h-4.077V13.5z' fill='%23fff'/%3E%3C/svg%3E");
}


.header-card-user__name {
  min-width:50px;
}

.header-card__menu-block {
  -webkit-transform: none; 
  transform: none;
}

.block-rightdown .btn-close {
  z-index: 4;
}

.lenta-card__text.without-readmore, .lists__text .without-readmore {
  max-height: initial;
}

.wtr__title-thin {
  margin: 0 12px 0 10px;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  color: #252626
}

.share-popup-main__label {
  margin-bottom: 15px;
}

.lenta-card-book__link figure {
  width:100%;
}

.tags .section-form__wrap {
  height: auto;
  min-height: 72px;
  padding-top: 23px;
  padding-bottom: 25px;
  line-height: 1;
}

.tags .section-form__meta-info {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 42px);
}

.tags .section-form__product {
  margin-right: 4px;
  font-weight: 600;
}

.tags .section-form__product, .tags .section-form__author {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}

.tags .section-form__author {
  font-weight: 400;
}

.wtr-11 .lists__counter::before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  top: -24px;
  color: #6F7073;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
}

.lists__list {
  counter-reset: item;
}