@charset "UTF-8";

html {
  scroll-behavior: smooth;
}  

html {
  scroll-behavior: smooth;
}  

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 {
  color: #217DD1;
  text-decoration: none;
  cursor: pointer; }

b {
  font-weight: 600; }

/* класс для символов валют*/
.livelib-currency {
  font-family: 'livelib-currency', 'Source Sans Pro', Arial, sans-serif;
}

/************************/
.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/SVGsprite21.svg") -68px -362px no-repeat; }

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

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

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

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

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

.icon-app-f {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.lenta-form__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -70px -130px no-repeat; }

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

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

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

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

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

.lenta-card__unreg {
  background: url("/img/skins/mobile2019/SVGsprite21.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 {
  object-fit: cover;
  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;
  height: min-content;
  -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; }
a.sab__notify {
  position: relative;
  min-width: 24px;
  min-height: 24px;
}
.sab__notify::before {
  position: absolute;
  content: "";
  top: calc(50% - 12px);
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 14C18 12.5 18 10.5 18 10.5C18 7.4 16.1 4.7 13 4C13 4 13 3 12 3C11 3 11 4 11 4C7.9 4.7 6 7.4 6 10.5C6 10.5 6 12.5 6 14C6 15.5 3.5 18 3.5 18V19H9C9.1 20.9 10.6 22 12 22C13.4 22 15 20.9 15 19H20.5V18C20.5 18 18 15.5 18 14ZM12 21C11 21 10 20.2 10 19H14C14 20.4 12.8 21 12 21ZM5 18C5 18 7 16 7 14.5C7 13 7 10.5 7 10.5C7 8 9 5 12 5C15 5 17 8 17 10.5C17 10.5 17 13 17 14.5C17 16 19 18 19 18H5Z' fill='%233E99ED'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}  
.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/SVGsprite21.svg") -78px 0 no-repeat; }

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

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

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

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

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

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

.sab__link--active.icon-quote::before {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -130px -52px no-repeat; }
.sab__detailing .sab__link--active.sab__notify::before,
.sab__link--active.sab__notify::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 10.5V14C18 15.5 20.5 18 20.5 18V19H3.5V18C3.5 18 6 15.5 6 14V10.5C6 7.4 7.9 4.7 11 4C11 4 11 3 12 3C13 3 13 4 13 4C16.1 4.7 18 7.4 18 10.5ZM11.9992 21.9996C10.8681 21.9996 9.67181 21.2816 9.20117 20.0039H14.8348C14.3918 21.2816 13.1302 21.9996 11.9992 21.9996Z' fill='%233E99ED'/%3e%3c/svg%3e ");
}  
.sab__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px; }

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

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

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

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

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

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

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

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

.icon-wa, .icon-whatsapp {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -50px -512px no-repeat;
}

.icon-tg, .icon-telegram {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") 0 -512px no-repeat;
}  

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

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

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

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

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

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

.icon-tinkoff-48 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -550px -286px no-repeat; }
.icon-tinkoff-40 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -210px -396px no-repeat; }
.icon-tinkoff-24 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -286px -336px 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/SVGsprite21.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/SVGsprite21.svg") -140px -156px no-repeat; }

.histories-card .lenta-card-book .btn-add-plus,
.review-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,
.lifehack-card .lenta-card-book .btn-add-plus::before,
.quote-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,
.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/SVGsprite21.svg") 0 -26px no-repeat; }
.quote-card .btn-add-plus::after {
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='28' height='28' rx='14' fill='%233E99ED'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.76254 12.7537C9.07423 12.7537 8.51624 13.3117 8.51624 14C8.51624 14.6883 9.07422 15.2463 9.76253 15.2463L12.7538 15.2463L12.7537 18.2375C12.7537 18.9258 13.3117 19.4838 14 19.4838C14.6883 19.4838 15.2463 18.9258 15.2463 18.2375L15.2463 15.2463L18.2373 15.2462C18.9257 15.2462 19.4836 14.6882 19.4836 13.9999C19.4836 13.3116 18.9257 12.7536 18.2374 12.7536L15.2464 12.7537L15.2464 9.76267C15.2464 9.07436 14.6884 8.51638 14.0001 8.51638C13.3118 8.51639 12.7538 9.07438 12.7538 9.76269L12.7538 12.7537L9.76254 12.7537Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: 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,
.lifehack-card .lenta-card-book .btn-add-plus--add::after,
.statuses-card .btn-add-plus--add::after {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -26px -26px no-repeat; }

.quote-card .btn-add-plus--add::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='13.5' fill='white'/%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='13.5' stroke='%233E99ED'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3206 15.3847L18.3372 10.368C18.8254 9.87989 19.6169 9.87989 20.105 10.368C20.5932 10.8562 20.5932 11.6477 20.105 12.1358L14.2046 18.0362C13.7179 18.5229 12.9297 18.5244 12.4412 18.0405C12.4365 18.036 12.4318 18.0314 12.4271 18.0267L8.76455 14.3641C8.2764 13.876 8.2764 13.0845 8.76455 12.5964C9.25271 12.1082 10.0442 12.1082 10.5323 12.5964L13.3206 15.3847Z' fill='%233B91E0'/%3e%3c/svg%3e ");
}
.review-card .lenta-card-book .btn-add-plus::after {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -104px -104px no-repeat; }

.review-card .lenta-card-book .btn-add-plus--add::after {
  background: url("/img/skins/mobile2019/SVGsprite21.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; }
/********NEW QUOTE*****************/
.quote-card.lenta__item {
  margin-bottom: 33px;
}
.quote-card .header-card-user__name {
  font: 600 16px/20px "Source Sans Pro", sans-serif;
}
.quote-card .header-card-user__avatar {
  margin: 10px 8px;
  width: 32px;
  height: 32px;
}
.quote-card .lenta-card-book::before {
  position: absolute;
  content: "";
  top: -24px;
  right: 0px;
  left: 0px;
  height: 1px; 
  background: #D9DBE0;
}
.lenta-card__personage {
  display: flex;
  align-items: center;
  margin: 10px 0 16px;
}
.lenta-card__personage img {
  margin: 0 8px 0 4px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  z-index: 2;
  object-fit: cover;
}
.lenta-card__personage span {
  font: 600 14px/16px "Source Sans Pro", sans-serif;
  color: #252626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.quote-card .lenta-card-book__link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 46px;
  margin: 0 8px 0 0;
  flex-shrink: 0;
}
.quote-card .lenta-card-book__wrapper {
  width: calc(100% - 90px);
}
.quote-card .btn-add-plus {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: auto;
  position: absolute;
  left: auto;
  right: 4px;
  top: 18px;
}
.quote-card .lenta-card__author-wrap,
.quote-card .lenta-card__book-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.quote-card .lenta-card__book-title {
  max-height: 32px;
  margin: 0 0 6px;}
.quote-card .lenta-card__author-wrap {
  margin: 0 0 3px;
  max-height: 36px;
}
.main-block__item.quote-card .lenta-card__book-title,
.main-block__item.quote-card .lenta-card__author-wrap {
  -webkit-line-clamp: 1;
  max-height: 18px; }
.quote-card .footer-card {
  padding: 8px 8px 6px;
}

.btn-wrap {
  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;
  margin-top: 26px;
}
.btn-wrap a {
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  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;
  padding: 4px 24px 6px;
  margin: 0 0 16px;
  font: 16px/20px "Source Sans Pro", sans-serif; 
  border: 1px solid #88898C;
  color: #6F7073;
  background: #fff;
}
a.btn-grey:hover,
a.btn-grey:focus {
  background-color: rgba(150, 151, 153, 0.07); }

.sab__notify + .sab__detailing {
  -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;
  padding: 24px 24px 16px;
  box-sizing: border-box;
  transform: translate(0,100%);
  flex-wrap: nowrap;
  height: auto;
  max-height: 340px;
  overflow: scroll;
  box-shadow: 0px 4px 12px 0px #00000040;
  transition: all 450ms cubic-bezier(0.32, 1, 0.23, 1) 100ms;
}
.quote-card .footer-card__soc-active {
  width: 70%;
}
.sab__detailing:target {
  transform: translate(0, 0);
  z-index: 9;
}
.sab__notify ~ .sab__detailing .sab__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0;  
  flex-shrink: 0;
  text-align: start;
}
.sab__notify ~ .sab__text {
  color: #252626;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  margin: 15px 0 8px;
  text-align: start;
}
.sab__detailing .sab__notify {
 color: #252626;
 font: 16px/40px "Source Sans Pro", sans-serif;
 padding: 0 0 0 32px;
 flex-shrink: 0;
}
.sab__detailing .sab__notify::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 14C18 12.5 18 10.5 18 10.5C18 7.4 16.1 4.7 13 4C13 4 13 3 12 3C11 3 11 4 11 4C7.9 4.7 6 7.4 6 10.5C6 10.5 6 12.5 6 14C6 15.5 3.5 18 3.5 18V19H9C9.1 20.9 10.6 22 12 22C13.4 22 15 20.9 15 19H20.5V18C20.5 18 18 15.5 18 14ZM12 21C11 21 10 20.2 10 19H14C14 20.4 12.8 21 12 21ZM5 18C5 18 7 16 7 14.5C7 13 7 10.5 7 10.5C7 8 9 5 12 5C15 5 17 8 17 10.5C17 10.5 17 13 17 14.5C17 16 19 18 19 18H5Z' fill='%23252626'/%3e%3c/svg%3e "); }
.sab__detailing .sab__notify:nth-of-type(1),
.sab__detailing .sab__notify:nth-of-type(2) {
  flex-shrink: 0;
  line-height: 56px;
  border-bottom: 1px solid #D9DBE0;}


/*************/
.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/SVGsprite21.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: 8px 0 16px; }

.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: 38px 12px 24px; }

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

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

.quote-card .lenta-card__text.lenta-card__text--big {
  margin-top: 4px;
  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: 40px;
  border-radius: 20px; }

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

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

.bc-menu .btn-add-plus--add::after {
  background: url(/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.svg") 0 -244px no-repeat; }

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

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

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

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

.icon-book-exchange::before {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -210px -244px no-repeat; }
.icon-selection::before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") 0 -182px no-repeat;
  /* Сборщик неправильно указывает последовательность при совмещении этих стилей, что приводит к ошибке в отображении */
  background-repeat: no-repeat;
}

.bc-menu__rating input:checked ~ label:before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -52px -26px no-repeat; }

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

.icon-funny-smile::before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -26px 0 no-repeat; }

.bc-hero__bookmark--active::before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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-reader__popup {
  position: sticky;
}
.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;
  box-sizing: border-box;
  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/SVGsprite21.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/SVGsprite21.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: 74%;
  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 {
  position: relative;
  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-topslogan {
  font: 400 14px/18px "Source Sans Pro", sans-serif;
  color: #fff;
  width: 192px;
  padding: 6px 3px;
}
.kv-topslogan i {
  font-style: normal;
  font-size: 19px;
}
.kv-topslogan object {
  font: 400 12px/16px "Source Sans Pro", sans-serif;
  color: #88898C;
  text-transform: none;
}
.kv-topslogan a,
.kv-topslogan a:visited {
  color: #F8DB73;
  cursor: pointer;
  transition: all 0.3s;
}
.kv-topslogan a:hover,
.kv-topslogan a:active {
  opacity: 0.7;
}

.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/SVGsprite21.svg") -52px -104px no-repeat; }

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

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

.kv-settings__link--active:nth-child(1):before {
  background: url("/img/skins/mobile2019/SVGsprite21.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 auto;
  top: calc(50% - 171px);
  max-width: 500px;
  width: calc(100% - 16px);
  content: "";
  background: #fff;
  color: #252626;
  border-radius: 20px;
  line-height: 24px;
  padding: 26px 24px 20px;
  box-sizing: border-box;
  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) div a,
.kv-settings__link:nth-of-type(2) div a: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;
  height: 40px;
  width: fit-content;
  border-radius: 20px;
  margin-top: 16px;
  border: 1px solid rgba(250, 56, 93, 1);
  padding: 0 50px 0 20px;
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.33337 11H16.6667M16.6667 11L11.6667 6M16.6667 11L11.6667 16' stroke='%23EB2F53' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: calc(100% - 21px) 50%;
  transition: all 0.3s;
}
.kv-settings__link:nth-of-type(2) div a:hover,
.kv-settings__link:nth-of-type(2) div a:active {
  background-color: rgba(250, 56, 93, 0.1);
 }


.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 h3 {
  position: relative;
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  margin: 40px 0 30px; }

.kv-form ul {
  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 18px; }

.kv-form--2023 ul {
  margin: 0;
}
.kv-form li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  text-align: center;
  color: #fff;
  background-color: #252626;
  margin: 0 0 16px;
  height: 328px;
  padding: 32px 24px 200px 24px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: auto 194px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.kv-form--2023 li {
  background-size: auto 186px;
}

.kv-form li:nth-of-type(1) {
  background-image: url(/img/skins/mobile2019/kv-l-1.png); }

.kv-form li:nth-of-type(2) {
  background-image: url(/img/skins/mobile2019/kv-l-2.png); }

.kv-form li:nth-of-type(3) {
  background-image: url(/img/skins/mobile2019/kv-l-3.png); }

.kv-form--2023 li:nth-of-type(1) {
  background-image: url(/img/skins/mobile2019/kv-l-img1.png); }

.kv-form--2023 li:nth-of-type(2) {
  background-image: url(/img/skins/mobile2019/kv-l-img2.png); }

.kv-form i {
  color: #fff;
  display: block;
  text-align: center;
  font: 300 14px/18px "Source Sans Pro", sans-serif;
  margin: 0 0 33px;
}

.kv-form div h4 {
  text-align: center;
  color: #fff;
  font: 400 20px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 22px; }

.kv-form div p {
  text-align: center;
  color: #fff;
  font: 300 16px/22px "Source Sans Pro", sans-serif;
  margin: 0 0 69px; }

.kv-form div p {
  margin: 0 0 75px;
}

.kv-form div a,
.kv-form div a:visited {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.kv-form div a:hover {
  color: rgba(255, 255, 255, 0.8); }

/**************/
.kv-link {
  position: relative;
  border-radius: 18px;
  height: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F8DB73;
  margin: 0 24px;
  padding: 72px 24px 24px 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;
  z-index: 1; }

.kv-link::before {
  position: absolute;
  content: '';
  top: 24px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6623 4.7613C22.8215 3.44155 21.0701 3.05326 19.7503 3.89404C19.054 4.33762 18.0376 5.39579 17.3174 6.54422C16.9599 7.11443 16.6944 7.67728 16.5729 8.16859C16.5225 8.37232 16.4998 8.55086 16.5001 8.70601C16.5007 8.93094 16.5499 9.10672 16.634 9.23879C16.7762 9.46197 17.0736 9.64744 17.5781 9.74647C18.0748 9.84397 18.6971 9.84128 19.365 9.75819C20.7102 9.59084 22.0987 9.11684 22.795 8.67325C24.1148 7.83248 24.5031 6.08104 23.6623 4.7613ZM16.0002 6.85773C16.138 6.5721 16.2975 6.28833 16.4702 6.01294C17.2439 4.77926 18.3567 3.5962 19.213 3.05064C20.9986 1.91313 23.3682 2.43846 24.5057 4.224C25.6432 6.00953 25.1179 8.37913 23.3323 9.51665C22.9703 9.7473 22.4856 9.97134 21.9375 10.1667H29.3334C29.6096 10.1667 29.8334 10.3906 29.8334 10.6667V16C29.8334 16.2762 29.6096 16.5 29.3334 16.5H28.5001V26.6667C28.5001 27.6792 27.6793 28.5 26.6667 28.5H16.0001H5.33341C4.32089 28.5 3.50008 27.6792 3.50008 26.6667V16.5H2.66675C2.39061 16.5 2.16675 16.2762 2.16675 16V10.6667C2.16675 10.3906 2.39061 10.1667 2.66675 10.1667H10.063C9.51491 9.97134 9.03021 9.7473 8.66816 9.51665C6.88262 8.37913 6.35729 6.00953 7.4948 4.224C8.63232 2.43846 11.0019 1.91313 12.7875 3.05064C13.6438 3.5962 14.7566 4.77926 15.5302 6.01294C15.7029 6.28833 15.8625 6.5721 16.0002 6.85773ZM15.8713 10.1667C15.916 10.1279 15.9591 10.087 16.0002 10.0437C16.0414 10.087 16.0844 10.1279 16.1292 10.1667H16.0001H15.8713ZM15.5003 8.70601C15.4998 8.93094 15.4506 9.10672 15.3665 9.23879C15.2243 9.46197 14.9268 9.64744 14.4224 9.74647C13.9257 9.84397 13.3034 9.84128 12.6355 9.75819C11.2903 9.59084 9.90174 9.11684 9.20545 8.67325C7.88571 7.83248 7.49742 6.08104 8.33819 4.7613C9.17896 3.44155 10.9304 3.05326 12.2502 3.89404C12.9464 4.33762 13.9629 5.39579 14.683 6.54422C15.0406 7.11443 15.3061 7.67728 15.4276 8.16859C15.478 8.37232 15.5007 8.55086 15.5003 8.70601ZM4.50008 16.5V26.6667C4.50008 27.127 4.87318 27.5 5.33341 27.5H15.5001V16.5H4.50008ZM16.5001 16.5V27.5H26.6667C27.127 27.5 27.5001 27.127 27.5001 26.6667V16.5H16.5001ZM16.5001 15.5V11.1667H28.8334V15.5H28.0001H16.5001ZM15.5001 11.1667V15.5H4.00008H3.16675V11.1667H15.5001Z' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.kv-link h3 {
  color: #252626;
  text-align: center;
  text-transform: uppercase;
  font: 300 24px/26px "Source Sans Pro", sans-serif;
  margin: 0 0 18px;
  max-width: 224px; }

.kv-link h3 b {
  font-weight: 700; }

.kv-link div {
  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;
  width: 100%; }

.kv-link input {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 4.96352V3.5C6 2.67157 6.67157 2 7.5 2H20.5C21.3284 2 22 2.67157 22 3.5V16.5C22 17.3284 21.3284 18 20.5 18H19.0087' stroke='%2388898C' stroke-width='1.3'/%3e%3crect x='2' y='5' width='17' height='17' rx='3' stroke='%2388898C' stroke-width='1.3' stroke-linejoin='round'/%3e%3cpath d='M9.2197 11.5551L11.8659 8.80029C12.5918 8.07446 13.7845 8.09045 14.5301 8.836C15.2756 9.58155 15.2916 10.7743 14.5658 11.5001L13.6108 12.5116' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.73307 14.3736C6.4779 14.6288 5.95028 15.1382 5.95028 15.1382C5.22446 15.8641 5.20473 17.1577 5.95028 17.9033C6.69583 18.6488 7.88861 18.6648 8.61443 17.939L11.1966 15.5948' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33129 14.1642C8.98498 13.8179 8.79609 13.3751 8.76583 12.9274C8.73094 12.4113 8.9069 11.8887 9.29558 11.5' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.1607 12.9307C11.9062 13.6762 11.9222 14.869 11.1964 15.5948' stroke='%2388898C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  height: 0;
  width: 0;
  opacity: 0;
  border-radius: 20px;
  border: none;
  font: 16px/24px "Source Sans Pro", sans-serif;
  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-color: #fff;
  margin: 0 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  color: transparent;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.kv-link__btn {
  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;
  height: 40px;
  border-radius: 20px;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  width: 100%;
  padding: 0 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.kv-link__btn:hover,
.kv-link__btn:active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.kv-link--copy .kv-link__btn {
  color: #252626;
  background: transparent; }

@-webkit-keyframes link-show {
  80% {
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px; }
  100% {
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: #252626; } }

@keyframes link-show {
  80% {
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px; }
  100% {
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: #252626; } }

@-webkit-keyframes link-copy {
  0% {
    opacity: 1;
    color: #252626;
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px; }
  100% {
    opacity: 1;
    color: transparent;
    width: 40px;
    height: 40px;
    padding: 8px 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 8.5L5.66798 13L15 4' stroke='%23FA385D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-position: 50% 50%;
    font-size: 24px; } }

@keyframes link-copy {
  0% {
    opacity: 1;
    color: #252626;
    padding: 8px 24px 8px 48px;
    width: 100%;
    height: 40px; }
  100% {
    opacity: 1;
    color: transparent;
    width: 40px;
    height: 40px;
    padding: 8px 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 8.5L5.66798 13L15 4' stroke='%23FA385D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-position: 50% 50%;
    font-size: 24px; } }

.kv-link--show input {
  -webkit-animation: 1s link-show;
          animation: 1s link-show;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.kv-link--copy input {
  -webkit-animation: 1s link-copy;
          animation: 1s link-copy;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.kv-block {
  position: relative;
  background: #000;
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px; }

.kv-block img {
  margin: 0 0 18px; }

.kv-block p {
  color: #fff;
  text-align: center;
  font: 600 14px/19px "Source Sans Pro", sans-serif;
  margin: 0 12px 13px; }

.kv-block .kv-link {
  margin: 50px 0 0;
  padding: 35px 16px 16px;
  border-radius: 24px 24px 0 0;
  height: 235px; }

.kv-block .kv-link::after {
  position: absolute;
  content: '';
  left: calc(50% - 43px);
  top: -32px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #F8DB73;
  z-index: -1; }

.kv-block .kv-link h3 {
  margin: 0 0 18px; }
/*********************/
.kv-2022 {
  width: 100%;
  margin: 24px 0 0;
}
.kv-2022 .kv-slider__title {
  color: #fff;
}
.kv-2022-slider {
  height: 568px;
  position: relative;
  overflow: hidden;
  padding: 0 16px;
  margin: 24px -16px 0; }

.kv-2022__slide {
  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;
  background-image: url(/img/skins/mobile2019/kv-2020-logo.png), url(/img/skins/mobile2019/kv-2022-bg.jpg);
  background-position: 16px 24px, 100% 0;
  background-size: 105px, cover;
  background-repeat: no-repeat, no-repeat;
  border-radius: 16px;
  width: calc(100% - 16px);
  height: 568px;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 98px 16px 166px; }

.kv-2022__slide::before {
  position: absolute;
  content: '';
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  width: 260px;
  height: 160px;
  border-radius: 16px;
  z-index: 10; }

.kv-2022--1::before {
  background-image: url(/img/skins/mobile2019/kv-2022--1.png); }

.kv-2022--2::before {
  background-image: url(/img/skins/mobile2019/kv-2022--2.png); }

.kv-2022--3::before {
  background-image: url(/img/skins/mobile2019/kv-2022--3.png); }

.kv-2022--4::before {
  background-image: url(/img/skins/mobile2019/kv-2022--4.png); }

.kv-2022--5::before {
  background-image: url(/img/skins/mobile2019/kv-2022--5.png); }

.kv-2022--6::before {
  background-image: url(/img/skins/mobile2019/kv-2022--6.png); }

div[class*="kv-2023--"] { 
  background-image: url(/img/skins/mobile2019/kv-2023-logo.png), url(/img/skins/mobile2019/kv-2022-bg.jpg);
}
.kv-2023--1::before {
  background-image: url(/img/skins/mobile2019/kv-2023--1.png); }

.kv-2023--2::before {
  background-image: url(/img/skins/mobile2019/kv-2023--2.png); }

.kv-2023--3::before {
  background-image: url(/img/skins/mobile2019/kv-2023--3.png); }

.kv-2023--4::before {
  background-image: url(/img/skins/mobile2019/kv-2023--1.png); }

.kv-2023--5::before {
  background-image: url(/img/skins/mobile2019/kv-2023--3.png); }

.kv-2023--6::before {
  background-image: url(/img/skins/mobile2019/kv-2023--3.png); }

.kv-2022__slide p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 0 24px; }

.kv-2022__slide p b {
  font: 600 60px/60px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 8px 0 0; }

.kv-2022__slide p sup {
  font: 300 40px/30px "Source Sans Pro", sans-serif; }

.kv-2022__slide h3 {
  position: relative;
  padding: 20px 8px 20px;
  color: #000;
  font: 300 24px/32px "Source Sans Pro", sans-serif;
  min-height: 108px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 15px;
  order: -1;
  z-index: 1; }
.kv-2022__slide h3::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F8DB73;
  z-index: -1;
  border-radius: 16px;
  transform: skewY(2.5deg);
  }  
.kv-2022__slide h3 b {
  font: 600 24px/32px "Source Sans Pro", sans-serif; }
@media (min-width: 360px) {
  .kv-2022__slide h3 {
    font: 300 30px/32px "Source Sans Pro", sans-serif; }
  .kv-2022__slide h3 b {
    font: 600 30px/32px "Source Sans Pro", sans-serif; } }

.kv-2022__btn,
.kv-2022__btn:visited {
  position: relative;
  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-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 16C17.1 16 16.2 16.4 15.7 17.1L8.8 13.1C8.9 12.8 9 12.4 9 12C9 11.7 8.9 11.4 8.9 11.1L15.9 7.1C16.4 7.6 17.2 8 18 8C19.7 8 21 6.7 21 5C21 3.3 19.7 2 18 2C16.3 2 15 3.3 15 5C15 5.4 15.1 5.9 15.3 6.2L8.4 10.2C7.9 9.5 7 9 6 9C4.3 9 3 10.3 3 12C3 13.7 4.3 15 6 15C6.9 15 7.7 14.6 8.2 14L15.2 18C15.1 18.3 15 18.6 15 19C15 20.7 16.3 22 18 22C19.7 22 21 20.7 21 19C21 17.3 19.7 16 18 16ZM18 3C19.1 3 20 3.9 20 5C20 6.1 19.1 7 18 7C16.9 7 16 6.1 16 5C16 3.9 16.9 3 18 3ZM6 14C4.9 14 4 13.1 4 12C4 10.9 4.9 10 6 10C7.1 10 8 10.9 8 12C8 13.1 7.1 14 6 14ZM18 21C16.9 21 16 20.1 16 19C16 17.9 16.9 17 18 17C19.1 17 20 17.9 20 19C20 20.1 19.1 21 18 21Z' fill='white' stroke='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: calc(50% - 50px) 50%;
  background-color: #FA385D;
  color: #fff;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 16px 8px 50px;
  border-radius: 24px;
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
  overflow: hidden;
  z-index: 2; }

.kv-2022__btn:hover,
.kv-2022__btn:active {
  color: #FA385D;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 16C17.1 16 16.2 16.4 15.7 17.1L8.8 13.1C8.9 12.8 9 12.4 9 12C9 11.7 8.9 11.4 8.9 11.1L15.9 7.1C16.4 7.6 17.2 8 18 8C19.7 8 21 6.7 21 5C21 3.3 19.7 2 18 2C16.3 2 15 3.3 15 5C15 5.4 15.1 5.9 15.3 6.2L8.4 10.2C7.9 9.5 7 9 6 9C4.3 9 3 10.3 3 12C3 13.7 4.3 15 6 15C6.9 15 7.7 14.6 8.2 14L15.2 18C15.1 18.3 15 18.6 15 19C15 20.7 16.3 22 18 22C19.7 22 21 20.7 21 19C21 17.3 19.7 16 18 16ZM18 3C19.1 3 20 3.9 20 5C20 6.1 19.1 7 18 7C16.9 7 16 6.1 16 5C16 3.9 16.9 3 18 3ZM6 14C4.9 14 4 13.1 4 12C4 10.9 4.9 10 6 10C7.1 10 8 10.9 8 12C8 13.1 7.1 14 6 14ZM18 21C16.9 21 16 20.1 16 19C16 17.9 16.9 17 18 17C19.1 17 20 17.9 20 19C20 20.1 19.1 21 18 21Z' fill='%23FA385D' stroke='%23FA385D'/%3e%3c/svg%3e "); }

.kv-2022__btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 100%;
  background: linear-gradient(70deg, transparent, transparent, rgba(255, 255, 255, 0.4), transparent, transparent);
  -webkit-transform: translateX(-4em) skewX(-45deg);
          transform: translateX(-4em) skewX(-45deg);
  -webkit-animation: 6s move-light 4s infinite;
          animation: 6s move-light 4s infinite; }

@-webkit-keyframes move-light {
  0% {
    -webkit-transform: translateX(-20px) skewX(-45deg);
            transform: translateX(-20px) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(520px) skewX(-45deg);
            transform: translateX(520px) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(520px) skewX(-45deg);
            transform: translateX(520px) skewX(-45deg); } }

@keyframes move-light {
  0% {
    -webkit-transform: translateX(-20px) skewX(-45deg);
            transform: translateX(-20px) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(520px) skewX(-45deg);
            transform: translateX(520px) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(520px) skewX(-45deg);
            transform: translateX(520px) skewX(-45deg); } }

@-webkit-keyframes kv-fade-y {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes kv-fade-y {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes kv-fade-x {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes kv-fade-x {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes kv-fade {
  0% {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes kv-fade {
  0% {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

.kv-2022__slide.slick-active p,
.kv-2022__slide.slick-active h3 {
  -webkit-animation: 2s kv-fade-y;
          animation: 2s kv-fade-y; }

.kv-2022__slide.slick-active a {
  -webkit-animation: 1s kv-fade-x;
          animation: 1s kv-fade-x; }

.kv-2022__slide.slick-active::before {
  -webkit-animation: 1.5s kv-fade;
          animation: 1.5s kv-fade; }


.kv-2022-slider .slick-arrow {
  position: absolute;
  top: 35%;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  font-size: 0;
  line-height: 0;
  z-index: 10;
}
.kv-2022-slider .slick-next {
  right: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.586 11.5034L8.98975 6.90712L9.69685 6.20001L15.0002 11.5033L15.0001 11.5034L15.0002 11.5035L9.69685 16.8068L8.98975 16.0997L13.586 11.5034Z' fill='%23fff'/%3e%3c/svg%3e ");
}
.kv-2022-slider .slick-prev {  
  left: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.414 11.5034L15.0103 6.90712L14.3031 6.20001L8.99985 11.5033L8.99992 11.5034L8.99985 11.5035L14.3031 16.8068L15.0103 16.0997L10.414 11.5034Z' fill='%23fff'/%3e%3c/svg%3e ");
}
/*********************/

.kv-form form {
  position: relative;
  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 .kv-form--popup form::before {
  position: absolute;
  width: 97px;
  height: 40px;
  padding: 8px 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #F8DB73;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  border-radius: 16px 16px 0 0;
  background: #252626;
}
.kv .kv-form--popup.kv-form-step1 form::before {
  content: "Шаг 1"; }
.kv .kv-form--popup.kv-form-step2 form::before {
  content: "Шаг 2"; }

.popup-accept-kv__wrapper::before {
  position: absolute;
  top: 44px;
  color: #fff;
  margin: 0 0 6px;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
}
.popup-accept-kv.kv-form-step1 .popup-accept-kv__wrapper::before {
  content: "Шаг 1"; }
.popup-accept-kv.kv-form-step2 .popup-accept-kv__wrapper::before {
  content: "Шаг 2"; }
.popup-accept-kv.kv-form-step3 .popup-accept-kv__wrapper::before {
  content: "Шаг 3"; }

  .popup-accept-kv__wrapper.popup-accept-kv--unreg {
    background: #fff;
  }
  .popup-accept-kv__wrapper.accept-kv--unreg2 {
    height: 681px;
  }
  .popup-accept-kv--unreg .popup-accept-kv__title {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    color: #252626; }
  .accept-kv--unreg1 .popup-accept-kv__title {
    margin: 16px 0 7px;
  }
  .popup-accept-kv--unreg .popup-accept-kv__text {
    color: #6F7073;
  }
  .accept-kv--unreg1 .popup-accept-kv__text {
    align-self: start;
  }
  .popup-accept-kv .popup-accept-kv--unreg input {
    color: #252626;
    border: 2px solid #3E99ED;
  }
  .popup-accept-kv__wrapper.popup-accept-kv--unreg p {
    color: #6F7073; }
  .popup-accept-kv__wrapper.accept-kv--unreg1 h3 + p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 33px;
  }
  .popup-accept-kv__wrapper.popup-accept-kv--unreg ul + p {
    margin: 15px 0 20px;
  }
  .popup-accept-kv .popup-accept-kv--unreg input[type="text"]::-webkit-input-placeholder {
    color: #88898C; }
  .popup-accept-kv .popup-accept-kv--unreg input[type="text"]t::-moz-placeholder {
    color: #88898C; }
  .popup-accept-kv .popup-accept-kv--unreg input[type="text"]:-ms-input-placeholder {
    color: #88898C;}
  .popup-accept-kv .popup-accept-kv--unreg input[type="text"]::-ms-input-placeholder {
    color: #88898C; }
  .popup-accept-kv .popup-accept-kv--unreg input[type="text"]::placeholder {
    color: #88898C; }  
  .popup-accept-kv--unreg .popup-accept-kv__link {
    background: #3e99ed;
  }
  .popup-accept-kv .popup-accept-kv--unreg input:hover {
    border-color: #0F5699;
  }
  .popup-accept-kv--unreg .popup-accept-kv__link:hover,
  .popup-accept-kv--unreg .popup-accept-kv__link:active {
    background: #0F5699;
  }
  .popup-accept-kv--unreg .popup-accept-kv__text a,
  .popup-accept-kv--unreg .popup-accept-kv__text a:visited {
    color: #3E99ED;
  }
  .popup-accept-kv--unreg .popup-accept-kv__text a:hover,
  .popup-accept-kv--unreg .popup-accept-kv__text a:active {
    color: #0F5699;
  }
  .popup-accept-kv .popup-accept-kv--unreg .btn-close::before,
  .popup-accept-kv .popup-accept-kv--unreg .btn-close::after  {
    background-color: #252626;
  }  

.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: 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-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: auto;
  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-popup__share-link {
  margin-top: 46px;
  margin-bottom: 13px;
}

.kv-popup__share-link a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  padding-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='M10.89 13.086c1.261 1.26 3.368 1.197 4.707-.142l3.333-3.332c1.339-1.34 1.402-3.446.141-4.707-1.26-1.26-3.367-1.197-4.706.142l-2.232 2.231'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='M13.062 10.914c-1.26-1.26-3.367-1.197-4.706.142l-3.333 3.333c-1.339 1.338-1.402 3.445-.141 4.706 1.26 1.26 3.367 1.197 4.706-.142l2.232-2.231'/%3E%3C/svg%3E");
  background-position: left -2px center;
  background-repeat: no-repeat;
}

.kv-popup__share-link a::after {
  content: "Скопировать ссылку";
}

.kv-popup__share-link.copied a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m11.812 13.312 4.872-4.873a1.5 1.5 0 1 1 2.122 2.122l-5.91 5.91a1.51 1.51 0 0 1-.16.139 1.5 1.5 0 0 1-1.988-.12L7.44 13.183a1.5 1.5 0 1 1 2.122-2.122l2.251 2.252Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.kv-popup__share-link.copied a::after {
  content: "Ссылка скопирована";
}
  

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

.kv-partner-info__title,
.kv-advantage__title,
.kv-stat__title,
.kv-authors__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-faq {
  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;
  height: 336px;
  width: 100%;
  background-color: #F8DB73;
  border-radius: 16px;
  background-image: url(/img/skins/mobile2019/kv-faq.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  padding: 37px 30px;
  margin: 20px auto 24px;
  box-sizing: border-box;
  z-index: 10;
}
.kv-faq p {  
  color: #252626;
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 29px;
}
.kv-faq a,
.kv-faq a:visited {
  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-color: rgba(250, 56, 93, 1);
  height: 48px;
  border-radius: 24px;
  color: #fff;
  transition: all 0.3s;
  font: 600 20px/32px "Source Sans Pro", sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.3335 11H16.6668M16.6668 11L11.6668 6M16.6668 11L11.6668 16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: calc(100% - 21px) 50%;
  padding: 0 50px 0 20px;
}
.kv-faq a:hover,
.kv-faq a:active {
  background-color: rgba(250, 56, 93, 0.7);
  background-position: calc(100% - 16px) 50%;
}  
.kv-old-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: 16px auto 0;
}
.kv-old-stat__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #C4C4C4;
  height: 32px;
  border-radius: 16px;
  font: 400 15px/16px "Source Sans Pro", sans-serif;
  background-color: #252626;
  padding: 8px 0 8px 16px;
  box-sizing: border-box;
}
.kv-old-stat details {
  position: relative;
}
.kv-old-stat summary {
  color: #fff;
  display: block;
  position: relative;
  padding: 8px 32px 8px 8px;
}
.kv-old-stat summary::-webkit-details-marker {
  display: none; }

.kv-old-stat summary::after {
  position: absolute;
  content: '';
  right: 15px;
  top: calc(50% - 7px);
  width: 7px;
  height: 7px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

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

.kv-old-stat details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none; }
.kv-old-stat__wrap div {
  position: absolute;
  top: 40px;
  right: 0;
  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: 16px;
  background: #252626;
  z-index: 11;
  width: 88px;
}
.kv-old-stat a {
  display: flex;
  color: #C4C4C4;
  font: 400 15px/32px "Source Sans Pro", sans-serif;
  padding: 0 16px;
  border-bottom: 1px solid #3E3F40;
  transition: all 0.3s;
}
.kv-old-stat a:last-of-type {
  border: none;
}
.kv-old-stat a:hover,
.kv-old-stat a:active {
  opacity: 0.8;
}

.kv-old-stat 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;
  color: #000;
  background: #F8DB73;
  border-radius: 16px;
  height: 32px;
  box-sizing: border-box;
  padding: 0 16px;
  border: none;
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  transition: all 0.3s;
  margin: 8px 0 0;
}
.kv-old-stat button:hover,
.kv-old-stat button:active {
  opacity: 0.8;
}

.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-authors__list {
  overflow: hidden;
}
.kv-authors__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 13px 8px 8px 8px;
}
.kv-authors__avatar {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid;
}
.kv-authors__link:nth-child(3n+1) .kv-authors__avatar {
  border-color: #F8DB73;
}
.kv-authors__link:nth-child(3n+2) .kv-authors__avatar {
  border-color: #FA385D;
}
.kv-authors__link:nth-child(3n+3) .kv-authors__avatar {
  border-color: #59C7FF;
}
.kv-authors__name {
  font: 600 16px/32px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  margin: 20px 0 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px; }
.kv-authors__stat {
  font: 14px/20px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0;
}
  
.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/SVGsprite21.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-authors__title,
.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 {
  position: relative;
  background: #fff;
  margin: 0 -16px;
  border-radius: 24px;
  padding: 24px 16px; }

.kv-wtr__list .kv-wtr__list__link {
  display: block;
  background: #F8DB73;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 24px 0 24px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  height: 52px;
  padding: 8px 16px;
  font: 300 14px/18px "Source Sans Pro", sans-serif;
}
.kv-wtr__list .kv-wtr__list__link a,
.kv-wtr__list .kv-wtr__list__link a:visited { 
  font-weight: 600;
  color: #000;
  transition: all 0.3s;
}
.kv-wtr__list .kv-wtr__list__link a:hover,
.kv-wtr__list .kv-wtr__list__link a:active { 
  color: rgba(0, 0, 0, 0.8);
}
.kv-wtr__list .kv-wtr__list__link ~ .kv-wtr__item:nth-of-type(1) {
  margin-top: 20px;
}

.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-author,
.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-acceptkv {
    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;
    border-radius: 16px;
    margin: 0 0 24px;
    width: 100%;
    padding: 24px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #F8DB73;
  }
  .kv-acceptkv p {
    font: 300 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
  }
  .kv-acceptkv p b {
    font-weight: 600;
  }
  .kv-acceptkv a,
  .kv-acceptkv a:visited {
    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 24px;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    color: #fff;
    height: 40px;
    border-radius: 20px;
    font: 600 16px/24px "Source Sans Pro", sans-serif;
    transition: all 0.3s;
  }
  .kv-acceptkv a:hover,
  .kv-acceptkv a:active {
    background: rgba(250, 56, 93, 0.7);
  
  }
.kv-author {
  position: relative;
  margin: 0 0 55px;
  background: #F8DB73;
} 

.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-author__inner,
.kv-author__inner div {  
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
} 
.kv-author > a:first-of-type {
  position: absolute;
  content: '';
  top: 16px;
  left: 16px; }
.kv-author__avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
}
.kv-author__name {
  display: block;
  min-height: 72px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #000;
  margin: 10px 0 17px 112px; }

.kv-author__name a,
.kv-author__name a:visited {
  color: #000;
  margin: 0 0 0 6px; }
.kv-author__slogan {
  color: #000;
  font: 300 16px/20px "Source Sans Pro", sans-serif;
  max-width: 572px;
  margin: 0 0 16px; }
.kv-author__blog,  
.kv-author__btn-add {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  height: 40px;
  margin: 4px 0 0;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid #000;
  transition: all 0.3s; }

.kv-author__blog:hover,
.kv-author__blog:active,
.kv-author__btn-add {  
  color: #fff;
  background: #000;
  font-weight: 600;
}
.kv-author__btn-add:hover,
.kv-author__btn-add:active,
.kv-author__blog {
  color: #000;
  background: transparent;
  font-weight: 400; }
  
.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/SVGsprite21.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;
  margin: 0 8px 62px; }

.main-slider__list {
  width: 100%; }

.main-slider iframe {
  display:none;
}

.main-slider .slick-list iframe {
  display:block;
}

.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__item--prm {
    height: auto !important;
    padding: 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__img--mobile {
  display:inline-block !important;
}

.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-rombook .main-slider__link::before,
.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-rombook .main-slider__link,
.slides-author .main-slider__link,
.slides-lenta .main-slider__link {
  font: 600 12px/24px "Source Sans Pro", sans-serif;
  padding: 0 16px 1px 0;
  margin-bottom: -5px; }

.slides-game .main-slider__link {
  color: #252626;
  background: #fff;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.slides-killwish {
  background: #3E99ED;
}
.slides-killwish .main-slider__link {
  background: #F8DB73;
  color: #252626;
  padding: 0 16px 2px;
}
.slides-killwish .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.slides-belleslettres {
  background: #ECEBE8 url("/img/skins/mobile2019/slides-belleslettres-bg.png") 100% 0% no-repeat; }
  
.slides-belleslettres .main-slider__link {
  background: #AC2C31;
  color: #fff;
  padding: 0 16px 2px;
}
.slides-belleslettres .main-slider__title a {
  color: #003D64;
}
.slides-belleslettres .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: auto;
  height: 100%;
}
.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-challengebooks .main-slider__title,
.slides-belleslettres .main-slider__title,
.slides-free .main-slider__title,
.slides-killwish .main-slider__title, 
.slides-profilers .main-slider__title,
.slides-kgbt .main-slider__title, 
.slides-rockbook .main-slider__title,
.slides-author .main-slider__title,
.slides-fantasy .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-kgbt {
  background: url("/img/skins/mobile2019/slides-kgbt-bg.jpg") 50% 50% no-repeat; }
.slides-profilers {
  background: url("/img/skins/mobile2019/slides-profilers-bg.jpg") 25% 50% no-repeat; }

.slides-rombook {
  background: url("/img/skins/mobile2019/slides-rombook-bg.jpg") 50% 50% no-repeat; } 

.slides-shop {
  background: url("/img/skins/mobile2019/slides-shop-bg.jpg") 0% 50% no-repeat;
  background-size: cover; } 
.slides-fantasy {
  background: url("/img/skins/mobile2019/slides-fantasy.jpg") 0 50% no-repeat;
  background-size: cover; } 

.slides-shop .main-slider__title {
  max-width: 220px;
}
.slides-shop .main-slider__link {
  background: #F8DB73;
  color: #252626;
  padding: 0 12px 4px;
}
  

.slides-2023 {
  background: url("/img/skins/mobile2019/slides-2023.jpg") 50% 50% no-repeat; 
  background-size: cover;
}
.slides-kgbt .main-slider__link {
  background: #FBDB38;
  color: #252626;
  padding: 0 30px 4px;
} 
.slides-2023 .main-slider__link {
  color: #000;
  padding: 0 16px 2px;
  background: #F8DB73;
} 
.slides-bookgames {
  background: #EAF6FF;
}
.slides-nh2023 .main-slider__link,
.slides-bookgames .main-slider__link {
  background: #3E99ED;
  color: #fff;
  padding: 0 30px 4px;
}
.slides-bookgames .main-slider__title a {
  color: #343434;
}
.slides-halloween .main-slider__link {
  background: #70A827;
  padding: 0 30px 4px;
} 
.slides-fantasy .main-slider__link {
  background: #FF9F47;
  padding: 0 16px 2px;
}

.slides-profilers .main-slider__link {
  background: #699CAF;
  padding: 0 30px 4px;
}
.slides-halloween .main-slider__img {
  top: auto;
  bottom: -5%;
  left: -25px;
  width: 160px;
  height: auto;
}
.slides-profilers .main-slider__img {
  position: absolute;
  height: 163px;
  width: 106px;
  top: calc(50% - 82px);
  bottom: 0;
  left: 15px;
  z-index: 2;
  border-radius: 10px;
}
.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-test {
  background: #3E99ED;
}
.slides-test .main-slider__link {
  background: #FD8542;
  padding: 0 30px 2px;
}
.slides-chr {
  background: #59C7FF url("/img/skins/mobile2019/chr-bg.png") 50% 50% no-repeat;
  background-size: cover; }

.slides-challengebooks {
  background: #000; }
.slides-challengebooks .main-slider__link {
  background: #FA385D;
  padding: 0 30px 4px;
}
.slides-challengebooks .main-slider__head {
  color: #888888;
  font: 400 11px/14px "Source Sans Pro", sans-serif;
  position: absolute;
  top: 10px;
  left: 16px;
  width: 135px;
 }
 @media (min-width: 380px) {
  .slides-challengebooks .main-slider__head { 
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }}

.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-challengebooks .main-slider__img,
.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-discount {
  background-image: url(/img/skins/mobile2019/slides-discount.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.slides-discount .main-slider__link {
  background: #FFA134;
  color: #fff;
  padding: 0 45px 2px;
}
.slides-discount .main-slider__head,
.slides-2022 .main-slider__head {
  color: #fff;
}
.slides-2022 .main-slider__link {
  background: #B0DAD9;
  color: #063835;
  padding: 0 45px 2px;
}
.slides-hitchhiking {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#3E99ED), to(#59C7FF));
  background-image: linear-gradient(to bottom, #3E99ED, #59C7FF); }
.slides-telegram .main-slider__link,
.slides-hitchhiking .main-slider__link {
  padding: 0 45px 2px;
  background: #388FDC;
  color: #FFFFFF;
}
.slides-bookgames .main-slider__img,
.slides-test .main-slider__img,
.slides-2023 .main-slider__img,
.slides-app .main-slider__img,
.slides-dambldor .main-slider__img,
.slides-rd .main-slider__img,
.slides-telegram .main-slider__img,
.slides-hitchhiking .main-slider__img,
.slides-free .main-slider__img,  
.slides-2022 .main-slider__img,
.slides-discount .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 220px;
  height: 100%;
}
.slides-app .main-slider__img {
  top: 19px; }
.slides-book .main-slider__img {
  top: 31px;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 124px;
  height: 100%;
}
.slides-nh2023 .main-slider__img {
  top: auto;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 160px;
  height: auto;
}
.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-rd {
  background: url("/img/skins/mobile2019/slides-rd-bd.jpg") 50% 50% no-repeat;
  background-size: cover; }
.slides-rockbook {
  background: url("/img/skins/mobile2019/slides-vc-bg.jpg") 50% 50% no-repeat;
  background-size: cover; }
.slides-vc2023 {
  background: url("/img/skins/mobile2019/slides-vc-bg.jpg") 50% 50% no-repeat;
  background-size: cover; }  
.slides-lenta {
  background: #3e3f40; }

.slides-dambldor {
  background: url("/img/skins/mobile2019/img/slides-dambldor-bg.jpg") 50% 50% no-repeat; }    
.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-resultskv {
  padding: 20px 24px 20px 34px;
  background: url("/img/skins/mobile2019/slides-resultskv-bg.jpg") 50% 50% no-repeat;
  background-size: cover;  }
.slides-nh2023 {
  background: url("/img/skins/mobile2019/slides-nh2023-bg.jpg") 100% 0% no-repeat;
  background-size: cover; }
.slides-resultskv .main-slider__title {
  max-width: 246px;
}
.slides-resultskv .main-slider__img {
  top: auto;
  bottom: 0;
  right: 30px;
  left: auto;
  width: auto;
  max-width: 220px;
  height: 100px;
}
  
.slides-pro .main-slider__link {
  color: #000;
  background: #FBC538; }
.slides-vc2023 .main-slider__img,
.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-nh2023 .main-slider__title,
.slides-test .main-slider__title,
.slides-rd .main-slider__title,
.slides-book .main-slider__title,
.slides-halloween .main-slider__title,
.slides-halloween .main-slider__title,
.slides-bigbook .main-slider__title,  
.slides-santa .main-slider__title {
  -webkit-line-clamp: 4;
  max-height: 96px; }
.slides-rd .main-slider__title {
  letter-spacing: -0.1px;
}
.slides-nh2023 .main-slider__title a {
  color: #252626;
}
.slides-vc2023 .main-slider__head,
.slides-rockbook .main-slider__head {
  line-height: 16px; }
.slides-vc2023 .main-slider__link {
  padding: 0 30px 4px;
  background: #FA385D; }
  
.slides-resultskv .main-slider__link, 
.slides-rockbook .main-slider__link,
.slides-app .main-slider__link,
.slides-lovelib .main-slider__link,
.slides-santa .main-slider__link {
  background: #FA385D; }

.slides-app,
.slides-telegram,
.slides-book,
.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); }
.slides-free { 
  background: url('/img/skins/mobile2019/slides-free-bg2.jpg') 0% 50% no-repeat;
  background-size: cover; }
.slides-book .main-slider__link {
  background: #FF3B78;
  padding: 0 45px 2px;
  }
.slides-free .main-slider__link {
  background: #F02177;
  padding: 0 36px 2px;
  }
.slides-dambldor .main-slider__link {
  background: #FCB144;
  padding: 0 45px 2px;
}  
.slides-rd .main-slider__link {
  background: #DB9F55;
  padding: 0 24px 2px;
  color: #fff;
}  
  
/*
.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/SVGsprite21.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;
}
.block-rightdown__img--animation {
  -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/SVGsprite21.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;
  width: 100%; }

.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/SVGsprite21.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/SVGsprite21.svg) -62px -156px no-repeat; }

.advice-slider-for__item .btn-add-plus--add::after {
  background: url(/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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: #252626;
  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/SVGsprite21.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/SVGsprite21.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 24px; }

.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.section-form__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite21.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 16px;
  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;
  box-sizing: border-box;
  border: 1px solid #D0D2D6;
  border-radius: 14px;
  background: #EDF0F7;
  color: #252626;
  font: 14px/24px "Source Sans Pro", sans-serif;
  padding: 0 10px;
  transition: all 0.3s; }
.section-menu__item a:hover,
.section-menu__item a:active {
  background: #e6e9f0;
}

.section-menu__item.section-menu__item--active a {
  border-color: #3e99ed;
  background: #3e99ed;
  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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -278px -78px no-repeat; }
.icon-read-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -330px -78px no-repeat; }
.icon-review-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -226px -78px no-repeat; }
.icon-quote-grey::before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.svg") 0px -286px no-repeat; }
.unreg-header__soc .icon-facebook {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -50px -286px no-repeat; }
.unreg-header__soc .icon-mailru {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -200px -286px no-repeat; }
.unreg-header__soc .icon-twitter {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -150px -286px no-repeat; }
.unreg-header__soc .icon-odnoklassniki {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -100px -286px no-repeat; }
.unreg-header__soc .icon-google {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -400px -286px no-repeat; }
.unreg-header__soc .icon-litres {
  background: url("/img/skins/mobile2019/SVGsprite21.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 0;
}
.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/SVGsprite21.svg) -314px -104px no-repeat;
}
.post-subs summary::before {
  background: url(/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.svg") 0 -396px no-repeat; }
.icon-vk-40 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -42px -396px no-repeat; }

.icon-fb-40 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -84px -396px no-repeat; }

.icon-ok-40 {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -126px -396px no-repeat; }

.icon-tw-40 {
  background: url("/img/skins/mobile2019/SVGsprite21.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;
}

.popup-rockbook {
  position: sticky;
  top: calc(50% - 205px);
  left: 8px;
  right: 8px;
  width: calc(100% - 16px);
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 508px;
  height: 410px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  background: url(/img/skins/rocknbook22/popup-rockbook-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
 }
.popup-rockbook__wrap {
  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;
  width: 100%;
  padding-bottom: 38px;
}
.popup-rockbook img {
  margin: -56px 0 22px; }

.popup-rockbook .btn-close {
  top: -32px;
  right: 8px; }

.popup-rockbook .btn-close::before,
.popup-rockbook .btn-close::after {
  background: #fff; }

.popup-rockbook h3 {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  text-align: center;
  color: #fff;
  margin: 0 0 60px; }

.popup-rockbook p {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  margin: 0 0 56px; }
.popup-rockbook__btn:visited,
.popup-rockbook__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  padding: 0 52px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FA00FF), to(#F05374));
  background: linear-gradient(180deg, #FA00FF 0%, #F05374 100%);
  font: 600 18px/24px "Source Sans Pro", sans-serif; }

.popup-rockbook__btn:hover,
.popup-rockbook__btn:active {
  opacity: 0.8; }

/*********************/
.breadcrumbs {
  display: block;
  margin: 20px auto;
  max-width: 532px;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
}
.breadcrumbs > span,
.breadcrumbs a {
  position: relative;
  font: 400 14px/16px "Source Sans Pro", sans-serif; 
  color: #252626;
  padding-right: 13px;
  transition: all 0.3s;
}
.breadcrumbs a::before {
  position: absolute;
  right: 1px;
  bottom: 2px;
  content: '/';
  color: #767479;
  font: 400 12px/16px "Source Sans Pro", sans-serif; 
}

.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs > span {
  color: #88898C;
}
.page-header + .breadcrumbs,
.page-header + input + .breadcrumbs {
  margin-top: 5px;
}



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


/* Новые списки книг - 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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") 0px -78px no-repeat;
}

.lists__toggle--large {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") -26px -78px no-repeat;
}

.lists__toggle--medium {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") -52px -78px no-repeat;
}

.lists__toggle--active.lists__toggle--small {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") 0px -52px no-repeat;
}

.lists__toggle--active.lists__toggle--large {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") -26px -52px no-repeat;
}

.lists__toggle--active.lists__toggle--medium {
    background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -278px -78px no-repeat;
}

.lists-stat__read::before {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") -330px -78px no-repeat;
}

.lists-stat__review::before {
    background: url("/img/skins/mobile2019/SVGsprite21.svg") -226px -78px no-repeat;
}

.lists-stat__quote::before {
    background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.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/SVGsprite21.svg") -300px -286px no-repeat; }
        
      .icon-litres {
          background: url("/img/skins/mobile2019/SVGsprite21.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 */

/* Author blogs css - start */
.blog-card:not(:first-child) {
  border-top: 1px solid #D9DBE0;
  padding: 24px 0 0;
}
.blog-card {
  margin-left: 16px;
  margin-right: 16px;
}
.blog-card .header-card__menu {
  align-self: flex-start;
  margin: 6px 0 0 0;
}
.blog-card .header-card-user__name {
  font: 600 16px/20px "Source Sans Pro", sans-serif;
}
.blog-card .header-card-user__avatar {
  margin: 10px 8px;
  width: 32px;
  height: 32px;
}
.blog-card .lenta-card__aliases {
  padding-bottom: 18px;
}
.blog-card .lenta-card-book__link {
  position: relative;
  margin: 0 0 18px;
  height: auto;
}

.blog-card .lenta-card__text > h2 {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 4px;
}
.blog-card .footer-card {
  padding: 26px 6px 0;
}

.blog-card .footer-card__soc-active {
  width: 244px;
}
.blog-card .sab__notify::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 7C19 9.2 17.2 11 15 11C12.8 11 11 9.2 11 7C11 4.8 12.8 3 15 3C17.2 3 19 4.8 19 7ZM7 19.5C7 17.2516 8.24828 15.6261 9.875 14.5625C11.5 13.5 13.5 13 15 13C16.5 13 18.5 13.5 20.125 14.5625C21.7517 15.6261 23 17.2516 23 19.5V20C23 21.0989 22.0769 22 21 22H9C7.90978 22 7 21.0934 7 20V19.5ZM15 10C16.6477 10 18 8.64772 18 7C18 5.35228 16.6477 4 15 4C13.3523 4 12 5.35228 12 7C12 8.64772 13.3523 10 15 10ZM10.4222 15.3995C8.99195 16.3347 8 17.6805 8 19.5V20C8 20.5402 8.46117 21 9 21H21C21.5308 21 22 20.5404 22 20V19.5C22 17.6805 21.0081 16.3347 19.5778 15.3995C18.1244 14.4492 16.3166 14 15 14C13.6834 14 11.8756 14.4492 10.4222 15.3995Z' fill='%233E99ED'/%3e%3cpath d='M5 8V14' stroke='%233E99ED' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M2 11L8 11' stroke='%233E99ED' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.blog-card .sab__link--active.sab__notify::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 12L4 14' stroke='%233E99ED' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M4 14L8 9' stroke='%233E99ED' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M19 7C19 9.2 17.2 11 15 11C12.8 11 11 9.2 11 7C11 4.8 12.8 3 15 3C17.2 3 19 4.8 19 7Z' fill='%233E99ED'/%3e%3cpath d='M7 19.5C7 17.2516 8.24828 15.6261 9.875 14.5625C11.5 13.5 13.5 13 15 13C16.5 13 18.5 13.5 20.125 14.5625C21.7517 15.6261 23 17.2516 23 19.5V20C23 21.0989 22.0769 22 21 22H9C7.90978 22 7 21.0934 7 20V19.5Z' fill='%233E99ED'/%3e%3c/svg%3e ");
}
.blog-card .lenta-card__best {
  width: 125px;
  box-sizing: border-box;
  margin: 0 auto 16px 8px;
  font: 600 12px/14px "Source Sans Pro", sans-serif;
}
/* Author blogs css - 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: auto 0;
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
}

.prm-block-60 {
  text-align: center;
  margin-top:20px;
  margin-bottom:20px;
}

.prm-block-60 img {
  vertical-align: middle;
}

.bc-about__wrapper + .prm-block-60 {
  margin-top: -18px;
  margin-bottom:32px;
}

.prm-block-120 div[data-id] {
  position:absolute !important;
  top:0;
  padding-top: calc(208 / 484 * 100%);
}

.prm-block-120 div[data-id] img {
  vertical-align:middle;
  border-radius:16px;
}

.prm-block-124 {
    margin-top: -5px;
    margin-bottom: 6px;
    width: 100%;
}

.advice-card .slick-initialized .slick-slide {
    display: block;
}

.slides-img300 .main-slider__img {
    height: 95px;
    width: 95px;
    left: 30px;
    top: calc(50% - 48px);
}

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

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

.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/SVGsprite21.svg") 0 -336px no-repeat; }
.profile-info__sab .icon-facebook {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -26px -336px no-repeat; }
.profile-info__sab .icon-odnoklassniki {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -52px -336px no-repeat; }
.profile-info__sab .icon-twitter {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -78px -336px no-repeat; }
.profile-info__sab .icon-mailru {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -104px -336px no-repeat; }
.profile-info__sab .icon-livejournal {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -130px -336px no-repeat; }
.profile-info__sab .icon-liveinternet {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -156px -336px no-repeat; }
.profile-info__sab .icon-apple {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -208px -336px no-repeat; }
.profile-info__sab .icon-litres {
  background: url("/img/skins/mobile2019/SVGsprite21.svg") -234px -336px no-repeat; }
.profile-info__sab .icon-google {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite21.svg") -166px -156px no-repeat;
  width: 24px;
  height: 24px; }

.section-form__select.multiple__select input:checked + label:before {
  background: url("/img/skins/mobile2019/SVGsprite21.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/SVGsprite18.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 97px 40px 97px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.commentary-feed__filter {
  position: relative;
  z-index: 1;
}

.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 25px/32px "Source Sans Pro", sans-serif;
  margin: 0 0 2px;
}
.commentary-feed__headline span {
  font: 300 25px/32px "Source Sans Pro", sans-serif;
}

.comment-wrapper {
  width: 100%;
}
.comment-wrapper:not(:first-child) {
  border-top: 1px solid #D9DBE0;
  padding-top: 15px;
}
.comment-wrapper.sub-comment-wrapper {
  border: none;
}
.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 8px;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  margin-bottom: 4px;
}

.comment-content__authors-name {
  margin: 0 2px 4px 0;
  display: inline-block;
  word-wrap: break-word;
  max-width: 90%;
  color: #252626;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
}

.comment-content__authors-info {
  display: inline-block;
  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 {
  display: inline-block;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
  margin: 0 1px 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: -4px -11px 0 auto;
  background-image: url("/img/skins/ll2019/more-btn.svg");
  background-position: center;
  background-size: 3px 15px;
  background-repeat: no-repeat;
}

.bell-btn {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  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: 18px 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;
}

.more-options-btn-mob {
  display: none;
}

.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;
  font: 400 16px/20px "Source Sans Pro", sans-serif;
}

.comment-content__text-escaped {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.comment-content__text-escaped p {
  margin: 0;
}

.comment-content__text-escaped img,
.comment-content__text-full img {
  max-width: 100%;
  display: inline;
  margin: 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 blockquote,
.comment-content__text-full blockquote {
  all: unset;
  position: relative;
  background: none;
  font: italic 400 16px/20px "Source Sans Pro", sans-serif;
  color: rgba(37, 38, 38, 0.76);
  opacity: 1;
  border: none;
  padding: 0 8px;
  margin: 0 0 0 9px;
  display: inline-block;
  border-left: 1px solid #D0D2D6;
}

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

.add-inner-comment .add-comment-content__authors-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.comment-content__recipient {
  color: #252626 !important;
  font: 600 16px/20px "Source Sans Pro", sans-serif;
}
@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,
.lenta-card__text 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,
.lenta-card__text a.spoiler-open,
.lenta-card__text 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,
.lenta-card__text div.spoiler-body {
  display: none;
  word-wrap: break-word;
  white-space: normal;
}

.comment-content__read-more-link {
  color: #3e99ed;
}

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

.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 {
  position: relative;
  height: 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;
  padding-left: 26px;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
}
.comment-content__save-btn::before,
.comment-content__plus-btn::before,
.comment-content__minus-btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px; }
.comment-content__plus-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 20.9999H9C7.9 20.9999 7 20.0976 7 18.9947V8.96881C7 8.45301 7.25391 7.8827 7.6 7.56518C7.6 7.56518 12.5 2.95327 13.5 2.05094C14.5 1.1486 15.2188 2.05095 15.2188 2.05095C15.5188 2.35173 15.6641 2.66265 15.6641 3.16395L15.6289 3.46473L14.6938 7.99987H21.0547C22.1547 7.99987 23 8.96881 23 10.0717V12.0768C23 12.3776 22.9359 12.604 22.8359 12.8046L19.7266 20.0233C19.3266 20.6249 18.8 20.9999 18 20.9999ZM2 20.9999H3C4.2 20.9999 5 20.0976 5 18.9947V9.9714C5 8.86855 4.18828 7.99989 2.98828 7.99989H1.98828C0.788281 7.99989 0 8.86855 0 9.9714V18.9947C0 20.0976 0.9 20.9999 2 20.9999ZM9.07812 7.58582C9.89453 6.85536 10.9766 5.78504 12.0508 4.74994C12.6508 4.14994 13.2812 3.57416 13.75 3.12494C14.3546 2.5455 14.8664 2.64836 14.5664 3.64836C14.4664 4.04836 14.3125 4.69911 14.1406 5.41004C13.9015 6.39907 13.6367 7.40614 13.4727 8.05067C13.3727 8.55067 13.6883 8.99989 14.3883 8.99989H20.9883C21.6883 8.99989 21.9961 9.56473 21.9961 9.96473V11.6007C21.9961 12.2007 21.6672 12.9679 21.3672 13.6679C20.5782 15.5088 19.8594 17.2343 19.0961 19.0038C18.7961 19.6038 18.3961 20.0038 17.9961 20.0038H8.99609C8.39609 20.0038 7.99609 19.6038 7.99609 19.0038V9.20071C7.99609 8.70071 8.49477 8.10778 9.07812 7.58582ZM0.996094 19.0007C0.996094 19.5007 1.49609 20.0007 1.99609 20.0007H2.99609C3.49609 20.0007 3.99609 19.5007 3.99609 19.0007V10.0007C3.99609 9.50071 3.49609 9.00071 2.99609 9.00071H1.99609C1.49609 9.00071 0.996094 9.50071 0.996094 10.0007V19.0007Z' fill='%23252626'/%3e%3c/svg%3e ");
}

.comment-content__minus-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3.65H9C7.9 3.65 7 4.55233 7 5.65518V15.6811C7 16.1969 7.25391 16.7672 7.6 17.0847C7.6 17.0847 12.5 21.6966 13.5 22.599C14.5 23.5013 15.2188 22.599 15.2188 22.599C15.5188 22.2982 15.6641 21.9872 15.6641 21.486L15.6289 21.1852L14.6938 16.65H21.0547C22.1547 16.65 23 15.6811 23 14.5782V12.5731C23 12.2723 22.9359 12.0459 22.8359 11.8453L19.7266 4.62659C19.3266 4.02503 18.8 3.65 18 3.65ZM2 3.65H3C4.2 3.65 5 4.55233 5 5.65518V14.6785C5 15.7814 4.18828 16.65 2.98828 16.65H1.98828C0.788281 16.65 0 15.7814 0 14.6785V5.65518C0 4.55233 0.9 3.65 2 3.65ZM9.07812 17.0641C9.89453 17.7945 10.9766 18.8649 12.0508 19.9C12.6508 20.5 13.2812 21.0757 13.75 21.525C14.3546 22.1044 14.8664 22.0015 14.5664 21.0015C14.4664 20.6015 14.3125 19.9508 14.1406 19.2399C13.9015 18.2508 13.6367 17.2438 13.4727 16.5992C13.3727 16.0992 13.6883 15.65 14.3883 15.65H20.9883C21.6883 15.65 21.9961 15.0852 21.9961 14.6852V13.0492C21.9961 12.4492 21.6672 11.682 21.3672 10.982C20.5782 9.14106 19.8594 7.41564 19.0961 5.64608C18.7961 5.04608 18.3961 4.64608 17.9961 4.64608H8.99609C8.39609 4.64608 7.99609 5.04608 7.99609 5.64608V15.4492C7.99609 15.9492 8.49477 16.5421 9.07812 17.0641ZM0.996094 5.64919C0.996094 5.14919 1.49609 4.64919 1.99609 4.64919H2.99609C3.49609 4.64919 3.99609 5.14919 3.99609 5.64919V14.6492C3.99609 15.1492 3.49609 15.6492 2.99609 15.6492H1.99609C1.49609 15.6492 0.996094 15.1492 0.996094 14.6492V5.64919Z' fill='%23252626'/%3e%3c/svg%3e ");
}
.comment-content__plus-btn.comment-content__btn--active::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.0002 21.0002H18.0002C18.8302 21.0002 19.5402 20.5002 19.8402 19.7802L22.8602 12.7302C22.9502 12.5002 23.0002 12.2602 23.0002 12.0002V10.0002C23.0002 8.90016 22.1002 8.00016 21.0002 8.00016H14.6902L15.6402 3.43016L15.6702 3.11016C15.6702 2.70016 15.5002 2.32016 15.2302 2.05016C15.2302 2.05016 14.4606 1.14737 13.4846 2.05017C12.5086 2.95298 7.5802 7.59016 7.5802 7.59016C7.2202 7.95016 7.0002 8.45016 7.0002 9.00016V19.0002C7.0002 20.1002 7.9002 21.0002 9.0002 21.0002ZM2 21.0002H2.99981C4.17169 21.0002 4.99981 20.1135 4.99981 19.0002L5.00022 10.0002C5.00022 8.85175 4.1721 8.00018 3.00022 8.00018H2.00041C0.844161 8.00018 0.000411034 8.85956 0.000411034 10.0002L0 19.0002C-3.39e-06 20.1252 0.859375 21.0002 2 21.0002Z' fill='%233E99ED'/%3e%3c/svg%3e ");
}
.comment-content__minus-btn.comment-content__btn--active::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.99995 3.64876H18C18.83 3.64876 19.54 4.14876 19.84 4.86876L22.86 11.9188C22.95 12.1488 23 12.3888 23 12.6488V14.6488C23 15.7488 22.1 16.6488 21 16.6488H14.69L15.64 21.2188L15.67 21.5388C15.67 21.9488 15.5 22.3288 15.23 22.5988C15.23 22.5988 14.4603 23.5016 13.4843 22.5988C12.5083 21.696 7.57995 17.0588 7.57995 17.0588C7.21995 16.6988 6.99995 16.1988 6.99995 15.6488V5.64876C6.99995 4.54876 7.89995 3.64876 8.99995 3.64876ZM1.99976 3.64874H2.99957C4.17144 3.64874 4.99957 4.53546 4.99957 5.64874L4.99998 14.6487C4.99998 15.7972 4.17186 16.6487 2.99998 16.6487H2.00017C0.843917 16.6487 0.000166893 15.7894 0.000166893 14.6487L-0.000244141 5.64874C-0.000247531 4.52374 0.859131 3.64874 1.99976 3.64874Z' fill='%233E99ED'/%3e%3c/svg%3e ");
}
.comment-content__answer-btn {
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  color: #3E99ED;
  margin-left: auto;
}

.comment-content__save-btn {
  position: relative;
  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;
  cursor: pointer;
  height: 24px;
  padding-left: 26px;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
}
.comment-content__save-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 22V3H4V22L12 14L20 22ZM5 19.6L12 12.6L19 19.6V4H5V19.6Z' fill='%23252626'/%3e%3c/svg%3e ");
}
.comment-content__save-btn.featured-comment::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 22V3H4V22L12 14L20 22ZM5 19.6L12 12.6L19 19.6V4H5V19.6Z' fill='%23252626'/%3e%3cpath d='M4 22V3H20V22L12 14L4 22Z' fill='%233E99ED'/%3e%3c/svg%3e ");
}

.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("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5.99993L6.00008 6L11.5 0.705882L10.7667 0L6 4.58831L1.23332 0L0.5 0.705882L5.99992 6L6 5.99993Z' fill='%233E99ED'/%3e%3c/svg%3e ");
  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%;
  min-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 16px/20px "Source Sans Pro", sans-serif;
  color: #252626;
}
.add-comment-content__text-field::-webkit-input-placeholder {
  color: #88898C; }
.add-comment-content__text-field::-moz-placeholder {
  color: #88898C; }
.add-comment-content__text-field:-ms-input-placeholder {
  color: #88898C; }
.add-comment-content__text-field::-ms-input-placeholder {
  color: #88898C; }
.add-comment-content__text-field::placeholder {
  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;
  flex-wrap: wrap;
}
.add-comment-content__btns-wrapper > div {
  display: flex;
  width: 100%;
}
.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 16px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cancel-comment-btn,
.view-comment-btn,
.clear-comment-btn {
  background: none;
  position: relative;
  font: 400 16px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
  padding: 0 0 4px 28px;
}
.cancel-comment-btn {
  margin-right: auto;
}

.cancel-comment-btn::before,
.view-comment-btn::before,
.clear-comment-btn::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.clear-comment-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3V4L3.5 4C3.22386 4 3 4.22386 3 4.5C3 4.77614 3.22386 5 3.5 5L8.5 5H9.5H14.5H15.5H20.5C20.7761 5 21 4.77614 21 4.5C21 4.22386 20.7761 4 20.5 4L15.5 4V3C15.5 1.85156 14.6719 1 13.5 1H10.5C9.34375 1 8.5 1.85938 8.5 3ZM14.5 4V3C14.5 2.5 14 2 13.5 2H10.5C10 2 9.5 2.5 9.5 3V4L14.5 4ZM16.5 23C17.6719 23 18.3828 22.0938 18.5 21C18.6172 19.9063 19.5 5.00001 19.5 5.00001H18.5C18.5 5.00001 17.5469 20.4141 17.5 21C17.4531 21.586 17 22 16.5 22H7.5C7 22 6.53326 21.4989 6.5 21C6.36719 19.0078 5.5 5.00001 5.5 5.00001H4.5C4.5 5.00001 5.42188 19.961 5.5 21C5.57812 22.0391 6.35938 23 7.5 23H16.5ZM11.5 8.5C11.5 8.22386 11.7239 8 12 8C12.2761 8 12.5 8.22386 12.5 8.5V18.5C12.5 18.7761 12.2761 19 12 19C11.7239 19 11.5 18.7761 11.5 18.5V8.5ZM15.701 8.01032C15.4255 7.98959 15.1886 8.19636 15.1719 8.47216L14.5661 18.4769C14.5494 18.7527 14.7592 18.9931 15.0347 19.0138C15.3102 19.0346 15.5471 18.8278 15.5638 18.552L16.1697 8.54724C16.1864 8.27144 15.9766 8.03105 15.701 8.01032ZM8.82739 8.47185C8.81069 8.19605 8.57379 7.98928 8.29827 8.01001C8.02274 8.03075 7.81292 8.27113 7.82962 8.54693L8.43535 18.5499C8.45205 18.8257 8.68894 19.0325 8.96447 19.0117C9.23999 18.991 9.44981 18.7506 9.43311 18.4748L8.82739 8.47185Z' fill='%236F7073'/%3e%3c/svg%3e ");
}
.cancel-comment-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9407 11.9998L19.188 5.75246L18.2475 4.81201L12.0002 11.0593L5.75295 4.81204L4.8125 5.75249L11.0598 11.9998L4.8125 18.247L5.75295 19.1875L12.0002 12.9402L18.2475 19.1875L19.188 18.2471L12.9407 11.9998Z' fill='%236F7073'/%3e%3c/svg%3e ");
}
.view-comment-btn::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C7 5 2.73 7.90267 1 12C2.73 16.0973 7 19 12 19C17 19 21.27 16.0973 23 12C21.27 7.90267 17 5 12 5ZM12 6C7.45455 6 3.57273 8.488 2 12C3.57273 15.512 7.45455 18 12 18C16.5455 18 20.4273 15.512 22 12C20.4273 8.488 16.5455 6 12 6ZM17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z' fill='%236F7073'/%3e%3c/svg%3e ");
}
.add-comment-content__inner,
.comment-content__inner {
    padding: 0;
    width: calc(100% - 32px);
  }
.comment-content__wrap {
  background: #F6F7FA;
  border-radius: 0px 12px 12px 12px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.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% - 32px);
  padding: 0;
}
.sub-comment-wrapper .comment-content__authors-icon {
  flex: 0 0 32px;
}
.sub-comment-wrapper .comment-content__authors-icon img {
  width: 32px;
}

.add-comment-content__authors-icon,
.comment-content__authors-icon {
  position: relative;
  flex: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.add-comment-content__authors-icon img,
.comment-content__authors-icon img {
  width: 32px;
  height: auto;
  border-radius: 50%;
}
.user-group-status {
  display: inline-block;
  color: #00A725;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  margin-bottom: 0;
}
.user-online-status::before {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 1px;
  border-radius: 50%;
  background: #00C950;
  width: 6px;
  height: 6px;
  border: 1px solid #fff;
}
* {
  -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%;
  margin: 17px 0 23px;
}

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


.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);
}
.modal-preview {
  display: none;
  justify-content: center;
  align-items: flex-start;
}
.modal-preview__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 16px);
  max-width: 670px;
  margin: 64px auto 80px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 16px;
  padding: 56px 16px 32px;
  box-sizing: border-box;
}
.modal-preview__wrap h3 {
  font: 600 26px/36px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 16px;
}
.modal-preview__wrap .comment-content__body {
  padding: 16px;
  border-radius: 16px;
  background: #F6F7FA;
  width: calc(100% - 32px);
}
.btn-close {
  position: absolute;
  height: 24px;
  right: 16px;
  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); }
.modal-preview__link {
  height: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1416px;
  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;
  margin-top: 24px;
  padding: 0 12px;
  border: 1px solid #88898C;
  color: #6F7073;
  background: #fff;
  font: 14px/16px "Source Sans Pro", sans-serif; }

@media (max-width: 768px) {
  .commentary-feed-wrapper {
    max-width: 768px;
    padding: 24px 16px 40px 16px;
  }

  .commentary-feed__filter-mob {
    position: relative;
    z-index: 1;
  }

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

  .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 {
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 1000;
    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: 1001;
    -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;
  }
}
@media (max-width: 500px) {
  body {
    font: 400 16px/24px "Source Sans Pro", sans-serif;
  }

  .commentary-feed__filter-mob .filter__select {
    min-height: 32px;
  }
  .commentary-feed__filter-mob .filter__select summary {
    height: 32px;
    font: 400 14px/16px "Source Sans Pro", sans-serif;
    padding: 6px 16px 8px;
  }
  .commentary-feed__filter-mob .filter__select summary:after {
    position: absolute;
    content: "";
    right: 18px;
    top: 9px;
  }
  .commentary-feed__filter-mob .filter__select details[open] summary:after {
    position: absolute;
    content: "";
    right: 18px;
    top: 13px;
  }

  .comment-content__text-escaped {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }
  .comment-content__text-escaped p {
    margin: 0;
  }

  .commentary-feed-wrapper {
    max-width: 500px;
    padding: 15px 16px 16px;
  }

  

  .bell-btn {
    margin: 3px 0 0 auto;
  }

  .comment-content__header {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
  }

  .publication-date {
    font: 400 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 24px;
    margin: 5px 0 0;
  }
  .sub-comment-wrapper .comment-content__authors-icon img {
    width: 24px;
  }

  .add-comment-content__authors-icon {
    margin: 0;
  }

  .comment-content__btns-wrapper {
    gap: 0 18px;
  }

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

 

  .add-comment-content__inner {
    width: 100%;
  }

  .authors-name-star-marked:after {
    margin: 0 2px 0 4px;
  }

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

  .commentary-feed__add-comment {
    padding: 9px 0 0;
  }

  .add-comment-content__btns-wrapper {
    gap: 0;
    flex-wrap: wrap;
  }
  .cancel-comment-btn,
  .view-comment-btn,
  .clear-comment-btn {
    padding: 0 0 0 20px;
    font: 400 14px/16px "Source Sans Pro", sans-serif;
  }
  .cancel-comment-btn {
    margin-right: auto;
  }
}
.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;
}

@media (max-width: 500px) {
  .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;
}

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

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

.sab__subscription-detailing {
  -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;
  padding: 24px 24px 16px;
  box-sizing: border-box;
  transform: translate(0,100%);
  flex-wrap: nowrap;
  height: auto;
  max-height: 340px;
  overflow: scroll;
  box-shadow: 0px 4px 12px 0px #00000040;
  transition: all 450ms cubic-bezier(0.32, 1, 0.23, 1) 100ms;
}

.sab__subscription-detailing .sab__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0;  
  flex-shrink: 0;
  text-align: start;
}

.sab__subscription-detailing.sab__subscription-detailing-shown {
  transform: translate(0, 0);
  z-index: 9;
}

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

.comment-content__text-escaped blockquote:before,
.comment-content__text-full blockquote:before {
  z-index: 0;
  content: '';
}

.commentary-feed-wrapper {
  padding: 0px;
}

.more-options-btn-mob .more-options-btn__inner {
  z-index: 1002;
}

.user-profile-alert {
  background: #fefce0;
  padding: 10px 24px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.comments-empty-block {
  display: flex;
  flex-direction: column;
}

.comments-empty-block h3 {
  color: #252626;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 16px 0 4px;
  background: url(/img/skins/mobile2019/pencil-1.png) no-repeat 0 0;
  padding-top: 36px;
}

.comments-empty-block p {
  color: #6F7073;
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 -4px;
}

.commentary-feed__comments:has(div.comments-empty-block) {
  margin-bottom: 0;
}

.comment-content__plus-btn.comment-content__btn--disabled,
.comment-content__minus-btn.comment-content__btn--disabled {
  cursor: not-allowed;
}

.add-comment-content__text-field,
.add-comment-content__inner .note-editable, .add-comment-content__inner .note-editable p,
.comment-textarea .note-editable, .comment-textarea .note-editable p,
.comment-data .note-editable, .comment-data .note-editable p {
  font: 400 16px/20px "Source Sans Pro", sans-serif;
  color: #252626;
}

.add-comment-form blockquote {
  font: 400 16px/20px "Source Sans Pro", sans-serif;
}

.add-comment-form blockquote::before {
  content: '';
}

/* White Label – start*/
.lightlabel-book24__btn-buy {
  width: 100%;
  background-color: #7157B7;
  font: 600 18px/24px "Source Sans Pro", Arial, sans-serif;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16px;
  transition: all 0.3s;
}

.lightlabel-book24__btn-buy:visited {
  color: #fff;
}

.lightlabel-book24__btn-buy:hover,
.lightlabel-book24__btn-buy:active {
 background-color: #8068BF;
}
.lightlabel-book24__btn-buy .b24-btn:hover {
  background-color: inherit !important;
  border-color: inherit !important;
}

.lightlabel-book24-card {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  border: 1px solid #E6E9F0;
  background-color: #fff;
  box-sizing: border-box;
  margin: 32px 0 34px;
  box-shadow: 0 4px 20px 0 rgba(28, 21, 108, 0.14);
  border-radius: 16px;
  padding: 18px 16px 16px;
}
.lightlabel-book24-card__content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "title title" "btn price";
  align-items: center;
}
.type-paper {
  grid-template-areas: "title price" "btn btn";
}
.lightlabel-book24-card__type-title {
  grid-area: title;
  font: 400 18px/28px "Source Sans Pro", Arial, sans-serif;
  color: #6F7073;
}

.type-paper .lightlabel-book24-card__type-title {
  font: 600 24px/30px "Source Sans Pro", Arial, sans-serif;
  color: #252626;
}
.lightlabel-book24-card__content.type-paper {
  gap: 20px 8px;
}
.lightlabel-book24-card__content.type-paper:not(:only-child) {
  border-bottom: 2px solid #DFE1E6;
}
.lightlabel-book24-card__types {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.lightlabel-book24-card__prices {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}

.lightlabel-book24-card__prices p {
  margin-bottom: 0;
}
.lightlabel-book24-card__prices .price {
  font: 600 16px/20px "Source Sans Pro", Arial, sans-serif;
  color: #252626;
}
.type-paper .lightlabel-book24-card__prices .price {
  font: 600 24px/30px "Source Sans Pro", Arial, sans-serif;
 }
 .lightlabel-book24-card__prices .old-price {
  font: 600 16px/20px "Source Sans Pro", Arial, sans-serif;
  color: #6F7073;
  text-decoration: line-through;
}

.lightlabel-book24-card__buy-button {
  grid-area: btn;
}

.lightlabel-book24-card__buy-button .b24-btn-wrap .b24-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:  #6C47D6;
  color: #fff;
  font: 600 18px/24px "Source Sans Pro", Arial, sans-serif;
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 20px;
  transition: all 0.3s;
}
.lightlabel-book24-card__buy-button .b24-btn-wrap .b24-btn:hover,
.lightlabel-book24-card__buy-button .b24-btn-wrap .b24-btn:active {
  background-color: #8068BF;
}


.lightlabel-book24-card__buy-button .b24-btn__content {
  padding-left: 9px;
  padding-right: 9px;
  color: #fff;
}
.lightlabel-book24-card .b24-btn__content {
  color: #fff;
}
.lightlabel-book24-card .b24-coupon .b24-btn {
  height: 32px;
  border-radius: 16px;
  color: #fff;
  font: 600 16px/30px "Source Sans Pro", sans-serif !important;
}
.lightlabel-book24-card .b24-input-control__desc._before {
  font: 400 12px/12px "Source Sans Pro", sans-serif !important;
  top: -8px;
}
.book-page__card-delivery-tabs,
.lightlabel-book24-card__promos {
  grid-column: 1/-1;
}
.lightlabel-book24-card__promos {
  display: flex;
  flex-direction: column;
}

.lightlabel-book24-card__promo-descr {
  font: 400 14px/16px "Source Sans Pro", Arial, sans-serif;
  color: #6F7073;
  margin: 4px 0 8px;
}

.lightlabel-book24-card__promo-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.lightlabel-book24-card__promo {
  background-color: #ECF5FE;
  font: 400 16px/20px "Source Sans Pro", Arial, sans-serif;
  border: 2px dashed #C6E1FA;
  color: #252626;
  border-radius: 16px;
  padding: 6px 70px 6px 42px;
  background-image:
      url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7C0 4.79086 1.79086 3 4 3H20C22.2091 3 24 4.79086 24 7V9C22.3431 9 21 10.3431 21 12C21 13.6569 22.3431 15 24 15V17C24 19.2091 22.2091 21 20 21H4C1.79086 21 0 19.2091 0 17V15C1.65685 15 3 13.6569 3 12C3 10.3431 1.65685 9 0 9V7Z' fill='%233E99ED'/%3e%3cpath d='M15 8L10 16' stroke='white' stroke-width='1.4'/%3e%3ccircle cx='8.5' cy='9.5' r='1.8' stroke='white' stroke-width='1.4'/%3e%3ccircle cx='16.5' cy='14.5' r='1.8' stroke='white' stroke-width='1.4'/%3e%3c/svg%3e "),
      url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 2.5C4.17157 2.5 3.5 3.17157 3.5 4V16C3.5 16.8284 4.17157 17.5 5 17.5H7.5V20C7.5 20.8284 8.17157 21.5 9 21.5H19C19.8284 21.5 20.5 20.8284 20.5 20V8C20.5 7.17157 19.8284 6.5 19 6.5H16.5V4C16.5 3.17157 15.8284 2.5 15 2.5H5ZM15.5 6.5V4C15.5 3.72386 15.2761 3.5 15 3.5H5C4.72386 3.5 4.5 3.72386 4.5 4V16C4.5 16.2761 4.72386 16.5 5 16.5H7.5V8C7.5 7.17157 8.17157 6.5 9 6.5H15.5ZM8.5 17.5V20C8.5 20.2761 8.72386 20.5 9 20.5H19C19.2761 20.5 19.5 20.2761 19.5 20V8C19.5 7.72386 19.2761 7.5 19 7.5H16.5H15.5H9C8.72386 7.5 8.5 7.72386 8.5 8V16.5V17.5Z' fill='%23252626'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position:
      left 8px center,
      right 36px center;
  cursor: pointer;
  z-index: 6;
}

.lightlabel-book24-card__promo:hover {
  background-color: #C6E1FA;
}
.b24-loader-block {
  z-index: 5;
}

.b24-loader {
  color: #3e99ed !important;
}

#book24-widget-app-entrypoint {
  min-height: 70vh;
}

#book24-widget-app-entrypoint .vfm {
  z-index: 1010 !important;
}

.empty-basket-mobile {
  box-sizing: border-box;
}

[id="single-spa-application:partners-widget-cabinet"] .b24-btn {
  color: #fff;
}

.lightlabel-book24-promo-copied {
  display: flex;
  align-items: center;
  padding-left: 36px;
  box-sizing: border-box;
  border-radius: 12px;
  font-weight: 600;
  color: #00B749;
  background: linear-gradient(0deg, rgba(0, 183, 73, 0.12), rgba(0, 183, 73, 0.12)), #FFFFFF no-repeat;
  height: 44px;
  position: fixed;
  box-shadow: 0 4px 20px rgba(1, 46, 87, 0.14);
  top: -50px;
  right: 10px;
  left: 10px;
  z-index: 1005;
  opacity: 0;
}

.lightlabel-book24-promo-copied.animate {
  animation-name: show-promo-alert;
  animation-duration: 2.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: backwards;
}

@keyframes show-promo-alert {
  from {
    top: -50px;
    opacity: 1;
  }

  14% {
    top: 44px;
  }

  24% {
    top: 30px;
  }

  44% {
    top: 32px;
    opacity: 1;
  }

  84% {
    opacity: 1;
  }
}

.lightlabel-book24-promo-copied::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16' fill='%2300B749' rx='8'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m4.5 8 2.684 2.684a.4.4 0 0 0 .595-.033L11.5 6'/%3E%3C/svg%3E");
  position: absolute;
  left: 12px;
}

.lightlabel-book24-promo-copied button {
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23252626' fill-rule='evenodd' d='M8.243 7.536 4.707 4 4 4.707l3.536 3.536L4 11.778l.707.707L8.243 8.95l3.535 3.535.707-.707L8.95 8.243l3.535-3.536L11.778 4 8.243 7.536Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  border: none;
  background-color: transparent;
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: 6px;
  background-position: center;
}

.b24-btn._secondary .b24-btn__loader,
.b24-btn._disabled .b24-btn__loader {
  color: #3e99ed;
}

.checkout-page-wrap-mobile {
  padding: 0 16px;
}

.empty-basket-mobile .b24-btn {
  color: #fff;
}

.lightlabel-book24-card__litres-button {
  grid-area: btn;
  font: 600 16px/20px "Source Sans Pro", Arial, sans-serif;
  color: #252626;
  height: 20px;
  border: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 3px;
  transition: all 0.3s;
}
.lightlabel-book24-card__litres-button:hover,
.lightlabel-book24-card__litres-button:active {
  opacity: 0.6;
}
.book-page__card-delivery-tabs summary::-webkit-details-marker {
  display: none; }
.book-page__card-delivery-tabs > div {
  padding: 8px 0 16px; }

.book-page__card-delivery-tabs summary {
  display: block;
  color: #6F7073;
  font: 400 14px/24px "Source Sans Pro", Arial, sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6L7.71716 10.7172C7.87337 10.8734 8.12663 10.8734 8.28284 10.7172L13 6' stroke='%236F7073' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right center;
  width: fit-content;
  padding: 0 20px 0 0;
  margin-bottom: 12px;
}

[data-book24-widget-promocode] {
  margin: 0;
  grid-column: 1 / -1;
}

[data-book24-widget-promocode] .product-coupon .product-coupon__coupon-visible-button {
  background-color: #3E99ED;
  border: none;
  font: 600 16px/16px "Source Sans Pro", Arial, sans-serif;
  padding: 12px 16px;
  color: #fff;
  height: 40px;
  box-sizing: border-box;
  border-radius: 20px;
}

[data-book24-widget-promocode] .product-coupon .b24-input-control__input {
  height: auto;
  border: none;
}

.lightlabel-book24-card__promo-conditions {
  font-size: 14px;
  margin-top: 8px;
  padding-right: 20px;
  line-height: normal;
}

.tooltip._base {
  width: auto;
  height: auto;
  margin: 0 0 6px;
  background: none;
}

.tooltip._base .tooltip-inner {
  padding: 8px !important;
}

.order-success-m__help-holder .b24-btn._large {
  color: #fff;
}


.book-page__card-payments-item {
  margin: 0 0 16px;
  font-size: 14px;
}
.book-page__card-payments-pics {
  display: flex;
  align-items: center;
}
.book-page__card-payments-pics svg {
  max-width: 40px;
  margin-left: 8px;
  height: auto;
}

.lightlabel-book24-card__tooltip {
  position: absolute;
  top: calc(50% - 8px);
  right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 8px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM7 5.00001C7 4.44772 7.44772 4.00001 8 4.00001C8.55228 4.00001 9 4.44772 9 5.00001C9 5.55229 8.55228 6.00001 8 6.00001C7.44772 6.00001 7 5.55229 7 5.00001ZM7 8.00001C7 7.44772 7.44772 7.00001 8 7.00001C8.55228 7.00001 9 7.44772 9 8.00001V11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11V8.00001Z' fill='%236F7073'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

.lightlabel-book24-card__tooltip .tooltiptext {
  visibility: hidden;
  max-width: 200px;
  width: max-content;
  background-color: #fff;
  color: #252626;
  padding: 12px 12px;
  border-radius: 8px 0 8px 8px;
  font: 400 14px/16px "Source Sans Pro", sans-serif; 
  -webkit-box-shadow: 0px 4px 20px 0px rgba(1, 46, 87, 0.14);
  box-shadow: 0px 4px 20px 0px rgba(1, 46, 87, 0.14);
  position: absolute;
  top: 100%;
  right: 130%;
  z-index: 1;
  transition: all 0.3s;
  opacity: 0;
}

.lightlabel-book24-card__tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.lightlabel-book24-block {
  border-bottom: 4px solid #DFE1E6;
  margin-bottom: 16px;
}
/* White Label – end*/

.lightlabel-book24-support-info-block {
  padding: 20px 30px 10px;
}

.bc-detailing__sorting details {
  z-index: 11;
}

.bc-soc__notify .bc-soc__popup-bell {
  z-index: 1001;
}

.sab__subscription-detailing.sab__subscription-detailing-shown {
  position:fixed;
}

.lenta-card__text {
  color: #252626;
}

.bc__label {
  font: 600 10px/16px Source Sans Pro,sans-serif;
  color: #fff;
  margin: -10px 0 6px;
  z-index: 10;
}

.bc-priceblock {
  width:100%;
  margin: 24px 0;
  box-shadow: 0 4px 20px 0 rgba(28, 21, 108, 0.14);
  border: 1px solid #E6E9F0;
  background-color: #fff;
  border-radius: 16px;
}

.bc-new .bc-detailing-18plus {
  width:42px;
  position:absolute;
  left:-50px;
}
.bc-new .bc-detailing-about--18plus {
  margin-left: 50px;
  position:relative; }

.bc-new .bc-detailing-about--18plus.bc-header__link--active {
  margin-left: 192px; }

  
.book-item__item_type_ad {
  width: 136px;
  margin: 24px 2px 12px;
  padding-top: 4px;
  background: linear-gradient(180deg, #76CEF1 0%, #3E99ED 100%);
}

.book-item__item_type_ad .bc-menu__status-lists {
  left: 0;
  top: -16px;
  min-width: 112px;
  max-width: max-content;
  background: #75CDF1;
}

.book-item__item_type_ad .book-item__link {
  max-width: 128px;
  margin: auto;
}

.book-item__item_type_ad .book-item__wrapper {
  color: #FFFFFF;
  border-color: transparent;
}

.book-item__item_type_ad .book-item__title {
  color: #FFFFFF !important;
}

.book-item__item_type_ad .book-item__menu:after {
  background-color: #FFFFFF;
  box-shadow: 0 -6px 0 0 #FFFFFF, 0 6px 0 0 #FFFFFF;
}

.book-item__item_type_ad .book-item__author {
  color: #FFFFFF !important;
}

.book-item__item_type_ad .book-item__rating::before {
  background-position-x: -270px;
}

.book-item__item_type_ad .book-item__buy {
  color: #FFFFFF;
}

.book-item__item_type_ad .btn-add-plus {
  max-width: 112px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FA385D;
  border: 1px solid #FA385D;
}

.book-item__item_type_ad .btn-add-plus--add {
  background-color: #FFFFFF;
  border-color: #3E99ED;
}


.profile .marathon-block[open] {
  display: block;
  margin-top: 40px;
}

.marathon-block {
  position: relative;
  margin: 0 16px 28px;
}

.marathon-block__toggle::-webkit-details-marker {
  display: none;
}

.marathon-block__toggle {
  list-style-type: none;
  cursor: pointer;
}

.marathon-block[open] .marathon-block__toggle {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}

.marathon-block[open] .marathon-block__toggle::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 11px;
  width: 1.33px;
  height: 19px;
  background-color: #252626;
  transform: rotate(45deg);
}

.marathon-block[open] .marathon-block__toggle::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 11px;
  width: 1.33px;
  height: 19px;
  background-color: #252626;
  transform: rotate(-45deg);
}

.marathon-block[open] .marathon-block__teaser {
  display: none;
}

.marathon-block__teaser {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #252626;
  cursor: default;
}

.marathon-block__switch {
  color: #3E99ED;
  cursor: pointer;
  transition: all .3s linear;
}

.marathon-block__hide {
  display: none;
}

.marathon-block[open] .marathon-block__hide {
  display: block;
  position: absolute;
  top: 4px;
  right: 32px;
  width: 16px;
  height: 16px;
}

.marathon-block__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  flex-wrap: wrap;
  padding: 64px 16px 20px 16px;
  background: #F6F7FA;
  border-radius: 24px;
  box-sizing: border-box;
}

.marathon-block__img {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}

.marathon-block__title {
  margin: 0 0 4px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #252626;
}

.marathon-block__txt {
  margin: 0 0 8px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #252626;
}

.marathon-block__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  color: #3E99ED;
}

.marathon-block__progress-bar {
  display: flex;
  gap: 4px;
  width: 100%;
  padding: 2px 4px 2px 2px;
  box-sizing: border-box;
}

.progress-bar {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.marathon-block__progress-bar-label {
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  color: #88898C;
}

.progress-bar__value {
  width: 100%;
  height: 12px;
  background-color: #DFE1E6;
}

.progress-bar__value:first-child {
  border-radius: 8px 0 0 8px;
}

.progress-bar__value:last-child {
  border-radius: 0 8px 8px 0;
}

.progress-bar__value_active {
  background-color: #78B8F3;
}


.marathon-block__content {
    border: 1px solid #C7E2FA;
    background: #DEEEFC;
}

.marathon-block__progress-bar_theme_blue {
    --accent-color: #52A4EF;
}

.marathon-block__progress-bar_theme_purple {
    --accent-color: #8D79C5;
}

.marathon-block__progress-bar_theme_orange {
    --accent-color: #F6875F;
}

.marathon-block__progress-bar_theme_red {
    --accent-color: #FB4C6E;
}

.marathon-block__progress-bar_theme_yellow {
    --accent-color: #F7BB4E;
}

.marathon-block__progress-bar .marathon-block__accent-color {
    color: var(--accent-color);
}

.marathon-block__progress-bar .progress-bar__value_active {
    background-color: var(--accent-color);
}

.marathon-block__progress-bar-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.marathon-block__progress-bar {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.marathon-block__progress-bar-title {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #252626;
}

.marathon-block__progress-bar-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #252626;
}

.progress-bar {
    gap: 2px;
}

.progress-bar__value {
    height: 8px;
    background-color: #C6E1FA;
}

/* Стили для блока на белом фоне - УДАЛИТЬ, ЕСЛИ БУДУТ НЕ НУЖНЫ */

.marathon-block_theme_white .marathon-block__content {
    border-color: #E6E9F0;
    background: #FFFFFF;
}

.marathon-block_theme_white .marathon-block__progress-bar-title {
    color: #88898C;
}

.marathon-block_theme_white .progress-bar__value:not(.progress-bar__value_active) {
    background-color: #EDF0F7;
}

.marathon-block_theme_white .marathon-block__progress-bar-label {
    color: #88898C;
}

/* Стили для блока на сером фоне - УДАЛИТЬ, ЕСЛИ БУДУТ НЕ НУЖНЫ */

.marathon-block_theme_gray .marathon-block__content {
    border-color: #F6F7FA;
    background: #F6F7FA;
}

.marathon-block_theme_gray .marathon-block__progress-bar-title {
    color: #88898C;
}

.marathon-block_theme_gray .progress-bar__value:not(.progress-bar__value_active) {
    background-color: #DFE1E6;
}

.marathon-block_theme_gray .marathon-block__progress-bar-label {
    color: #88898C;
}



.lenta-card__text {
  position: relative;
}

.lenta-card__full-text-review-link {
  font-size: 16px;
}

.lenta-card__text .lenta-card__full-text-review-link, .lenta-card__text .lenta-card__full-text-review-link:visited, .review-card .lenta-card__text .lenta-card__full-text-review-link, .review-card .lenta-card__text .lenta-card__full-text-review-link:visited {
  color: #3e99ed;
  text-decoration: none;
}

.lenta-card__full-text-review-link:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.slides-subscription .main-slider__link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.slides-subscription .main-slider__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.slides-subscription .main-slider__img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.slides-subscription.slides-subscription_NY .main-slider__img {
  object-fit: cover;
  object-position: top;
}

.main-slider__title {
  text-wrap: balance;
}
.slides-top {
  background-color: #0F5699;
}
.slides-top .main-slider__txt {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #FFFFFF;
}
.slides-top .main-slider__img {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  max-width: 120px;
  max-height: 120px;
  width: 100%;
  height: 100%;
}
.slides-top .main-slider__link {
  justify-content: center;
  min-width: 112px;
  background: #FB607D;
}

.bc-price-block {
  background: var(--white,#fff);
  border: 1px solid var(--gray-94,#e6e9f0);
  border-radius: 16px;
  box-shadow: 0 4px 20px 0 #1c156c24;
  box-sizing: border-box;
  padding: 16px
}
.bc-price-block_type_book-exchange {
  padding: 16px 16px 20px
}
.bc-price-block_type_book-exchange,.bc-price-block_type_other-edition {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin: 24px -8px 0px;
  margin-bottom: 16px
}
.bc-price-block__heading {
  color: var(--dark-main,#252626);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 0
}
.reset-button {
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  outline: transparent;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition: all .3s linear
}
.link-button, .link-button:visited, .link-button:hover {
  background: var(--blue-4,#3e99ed) !important;
  border-radius: 24px;
  color: var(--white,#fff);
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  padding: 8px 16px
}

/* Для лендинга КВ */
.kv-form__amount-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 24px 0 0;
}

.kv-form .kv-form__amount-options-title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-wrap: balance;
  color: #000000;
}

.kv-form .kv-form__amount-options-list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.kv-form .kv-form__amount-options-item:nth-of-type(n) {
  max-width: 116px;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}

.kv-form .kv-form__amount-options-button {
  position: relative;
  flex-direction: column;
  margin: 0;
  padding: 8px 20px 10px;
  height: auto;
  font-family: inherit;
  text-decoration: none;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 14px;
  box-sizing: border-box;
  appearance: none;
  outline: transparent;
  cursor: pointer;
  transition: all .3s linear;
}

.kv-form .kv-form__amount-options-button:active {
  background: #FA385D;
  transform: scale(0.9);
}

.kv-form__amount-options-button[aria-checked="false"] {
  color: #000000;
  background: #0000000F;
}

.kv-form__amount-options-button[aria-checked="true"] {
  color: #FFFFFF;
  background: #FA385D;
}

.kv-form__amount-options-value {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}

.kv-form__amount-options-stat {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  opacity: 0.8;
}

.kv-form .kv-form__amount-options-button:hover {
  color: #FFFFFF;
  background: #FA385D;
}
/* ----- Для лендинга КВ */

/* КВ СТИЛИ ДЛЯ БЛОКА С ПРОГРЕСС-БАРОМ */
.kv-status-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 32px;
  margin: 13px 0 48px 0;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) {
  row-gap: 68px;
}

.kv-status-bar__checkbox-label {
  position: relative;
}

.kv-status-bar__checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.kv-status-bar__checkbox-switch {
  position: relative;
  display: block;
  width: 96px;
  height: 48px;
  border-radius: 32px;
  background-color: #252626;
  cursor: pointer;
}

.kv-status-bar__checkbox-switch::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  border-radius: 32px;
  border: 2px solid #252626;
  background-image: url('/img/skins/ll2019/battery_active.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F8DB73;
  transition: all 0.3s linear;
}

.kv-status-bar__checkbox-switch::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  border-radius: 32px;
  border: 2px solid #252626;
  background-image: url('/img/skins/ll2019/snail.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #252626;
  transition: all 0.3s linear;
}

.kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::before {
  background-image: url('/img/skins/ll2019/battery.svg');
  background-color: #252626;
}

.kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::after {
  background-image: url('/img/skins/ll2019/snail_active.svg');
  background-color: #F8DB73;
}

.kv-status-bar__meta-info {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #FFFFFF;
}

.kv-status-bar__meta-date {
  display: block;
  color: #F8DB73;
}

.kv-status-bar__progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
  height: 48px;
  background: #252626;
  border: none;
  border-radius: 32px;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar {
  height: 34px;
}

.kv-status-bar__progress-bar-indicator {
  position: relative;
  display: block;
  width: 0;
  height: 40px;
  margin: 4px;
  background-image: linear-gradient(90deg, #F8DB73 -2.05%, #FA385D 100%);
  background-size: calc(100vw - 32px);
  border-radius: 32px 12px 12px 32px;
}

.kv-status-bar_state_finish .kv-status-bar__progress-bar-indicator {
  border-radius: 32px;
}

.kv-status-bar_state_start:not(.kv-status-bar_state_null) .kv-status-bar__progress-bar-indicator {
  padding-left: 12px;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator {
  height: 100%;
  margin: 0;
  background-image: linear-gradient(90deg, #FA385D 0%, #FA385D 100%);
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 108px;
  height: 86px;
  background-image: url('/img/skins/ll2019/snail_icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.kv-status-bar_state_start:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
  right: unset;
  left: 0;
}

.kv-status-bar_state_finish:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
  right: -12px;
  background-image: url('/img/skins/ll2019/snail-cup_icon.png');
}

.kv-status-bar__progress-bar-value {
  position: absolute;
  right: 0;
  transform: translateX(50%);
  top: calc(100% - 4px);
  padding: 4px 8px 4px 28px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 32px;
  box-shadow: 0 2px 10px 0 #00000029;
  box-sizing: border-box;
}

.kv-status-bar_state_null .kv-status-bar__progress-bar-value {
  right: unset;
  transform: none;
  left: -4px;
}

.kv-status-bar_state_null:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-value {
  left: 0;
}

.kv-status-bar_state_end .kv-status-bar__progress-bar-value {
  transform: none;
}

.kv-status-bar_state_finish .kv-status-bar__progress-bar-value {
  right: -4px;
  transform: none;
  padding-left: 52px;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-value {
  top: 100%;
  right: 0;
  transform: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #FFFFFF;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.kv-status-bar__progress-bar-value::after {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #FFFFFF;
}

.kv-status-bar_state_end .kv-status-bar__progress-bar-value::after {
  left: 80%;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-value::after {
  display: none;
}

.kv-status-bar__progress-bar-value::before {
  content: '';
  position: absolute;
  top: 0;
  left: 8px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('/img/skins/ll2019/charge_icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-value::before {
  display: none;
}

.kv-status-bar_state_finish .kv-status-bar__progress-bar-value::before {
  width: 40px;
  background-image: url('/img/skins/ll2019/star-cup_icon.svg');
}

/* СТИЛИ ДЛЯ БЛОКА С НОВОСТЯМИ */

.kv-wtr_type_afisha .kv-wtr__list {
  padding: 40px 16px;
}

.kv-wtr_type_afisha .main-block {
  gap: 16px;
  align-items: baseline;
  margin-bottom: 0;
}

.kv-wtr_type_afisha .main-block__title {
  margin: 0;
}

.kv-wtr_type_afisha .main-block__show-all {
  margin: 0;
}

.kv-wtr_type_afisha .main-block__wrapper {
  min-width: 100%;
  width: auto;
  margin: 0 -16px;
}

.kv-wtr_type_afisha .main-block__list {
  gap: 16px;
  margin: 0 16px;
}

.kv-wtr_type_afisha .main-block__item {
  width: 100%;
  padding: 0;
}

.kv-wtr_type_afisha .main-block__item .lenta-card__picture-wrapper {
  padding-bottom: calc(224 / 288 * 100%);
}
/*------------ КВ СТИЛИ ДЛЯ БЛОКА С ПРОГРЕСС-БАРОМ */

.lenta-card__h1 {
  margin-bottom:16px;
}

.ll-redirect {
  cursor:pointer;
}

.post-card .lenta-card__picture-wrapper div[id^="in-image-wrapper"]::after {
  content: '';
  background: rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute; }

.post-card .lenta-card__picture-wrapper div[id^="in-image-shadow"] {
  position:relative;
  bottom: 50px;
 z-index:2;
}

.post-card .lenta-card__picture-wrapper--hideshadow::after {
 display:none !important;
}

.kv-2024 {
  background-image: url('/img/skins/mobile2019/kv-2024-logo.png'), url('/img/skins/mobile2019/kv-2022-bg.jpg');
}

.kv-2024::before {
  background-image: url('/img/skins/mobile2019/kv-2024.png');
  background-size: auto;
}

.kv-2025 {
  background-image: url('/img/skins/mobile2019/kv-2025-logo.png'), url('/img/skins/mobile2019/kv-2022-bg.jpg');
}

.kv-2025::before {
  background-image: url('/img/skins/mobile2019/kv-2025.png');
  background-size: contain;
}

.kv-2022__slide h3::before {
  background-color: #FFFFFF;
}


/* СТИЛИ ДЛЯ БЛОКА С НОВОСТЯМИ */

.kv-wtr_type_afisha .kv-wtr__list {
  padding: 40px 16px;
}

.kv-wtr_type_afisha .main-block {
  gap: 16px;
  align-items: baseline;
  margin-bottom: 0;
}

.kv-wtr_type_afisha .main-block__title {
  margin: 0;
}

.kv-wtr_type_afisha .main-block__show-all {
  margin: 0;
}

.kv-wtr_type_afisha .main-block__wrapper {
  min-width: 100%;
  width: auto;
  margin: 0 -16px;
}

.kv-wtr_type_afisha .main-block__list {
  gap: 16px;
  margin: 0 16px;
}

.kv-wtr_type_afisha .main-block__item {
  width: 100%;
  padding: 0;
}

.kv-wtr_type_afisha .header-card {
  align-items: flex-start;
  margin-bottom: 10px;
}

.kv-wtr_type_afisha .header-card-user {
  position: relative;
}

.kv-wtr_type_afisha .header-card-user_status_online::after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: 2px;
  right: 10px;
  width: 6px;
  height: 6px;
  background-color: #00C950;
  border-radius: 50%;
}

.kv-wtr_type_afisha .header-card-user__avatar {
  margin: 0 8px 0 0;
}

.kv-wtr_type_afisha .header-card__about {
  align-self: center;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
}

.kv-wtr_type_afisha .header-card-user__name {
  margin-right: 8px;
  font-size: 16px;
  line-height: 20px;
}

.header-card__meta {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #88898C;
}

.header-card__meta_type_time {
  margin-right: 8px;
  line-height: 21px;
}

.header-card__meta_type_views {
  margin: 4px 0 0 auto;
  padding-left: 20px;
}

.header-card__meta_type_views::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 10px;
  margin: auto;
  background: url('https://s.livelib.ru/img/skins/ll2019/SVGsprite18.svg') -182px -81px no-repeat;
}

.kv-wtr_type_afisha .header-card__menu {
  margin-top: 2px;
}

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

.main-event .lenta-card-book__link {
  margin: 0 0 18px;
}

.kv-wtr_type_afisha .main-block__item .lenta-card__picture-wrapper {
  padding-bottom: calc(291 / 461 * 100%);
  border-radius: 18px;
}

.main-event .main-block__list .lenta-card__title {
  height: auto;
}

/* НОВЫЕ СТИЛИ ДЛЯ ГРАДИЕНТНОЙ КНОПКИ */

/* в верстке нужно добавить нужной кнопке класс .gradient-box */

.book-item__item .btn-buy-holder, .slide-book__item .btn-buy-holder {
  z-index: 1;
}

.book-item__item .btn-buy-holder .gradient-box {
  line-height: 18px;
  color: #252626;
}

.gradient-box {
  position: relative;
  padding: 4px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  background-clip: padding-box;
  border: solid 1px transparent;
  border-radius: 32px;
}

.gradient-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(85.01deg, #FB607D 0%, #8D69EC 53.83%, #3E99ED 100%);
}

.gradient-box::after {
  content: "";
  position: absolute;
  inset: -4px;
  transform: translate(0, 0);
  z-index: -1;
  background: linear-gradient(85.01deg, #FB607D 0%, #8D69EC 53.83%, #3E99ED 100%);
  border-radius: inherit;
  opacity: 0.2;
}

.section-form__inner {
  margin-top: -24px;
}

.wtr__list {
  max-width: 100%;
  margin: 0 8px;
  width: auto;
}

.lists__list {
  margin-top: 8px;
}

.book-item__item {
  height: auto;
}

.book-item--full {
  grid-template-areas:
      "img book"
      "img author"
      "img stat"
      "wrap stat"
      "inner inner";
  grid-template-rows: 63px 62px auto auto 1fr;
}

.book-item__wrapper {
  grid-template-areas:
      "book book"
      "author author"
      "rating link"
      "btn-add btn-add"
      "btn-read btn-read";
  height: auto;
}

.book-item--full .book-item__wrapper {
  grid-template-rows: 44px 28px 34px;
  grid-template-areas:
      "rating link"
      "btn-add btn-add"
      "btn-read btn-read";
}

.book-item--min .book-item__wrapper {
  grid-template-rows: 27px 33px 28px 34px;
  grid-template-areas:
      "book book book"
      "author author author"
      "btn-add rating link"
      "btn-read . .";
}

.book-item__title {
  height: 32px;
}

.book-item--full .book-item__title {
  height: auto;
}

.book-item--min .book-item__title {
  height: auto;
}

.book-item-stat {
  align-self: center;
}

.btn-read-online {
  grid-area: btn-read;
  margin-top: 6px;
  padding: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  color: #3E3F40;
  background: #FFFFFF;
  border: 1px solid #D0D2D6;
  border-radius: 32px;
  box-sizing: border-box;
}

.book-item--min .btn-read-online {
  align-self: flex-end;
  margin-top: 0;
}

.book-item__item .btn-read-online:visited {
  color: #3E3F40;
}

.kv-widget {
  margin: 0 16px 24px;
  padding: 32px 24px 24px;
  background-color: #000000;
  border-radius: 16px;
}

.kv-widget__content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 16px;
  align-items: center;
  justify-content: center;
}

.kv-widget__logo-picture {
  position: relative;
  display: block;
  width: 91px;
  height: 27px;
}

.kv-widget__logo-img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.kv-widget__logo-year {
  position: absolute;
  right: 4px;
  bottom: 2px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.04em;
  color: #000000;
}

.kv-widget__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}

.kv-widget__form-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
}

.kv-widget__form-number {
  max-width: 100%;
  width: 220px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background-color: #252626;
  border: 1px solid #000000;
  border-radius: 40px;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.kv-widget__form-number:focus,
.kv-widget__form-number:focus-visible,
.kv-widget__form-number:focus-within,
.kv-widget__form-number:active {
  border-color: #FA385D;
}

/* Для Chrome и Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Для IE и Edge */
input[type="number"]::-ms-clear {
  display: none;
}

.kv-widget__btn {
  display: inline-block;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #FA385D;
  box-sizing: border-box;
  appearance: none;
  border: none;
  border-radius: 40px;
  outline: transparent;
  cursor: pointer;
}

.kv-widget__txt {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 158px;
  font-size: 26px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
}

.kv-widget__book-amount {
  font-weight: 600;
}

.kv-widget__accent {
  color: #F8DB73;
}

.kv-widget__result {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

/* Стили для прогресс-бара с улиткой */

.kv-widget-bar {
  max-width: 45%;
  width: 100%;
}

.kv-widget-bar__progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
  height: 16px;
  background: #1D1D1D;
  border: none;
  border-radius: 32px;
}

.kv-widget-bar__progress-bar-indicator {
  position: relative;
  display: block;
  width: 0;
  height: 100%;
  background-image: linear-gradient(90deg, #FA385D 0%, #FA385D 100%);
  border-radius: 32px 12px 12px 32px;
}

.kv-widget-bar_state_start:not(.kv-widget-bar_state_null) .kv-widget-bar__progress-bar-indicator {
  padding-left: 12px;
}

.kv-widget-bar__progress-bar-indicator::after {
  content: '';
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 48px;
  height: 36px;
  background-image: url('/img/skins/ll2019/snail_icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.kv-widget-bar_state_start .kv-widget-bar__progress-bar-indicator::after {
  right: unset;
  left: 0;
}

.kv-widget-bar_state_end .kv-widget-bar__progress-bar-indicator::after {
  right: -8px;
}

.kv-widget-bar__progress-bar-value {
  position: absolute;
  right: -22px;
  transform: translateX(50%);
  bottom: calc(100% + 4px);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #FFFFFF;
  background-color: transparent;
  box-sizing: border-box;
}

.kv-widget-bar_state_start .kv-widget-bar__progress-bar-value {
  left: 40px;
  right: unset;
  transform: none;
}

/* ФИНИШ - 100% */

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-indicator {
  border-radius: 32px;
}

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-indicator::after {
  right: 4px;
  width: 32px;
  height: 38px;
  background-image: url('/img/skins/ll2019/finish_mobile-icon.svg');
}

.kv-widget-bar_state_finish .kv-widget-bar__progress-bar-value {
  right: 36px;
  transform: none;
}

.lenta-card__date {
  flex-direction: column;
  align-items: normal;
  gap: 4px;
}

.lenta-card__date-text {
  position: relative;
  padding-left: 6px;
}

.lenta-card__date-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  height: 3px;
  margin: auto;
  background-color: var(--gray-84, #d0d2d6);
  border-radius: 50%;
}

.lenta-card__aliases::before {
  bottom: 0;
  margin: auto;
}

.footer-text {
  margin-bottom:16px;
}

.seo-top-text {
  color: #252626 !important;
  font: 16px / 24px Source Sans Pro, sans-serif;
}


.kv-form label {
    font-size: 18px;
    line-height: 20px;
}

.kv-form .kv-review-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px;
    margin: 24px auto 0;
}

.kv-form .kv-review-block .kv-review-block__checkbox-label {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 240px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.kv-form .kv-review-block .kv-review-block__checkbox-switch {
    position: relative;
    flex-shrink: 0;
    width: 38px;
    height: 24px;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    transition: all 0.1s linear;
}

.kv-form .kv-review-block .kv-review-block__checkbox-switch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    right: unset;
    bottom: 0;
    width: 22px;
    height: 22px;
    margin: auto;
    background-color: #F8DB73;
    border-radius: 24px;
    transition: all 0.3s linear;
}

.kv-review-block__checkbox:checked ~ .kv-review-block__checkbox-label .kv-review-block__checkbox-switch {
    background-color: #FA385D;
}

.kv-review-block__checkbox:checked ~ .kv-review-block__checkbox-label .kv-review-block__checkbox-switch::before {
    transform:translateX(14px);
    background-color: #FFFFFF;
}

.kv-form .kv-review-block__checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.kv-form .kv-review-block__text {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
}

.kv-form .kv-review-block__amount {
    display: none;
}

.kv-form .kv-review-block__checkbox:checked ~ .kv-review-block__amount {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
}

.kv-form.kv-form_theme_dark form {
    padding: 32px 16px;
}

.kv-form.kv-form_theme_dark label {
    font-weight: 600;
}

.challenge .kv-form.kv-form_theme_dark input {
    font-weight: 600;
    text-align: center;
}

.challenge .kv-form.kv-form_theme_dark textarea {
    margin: 24px 0 0;
}

.kv-form.kv-form_theme_dark .kv-review-block {
    width: 100%;
    margin: 16px auto;
    padding: 24px 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-sizing: border-box;
}

.kv-form.kv-form_theme_dark .kv-review-block .kv-review-block__checkbox-label {
    color: #FFFFFF;
}

.kv-form.kv-form_theme_dark .kv-review-block .kv-review-block__checkbox-switch {
    background-color: #3E3F40;
}

.kv-form.kv-form_theme_dark .kv-review-block .kv-review-block__checkbox-switch::before {
    background-color: #252626;
}

.kv-form_theme_dark .kv-review-block__checkbox:checked ~ .kv-review-block__checkbox-label .kv-review-block__checkbox-switch {
    background-color: #3E99ED;
}

.kv-form_theme_dark .kv-review-block__checkbox:checked ~ .kv-review-block__checkbox-label .kv-review-block__checkbox-switch::before {
    background-color: #FFFFFF;
}

.kv-form.kv-form_theme_dark .kv-review-block__text {
    line-height: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.kv-form.kv-form_theme_dark .kv-delete__button {
    max-width: 240px;
    height: auto;
    margin: 16px 0 0;
    padding: 12px 24px;
    font-weight: 600;
    background-color: #3E3F40;
    border: none;
}

.kv-form.kv-form_theme_dark button {
    max-width: 240px;
    height: auto;
    padding: 12px 24px;
    font-size: 18px;
}

.kv-status-bar-block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 40px;
}

.kv-status-bar {
    margin: 0;
}

.kv-status-bar__meta-info {
    position: absolute;
    top: 6px;
    right: 0;
}

.kv-status-bar__meta-date {
    display: inline-block;
}

.kv-status-bar {
    justify-content: flex-start;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) {
    row-gap: 32px;
    justify-content: flex-start;
}

/* СТИЛИ ДЛЯ ПЕРЕКЛЮЧАТЕЛЯ */

.kv-status-bar__checkbox-label .kv-tooltip {
    right: unset;
    left: 0;
}

.kv-status-bar__checkbox-switch {
    width: 64px;
    height: 32px;
}

.kv-status-bar__checkbox-switch::before {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border-width: 1.5px;
    background-image: none;
}

.kv-status-bar__checkbox-switch::after {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border-width: 1.5px;
    background-image: none;
}

.kv-status-bar_type_book .kv-status-bar__checkbox-switch::before {
    background-image: url('/img/skins/challenge/battery-active_icon.svg');
}

.kv-status-bar_type_book .kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::before {
    background-image: url('/img/skins/challenge/battery-inactive_icon.svg');
}

.kv-status-bar_type_book .kv-status-bar__checkbox-switch::after {
    background-image: url('/img/skins/challenge/snail-inactive_icon.svg');
}

.kv-status-bar_type_book .kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::after {
    background-image: url('/img/skins/challenge/snail-active_icon.svg');
}

.kv-status-bar_type_review .kv-status-bar__checkbox-switch::before {
    background-image: url('/img/skins/challenge/phone-active_icon.svg');
}

.kv-status-bar_type_review .kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::before {
    background-image: url('/img/skins/challenge/phone-inactive_icon.svg');
}

.kv-status-bar_type_review .kv-status-bar__checkbox-switch::after {
    background-image: url('/img/skins/challenge/turtle-inactive_icon.svg');
}

.kv-status-bar_type_review .kv-status-bar__checkbox:checked +.kv-status-bar__checkbox-switch::after {
    background-image: url('/img/skins/challenge/seal-active_icon.svg');
}

/* СТИЛИ ДЛЯ ПРОГРЕСС-БАРА */

.kv-status-bar__progress-bar {
    position: relative;
    height: 32px;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar {
    height: 32px;
}

.kv-status-bar_type_book .kv-status-bar__progress-bar::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 6px;
    top: 0;
    bottom: 0;
    width: 43px;
    height: 28px;
    margin: auto;
    background-image: url('/img/skins/challenge/book_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.kv-status-bar_type_review .kv-status-bar__progress-bar::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 2px;
    top: 0;
    bottom: 0;
    width: 35px;
    height: 28px;
    margin: auto;
    background-image: url('/img/skins/challenge/feather_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar::after {
    content: var(--progress-label, '13%');
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6);
}

.kv-status-bar_state_end.kv-status-bar_type_book:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar::after {
    mix-blend-mode: difference;
}

.kv-status-bar__progress-bar-indicator {
    height: 28px;
    margin: 2px;
    background-image: none;
    background-size: unset;
    border-radius: 32px 16px 16px 32px;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator {
    height: 28px;
    margin: 2px;
    background-image: none;
}

.kv-status-bar_type_book .kv-status-bar__progress-bar-indicator {
    background: #F8DB73;
}

.kv-status-bar_type_review .kv-status-bar__progress-bar-indicator {
    background: #8068BF;
}

.kv-status-bar_type_book:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    right: 4px;
    width: 55px;
    height: 55px;
    background-image: url('/img/skins/challenge/snail_icon.svg');
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}

.kv-status-bar_type_review:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    right: 4px;
    width: 76px;
    height: 44px;
    background-image: url('/img/skins/challenge/seal_icon.svg');
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}

.kv-status-bar_type_book.kv-status-bar_state_start:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: 39px;
}

.kv-status-bar_type_review.kv-status-bar_state_start:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: 18px;
}

.kv-status-bar_type_book.kv-status-bar_state_end:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: var(--snail-progress-label-left, auto);
    right: unset;
}

.kv-status-bar_type_review.kv-status-bar_state_end:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: var(--seal-progress-label-left, auto);
    right: unset;
}

.kv-status-bar__progress-bar-value {
    top: 0;
    transform: none;
    bottom: 0;
    right: 6px;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    font-size: 14px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.kv-status-bar_state_start .kv-status-bar__progress-bar-value {
    left: 48px;
    right: unset;
    color: #FFFFFF;
}

.kv-status-bar_state_start.kv-status-bar_type_book .kv-status-bar__progress-bar-value {
    mix-blend-mode: difference;
}

.kv-status-bar_type_review .kv-status-bar__progress-bar-value {
    color: #FFFFFF;
}

.kv-status-bar__progress-bar-value::before {
    left: 0;
    width: 16px;
    height: 16px;
    background-image: unset;
}

.kv-status-bar_type_book .kv-status-bar__progress-bar-value::before {
    background-image: url('/img/skins/challenge/charge_icon.svg');
}

.kv-status-bar_type_book.kv-status-bar_state_start .kv-status-bar__progress-bar-value::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99967 11.6667H2.33301M4.33301 8H1.33301M5.99967 4.33333H2.66634M11.333 2L6.93538 8.15667C6.74074 8.42917 6.64342 8.56542 6.64763 8.67902C6.6513 8.77792 6.69873 8.87008 6.77707 8.93055C6.86706 9 7.0345 9 7.36938 9H10.6663L9.99967 14L14.3973 7.84333C14.5919 7.57083 14.6893 7.43458 14.6851 7.32098C14.6814 7.22208 14.634 7.12992 14.5556 7.06945C14.4656 7 14.2982 7 13.9633 7H10.6663L11.333 2Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-status-bar_type_review .kv-status-bar__progress-bar-value::before {
    background-image: url('/img/skins/challenge/bulb_icon.svg');
}

.kv-status-bar__progress-bar-value::after {
    display: none;
}

.kv-status-bar:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-value {
    display: none;
}

.kv-status-bar_state_finish .kv-status-bar__progress-bar-value {
    right: 8px;
    padding-left: 60px;
    font-size: 18px;
}

.kv-status-bar_state_finish .kv-status-bar__progress-bar-value:before {
    width: 56px;
    height: 24px;
    background-image: url('/img/skins/challenge/cup-white_icon.svg');
}

.kv-status-bar_type_book.kv-status-bar_state_finish .kv-status-bar__progress-bar-value::before {
    filter: invert(1);
}

.kv-status-bar_type_book.kv-status-bar_state_finish:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: unset;
    right: 40px;
    width: 71px;
    background-image: url('/img/skins/challenge/snail-with-cup_icon.svg');
}

.kv-status-bar_state_finish.kv-status-bar_type_book:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar::after {
    color: #000000;
    mix-blend-mode: normal;
}

.kv-status-bar_type_review.kv-status-bar_state_finish:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar-indicator::after {
    left: unset;
    right: 42px;
    width: 93px;
    background-image: url('/img/skins/challenge/seal-with-cup_icon.svg');
}

.kv-status-bar_state_finish.kv-status-bar_type_review:has(.kv-status-bar__checkbox:checked) .kv-status-bar__progress-bar::after {
    color: #FFFFFF;
}

/* СТИЛИ ДЛЯ АЛЕРТА ПО РЕЦЕНЗИЯМ */

.kv-status-bar__alert {
    position: relative;
    padding: 16px 60px 16px 16px;
    background: #252626;
    border-radius: 16px;
    box-sizing: border-box;
}

.kv-status-bar__alert-close-btn::-webkit-details-marker {
    display: none;
}

.kv-status-bar__alert-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    list-style-type: none;
    cursor: pointer;
}

.kv-status-bar__alert-close-btn::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 11px;
    width: 1.33px;
    height: 19px;
    background-color: #6F7073;
    transform: rotate(45deg);
}

.kv-status-bar__alert-close-btn::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 11px;
    width: 1.33px;
    height: 19px;
    background-color: #6F7073;
    transform: rotate(-45deg);
}

.kv-status-bar__alert:not([open]) {
    display: none;
}

.kv-status-bar__alert-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
}

.kv-status-bar__alert-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kv-status-bar__alert-title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
}

.kv-status-bar__alert-subtitle {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #88898C;
}

.kv-status-bar__alert-link {
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #3E3F40;
    border-radius: 24px;
    border: 1px solid #3E3F40;
    box-sizing: border-box;
}

.kv-status-bar__alert-link:visited {
    color: #FFFFFF;
}

.kv-graph {
	display: flex;
	column-gap: 10px;
	width: 100%;
	height: 100%;
	margin-bottom: 16px;
}

.kv-graph__labels {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.kv-graph__label {
	font-size: 8px;
	font-weight: 400;
	line-height: 8px;
	color: #88898C;
}

.kv-graph__bars {
	display: flex;
	gap: 8px;
	flex-grow: 1;
	margin: 0 0 -16px;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

/* WebKit */
.kv-graph__bars::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kv-graph__bar-item {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 4px;
	width: 100%;
	min-width: 16px;
	height: auto;
	margin-bottom: 16px;
}

.kv-graph__bar-item::after {
	content: attr(data-label);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -16px;
	margin: auto;
	font-size: 8px;
	font-weight: 400;
	line-height: 8px;
	text-align: center;
	color: #88898C;
}

.kv-graph__bar {
	position: relative;
	align-self: flex-end;
	width: 100%;
	max-width: 8px;
	height: var(--height);
	border-radius: 32px;
}

.kv-graph__bar_type_book {
	background-color: #F8DB73;
}

.kv-graph__bar_type_review {
	background-color: #7157B7;
}

.kv-graph__bar::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 10px;
	background-color: #252626;
	border-radius: 32px;
}

.kv-graph-legend {
	display: flex;
	gap: 24px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.kv-graph-legend__item {
	position: relative;
	display: flex;
    gap: 4px;
    align-items: center;
}

.kv-graph-legend__item::before {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #252626;
	border-radius: 1px;
}

.kv-graph-legend__item_type_book::before {
	background-color: #F8DB73;
}

.kv-graph-legend__item_type_review::before {
	background-color: #7157B7;
}

.kv-graph-legend__label {
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	color: #88898C;
}


.challenge .kv-slogan {
    position: relative;
    display: block;
    width: auto;
    height: auto;
}

.kv-slogan .kv-slogan__logo-img {
    display: block;
    max-width: 200px;
    width: 200px;
    height: 60px;
}

.kv-slogan .kv-slogan__logo-year {
    position: absolute;
    right: 7px;
    top: 29px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.04em;
    color: #000000;
}

.kv-progress {
    justify-content: center;
}

.kv-progress-bar_with_reviews .kv-base-ring, .kv-progress-bar_with_reviews .kv-progress-ring {
    stroke-width: 6;
}

.kv-progress-value {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 8px;
    margin-bottom: 40px;
}

.kv-progress-value .kv-progress-value__item {
    position: relative;
    margin: 0;
    width: 88px;
    text-align: center;
}

.kv-progress-value .kv-progress-value__current-number {
    margin: 0;
    padding: 0;
    font-size: 43px;
    font-weight: 600;
    line-height: 52px;
}

.kv-progress-value .kv-progress-value__plan-number {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
}

.kv-progress-value__current-number .kv-progress-value__plan-number {
    padding-left: 2px;
}

.kv-progress-value .kv-progress-value__text {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.5);
}

.kv-stats {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 54px 0;
}

.kv-stats__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.kv-stats__list_with_review .kv-stats__item:nth-child(3) {
     grid-column: span 2;
}

.kv-stats__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background-color: rgba(37, 38, 38, 0.75);
    border-radius: 24px;
    box-sizing: border-box;
}

.kv-stats__item_type_graph {
    grid-column: span 2;
    gap: 10px;
    max-width: 500px;
    padding: 16px 16px 10px;
    color: #FFFFFF;
}

.kv-stats__item_type_badge {
    grid-column: span 2;
    flex-direction: row;
    gap: 16px 24px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 16px;
}

.kv-stats__item_type_badge .kv-stats__item-text {
    font-size: 14px;
}

.kv-stats__item-number {
    position: relative;
    display: flex;
    justify-content: space-around;
    gap: 16px;
    width: 100%;
    max-width: 108px;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}

div.kv-stats__item-number::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 40px;
    margin: auto;
    background-color: #3E3F40;
    transform: rotate(15deg);
}

div.kv-stats__item-number > * {
    flex: 1;
}

.kv-stats__item-text {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

.kv-stats__item_type_badge .kv-detailed-stats__item-text {
    color: #88898C;
}

.kv-stats__item-image {
    display: block;
    width: 92px;
    height: 92px;
}

.kv-stats__item-title {
    margin: 0 0 16px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
}

.kv-detailed-stats__item-number {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}

.kv-detailed-stats {
    padding: 16px;
    background-color: rgba(37, 38, 38, 0.75);
    box-shadow: 0 4px 20px 0 rgba(1, 46, 87, 0.14);
    border-radius: 24px;
    box-sizing: border-box;
}

.kv-detailed-stats__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    color: #FFFFFF;
    list-style-type: none;
    cursor: pointer;
}

.kv-detailed-stats[open] .kv-detailed-stats__title {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #252626;
}

.kv-detailed-stats__title::-webkit-details-marker {
    display: none;
}

.kv-detailed-stats__title::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
    height: 10px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    transform: rotate(-135deg);
    transition: all .3s linear;
}

.kv-detailed-stats[open] .kv-detailed-stats__title::after {
    top: 14px;
    transform: rotate(45deg);
}

.kv-detailed-stats_pinned .kv-detailed-stats__title {
    padding-right: 0;
    cursor: default;
}

.kv-detailed-stats_pinned .kv-detailed-stats__title::after {
    display: none;
}

.kv-detailed-stats__pin-btn {
    position: relative;
    display: none;
    width: 32px;
    height: 32px;
    padding: 0;
    background-image: url('/img/skins/challenge/pin_icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-color: #252626;
    border-radius: 32px;
    border: none;
    appearance: none;
    outline: transparent;
    cursor: pointer;
}

.kv-detailed-stats_pinned .kv-detailed-stats__pin-btn {
    background-color: #3E3F40;
}

.kv-detailed-stats[open] .kv-detailed-stats__pin-btn {
    display: block;
}

.kv-detailed-stats__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kv-detailed-stats__subtitle {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
}

.kv-detailed-stats__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.kv-detailed-stats__item {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 24px;
    background-color: #252626;
    border-radius: 24px;
    box-sizing: border-box;
}

.kv-detailed-stats__item_type_review {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
}

.kv-detailed-stats__item_no_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    padding: 16px 0;
    background-color: transparent;
    border-radius: 0;
}

.kv-detailed-stats__item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
}

.kv-detailed-stats__item-title:visited {
    color: #FFFFFF;
}

.kv-detailed-stats__item-title[data-genre] {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    padding-left: 30px;
}

.kv-detailed-stats__item-title[data-genre]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.kv-detailed-stats__item-text {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
}

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

.accent-color-purple {
    color: #8D79C5;
}

.kv-detailed-stats__item-link {
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #3E3F40;
    border-radius: 16px;
    border: 1px solid #3E3F40;
    box-sizing: border-box;
}

.kv-detailed-stats__item-link:visited {
    color: #FFFFFF;
}

.kv-detailed-stats__item-image {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
}

.kv-detailed-stats__item-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: calc(100% - 72px);
}
.kv-detailed-stats__item-footer {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}

.kv-detailed-stats__item-rating {
    position: relative;
    margin: 0 auto 0 0;
    padding: 0 22px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
}

.kv-detailed-stats__item-rating::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background-image: url('/img/skins/challenge/star_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.kv-detailed-stats__item-span {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
}

/* Картинки для разных типов жанров */

.kv-detailed-stats__item-title[data-genre="Бизнес-книги"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6666 18.3333H13.3333C16.6833 18.3333 17.2833 16.9917 17.4583 15.3583L18.0833 8.69167C18.3083 6.65833 17.7249 5 14.1666 5H5.83327C2.27494 5 1.6916 6.65833 1.9166 8.69167L2.5416 15.3583C2.7166 16.9917 3.3166 18.3333 6.6666 18.3333Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66675 4.99996V4.33329C6.66675 2.85829 6.66675 1.66663 9.33341 1.66663H10.6667C13.3334 1.66663 13.3334 2.85829 13.3334 4.33329V4.99996' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6666 10.8333V11.6667C11.6666 11.675 11.6666 11.675 11.6666 11.6833C11.6666 12.5917 11.6583 13.3333 9.99992 13.3333C8.34992 13.3333 8.33325 12.6 8.33325 11.6917V10.8333C8.33325 10 8.33325 10 9.16659 10H10.8333C11.6666 10 11.6666 10 11.6666 10.8333Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0417 9.16663C16.1167 10.5666 13.9167 11.4 11.6667 11.6833' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.18335 9.39172C4.05835 10.6751 6.17502 11.4501 8.33335 11.6917' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Классическая литература"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 10.8333L13.9171 5.41814C13.8566 5.11565 13.8263 4.9644 13.7527 4.84123C13.6877 4.73234 13.5987 4.63973 13.4925 4.57046C13.3723 4.4921 13.2223 4.45591 12.9225 4.38352L1.66675 1.66663M1.66675 1.66663L4.38365 12.9223C4.45603 13.2222 4.49222 13.3722 4.57058 13.4923C4.63985 13.5986 4.73246 13.6876 4.84135 13.7526C4.96452 13.8262 5.11577 13.8564 5.41827 13.9169L10.8334 15M1.66675 1.66663L7.98842 7.98829M13.4429 17.3905L17.3906 13.4428C17.7206 13.1128 17.8856 12.9477 17.9475 12.7575C18.0018 12.5901 18.0018 12.4098 17.9475 12.2424C17.8856 12.0522 17.7206 11.8872 17.3906 11.5572L16.7762 10.9428C16.4462 10.6128 16.2812 10.4477 16.0909 10.3859C15.9236 10.3315 15.7433 10.3315 15.5759 10.3859C15.3856 10.4477 15.2206 10.6128 14.8906 10.9428L10.9429 14.8905C10.6129 15.2205 10.4479 15.3855 10.386 15.5758C10.3317 15.7431 10.3317 15.9234 10.386 16.0908C10.4479 16.2811 10.6129 16.4461 10.9429 16.7761L11.5573 17.3905C11.8873 17.7205 12.0523 17.8855 12.2426 17.9473C12.4099 18.0017 12.5902 18.0017 12.7576 17.9473C12.9479 17.8855 13.1129 17.7205 13.4429 17.3905ZM10.8334 9.16663C10.8334 10.0871 10.0872 10.8333 9.16675 10.8333C8.24627 10.8333 7.50008 10.0871 7.50008 9.16663C7.50008 8.24615 8.24627 7.49996 9.16675 7.49996C10.0872 7.49996 10.8334 8.24615 10.8334 9.16663Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Зарубежная литература"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1750_6660)'%3E%3Cpath d='M12.5001 2.04813C11.7109 1.80025 10.8711 1.66663 10.0001 1.66663C5.39771 1.66663 1.66675 5.39759 1.66675 9.99996C1.66675 14.6023 5.39771 18.3333 10.0001 18.3333C14.6025 18.3333 18.3334 14.6023 18.3334 9.99996C18.3334 8.57052 17.9735 7.22514 17.3394 6.0495M14.1667 4.79163H14.1709M8.75013 18.2402L8.75022 16.4041C8.75022 16.3046 8.7858 16.2084 8.85052 16.1329L10.922 13.7161C11.0922 13.5175 11.0395 13.213 10.8124 13.0832L8.43219 11.7231C8.36752 11.6861 8.31394 11.6325 8.27703 11.5678L6.72546 8.84882C6.64471 8.70731 6.48889 8.62585 6.32661 8.6403L1.72023 9.05058M17.5001 4.99996C17.5001 6.84091 15.8334 8.33329 14.1667 9.99996C12.5001 8.33329 10.8334 6.84091 10.8334 4.99996C10.8334 3.15901 12.3258 1.66663 14.1667 1.66663C16.0077 1.66663 17.5001 3.15901 17.5001 4.99996ZM14.3751 4.79163C14.3751 4.90669 14.2818 4.99996 14.1667 4.99996C14.0517 4.99996 13.9584 4.90669 13.9584 4.79163C13.9584 4.67657 14.0517 4.58329 14.1667 4.58329C14.2818 4.58329 14.3751 4.67657 14.3751 4.79163Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1750_6660'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Русская литература"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00004 3.3335V16.6668M7.91671 3.3335H12.9167C14.7577 3.3335 16.25 4.82588 16.25 6.66683C16.25 8.50778 14.7577 10.0002 12.9167 10.0002H7.91671H13.75C15.591 10.0002 17.0834 11.4925 17.0834 13.3335C17.0834 15.1744 15.591 16.6668 13.75 16.6668H7.91671M7.91671 3.3335V16.6668M7.91671 3.3335H3.33337M7.91671 16.6668H3.33337' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Детские книги"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1746_28634)'%3E%3Cpath d='M13.3329 13.8311C13.3329 13.8311 12.486 15.3483 9.99999 15.3483C7.51401 15.3483 6.66711 13.8311 6.66711 13.8311' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.81698 16.3792C6.11711 20.2546 13.8832 20.2546 17.1833 16.3792C20.223 12.8098 19.9923 5.8232 16.3337 2.76727C13.0568 0.0300504 6.94353 0.0300504 3.66656 2.76727C0.00804913 5.8232 -0.222649 12.8098 2.81698 16.3792Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66711 10V10.7108' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3329 10V10.7108' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.31737 1.31689C5.33488 4.64279 10.4922 8.52257 13.1074 6.12896C13.7755 5.51746 13.5851 4.33393 12.9629 3.81429C12.5669 3.48344 11.9271 3.38776 11.3901 3.52723C11.1716 3.58399 10.9701 3.67966 10.8089 3.81429' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1746_28634'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Детективы"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.74999 17.6842C5.59176 16.0313 4.9104 14.0203 4.9104 11.8489C4.9104 9.03693 7.18867 6.75781 9.99896 6.75781C12.8093 6.75781 15.0875 9.03693 15.0875 11.8489' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75011 17.6842C5.59188 16.0313 4.91052 14.0203 4.91052 11.8489C4.91052 9.03693 7.18879 6.75781 9.99909 6.75781C12.8094 6.75781 15.0876 9.03693 15.0876 11.8489' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3634 16.9267C15.2717 16.9317 15.1818 16.9402 15.0893 16.9402C12.279 16.9402 10.0007 14.6611 10.0007 11.8491' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3635 16.9267C15.2718 16.9317 15.1819 16.9402 15.0894 16.9402C12.2791 16.9402 10.0009 14.6611 10.0009 11.8491' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0578 18.3334C8.89581 16.9851 7.45588 14.5855 7.45588 11.8491C7.45588 10.4431 8.59544 9.30351 10.0006 9.30351C11.4057 9.30351 12.5453 10.4431 12.5453 11.8491C12.5453 13.2551 13.6849 14.3946 15.09 14.3946C16.4951 14.3946 17.6347 13.2551 17.6347 11.8491C17.6347 7.63108 14.2169 4.2124 10.0014 4.2124C5.786 4.2124 2.36816 7.63108 2.36816 11.8491C2.36816 12.7892 2.47338 13.7048 2.66684 14.5872' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0578 18.3334C8.89581 16.9851 7.45588 14.5855 7.45588 11.8491C7.45588 10.4431 8.59544 9.30351 10.0006 9.30351C11.4057 9.30351 12.5453 10.4431 12.5453 11.8491C12.5453 13.2551 13.6849 14.3946 15.09 14.3946C16.4951 14.3946 17.6347 13.2551 17.6347 11.8491C17.6347 7.63108 14.2169 4.2124 10.0014 4.2124C5.786 4.2124 2.36816 7.63108 2.36816 11.8491C2.36816 12.7892 2.47338 13.7048 2.66684 14.5872' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.1048 4.88578C15.3696 2.91467 12.8325 1.6665 10.0001 1.6665C7.1678 1.6665 4.63073 2.91467 2.89551 4.88578' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.1048 4.88578C15.3696 2.91467 12.8325 1.6665 10.0001 1.6665C7.1678 1.6665 4.63073 2.91467 2.89551 4.88578' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Фэнтези"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.9167 17.0835C3.60837 17.7752 4.72503 17.7752 5.4167 17.0835L16.25 6.2502C16.9417 5.55853 16.9417 4.44186 16.25 3.7502C15.5584 3.05853 14.4417 3.05853 13.75 3.7502L2.9167 14.5835C2.22503 15.2752 2.22503 16.3919 2.9167 17.0835Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0083 7.4917L12.5083 4.9917' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.08337 2.03317L8.33337 1.6665L7.96671 2.9165L8.33337 4.1665L7.08337 3.79984L5.83337 4.1665L6.20004 2.9165L5.83337 1.6665L7.08337 2.03317Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 7.03317L5 6.6665L4.63333 7.9165L5 9.1665L3.75 8.79984L2.5 9.1665L2.86667 7.9165L2.5 6.6665L3.75 7.03317Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.25 11.2002L17.5 10.8335L17.1333 12.0835L17.5 13.3335L16.25 12.9668L15 13.3335L15.3667 12.0835L15 10.8335L16.25 11.2002Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Фантастика"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2627 12.7986C14.0371 13.0537 13.8004 13.3056 13.5529 13.5531C9.97304 17.1329 5.48813 18.452 3.5355 16.4994C2.19684 15.1607 2.39592 12.6318 3.80697 10.0204M5.74131 7.27121C5.97607 7.00428 6.22302 6.74079 6.48178 6.48203C10.0616 2.90222 14.5465 1.58313 16.4991 3.53575C17.8387 4.87534 17.6384 7.40679 16.2247 10.0202M13.5529 6.48203C17.1327 10.0618 18.4518 14.5468 16.4991 16.4994C14.5465 18.452 10.0616 17.1329 6.48178 13.5531C2.90198 9.97329 1.58288 5.48837 3.5355 3.53575C5.48813 1.58313 9.97304 2.90222 13.5529 6.48203ZM10.8333 10.0002C10.8333 10.4604 10.4602 10.8335 9.99997 10.8335C9.53973 10.8335 9.16664 10.4604 9.16664 10.0002C9.16664 9.53992 9.53973 9.16682 9.99997 9.16682C10.4602 9.16682 10.8333 9.53992 10.8333 10.0002Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Современная проза"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4999 17.4999H10.8333M2.08325 17.9166L6.70764 16.138C7.00343 16.0242 7.15132 15.9673 7.28968 15.8931C7.41259 15.8271 7.52975 15.751 7.63995 15.6654C7.76402 15.5692 7.87606 15.4571 8.10015 15.233L17.4999 5.83326C18.4204 4.91279 18.4204 3.4204 17.4999 2.49993C16.5795 1.57945 15.0871 1.57945 14.1666 2.49992L4.76682 11.8997C4.54273 12.1238 4.43069 12.2358 4.33441 12.3599C4.2489 12.4701 4.17275 12.5873 4.10678 12.7102C4.03251 12.8485 3.97563 12.9964 3.86186 13.2922L2.08325 17.9166ZM2.08325 17.9166L3.79835 13.4574C3.92108 13.1383 3.98245 12.9787 4.0877 12.9057C4.17969 12.8418 4.2935 12.8176 4.4035 12.8386C4.52936 12.8627 4.65024 12.9836 4.89199 13.2253L6.77456 15.1079C7.01631 15.3496 7.13719 15.4705 7.16122 15.5964C7.18223 15.7064 7.15807 15.8202 7.09421 15.9122C7.02112 16.0174 6.86158 16.0788 6.54248 16.2015L2.08325 17.9166Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Приключения"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.90833 6.48348V14.5918C1.90833 16.1751 3.03333 16.8251 4.39999 16.0418L6.35833 14.9251C6.78333 14.6835 7.49166 14.6585 7.93333 14.8835L12.3083 17.0751C12.75 17.2918 13.4583 17.2751 13.8833 17.0335L17.4917 14.9668C17.95 14.7001 18.3333 14.0501 18.3333 13.5168V5.40848C18.3333 3.82514 17.2083 3.17514 15.8417 3.95848L13.8833 5.07514C13.4583 5.31681 12.75 5.34181 12.3083 5.11681L7.93333 2.93348C7.49166 2.71681 6.78333 2.73348 6.35833 2.97514L2.74999 5.04181C2.28333 5.30848 1.90833 5.95848 1.90833 6.48348Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.1333 3.3335V14.1668' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1083 5.5166V16.6666' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Ужасы, мистика"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.07703 9.36063C2.07703 4.24494 4.92936 2.00684 10.0002 2.00684C15.071 2.00684 17.9233 4.24494 17.9233 9.36063C17.9233 10.1734 17.6869 11.083 17.2774 11.9985C16.8607 11.7238 16.1394 11.7514 15.2883 13.1824C14.7237 14.1318 14.4611 15.1224 14.3603 15.9612C13.019 17.1699 11.4638 17.9933 10.0003 17.9933C8.53668 17.9933 6.98143 17.1698 5.63996 15.9611C5.53921 15.1223 5.27664 14.1318 4.71204 13.1824C3.86097 11.7514 3.13973 11.7238 2.72295 11.9985C2.31344 11.083 2.07703 10.1734 2.07703 9.36063Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 17.742C2.30133 17.286 2.81358 16.0093 2.45199 14.5501C2.0904 13.0909 2.30133 12.4221 2.45199 12.2702C2.75331 11.8142 3.62716 11.3582 4.71194 13.1821C5.79671 15.0061 5.76657 16.982 5.61591 17.742' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0001 17.742C17.6988 17.286 17.1865 16.0093 17.5481 14.5501C17.9097 13.0909 17.6988 12.4221 17.5481 12.2702C17.2467 11.8142 16.3729 11.3582 15.2882 13.1821C14.2034 15.0061 14.2335 16.982 14.3842 17.742' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.28213 7.96888C7.80401 7.96888 8.66007 7.10525 8.66007 5.5699C8.66007 4.03454 7.80401 3.1709 6.28213 3.1709C4.76023 3.1709 3.90417 4.03454 3.90417 5.5699C3.90417 7.10525 4.76023 7.96888 6.28213 7.96888Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.718 7.96888C12.1961 7.96888 11.3401 7.10525 11.3401 5.5699C11.3401 4.03454 12.1961 3.1709 13.718 3.1709C15.2399 3.1709 16.096 4.03454 16.096 5.5699C16.096 7.10525 15.2399 7.96888 13.718 7.96888Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.16357 12.1147C8.16357 13.2659 8.65117 14.598 10.0002 14.598C11.3491 14.598 11.8368 13.2659 11.8368 12.1147C11.8368 10.9635 11.3491 9.63135 10.0002 9.63135C8.65117 9.63135 8.16357 10.9635 8.16357 12.1147Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Публицистическая литература"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3083 1.7917L17.8083 4.79168C18.1 4.90835 18.3333 5.25834 18.3333 5.56667V8.33335C18.3333 8.79168 17.9583 9.16668 17.5 9.16668H2.49996C2.04163 9.16668 1.66663 8.79168 1.66663 8.33335V5.56667C1.66663 5.25834 1.89996 4.90835 2.19163 4.79168L9.69163 1.7917C9.8583 1.72503 10.1416 1.72503 10.3083 1.7917Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 18.3333H1.66663V15.8333C1.66663 15.375 2.04163 15 2.49996 15H17.5C17.9583 15 18.3333 15.375 18.3333 15.8333V18.3333Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33337 14.9998V9.1665' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66663 14.9998V9.1665' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.9998V9.1665' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3334 14.9998V9.1665' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6666 14.9998V9.1665' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.833374 18.3335H19.1667' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 7.0835C10.6904 7.0835 11.25 6.52385 11.25 5.8335C11.25 5.14314 10.6904 4.5835 10 4.5835C9.30964 4.5835 8.75 5.14314 8.75 5.8335C8.75 6.52385 9.30964 7.0835 10 7.0835Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Книги для подростков"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15.7165H14.3667C13.7 15.7165 13.0667 15.9748 12.6 16.4414L11.175 17.8498C10.525 18.4914 9.46666 18.4914 8.81666 17.8498L7.39166 16.4414C6.925 15.9748 6.28333 15.7165 5.625 15.7165H5C3.61667 15.7165 2.5 14.6081 2.5 13.2415V4.14978C2.5 2.78311 3.61667 1.6748 5 1.6748H15C16.3833 1.6748 17.5 2.78311 17.5 4.14978V13.2415C17.5 14.5998 16.3833 15.7165 15 15.7165Z' stroke='%23F8DB73' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2333 12.4668C10.1083 12.5085 9.9 12.5085 9.76667 12.4668C8.68333 12.0918 6.25 10.5502 6.25 7.92517C6.25 6.76684 7.18333 5.8335 8.33333 5.8335C9.01667 5.8335 9.61667 6.1585 10 6.66683C10.3833 6.1585 10.9833 5.8335 11.6667 5.8335C12.8167 5.8335 13.75 6.76684 13.75 7.92517C13.7417 10.5502 11.3167 12.0918 10.2333 12.4668Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Любовные романы"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99425 4.27985C8.32813 2.332 5.54975 1.80804 3.46221 3.59168C1.37466 5.37532 1.08077 8.35748 2.72012 10.467C4.08314 12.2209 8.2081 15.9201 9.56004 17.1174C9.7113 17.2513 9.78692 17.3183 9.87514 17.3446C9.95213 17.3676 10.0364 17.3676 10.1134 17.3446C10.2016 17.3183 10.2772 17.2513 10.4285 17.1174C11.7804 15.9201 15.9054 12.2209 17.2684 10.467C18.9077 8.35748 18.6497 5.35656 16.5263 3.59168C14.4029 1.8268 11.6604 2.332 9.99425 4.27985Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Боевики, остросюжетная литература"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1746_28719)'%3E%3Cpath d='M16.6666 9.99984C16.6666 13.6817 13.6819 16.6665 9.99996 16.6665M16.6666 9.99984C16.6666 6.31794 13.6819 3.33317 9.99996 3.33317M16.6666 9.99984H18.3333M9.99996 16.6665C6.31806 16.6665 3.33329 13.6817 3.33329 9.99984M9.99996 16.6665V18.3332M3.33329 9.99984C3.33329 6.31794 6.31806 3.33317 9.99996 3.33317M3.33329 9.99984H1.66663M9.99996 3.33317V1.6665M12.5 9.99984C12.5 11.3805 11.3807 12.4998 9.99996 12.4998C8.61925 12.4998 7.49996 11.3805 7.49996 9.99984C7.49996 8.61913 8.61925 7.49984 9.99996 7.49984C11.3807 7.49984 12.5 8.61913 12.5 9.99984Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1746_28719'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Психология"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1746_28777)'%3E%3Cpath d='M7.93149 18.3337C7.52321 17.0021 6.90726 16.0095 6.08362 15.3558C4.84816 14.3752 2.88518 14.9846 2.16008 13.9731C1.43498 12.9616 2.66809 11.1015 3.10081 10.004C3.53353 8.90651 1.44225 8.51843 1.68641 8.20685C1.84918 7.99913 2.90597 7.39973 4.85678 6.40864C5.41109 3.24754 7.45852 1.66699 10.9991 1.66699C16.3099 1.66699 18.3332 6.16946 18.3332 9.03319C18.3332 11.8969 15.8832 14.9821 12.3932 15.6473C12.0811 16.1018 12.5312 16.9972 13.7435 18.3337' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.12489 6.042C7.85266 7.09795 7.93365 7.83942 8.36786 8.26639C8.80207 8.69337 9.54212 8.97259 10.588 9.10404C10.3507 10.466 10.64 11.105 11.4559 11.0209C12.2718 10.9368 12.7621 10.5978 12.9266 10.0038C14.2017 10.3622 14.8928 10.0623 14.9999 9.10404C15.1605 7.66671 14.3854 6.52014 14.0677 6.52014C13.7499 6.52014 12.9266 6.48147 12.9266 6.042C12.9266 5.60253 11.965 5.35423 11.0971 5.35423C10.2291 5.35423 10.7515 4.7692 9.55966 5.00033C8.76513 5.15442 8.28687 5.50165 8.12489 6.042Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12.7082 10.625C12.2845 10.8879 11.703 11.3251 11.4582 11.6667C10.8462 12.5206 10.3497 13.0406 10.2411 13.5867' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1746_28777'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Повести, рассказы"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99996 17.5L9.91658 17.3749C9.33771 16.5066 9.04828 16.0725 8.66588 15.7582C8.32734 15.4799 7.93726 15.2712 7.51796 15.1438C7.04433 15 6.52255 15 5.47898 15H4.33329C3.39987 15 2.93316 15 2.57664 14.8183C2.26304 14.6586 2.00807 14.4036 1.84828 14.09C1.66663 13.7335 1.66663 13.2668 1.66663 12.3333V5.16667C1.66663 4.23325 1.66663 3.76654 1.84828 3.41002C2.00807 3.09641 2.26304 2.84144 2.57664 2.68166C2.93316 2.5 3.39987 2.5 4.33329 2.5H4.66663C6.53347 2.5 7.46689 2.5 8.17993 2.86331C8.80713 3.18289 9.31707 3.69282 9.63665 4.32003C9.99996 5.03307 9.99996 5.96649 9.99996 7.83333M9.99996 17.5V7.83333M9.99996 17.5L10.0833 17.3749C10.6622 16.5066 10.9516 16.0725 11.334 15.7582C11.6726 15.4799 12.0627 15.2712 12.482 15.1438C12.9556 15 13.4774 15 14.5209 15H15.6666C16.6 15 17.0668 15 17.4233 14.8183C17.7369 14.6586 17.9918 14.4036 18.1516 14.09C18.3333 13.7335 18.3333 13.2668 18.3333 12.3333V5.16667C18.3333 4.23325 18.3333 3.76654 18.1516 3.41002C17.9918 3.09641 17.7369 2.84144 17.4233 2.68166C17.0668 2.5 16.6 2.5 15.6666 2.5H15.3333C13.4665 2.5 12.533 2.5 11.82 2.86331C11.1928 3.18289 10.6828 3.69282 10.3633 4.32003C9.99996 5.03307 9.99996 5.96649 9.99996 7.83333' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Поэзия и драматургия"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 6.66689L1.66663 18.3336M15 12.5002H7.49996M5.49996 15.8336H11.1143C11.3182 15.8336 11.4201 15.8336 11.516 15.8105C11.601 15.7901 11.6823 15.7564 11.7569 15.7108C11.841 15.6592 11.913 15.5872 12.0571 15.443L16.25 11.2502C16.4491 11.0511 16.5487 10.9515 16.6288 10.8634C18.3623 8.95633 18.3623 6.04412 16.6288 4.13708C16.5487 4.04892 16.4491 3.94936 16.25 3.75022C16.0508 3.55109 15.9513 3.45152 15.8631 3.37139C13.9561 1.63792 11.0439 1.63792 9.13682 3.37139C9.04866 3.45152 8.9491 3.55109 8.74996 3.75022L4.55715 7.94303C4.41302 8.08716 4.34096 8.15922 4.28943 8.24332C4.24374 8.31788 4.21007 8.39916 4.18965 8.48419C4.16663 8.5801 4.16663 8.68201 4.16663 8.88584V14.5002C4.16663 14.9669 4.16663 15.2003 4.25745 15.3785C4.33735 15.5353 4.46483 15.6628 4.62163 15.7427C4.79989 15.8336 5.03325 15.8336 5.49996 15.8336Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Наука и образование"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1666 12.0833V9.57866C14.1666 9.4291 14.1666 9.35431 14.1439 9.28829C14.1237 9.22991 14.0908 9.17673 14.0476 9.1326C13.9988 9.08271 13.9319 9.04926 13.7981 8.98238L9.99996 7.08331M3.33329 7.91664V13.5888C3.33329 13.8987 3.33329 14.0537 3.38164 14.1894C3.42438 14.3093 3.49404 14.4179 3.58527 14.5067C3.68847 14.6072 3.82935 14.6718 4.11109 14.8009L9.44442 17.2454C9.64878 17.339 9.75096 17.3859 9.85741 17.4043C9.95174 17.4207 10.0482 17.4207 10.1425 17.4043C10.249 17.3859 10.3511 17.339 10.5555 17.2454L15.8888 14.8009C16.1706 14.6718 16.3114 14.6072 16.4146 14.5067C16.5059 14.4179 16.5755 14.3093 16.6183 14.1894C16.6666 14.0537 16.6666 13.8987 16.6666 13.5888V7.91664M1.66663 7.08331L9.70182 3.06571C9.81114 3.01105 9.86579 2.98372 9.92313 2.97297C9.9739 2.96344 10.026 2.96344 10.0768 2.97297C10.1341 2.98372 10.1888 3.01105 10.2981 3.06571L18.3333 7.08331L10.2981 11.1009C10.1888 11.1556 10.1341 11.1829 10.0768 11.1936C10.026 11.2032 9.9739 11.2032 9.92313 11.1936C9.86579 11.1829 9.81114 11.1556 9.70182 11.1009L1.66663 7.08331Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Дом, семья, хобби и досуг"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49996 17.5V11.3333C7.49996 10.8666 7.49996 10.6333 7.59079 10.455C7.67068 10.2982 7.79817 10.1707 7.95497 10.0908C8.13323 10 8.36659 10 8.8333 10H11.1666C11.6333 10 11.8667 10 12.045 10.0908C12.2018 10.1707 12.3292 10.2982 12.4091 10.455C12.5 10.6333 12.5 10.8666 12.5 11.3333V17.5M1.66663 7.91667L9.19996 2.26667C9.48684 2.0515 9.63029 1.94392 9.78782 1.90245C9.92688 1.86585 10.073 1.86585 10.2121 1.90245C10.3696 1.94392 10.5131 2.05151 10.8 2.26667L18.3333 7.91667M3.3333 6.66667V14.8333C3.3333 15.7668 3.3333 16.2335 3.51495 16.59C3.67474 16.9036 3.92971 17.1586 4.24331 17.3183C4.59983 17.5 5.06654 17.5 5.99996 17.5H14C14.9334 17.5 15.4001 17.5 15.7566 17.3183C16.0702 17.1586 16.3252 16.9036 16.485 16.59C16.6666 16.2335 16.6666 15.7668 16.6666 14.8333V6.66667L11.6 2.86667C11.0262 2.43634 10.7393 2.22118 10.4242 2.13824C10.1461 2.06503 9.8538 2.06503 9.57568 2.13824C9.26061 2.22118 8.97373 2.43634 8.39996 2.86667L3.3333 6.66667Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Комиксы, манга, графические романы"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1746_28833)'%3E%3Cpath d='M1.66663 9.99984C1.66663 14.6022 5.39759 18.3332 9.99996 18.3332C11.3807 18.3332 12.5 17.2139 12.5 15.8332V15.4165C12.5 15.0295 12.5 14.836 12.5213 14.6735C12.669 13.5517 13.5518 12.6689 14.6736 12.5212C14.8361 12.4998 15.0296 12.4998 15.4166 12.4998H15.8333C17.214 12.4998 18.3333 11.3805 18.3333 9.99984C18.3333 5.39746 14.6023 1.6665 9.99996 1.6665C5.39759 1.6665 1.66663 5.39746 1.66663 9.99984Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83329 10.8332C6.29353 10.8332 6.66663 10.4601 6.66663 9.99984C6.66663 9.5396 6.29353 9.1665 5.83329 9.1665C5.37306 9.1665 4.99996 9.5396 4.99996 9.99984C4.99996 10.4601 5.37306 10.8332 5.83329 10.8332Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 7.49984C13.7935 7.49984 14.1666 7.12674 14.1666 6.6665C14.1666 6.20627 13.7935 5.83317 13.3333 5.83317C12.8731 5.83317 12.5 6.20627 12.5 6.6665C12.5 7.12674 12.8731 7.49984 13.3333 7.49984Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33329 6.6665C8.79353 6.6665 9.16663 6.29341 9.16663 5.83317C9.16663 5.37293 8.79353 4.99984 8.33329 4.99984C7.87306 4.99984 7.49996 5.37293 7.49996 5.83317C7.49996 6.29341 7.87306 6.6665 8.33329 6.6665Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1746_28833'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kv-detailed-stats__item-title[data-genre="Эзотерика"]::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1746_28853)'%3E%3Cpath d='M16.6681 5.00002C18.8888 7.95405 18.8884 12.048 16.6667 15.0015M9.99996 18.3332C11.3092 18.3332 12.5479 18.0313 13.6502 17.4933C13.5451 17.4976 13.4395 17.4998 13.3333 17.4998C9.19116 17.4998 5.83329 14.142 5.83329 9.99984C5.83329 5.8577 9.19116 2.49984 13.3333 2.49984C13.4395 2.49984 13.5451 2.50204 13.6502 2.50641C12.5479 1.96841 11.3092 1.6665 9.99996 1.6665C5.39759 1.6665 1.66663 5.39746 1.66663 9.99984C1.66663 14.6022 5.39759 18.3332 9.99996 18.3332Z' stroke='%23F8DB73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1746_28853'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


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

.kv-menu__item:last-child {
    margin: 0;
}

.kv-menu__item a {
    gap: 4px;
    height: auto;
    padding: 6px 10px;
}

.kv-menu__item--active path {
    fill: currentColor;
}

.kv-rating {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.kv-rating__title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
}

.kv-rating__menu {
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: both mandatory;
    scrollbar-width: none;
    white-space: nowrap;
}

.kv-rating__menu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kv-rating__menu-link {
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6F7073;
    text-decoration: none;
    border-radius: 14px;
    box-sizing: border-box;
}

.kv-rating__menu-item_active .kv-rating__menu-link {
    color: #FFFFFF;
    background-color: #252626;
}

.kv-rating__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: rgba(37, 38, 38, 0.75);
    border-radius: 24px;
    box-shadow: 0 4px 20px 0 rgba(1, 46, 87, 0.14);
    box-sizing: border-box;
}

.kv-rating__subtitle {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
}

.accent-color-purple {
    color: #8D79C5;
}

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

.kv-rating__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    counter-reset: item;
}

.kv-rating__card {
    position: relative;
    display: grid;
    grid-template-areas:
        "rating-user-number rating-user-avatar rating-user-name"
        "rating-user-number rating-user-avatar rating-user-stats"
        "rating-user-link rating-user-link rating-user-link";
    grid-template-columns: auto auto 1fr;
    align-items: center;
    column-gap: 16px;
    padding: 16px;
    background-color: #252626;
    border-radius: 24px;
    box-sizing: border-box;
}

.kv-rating__card::before {
    grid-area: rating-user-number;
    content: counter(item) "  ";
    counter-increment: item;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
}

.kv-rating__card-avatar-link {
    grid-area: rating-user-avatar;
}

.kv-rating__card-avatar {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
}

.kv-rating__card-title {
    grid-area: rating-user-name;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kv-rating__card-title:visited {
    color: #FFFFFF;
}

.kv-rating__card-stats {
    grid-area: rating-user-stats;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #88898C;
}

.kv-rating__card-link {
    grid-area: rating-user-link;
    justify-self: flex-start;
    margin-top: 16px;
    padding: 9px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #3E3F40;
    border-radius: 24px;
    border: 1px solid #3E3F40;
    box-sizing: border-box;
}

.kv-rating__menu-link:visited {
    color: #6F7073;
}

.kv-rating__menu-item_active .kv-rating__menu-link:visited {
    color: #FFFFFF;
}

.kv-rating__card-link:visited {
    color: #FFFFFF;
}


.kv-popup .kv-popup__accept-title {
    max-width: 280px;
    color: #FFFFFF;
}

.kv-popup .kv-popup__accept-title-span {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    color: #F8DB73;
}
.book-card-tile__authors-block {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 2px;
    /*margin-bottom: 16px;*/
}
.book-card-table__authors-block {
    align-self: flex-start;
    grid-area: author;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 2px;
}
.book-item__wrapper {
    grid-template-rows: min-content 18px 44px 28px;
}

.book-item--min .book-item__wrapper {
    grid-template-rows: 27px minmax(33px, 1fr) 28px 34px;
}

.book-item__authors-block {
    grid-area: author;
    align-self: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
    white-space: nowrap;
}

.book-card-table__authors-block {
    margin-bottom: 9px;
}


.book-item__authors-block .book-item__author {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    width: auto;
}

.book-card-tile__authors-block .book-item__author,
.book-card-table__authors-block .book-item__author
{
  width: auto;
}

/**/
.kv-share {
	margin-bottom: 54px;
	padding: 20px 16px;
    display: flex;
	flex-direction: column;
    gap: 24px;
    align-items: center;
	background-color: rgba(37, 38, 38, 0.75);
    border-radius: 24px;
}

.kv-share__about {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.kv-share__title {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: 600;
	line-height: 34px;
	color: #FFFFFF;
}

.kv-share__subtitle {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #FFFFFF;
}

.kv-share__socials {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.kv-share__text {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #88898C;
}

.kv-share__socials-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.kv-share__social-button {
    width: 40px;
    height: 40px;
    padding: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    appearance: none;
    outline: transparent;
    cursor: pointer;
}

.icon-tg-40 {
	background: url('/img/skins/ll2019/SVGsprite18.svg') -462px -396px no-repeat;
}

.icon-wa-40 {
	background: url('/img/skins/ll2019/SVGsprite18.svg') -502px -396px no-repeat;
}

.icon-mail-40 {
	background: url('/img/skins/ll2019/SVGsprite18.svg') -336px -396px no-repeat;
}

.icon-li-40 {
	background: url('/img/skins/ll2019/SVGsprite18.svg') -420px -396px no-repeat;
}

.icon-lj-40 {
	background: url('/img/skins/ll2019/SVGsprite18.svg') -378px -396px no-repeat;
}

.kv-popup__share-link.kv-share__share-button {
	max-width: 256px;
	width: 100%;
	margin: 0;
	padding: 7px 15px;
	text-align: center;
	background-color: #3E3F40;
	border: 1px solid #3E3F40;
	border-radius: 24px;
	box-sizing: border-box;
}

/* beta banner*/
.profile .section-form__wrap {
    z-index: 2;
}

.profile .section-form__wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255 255 255 / 0.1);
    border-radius: 24px;
}

.profile .section-form__inner {
    z-index: 1;
    margin-bottom: 0;
}

.ll-beta-banner {
    position: relative;
    margin-top: -22px;
}

.ll-beta-banner__link {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 38px 50px 16px;
    background-color: #046CCC;
    border-radius: 0 0 24px 24px;
    box-sizing: border-box;
}

.ll-beta-banner__link::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 10px;
    width: 24px;
    height: 60px;
    background: url('/img/skins/mobile2019/beta-mobile_icon.svg') 0 0 no-repeat;
}

.ll-beta-banner__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--white, #FFFFFF);
}

.ll-beta-banner__subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white, #FFFFFF);
}

.ll-beta-banner__close-button {
    position: absolute;
    top: 26px;
    right: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: none;
    box-sizing: border-box;
    appearance: none;
    outline: transparent;
    cursor: pointer;
    opacity: 0.7;
}

.ll-beta-banner__close-button::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 20px;
    width: 1px;
    height: 14px;
    background-color: var(--white, #FFFFFF);
    transform: rotate(45deg);
}

.ll-beta-banner__close-button::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 20px;
    width: 1px;
    height: 14px;
    background-color: var(--white, #FFFFFF);
    transform: rotate(-45deg);
}