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

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

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

   html {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100%; }
  
  body {
    min-width: 768px;
    max-width: none;
    margin: 0 auto;
    background-color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased; }
  
  a {
    cursor: pointer; }
  
  b {
    font-weight: 600; }
  
  .hidden {
    display: none; }
  
  /*************footer***************/
  .page-footer {
    position: relative;
    width: 736px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 24px;
    margin: 16px auto 82px;
    padding: 38px 34px 34px 48px;
    background-color: #EDF0F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  
  .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;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  
  .page-footer__list:first-child {
    width: 157px; }
  
  .page-footer__list:nth-child(2) {
    width: 158px; }
  
  .page-footer__list:nth-child(3) {
    width: 144px; }
  
  .page-footer__list:nth-child(4) {
    width: 194px;
    margin: 0 0 39px; }
  
  .page-footer__list li:first-child {
    font: 600 16px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 16px; }
  
  .page-footer__list a {
    color: #252626;
    font: 16px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .page-footer__list:last-of-type li:last-child {
    color: #88898C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    margin: 5px 0 0px; }
  
  .page-footer__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 37px 0 0;
    width: 253px; }
  
  .page-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 89px;
    height: 18px; }
  
  .page-footer__copyright {
    color: #88898C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .page-footer__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 263px;
    margin: 0 35px 0 0; }
  
  .page-footer__counter p {
    color: #88898C;
    font: 14px/14px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .page-footer__counter span {
    font-weight: 600; }
  
  .page-footer__age {
    color: #88898C;
    font: 300 36px/36px "Source Sans Pro", sans-serif;
    margin: 0;
    -ms-flex-item-align: baseline;
    align-self: baseline; }
  
  .page-footer-soc {
    position: absolute;
    bottom: 96px;
    left: 48px;
    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;
    margin: 0; }
  
  .page-footer-soc:last-of-type {
    left: 205px; }
  
  .page-footer-soc__title {
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #88898C;
    width: 100%;
    margin: 0 0 13px; }
  
  .icon-in-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -68px -362px no-repeat; }
  
  .icon-vk-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -102px -362px no-repeat; }
  
  .icon-fb-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -136px -362px no-repeat; }
  
  .icon-ok-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -170px -362px no-repeat; }
  
  .icon-zen-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -204px -362px no-repeat; }
  
  .icon-gp-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -362px no-repeat; }
  
  .icon-app-f {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -34px -362px no-repeat; }
  
  .page-footer-soc__link {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px 0 0; }
  
  /********************************/
  .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;
    width: 100%;
    margin: 0 0 28px; }
  
  .lenta-form__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 104px;
    border-radius: 24px;
    padding: 0 40px;
    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 40px/56px "Source Sans Pro", sans-serif;
    color: #fff;
    width: 260px;
    margin: 0 0 4px; }
  
  .lenta-form input[type="search"] {
    position: relative;
    height: 40px;
    border-radius: 20px;
    border: none;
    background: #fff;
    color: #252626;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0 56px 0 0;
    padding: 0 20px 3px 55px;
    -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: 315px;
    width: 24px;
    height: 24px;
    z-index: 3;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -234px 0 no-repeat; }
  
  .page-content.lenta .lenta-form label[for="search"],
  .page-content.lenta .lenta-form input[type="search"] {
    visibility: hidden; }
  
  .lenta-form__toggle {
    display: none; }
  
  .lenta-form__toggle + label {
    position: absolute;
    top: 32px;
    right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    z-index: 32; }
  
  .lenta-form__toggle + label::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -338px 0 no-repeat; }
  
  .lenta-form__toggle:checked + label {
    background: rgba(0, 53, 105, 0.6); }
  
  .lenta-form__toggle:checked + label::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -52px -104px no-repeat; }
  
  .lenta-form__inner {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 48px 21px 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;
    -webkit-transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
    transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
    z-index: 30; }
  
  .lenta-form__inner > * {
    width: 325px;
    height: 40px;
    margin: 0 11px 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(3) details {
    z-index: 9; }
  
  .lenta-form__select details:nth-child(even) {
    right: 0; }
  
  .lenta-form__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; }
  
  .lenta-form__select summary::-webkit-details-marker {
    display: none; }
  
  .lenta-form__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); }
  
  .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: 17px; }
  
  .lenta-form__select details[open] summary {
    border-radius: 20px 20px 0 0;
    border: none; }
  
  .lenta-form__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; }
  
  .lenta-form__select a {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    padding: 6px 20px 10px; }
  
  .lenta-form__select a:hover {
    background: #EDF0F7; }
  
  .lenta-form__check {
    display: none; }
  
  .lenta-form__inner > label {
    color: #252626;
    font: 16px/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: 16px/16px "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 54px; }
  
  .lenta-form__link::before,
  .lenta-form__link::after {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    top: 11px;
    left: 20px;
    background: #252626;
    border-radius: 1px; }
  
  .lenta-form__link::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  
  .icon-setting::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -338px 0 no-repeat; }
  
  .icon-setting::after {
    display: none; }
  
  .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 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  
  .lenta-form__check + label:before {
    content: '';
    position: absolute;
    top: 8px;
    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: 9px;
    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-tags__wrapper {
    overflow: hidden;
    margin: 24px -16px 0; }
  
  .lenta-form-tags__limiter {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 20px;
    margin: 0 0 -20px; }
  
  .lenta-form-tags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 16px; }
  
  .lenta-form-tags__item {
    margin: 0 16px 0 0; }
  
  .lenta-form-tags__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    height: 32px;
    background: #EDF0F7;
    color: #252626;
    font: 16px/20px "Source Sans Pro", sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 4px; }
  
  .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:first-of-type {
    padding-top: 17px; }
  
  .lenta-form__select label:last-of-type {
    padding-bottom: 22px; }
  
  .lenta-form__select label:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 20px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -166px -156px no-repeat;
    width: 24px;
    height: 24px; }
  
  .lenta-form__select input:checked + label:before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -192px -156px no-repeat; }
  
  /**************lenta**************/
  /*.lenta__limiter {
    overflow-y: auto;
    margin: 0 -20px 0 0;
    padding-right: 20px; }*/
  .lenta__wrapper {
    position: -webkit-sticky;
    position: sticky;
    overflow: hidden;
    max-height: calc(100vh - 204px);
    top: 82px;
    width: 162px;
    margin: 0 16px 0 0;
    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: 100; }
  
  .lenta__limiter {
    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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .lenta__content,
  .lenta__list {
    min-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;
    width: 558px; }
  
  .lenta__item {
    position: relative;
    margin-bottom: 36px; }
  
  .lenta__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 4px 0 15px 12px; }
  
  .lenta__title a {
    color: #252626; }
  
  .lenta__show-all, .lenta__show-all:visited {
    position: absolute;
    top: 17px;
    right: 0;
    color: #003569;
    text-transform: uppercase;
    font: 16px/24px "Source Sans Pro", sans-serif; }
  
  .lenta-card__title, .lenta-card__title:visited {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    margin: 0 0 7px;
    color: #252626;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 128px; }
  
  .lenta-card__title a,
  .lenta-card__title a:visited,
  .lenta-card__text > a,
  .lenta-card__text > a:visited {
    color: inherit; }
  
  .lenta-card__admin {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #fa385d;
    margin: 0 0 8px;
  }
  
  .lenta-card__text {
    /* max-height: 240px; */
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px; }
  
  .lenta-card__text p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0; }
  
  .lenta-card__text--big p {
    font: 600 26px/32px "Source Sans Pro", sans-serif; }
  
  /*
  .lenta-card__text + [data-readmore-toggle], .lenta-card__text[data-readmore] {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    width: auto; }*/
  .lenta-card__text .read-more__link {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    width: auto; }
  
  #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__book-title,
  .lenta-card__book-title:visited {
    font: 600 16px/22px "Source Sans Pro", sans-serif;
    color: #252626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  
  .lenta-card__author-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 14px;
    color: #252626;
    margin: 0; }
  
  .lenta-card__author,
  .lenta-card__author:visited {
    color: #252626;
    font: 14px/20px "Source Sans Pro", sans-serif; }
  
  .lenta-card__rating {
    position: relative;
    font: 300 26px "Source Sans Pro", sans-serif;
    color: #252626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 22px; }
  
  .lenta-card__rating::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -252px -182px no-repeat;
    width: 16px;
    height: 16px; }
  
  .lenta-card__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 7px;
    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: 0 12px 0 auto;
    font: 600 12px/14px "Source Sans Pro", sans-serif; }
  
  .lenta-card__aliases {
    padding: 0 22px 0 0; }
  
  .lenta-card__aliases::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -182px -78px no-repeat;
    width: 16px;
    height: 16px; }
  
  .lenta-card-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  
  .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: 10px 0 0; }
  
  .lenta-card-comment__avatar {
    border-radius: 50%;
    margin: 5px 12px 0px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .lenta-card-comment__author, .lenta-card-comment__author:visited {
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    margin-right: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 160px); }
  
  .lenta-card-comment__date {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    margin: 0; }
  
  .lenta-card-comment__text {
    font: 16px/20px "Source Sans Pro", sans-serif;
    margin: 0 0 0 44px;
    width: 100%;
    max-height: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  .lenta-card-comment__show-all,
  .lenta-card-comment__show-all:visited {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    margin: 3px 0 0 44px; }
  
  .lenta-card-comment__new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 9px 0 4px; }
  
  .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 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 122px);
    margin-right: 10px;
    resize: none; }
  
  .lenta-card-comment__new button {
    font: 16px/16px "Source Sans Pro", sans-serif;
    height: 32px;
    width: 122px;
    border-radius: 16px;
    color: #fff;
    background-color: #3E99ED;
    border: none;
    padding: 0 0 4px;
    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; }
  
  /*
  .lenta-user {
    position: relative;
    min-height: 40px;
    }*/
  .lenta-group__title {
    position: relative;
    color: #252626;
    padding: 16px 16px 8px 0;
    font: 600 16px/24px "Source Sans Pro", sans-serif;
  }
  .lenta-group__title span {
    color: #6F7073;
    font: 14px/20px "Source Sans Pro", sans-serif;
  }
  .lenta-group__title::-webkit-details-marker {
    display: none; }
  
  .lenta-group__title::after {
    position: absolute;
    content: '';
    right: 7px;
    top: 18px;
    width: 9px;
    height: 9px;
    border-left: 1px solid #252626;
    border-top: 1px solid #252626;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  
  .lenta__wrapper input[type="radio"]:checked + .lenta-group__title::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 26px; }
  
  /**************/
  .lenta__wrapper input {
    display: none; }
  
  .lenta-user__list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto; }
  
  .lenta__wrapper input[type="radio"]:checked + label + .lenta-user__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .lenta-user__list input:checked + label {
    background-color: #d2d4d6; }
  
  .lenta-user__list input:checked + label .lenta-user__name {
    font-weight: 600; }
  
  /***************/
  /*
  .lenta-user {
    margin: 0 0 34px; }
  
  .lenta-user__title {
    color: #88898C;
    font: 20px/24px "Source Sans Pro", sans-serif;
    margin: 11px 0 20px; }
  */
  .lenta-user__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    border-radius: 20px;
    position: relative; }
  
  .lenta-user__item:hover {
    background-color: #EDF0F7; }
  
  .lenta-user__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .lenta-user__avatar {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px 0 0;
    width: 26px;
    height: 26px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .lenta-user__name {
    color: #252626;
    font: 16px/24px "Source Sans Pro", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  /**********проба блюр обложки****/
  .lenta-card-book__link > span {
    width: 42px;
    height: 64px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    overflow: hidden;
    z-index: 0; }
  
  /***************************/
  .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 {
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 24px 16px 26px; }
  
  .lenta-card-tags {
    margin: 24px 0 0; }
  
  /*
  .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 16px; }
  
  .lenta-card-tags__item {
    margin: 0 16px 16px 0; }
  
  .lenta-card-tags p {
    color: #3E99ED;
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .lenta-card-tags span,
  .lenta-card-tags__btn {
    color: #88898C; }
  
  .lenta-card-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 27px 0 0; }
  
  .lenta-card-book__link {
    position: relative;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 16px; }
  
  .lenta-card-book__img {
    width: 100%;
    height: auto;
    max-width: 42px;
    max-height: 64px;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 1;
    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% - 74px); }
  
  .lenta-card__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: 2;
    margin: 0 0 32px; }
  
  .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: 20px/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: 260px;
    letter-spacing: 2px;
    margin: -32px auto -16px;
    z-index: 10;
    position: relative; }
  
  .lenta-card__show-all:hover {
    background: #3b91e0; }
  
  .lenta-card__show-all:active {
    background: #217DD1; }
  
  .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: 34px;
    right: 16px;
    width: 117px;
    z-index: 2;
    font: 20px/36px "Source Sans Pro", sans-serif;
    letter-spacing: 1.2px; }
  
  .lenta-card__count-book span {
    font: 300 52px/32px "Source Sans Pro", sans-serif; }
  
  .lenta-card__badge {
    background: #fff;
    border-radius: 8px;
    width: 251px;
    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 14px/16px "Source Sans Pro", sans-serif;
    text-align: center;
    padding: 0 16px; }
  
  .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 16px;
    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(35px);
    filter: blur(35px);
    z-index: 1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  
  .lenta-card__avatar {
    border: 1px solid #88898C;
    padding: 10px;
    border-radius: 50%;
    margin: auto;
    width: 170px;
    height: 170px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .lenta-card__mymark {
    position: relative;
    display: inline-block;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    padding: 0 5px 0 27px; }
  
  .lenta-card__mymark::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -112px -182px no-repeat;
    width: 24px;
    height: 24px; }
  
  .lenta-card__spoiler {
    border-radius: 4px;
    display: inline-block;
    font: 600 12px/16px "Source Sans Pro", sans-serif;
    color: #fff;
    background-color: #FA385D;
    height: 17px;
    width: 58px;
    margin: 0px 10px 4px 5px;
    text-align: center;
    vertical-align: middle; }
  
  .lenta-card__attention {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0; }
  .lenta-card__admin i,
  .lenta-card__title i {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 8px -3px 0px; }
  
  .lenta-card__unformat {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -44px -130px no-repeat; }
  
  .lenta-card__attention {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -130px no-repeat; }
  
  .lenta-card__closed {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -88px -130px no-repeat; }
  
  .lenta-card__limited {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -114px -130px no-repeat; }
  
  .lenta-card__ban {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -202px -130px no-repeat; }
  
  .lenta-card__unpublished {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -220px -130px no-repeat; }
  
  .lenta-card__unreg {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -246px -130px no-repeat; }
  
  .lenta-card__thanks,
  .lenta-card__source {
    font: 18px/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 18px/24px "Source Sans Pro", sans-serif; }
  /*
  .lenta-card__picture-wrapper {
    border-radius: 14px;
    background-color: #EAE9D6;
    padding-bottom: calc(344/558*100%);
    width: 100%;
    overflow: hidden;
    position: relative; }*/
  .lenta-card__picture-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 14px;
    height: auto;
    width: 100%; }
  
  /*
  .lenta-card__picture {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover; }*/
  .lenta-card__picture {
    -o-object-fit: contain;
    object-fit: contain; }
  
  /******************/
  .unformatted.lenta-card__picture-wrapper {
    padding-bottom: calc(344/558*100%);
    background-color: #EDF0F7; }
  
  .unformatted img {
    position: absolute;
    padding: 24px;
    height: calc(100% - 48px);
    width: calc(100% - 48px);
    -o-object-fit: contain;
    object-fit: contain; }
  .editor-choice .unformatted img {
    position: absolute;
    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: 24px;
    right: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 112px;
    width: 108px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 0; }
  
  .lenta-card-date__day {
    font: 600 47px/40px "Source Sans Pro", sans-serif; }
  
  .lenta-card-date__month,
  .lenta-card-date__time {
    font: 600 20px/24px "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: 26px/32px "Source Sans Pro", sans-serif;
    color: #FA385D; }
  
  .lenta-card__reserved {
    position: absolute;
    bottom: 32px;
    left: 218px;
    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: 16px/16px "Source Sans Pro", sans-serif;
    width: 202px;
    height: 32px;
    padding: 0 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #F28FBB; }
  
  .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 16px/16px "Source Sans Pro", sans-serif;
    width: 186px;
    height: 32px;
    padding: 0 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 27px 0 6px; }
  
  .lenta-card-tags__item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid;
    border-radius: 16px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 3px 16px 7px; }
  
  .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 14px 14px 14px;
    padding: 8px 12px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 20px; }
  
  .repost-card__text p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0; }
  
  /***********************/
  .header-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  
  .header-card-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .header-card-user__avatar {
    border-radius: 50%;
    margin: 10px 10px 10px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    z-index: 2;
    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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px; }
  
  .header-card__title,
  .header-card__title:visited {
    color: #252626;
    font: 600 32px/40px "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: 20px 0 0; }
  
  .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; }
  
  .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") 0 0 no-repeat;
    width: 34px;
    height: 24px;
    margin: 0 auto 0 16px;
    -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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 27px;
    height: 24px;
    padding-right: 31px;
    font: 14px/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 {
    width: 16px;
    height: 16px;
    padding: 10px 3px 10px 15px;
    position: relative; }
  
  .header-card__menu::after {
    position: absolute;
    content: '';
    top: 16px;
    right: 9px;
    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: 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; }
  
  .header-card__menu-block a,
  .header-card__menu-block 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; }
  
  .header-card__menu-block a:hover {
    background-color: #EDF0F7; }
  
  .header-card__menu:hover .header-card__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  /**************************/
  .footer-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 4px 12px 0; }
  
  .footer-card a {
    font: 14px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .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: 169px; }
  
  .footer-card__friends {
    margin: 0 0 4px 86px; }
  
  .footer-card__avatar {
    border-radius: 50%;
    margin-right: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .footer-card__friends p {
    color: #88898C;
    font: 14px/20px "Source Sans Pro", sans-serif; }
  
  .footer-card__link {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 0 4px; }
  
  .footer-card__link::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-right: 1px solid #88898C;
    border-top: 1px solid #88898C;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    left: 5px; }
  
  .sab__wrapper {
    position: relative;
    padding: 10px 0 4px;
    margin-left: auto; }
  
  .sab__detailing {
    position: absolute;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    padding: 10px 8px 16px 16px;
    -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);
    border-radius: 20px 20px 20px 0;
    top: -70px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 76px;
    width: 216px;
    display: none;
    z-index: 15; }
  
  .sab__link.icon-share + .sab__detailing {
    left: -224px;
    width: 248px;
    border-radius: 20px 20px 0 20px; }
  
  .sab__title {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    width: 100%;
    margin: 0 0 10px; }
  .sab__text {
    font: 14px/16px "Source Sans Pro", sans-serif;
    color: #6F7073;
    width: 100%;
    margin: 0 0 10px; }
  .sab__user img {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .sab__wrapper:hover .sab__detailing,
  .sab__wrapper:focus .sab__detailing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .sab__link {
    position: relative;
    padding: 0 0 0 28px;
    width: 36px; }
  a.sab__notify {
    position: relative;
    color: #3E99ED;
    padding: 0 0 0 28px;
    font-size: 1px;
    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; }
  
  .icon-share::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -78px 0 no-repeat; }
  
  .icon-like::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 0 no-repeat; }
  
  .icon-comment::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -52px 0 no-repeat; }
  
  .icon-bookmark::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -26px 0 no-repeat; }
  
  .icon-quote::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -104px 0 no-repeat; }
  
  .sab__link--active.icon-like::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -78px -52px no-repeat; }
  
  .sab__link--active.icon-bookmark::before {
    background: url("/img/skins/ll2019/SVGsprite15.svg") -104px -52px no-repeat; }
  
  .sab__link--active.icon-quote::before {
    background: url("/img/skins/ll2019/SVGsprite16.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;
    margin: 0 8px 0 0;
    width: 24px;
    height: 24px;
    border-radius: 50%; }
  
  .icon-vk {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -336px no-repeat; }
  
  .icon-fb {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -26px -336px no-repeat; }
  
  .icon-mail {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -104px -336px no-repeat; }
  
  .icon-tw {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -78px -336px no-repeat; }
  
  .icon-ok {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -52px -336px no-repeat; }
  
  .icon-lj {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -130px -336px no-repeat; }
  
  .icon-li {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -156px -336px no-repeat; }
  
  .icon-ll {
    position: relative;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -182px -336px no-repeat; }
  
  /*****************************/
  .btn-add-plus {
    position: relative;
    border-radius: 16px;
    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: 32px;
    width: 100%; }
  
  .btn-add-plus:hover {
    border-color: #3B91E0;
    background-color: #3B91E0; }
  
  .btn-add-plus::before {
    position: absolute;
    content: "Добавить";
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    color: #fff;
    height: 18px;
    left: calc(50% - 27px);
    top: 0;
    bottom: 0;
    margin: auto; }
  
  .btn-add-plus::after {
    position: absolute;
    content: '';
    height: 24px;
    width: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(50% - 53px);
    background: url("/img/skins/ll2019/SVGsprite16.svg") -114px -156px no-repeat; }
  
  .btn-add-plus--add {
    border-color: #3E99ED;
    background-color: #fff; }
  
  .btn-add-plus--add:hover {
    background: rgba(89, 199, 255, 0.07); }
  
  .btn-add-plus--add::before {
    content: 'Изменить';
    color: #3B91E0; }
  
  .btn-add-plus--add::after {
    background: url("/img/skins/ll2019/SVGsprite16.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: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 48px; }
  
  .histories-card .lenta-card-book .btn-add-plus:hover,
  .review-card .lenta-card-book .btn-add-plus:hover,
  .exchange-card .btn-add-plus:hover,
  .lifehack-card .lenta-card-book .btn-add-plus:hover,
  .statuses-card .btn-add-plus:hover {
    border: none;
    background: transparent; }
  
  .statuses-card .btn-add-plus {
    bottom: 32px;
    right: 19px; }
  
  .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,
  .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: 32px;
    height: 32px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -210px 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/ll2019/SVGsprite16.svg") -34px -210px no-repeat; }
  
  .review-card .lenta-card-book .btn-add-plus::after {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -68px -210px no-repeat; }
  
  .review-card .lenta-card-book .btn-add-plus--add::after {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -102px -210px no-repeat; }
  
  .selection-card {
    flex-direction: column;
    width: 100%; }  
  /*****************/
  @-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% - 92px);
    bottom: 96px;
    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: 10; }
  
  .btn-add-plus__status {
    font: 300 18px/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 18px/28px "Source Sans Pro", sans-serif;
    color: #3E99ED;
    margin-top: 4px; }
  
  .btn-add-plus:active ~ .btn-add-plus__menu-block {
    -webkit-animation: show 1s ease;
    animation: show 1s ease; }
  
  /*************/
  .slide-book {
    overflow: hidden;
    min-width: 100%; }
  
  .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: 100%;
    /*
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;*/
    margin: 0 30px;
    -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: 170px !important;
    height: 424px;
    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: 8px 8px 24px 24px;
    background-color: #ffffff;
    margin: 32px 16px 0 0; }
  
  .slide-book__status {
    font: 14px/16px "Source Sans Pro", sans-serif;
    background-color: #EDF0F7;
    border-radius: 16px;
    color: #252626;
    position: absolute;
    padding: 3px 25px 0 16px;
    height: 48px;
    width: 138px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -24px;
    left: 0;
    z-index: 1; }
  
  .slide-book__status-lists {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 16px;
    color: #fff;
    position: absolute;
    padding: 3px 0 0 16px;
    height: 48px;
    width: 138px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -246px;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    left: 0;
    z-index: 1; }
  
  .btn-add-plus--add + .slide-book__status-lists {
    top: -272px; }
  
  .slide-book__link {
    height: 256px;
    width: 170px;
    border-radius: 8px;
    z-index: 2;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    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 #D9DBE0;
    border-top: none;
    border-radius: 0 0 24px 24px;
    margin-top: -8px;
    color: #252626;
    padding: 18px 15px 15px;
    height: 176px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .slide-book__menu,
  .slide-book__menu:visited {
    width: 16px;
    height: 16px;
    padding: 5px 5px 5px 11px;
    position: absolute;
    margin: 0;
    top: 16px;
    right: -1px; }
  
  .slide-book__menu::after {
    position: absolute;
    content: '';
    top: 12px;
    left: 18px;
    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/37px "Source Sans Pro", sans-serif;
    color: #252626;
    border-bottom: 1px solid #DCDEE0;
    width: 100%;
    text-align: center;
    padding: 0 12px 2px; }
  
  .slide-book__menu-block a:hover {
    background-color: #EDF0F7; }
  
  .slide-book__menu:hover .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: 100%; }
  
  .slide-book__author,
  .slide-book__author:visited {
    font: 14px/17px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 9px 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  
  .slide-book__rating {
    position: relative;
    padding: 0 0 11px 28px;
    font: 300 26px/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; }
  
  .slide-book__rating::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -138px -182px no-repeat; }
  
  .slide-book__item .btn-buy-holder {
    margin-top: 0px;
    position: relative; }
  
  .slide-book__buy,
  .slide-book__buy:visited {
    font: 14px/20px "Source Sans Pro", sans-serif;
    color: #252626;
    position: absolute;
    bottom: 9px;
    right: 0; }
  
  .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: 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 4px; }
  
  .slide-book__btn-del i {
    position: absolute;
    content: "";
    right: 4px;
    top: 4px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #88898C;
    font-style: normal;
    text-align: center; }
  
  .slide-book__remove {
    position: absolute;
    display: block;
    top: 206px;
    left: calc(50% - 63px);
    color: #fff;
    padding: 0 0 0 30px;
    z-index: 5;
    font: 16px/26px "Source Sans Pro", sans-serif; }
  
  .slide-book__remove::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -200px -104px no-repeat; }
  
  .slide-book__remove ~ .slide-book__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; }
  
  .slide-book__item .btn-add-plus,
  .slide-book__item .btn-add-plus:visited {
    color: #fff;
    margin: 10px 0 0; }
  
  /*********************/
  .kv-friends .slick-prev,
  .kv-friends .slick-next {
    top: 218px; }
  .challenge .kv-friends .slick-prev,
  .challenge .kv-friends .slick-next {    
    top: 108px; }
  
  .kv-friends .slick-prev {
    left: -20px; }
  
  .kv-friends .slick-next {
    right: -20px; }
  
  .kv-authors .slick-prev,
  .kv-authors .slick-next {
    bottom: 128px;
    top: auto; }

  .kv-authors .slick-prev {
    left: 14px; }

  .kv-authors .slick-next {
    right: 14px; }

  /*.slide__btn-prev,
  .slide__btn-next {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    bottom: 230px;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    display: none;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    z-index: 106;
    padding: 0; }
  
  .kv-friends .slide__btn-prev,
  .kv-friends .slide__btn-next {
    bottom: 43px; }
  
  .slide__btn-prev {
    left: -20px; }
  
  .slide__btn-next {
    right: -20px; }
  
  .slide__btn-prev::after,
  .slide__btn-next::after {
    position: absolute;
    content: '';
    border-left: 1px solid #252626;
    border-top: 1px solid #252626;
    width: 8.5px;
    height: 8.5px;
    top: 15px; }
  
  .slide__btn-prev::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 17px; }
  
  .slide__btn-next::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 12px; }
  */
  .slide-book__count {
    position: absolute;
    bottom: 58px;
    right: 15px;
    width: 68px;
    text-transform: uppercase;
    font: 9px/11px "Source Sans Pro", sans-serif; }
  
  .slide-book__count span {
    font-size: 12px; }
  
  .slide-book__btn-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    width: 170px;
    height: 100%;
    color: #88898C;
    font: 300 26px/32px "Source Sans Pro", sans-serif;
    padding: 55px 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: 70px;
    height: 51px;
    border-radius: 8px;
    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 20px/18px "Source Sans Pro", sans-serif; }
  
  .slide-book__sales p {
    color: #fff;
    font: 600 14px/18px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  /******************************/
  .ugs-sotring {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 162px;
    position: -webkit-sticky;
    position: sticky;
    top: 82px;
    margin: 0 16px 0 0; }
  
  .ugs-sorting__title {
    color: #88898C;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    margin: 6px 0 16px; }
  
  .ugs-sotring__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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  
  .ugs-sotring__item {
    margin-bottom: 16px; }
  
  .ugs-sotring__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #88898C;
    color: #88898C;
    border-radius: 16px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 4px 15px 6px;
    width: 162px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .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,
  .discussionbook-card .lenta-card__wrapper {
    background: #EDF0F7;
    border-radius: 14px; }
  
  .discussionbook-card .lenta-card__wrapper {
    margin: 0 -12px 8px;
    padding: 31px 32px 21px; }
  
  .quote-card .lenta-card {
    overflow: hidden;
    padding: 56px 16px 24px; }
  
  .exchange-card .lenta-card,
  .lifehack-card .lenta-card {
    padding: 16px 16px 32px; }
  
  .histories-card .lenta-card-book {
    position: relative;
    margin: 0 -12px 8px;
    height: 304px; }
  
  .quote-card .lenta-card__title {
    position: absolute;
    top: 20px;
    left: 32px; }
  
  .quote-card .lenta-card-book {
    position: relative;
    margin: 47px 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: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    border-radius: 14px;
    opacity: 1;
    font-style: normal;
    border: none;
    padding: 16px;
    margin: 0 0 24px;
    z-index: 1; }
  
  .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 105px "Source Sans Pro", sans-serif;
    top: -24px;
    right: -10px;
    height: 70px;
    width: 60px;
    color: #f8f9fc;
    z-index: -1; }
  
  .discussionbook-card blockquote {
    background: #fff; }
  
  .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__rating  {
    font-size: 20px; }    
  .exchange-card .lenta-card__rating,
  .lifehack-card .lenta-card__rating {
    font-size: 20px;
    position: absolute;
    bottom: 30px; }
  
  .quote-card .lenta-card__text {
    z-index: 1;
    margin: 0 16px 16px; }
  
  .quote-card .lenta-card__text.lenta-card__text--big {
    max-height: 96px; }
  
  /*
  .quote-card .lenta-card__text + [data-readmore-toggle] {
    margin: 0 0 0 16px; } */
  .quote-card .lenta-card__text .read-more__link {
    margin: 0 0 0 16px; }
  
  .quote-card .lenta-card::after {
    position: absolute;
    content: '\201D';
    font: 600 820px/294px "Source Sans Pro", sans-serif;
    top: 118px;
    right: 78px;
    height: 294px;
    width: 252px;
    color: rgba(255, 255, 255, 0.6); }
  
  .exchange-card .lenta-card-tags {
    margin: 12px -16px -6px; }
  
  .histories-card .lenta-card-book__link {
    margin: 0;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 112px; }
  
  .review-card .lenta-card__rating,
  .histories-card .lenta-card__rating {
    position: absolute;
    bottom: 128px;
    padding: 0 0 0 27px; }
  
  .histories-card .lenta-card__rating::before,
  .review-card .lenta-card__rating::before {
    width: 24px;
    height: 24px; }
  
  .review-card .lenta-card__rating::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -190px -182px no-repeat; }
  
  .histories-card .lenta-card__rating::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -164px -182px no-repeat; }
  
  .histories-card .lenta-card__rating {
    left: calc(50% + 50px); }
  
  .discussiongroup-card .lenta-card-book__link {
    height: auto;
    margin: 0 -12px 8px; }
  
  .top-slide .lenta__title {
    margin: 3px 0 7px; }
  
  .distribution-slide .lenta__title {
    margin: 4px 0 5px; }
  
  .distribution-slide {
    position: relative; }
  
  .distribution-slide p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 10px; }
  
  .distribution-slide p a,
  .distribution-slide p a:visited {
    color: #217dd1; }
  
  .distribution-slide p a:hover {
    color: #0f5699; }
  
  .distribution-slide .slide-book__list,
  .top-slide .slide-book__list {
    margin: 0; }
  
  .game-card .lenta-card-book__link {
    margin: 0 -12px 8px;
    height: auto; }
  
  .event-card .lenta-card__picture-wrapper {
    border-radius: 14px 0px 14px 14px; }
  
  /*
  .game-card .lenta-card__picture-wrapper {
    padding-bottom: calc(160/558*100%); }
  */
  .selection-card .lenta-card-book {
    margin: 0 -12px 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 16px;
    padding: 31px 8px 0;
    overflow: hidden;
    max-height: 472px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #d0d2d6;  }
  /*
  .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: 178px;
    margin: 0 0 16px; }
  
  .selection-card .lenta-card-book__img {
    max-width: 118px;
    max-height: 178px;
    border-radius: 8px; }
  
  .selection-card .lenta-card__details {
    margin: 0 0 14px; }
  
  .selection-card .lenta-card__title {
    color: #fff;
    width: calc(100% - 117px);
    margin: 0 0 31px 8px;
    height: 64px;
    max-height: 64px;
    z-index: 2;
    -webkit-line-clamp: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  
  /*
  .statuses-slide {
    margin-left: -12px;
    margin-right: -12px; }*/
  .statuses__wrapper {
    width: 100%;
    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 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: all 1s;
    transition: all 1s; }
  
  .statuses-card {
    position: relative;
    height: 264px;
    width: 299px;
    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 12px; }
  
  .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; }
  
  .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;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px; }
  
  .statuses-card .lenta-card__mymark::before {
    width: 16px;
    height: 16px;
    top: 5px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -216px -182px no-repeat; }
  
  .statuses-card .lenta-card__mymark {
    line-height: 24px;
    font-size: 20px;
    padding: 0 0 0 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;
    line-height: 20px;
    max-height: 40px;
    white-space: normal; }
  
  .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,
  .tests-card .lenta-card {
    padding: 0 12px; }
  .post-card__wrap .lenta-card-book__link,
  .event-card .lenta-card-book__link {
    position: relative;
    margin: 0 -12px 8px;
    height: auto; }
  
  .review-card .lenta-card-book {
    overflow: hidden;
    position: relative;
    margin: 0 -12px 8px;
    height: 304px;
    border-radius: 14px; }
  .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::after,
  .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% + 16px); }
  
  .review-card .lenta-card-book__img {
    border-radius: 8px;
    margin: auto;
    max-width: 170px;
    max-height: 256px; }
  
  .review-card .lenta-card__book-title {
    font-size: 20px;
    line-height: 26px;
    max-height: 52px;
    margin: 52px 24px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal; }
  
  .histories-card .lenta-card__book-title {
    font-size: 20px;
    line-height: 26px;
    margin: 52px 24px 0 0; }
  
  .histories-card .lenta-card__author-wrap,
  .review-card .lenta-card__author-wrap {
    font-size: 16px;
    line-height: 26px;
    margin: 0 24px 12px 0; }
  
  .histories-card .lenta-card__author,
  .review-card .lenta-card__author {
    font-size: 16px; }
  
  .review-card .lenta-card__book-title,
  .review-card .lenta-card__author,
  .review-card .lenta-card__author-wrap,
  .review-card .lenta-card__rating {
    color: #fff; }
  
  .event-card .lenta-card__aliases {
    padding: 0; }
  
  .event-card .lenta-card__aliases::before {
    display: none; }

  .exchange-card .lenta-card__author-wrap,
  .lifehack-card .lenta-card__author-wrap,
  .exchange-card .lenta-card__book-title,
  .lifehack-card .lenta-card__book-title {
    width: 157px; }
  .quote-card .lenta-card__author-wrap,  
  .quote-card .lenta-card__book-title {
    width: 288px; }
    
  /*
  .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,
  .discussionbook-card:nth-child(even) .lenta-card__wrapper {
    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; }
  .cardstyle .selection-card .lenta-card {
    padding: 0;
  }
  .cardstyle .selection-card .header-card-user__avatar {
    margin-right: 0;
    margin-left: 0;}
  .cardstyle .selection-card .header-card-user__avatar:nth-of-type(2) {
    margin-left: -13px;
    z-index: 1;}
  .cardstyle .selection-card .header-card-user__avatar:nth-of-type(3) {
    margin-left: -13px;
    z-index: 0;}
  .cardstyle .selection-card .header-card__add-select {
    margin-left: 8px;
  }
  .cardstyle .selection-card .footer-card {
    padding: 4px 0 0; }
  
  /**********NEW QUOTE*************/
.quote-card .header-card__menu {
  align-self: flex-start;
  margin: 6px 0 0;
}
.quote-card .header-card-user__name {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
}
.quote-card .header-card-user__avatar {
  margin: 18px 8px 18px 12px;
}
.quote-card .lenta-card-book::before {
  position: absolute;
  content: "";
  top: -32px;
  right: 16px;
  left: 16px;
  height: 1px; 
  background: #D9DBE0;
}
.lenta-card__personage {
  display: flex;
  align-items: center;
  margin: 8px 0 16px;
}
.lenta-card__personage img {
  margin: 0 8px 0 16px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  z-index: 2;
  object-fit: cover;
}
.lenta-card__personage span {
  font: 600 16px/22px "Source Sans Pro", sans-serif;
  color: #252626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.quote-card .btn-add-plus {
  position: absolute;
  width: 124px;
  right: 16px;
  top: calc(50% - 16px);
}
.quote-card .footer-card {
  padding: 6px 12px 0;
}
.quote-card .footer-card__soc-active {
  width: 286px;
}
.quote-card .footer-card__friends {
  margin-left: 0;
  margin-bottom: 4px;
}
.btn-wrap {
  display: flex;
  justify-content: center;
}
.btn-wrap a {
  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;
  padding: 4px 24px 6px;
  margin: 0 8px;
  font: 18px/24px "Source Sans Pro", sans-serif; 
}
a.btn-grey:hover,
a.btn-grey:focus {
  background-color: rgba(150, 151, 153, 0.07); }

.sab__notify + .sab__detailing {
  flex-direction: column;
  padding: 24px 24px 16px;
  top: auto;
  bottom: 24px;
  left: -300px;
  width: 300px;
  border-radius: 20px 20px 0 20px;
  box-shadow: 0px 4px 12px 0px #00000040;
  max-height: 340px;
}
.sab__notify ~ .sab__detailing .sab__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0;
}
.sab__notify ~ .sab__text {
  color: #252626;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  margin: 15px 0 8px;
}
.sab__detailing .sab__notify {
 color: #252626;
 font: 16px/40px "Source Sans Pro", sans-serif;
 padding: 0 0 0 32px;
}
.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) {
  line-height: 56px;
  border-bottom: 1px solid #D9DBE0;}
.main-block__item.quote-card .lenta-card-book__wrapper {
  width: calc(100% - 116px); }
.main-block__item.quote-card .lenta-card__book-title,
.main-block__item.quote-card .lenta-card__author-wrap {
  width: 100%; }  
.main-block__item.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;
}
.main-block__item.quote-card .btn-add-plus::before {
  display: none; }
.main-block__item.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; }
.main-block__item.quote-card .btn-add-plus--add::after {
  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 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%3c/svg%3e ");
}

/**********NEW QUOTE*************/
.quote-card .header-card__menu {
  align-self: flex-start;
  margin: 6px 0 0;
}
.quote-card .header-card-user__name {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
}
.quote-card .header-card-user__avatar {
  margin: 18px 8px 18px 12px;
}
.quote-card .lenta-card-book::before {
  position: absolute;
  content: "";
  top: -32px;
  right: 16px;
  left: 16px;
  height: 1px; 
  background: #D9DBE0;
}
.lenta-card__personage {
  display: flex;
  align-items: center;
  margin: 8px 0 16px;
}
.lenta-card__personage img {
  margin: 0 8px 0 16px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  z-index: 2;
  object-fit: cover;
}
.lenta-card__personage span {
  font: 600 16px/22px "Source Sans Pro", sans-serif;
  color: #252626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.quote-card .btn-add-plus {
  position: absolute;
  width: 124px;
  right: 16px;
  top: calc(50% - 16px);
}
.quote-card .footer-card {
  padding: 6px 12px 0;
}
.quote-card .footer-card__soc-active {
  width: 286px;
}

.btn-wrap {
  display: flex;
  justify-content: center;
}
.btn-wrap a {
  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;
  padding: 4px 24px 6px;
  margin: 0 8px;
  font: 18px/24px "Source Sans Pro", sans-serif; 
}
a.btn-grey:hover,
a.btn-grey:focus {
  background-color: rgba(150, 151, 153, 0.07); }

.sab__notify + .sab__detailing {
  flex-direction: column;
  padding: 24px 24px 16px;
  top: auto;
  bottom: 24px;
  left: -170px;
  width: 300px;
  border-radius: 20px 20px 0 20px;
  box-shadow: 0px 4px 12px 0px #00000040;

}
.sab__notify ~ .sab__detailing .sab__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0;
}
.sab__notify ~ .sab__text {
  color: #252626;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  margin: 15px 0 8px;
}
.sab__detailing .sab__notify {
 color: #252626;
 font: 16px/40px "Source Sans Pro", sans-serif;
 padding: 0 0 0 32px;
}
.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) {
  line-height: 56px;
  border-bottom: 1px solid #D9DBE0;}
.main-block__item.quote-card .lenta-card-book__wrapper {
  width: calc(100% - 116px); }
.main-block__item.quote-card .lenta-card__book-title,
.main-block__item.quote-card .lenta-card__author-wrap {
  width: 100%; }  
.main-block__item.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;
}
.main-block__item.quote-card .btn-add-plus::before {
  display: none; }
.main-block__item.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; }
.main-block__item.quote-card .btn-add-plus--add::after {
  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 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%3c/svg%3e ");
}
  /*******************/
  .advice-card__title {
    font: 600 32px/48px "Source Sans Pro", sans-serif;
    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: 24px;
    height: 360px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 40px;
    margin: 12px 0 -272px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4BA0EE), to(#76BAF1));
    background: linear-gradient(to top, #4BA0EE 50%, #76BAF1 100%); }
  
  .advice-card__wrapper a {
    font: 18px/36px "Source Sans Pro", sans-serif;
    color: #fff;
    height: 40px;
    width: 246px;
    z-index: 100;
    text-align: center;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff; }
  
  .advice-slider {
    width: 100%;
    overflow: hidden; }
  
  .advice-slider-nav .slick-list {
    display: block;
    padding: 0 0 20px 98px; }
  
  .advice-slider-nav a {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    padding: 0 9.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .advice-slider-nav img {
    width: 138px;
    height: 208px;
    -webkit-transition: width 0.5s linear, height 0.5s linear;
    transition: width 0.5s linear, height 0.5s linear;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px; }
  
  .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .statuses__list {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease; }
  
  .statuses__list.slick-initialized {
    visibility: visible;
    opacity: 1; }
  
  .slick-slide {
    display: none;
    float: left;
    min-height: 1px; }
  
  .advice-slider-nav .slick-current img {
    width: 218px;
    height: 328px; }
  
  .advice-slider-nav .slick-current a {
    width: 234px; }
  
  .slick-arrow {
    display: none;
    z-index: 10;
    position: absolute;
    content: '';
    top: calc(50% - 34px);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    background: #fff; }
  
  .slick-prev {
    left: -4px; }
  
  .slick-next {
    right: -4px; }
  
  .slick-arrow:before {
    position: absolute;
    content: '';
    top: 14px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 1.33px solid #000;
    border-left: 1.33px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  
  .slick-prev:before {
    left: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  
  .main-block.advice-card .slick-arrow {
    top: 355px; }
  
  .main-block.advice-card .slick-prev {
    left: 25px; }
  
  .main-block.advice-card .slick-next {
    right: 25px; }
  
  .statuses-slide .slick-arrow {
    top: calc(50% + 10px); }
  
  .statuses-slide .slick-next {
    right: -8px; }
  
  .statuses-slide .slick-prev {
    left: -8px; }
  
  .main-block.statuses-slide .slick-arrow {
    top: calc(50% - 20px); }
  
  .main-block.statuses-slide .slick-prev {
    left: -20px; }
  
  .main-block.statuses-slide .slick-next {
    right: -20px; }
  
  .distribution-slide .slick-arrow {
    top: calc(50% + 6px); }
  
  .slide-book .slick-prev {
    left: -20px; }
  
  .slide-book .slick-next {
    right: -20px; }
  
  .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;
    height: 328px;
    -webkit-transition: width 0.2s linear, -webkit-transform 0.9s linear !important;
    transition: width 0.2s linear, -webkit-transform 0.9s linear !important;
    transition: width 0.2s linear, transform 0.9s linear !important;
    transition: width 0.2s linear, transform 0.9s linear, -webkit-transform 0.9s linear !important; }
  
  /***********/
  .advice-slider-for__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 640px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px; }
  
  .advice-slider-for__item .btn-add-plus {
    margin: -14px 12px 0 auto;
    width: 138px; }
  
  .advice-slider-for .lenta-card-book__wrapper {
    position: relative;
    margin: 0 0 12px;
    width: calc(100% - 100px);
    padding-left: 100px; }
  
  .advice-slider-for .lenta-card__book-title {
    font-size: 26px;
    line-height: 32px; }
  
  .advice-slider-for .lenta-card__author {
    font-size: 16px; }
  
  .advice-slider-for .lenta-card__rating {
    position: absolute;
    left: 12px;
    top: 0;
    padding: 0 0 0 27px; }
  
  .advice-slider-for .lenta-card__rating::before {
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -138px -182px no-repeat; }
  
  .advice-slider-for .lenta-card__text {
    margin: 0 12px;
    height: 96px; }
  
  /*.advice-slider-for__item {
    padding: 0 100px;
    box-sizing: border-box;
  }*/
  /***************************************/
  .page-content {
    position: relative;
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  /*
  .page-content:not(.bc-new) {
    margin-top: 16px; }*/
  
  /**ФФ тест старого хедера и новой КК слипаются без отступа блоки*****/
  /************************************/
  .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-genre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 12px 15px; }
  
  .bc-genre__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .bc-genre__list li {
    margin: 0 16px 14px 0;
    min-width: 68px; }
  
  .bc-genre__list a, .bc-genre__list a:visited {
    color: #217DD1;
    font: 18px/26px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .bc-genre__list a:hover {
    color: #0F5699; }
  
  .bc-genre__list a:active {
    color: #217DD1; }
  
  .bc-soc {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 6px 0 0; }
  
  .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; }
  
  .bc-soc .sab__wrapper {
    margin-left: 0;
    padding: 0; }
  
  .bc-soc__notify {
    position: relative;
    height: 40px;
    width: 40px;
    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 div {
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    position: absolute;
    right: 24px;
    top: 2px;
    border-radius: 20px;
    z-index: 10;
    width: 213px;
    -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 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .bc-soc span {
    width: 36px; }
  
  .bc-soc .header-card__menu::after {
    top: 11px;
    left: 10px; }
  
  .bc-soc .header-card__menu {
    padding: 4px 4px 4px 4px; }
  
  .bc-soc .sab__detailing {
    border-radius: 20px 0 20px 20px;
    top: -6px;
    right: 23px;
    z-index: 111;
    width: 280px;
    left: auto; }
  
  .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; }
  
  .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/ll2019/SVGsprite16.svg) -234px -52px no-repeat; }
  
  /**************/
  .sab__detailing input {
    height: 2px;
    width: 2px;
    opacity: 0;
    padding: 0;
    border: 0; }
  
  #textllcode {
    visibility: hidden;
    width: 100px;
    background-color: #3e3f40;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 8px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 0%;
    margin-left: -44px;
    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:hover #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 {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 88px;
    width: 162px;
    margin: 0 16px 0 0; }
  
  .bc-menu__wrap {
    display: block;
    height: calc(100vh - 104px);
    position: relative;
    padding-top: 24px; }
  
  .bc-menu__top {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font: 600 14px/18px "Source Sans Pro", sans-serif;
    border-radius: 8px 0 16px 0;
    background-color: #FA385D;
    padding: 3px 10px;
    width: 138px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .bc-menu__status, .bc-menu__status:visited {
    font: 14px/18px "Source Sans Pro", sans-serif;
    background-color: #E6E9F0;
    border-radius: 16px;
    color: #252626;
    padding: 3px 8px;
    position: absolute;
    height: 48px;
    min-width: 138px;
    max-width: 162px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 1; }
  
  .bc-menu__status-lists, .bc-menu__status-lists:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 600 14px/18px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 16px;
    color: #fff;
    padding: 3px 16px;
    position: absolute;
    height: 48px;
    min-width: 138px;
    max-width: 162px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 30px;
    left: 0;
    z-index: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms; }
  
  .btn-add-plus--add + .bc-menu__status-lists {
    top: 0; }
  
  .bc-menu .btn-add-plus {
    height: 40px;
    border-radius: 20px; }
  
  .bc-menu .btn-add-plus::before {
    font-size: 18px; }
  
  .bc-menu .btn-add-plus::before {
    left: calc(50% - 32px); }
  
  .bc-menu .btn-add-plus::after {
    left: calc(50% - 60px); }
  
  .bc-menu__image-wrapper {
    position: relative;
    width: 162px;
    height: 244px;
    border-radius: 8px;
    margin: 0 0 16px;
    overflow: hidden;
    z-index: 2;
    background: #fff; }
  
  .bc-menu__image {
    width: 162px;
    height: 244px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover; }
  
  .bc-menu__image-wrapper::after {
    content: '';
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    position: absolute; }
  
  .bc-menu__btn {
    position: relative;
    margin: 16px 0;
    border-radius: 20px;
    height: 40px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #6f7073;
    background: #fff;
    border: 1px solid #88898C;
    font: 18px/36px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  
  .bc-menu__btn:hover {
    background: rgba(150, 151, 153, 0.07); }
  
  .bc-menu__btn:active {
    background: #EBEDF0; }
  
  .btn-listen {
    padding-left: 27px; }
  
  .btn-listen::before {
    position: absolute;
    content: '';
    top: 13px;
    left: 28px;
    border: 6px solid transparent;
    border-left: 12px solid #6F7073;
    border-right: none; }
  
  .btn-pause::before {
    position: absolute;
    border: none;
    content: '';
    top: 13px;
    left: 28px;
    width: 3px;
    height: 12px;
    border-radius: 1.5px;
    background: #6F7073; }
  
  .btn-pause::after {
    position: absolute;
    content: '';
    top: 13px;
    left: 34px;
    width: 3px;
    height: 12px;
    border-radius: 1.5px;
    background: #6F7073; }
  
  .spinner::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 24px;
    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__list {
    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: 20px 0 0; }
  
  .bc-menu__list svg {
    fill: #88898C; }
  
  .bc-menu__item {
    width: 68px;
    margin: 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .bc-menu__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    text-align: center;
    font: 12px/16px "Source Sans Pro", sans-serif;
    color: #3e3f40;
    padding: 44px 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/ll2019/SVGsprite16.svg") 0 -244px no-repeat; }
  
  .icon-review::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -42px -244px no-repeat; }
  
  .icon-histories::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -84px -244px no-repeat; }
  
  .icon-quote-40::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -126px -244px no-repeat; }
  
  .icon-lifehack::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -168px -244px no-repeat; }
  
  .icon-selection::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -378px -244px no-repeat; }
  
  .icon-book-exchange::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -210px -244px no-repeat; }
  
  .bc-menu__rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 14px; }
  
  .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: 178px; }
  
  .bc-menu__rating p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #3E3F40;
    margin: 0 14px; }
  
  .bc-menu__rating span {
    font: 300 26px/40px "Source Sans Pro", sans-serif; }
  
  .bc-menu__rating input {
    display: none; }
  
  .bc-menu__rating label {
    position: relative;
    overflow: hidden;
    width: 16px;
    height: 26px; }
  
  .bc-menu__rating label::before {
    position: absolute;
    content: "";
    top: 0;
    left: 3px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -56px -182px no-repeat;
    width: 26px;
    height: 26px; }
  
  .bc-menu__rating label:nth-of-type(odd)::before {
    left: -13px; }
  
  .bc-menu__rating label:hover:before,
  .bc-menu__rating label:hover ~ label:before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -182px no-repeat; }
  
  .bc-menu__rating input:checked ~ label:before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -182px no-repeat; }
  
  .bc-rating__link:hover ~ .bc-menu__rating,
  .bc-menu__link.icon-star:hover .bc-menu__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
    .bc-menu__rating label {
    width: calc(26px/2 + 6px);
    flex: none;
  }
  
    .bc-menu__rating label::before {
    left: 6px; }
  
    .bc-menu__rating label:nth-of-type(odd)::before {
    left: -13px; }
  
  .bc-rating-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 14px 0 40px; }
  
  .bc-rating-star p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    margin: 0 25px 0 0; }
  
  .bc-rating-star__wrap {
    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: 366px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  
  .bc-rating__star {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .bc-rating__star::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -56px -182px no-repeat;
    width: 24px;
    height: 24px; }
  
  .bc-rating__star span {
    font: 12px/14px "Source Sans Pro", sans-serif;
    color: #88898C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    width: 65px; }
  
  .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/ll2019/SVGsprite16.svg") -56px -182px no-repeat;
    width: 26px;
    height: 26px; }
  
  .bc-rating__link .bc-menu__rating {
    display: none;
    position: absolute;
    left: -110px;
    bottom: -50px;
    -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: 54px 0;
    -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;
    width: 470px;
    height: 208px; }
  
  .bc-rating__link:hover .bc-menu__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .bc-menu__stars.bc-rating--full {
    margin-left: 12px;
    margin-right: -12px;
  }
  
  .bc-menu__stars.bc-rating--full label:nth-of-type(even) {
    display: none; }
  
  .bc-menu__stars.bc-rating--full label {
    width: calc(26px + 12px); }
  
  .bc-menu__stars.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/ll2019/SVGsprite16.svg) 0 -182px no-repeat; }
  
  .mymark.bc-rating__link > span {
    display: none; }
  
  .mymark.bc-rating__link > i {
    top: -10px;
    left: 36px;
    font-size: 32px; }
  
  .mymark.icon-star::before {
    left: -36px;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -112px -182px no-repeat; }
  
  .mymark.bc-menu__link > i {
    position: absolute;
    font-style: normal;
    font: 300 26px/40px "Source Sans Pro", sans-serif;
    top: 0;
    left: 34px; }
  
  /***********************/
  .bc {
    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: 558px;
    margin-top: 16px; }
  
  .bc__book-title {
    font: 600 40px/40px "Source Sans Pro", sans-serif;
    margin: 0 12px 11px; }
  
  .bc__book-title i {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background: #3E99ED;
    height: 28px;
    border-radius: 14px;
    font: 14px/26px "Source Sans Pro", sans-serif;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 12px;
    margin: 0 12px; }
  
  .bc__banned {
    position: absolute;
    top: 10px;
    left: 12px;
    color: #FA385D;
    font: 600 14px/24px "Source Sans Pro", sans-serif; }
  
  .bc-author {
    margin: 0 12px 20px;
    color: #252626;
    font: 300 32px/40px "Source Sans Pro", sans-serif; }
  
  .bc-author__link {
    color: #252626;
    font: 300 32px/40px "Source Sans Pro", sans-serif; }
  
  .bc-author__all {
    color: #003569;
    font: 14px/16px "Source Sans Pro", sans-serif;
    margin: 0 0 0 7px; }
  
  .bc-rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin: 0 12px 22px; }
  
  .bc-rating-medium,
  .bc-rating-medium:visited {
    position: relative;
    font: 300 32px/40px "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;
    margin: 0 40px 9px 0;
    padding: 0 0 0 32px; }
  
  .bc-rating-medium::before {
    position: absolute;
    content: "";
    z-index: 6;
    top: calc(50% - 12px);
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -84px -182px no-repeat; }
  
  .bc-rating-medium span {
    z-index: 6; }
  
  .bc-rating-medium__wrapper {
    display: none;
    position: absolute;
    top: -16px;
    left: -20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 50px;
    width: 434px;
    height: 324px;
    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: 4; }
  
  .bc-rating-medium__wrapper p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0 56px 22px; }
  
  .bc-rating-medium__table {
    table-layout: fixed;
    width: 100%; }
  
  .bc-rating-medium__wrapper tr {
    position: relative;
    height: 32px; }
  
  .bc-rating-medium__table tr:not(:last-of-type) td:first-of-type:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0px;
    height: 24px;
    width: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -138px -182px no-repeat; }
  
  .bc-rating-medium__wrapper td {
    position: relative;
    text-align: start;
    vertical-align: middle;
    font: 600 18px/28px "Source Sans Pro", sans-serif; }
  
  .bc-rating-medium__table td:nth-child(1) {
    font: 300 26px/32px "Source Sans Pro", sans-serif;
    color: #252626;
    width: 29px;
    padding: 0 0 0 27px; }
  
  .bc-rating-medium__wrapper td:nth-child(2) {
    width: 186px; }
  
  .bc-rating-medium__wrapper td:nth-child(3) {
    width: 49px;
    color: #F5794D; }
  
  .bc-rating-medium__wrapper span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    height: 12px;
    width: 170px;
    background: #EBEDF0; }
  
  .bc-rating-medium__wrapper i {
    position: absolute;
    content: "";
    height: 12px;
    border-radius: 6px;
    background: #F5794D; }
  
  .bc-rating-medium:hover .bc-rating-medium__wrapper {
    display: block; }
  
  .bc-rating-class {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 12px 32px; }
  
  .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/ll2019/SVGsprite16.svg") -52px -26px no-repeat; }
  
  .icon-neutral-smile::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -78px -26px no-repeat; }
  
  .icon-funny-smile::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -104px -26px no-repeat; }
  /*
  .bc-fr-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px 12px; }
  
  .bc-rating .bc-fr-rating {
    margin: 0 12px; }
  
  .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: #252626;
    font: 300 18px/24px "Source Sans Pro", sans-serif;
    width: 89px; }
  
  .bc-fr-rating__link span {
    margin: 0 0 0 11px; }
  
  .bc-fr-rating__more, .bc-fr-rating__more:visited {
    font: 300 18px/24px "Source Sans Pro", sans-serif;
    color: #252626; }
  */
  .bc-stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 29px 12px; }
  
  .bc-stat__link, .bc-stat__link:visited {
    color: #6f7073;
    font: 14px/16px "Source Sans Pro", sans-serif;
    margin: 0 43px 0 0;
    text-transform: uppercase;
    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; }
  
  .bc-stat__link:last-child {
    margin: 0; }
  
  .bc-stat__link b {
    font-size: 20px;
    line-height: 24px; }
  
  .bc-annotate {
    margin: 0 12px 14px;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .bc-annotate p {
    font: inherit;
    margin: 0; }
  
  .bc-edition {
    margin: 0 12px 26px; }
  
  .bc-edition td {
    color: #252626;
    font: 18px/28px "Source Sans Pro", sans-serif; }
  
  td.bc-edition__col1 {
    color: #88898C;
    width: 135px; }
  
  .bc-edition__link, .bc-edition__link:visited {
    color: #217DD1; }
  
  /*
  .bc-tag {
    margin: 0 12px 16px; }
  
  .bc-tag__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .bc-tag__item {
    margin: 0 17px 16px 0; }
  
  .bc-tag__item:last-child {
    margin: 0 0 16px 0; }
  
  .bc-tag__link, .bc-tag__link:visited {
    font: 16px/28px "Source Sans Pro", sans-serif;
    color: #252626;
    background-color: #EDF0F7;
    height: 32px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px; }
  
  .bc-tag__link:hover {
    background: #e5e7e9; }
  
  .bc-tag__link:active {
    background: #d2d4d6; }
  
  .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: #88898C;
    border: 1px solid #88898C;
    background: #fff; }
  
  .bc-tag__btn:hover {
    background: rgba(150, 151, 153, 0.07); }
  
  .bc-tag__btn:active {
    background: #EBEDF0; }
  */
  .bc-buy {
    position: relative;
    border-radius: 14px;
    background-color: rgba(237, 240, 247, 0.7);
    display: grid;
    grid-gap: 0 55px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "p ." "p ." "p ." "p .";
    margin: 0 0 56px;
    padding: 32px 24px 16px; }
  
  .bc-buy .bc-btn-edit {
    top: 12px;
    right: 12px; }
  
  .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;
    width: 240px; }
  
  .bc-buy__wrapper:first-of-type {
    grid-area: p; }
  
  .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 0 0 24px; }
  
  .bc-buy__link--sale::before {
    position: absolute;
    content: 'cкидка!';
    background-color: #FA385D;
    border-radius: 4px;
    color: #fff;
    width: 48px;
    height: 16px;
    top: 3px;
    right: 43px;
    padding-left: 4px;
    letter-spacing: 0.5px;
    font: 600 12px/13px "Source Sans Pro", sans-serif; }
  
  .bc-buy__link.bc-buy__link--all {
    color: #88898C;
    font-size: 14px;
    margin: 5px 0 16px; }
  
  .bc-buy__link--all::before {
    position: absolute;
    content: '';
    right: 14px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-left: 1px solid #88898C;
    border-top: 1px solid #88898C;
    -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/ll2019/icon-shop.png") 0 0 no-repeat; }
  
  .icon-book24-ua::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -16px no-repeat; }
  
  .icon-book24-ru::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -32px no-repeat; }
  
  .icon-bookvoed::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -48px no-repeat; }
  
  .icon-chitai-gorod::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -64px no-repeat; }
  
  .icon-respublica::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -80px no-repeat; }
  
  .icon-combook::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -96px no-repeat; }
  
  .icon-labirint::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -112px no-repeat; }
  
  .icon-litres::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -128px no-repeat; }
  
  .icon-grenka::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -144px no-repeat; }
  
  .icon-mybook::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -160px no-repeat; }
  
  .icon-ozon::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -176px no-repeat; }
  
  .icon-books-moda::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -192px no-repeat; }
  
  .icon-odissey::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -208px no-repeat; }
  
  .icon-my-shop::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -224px no-repeat; }
  
  .icon-plandge::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -240px no-repeat; }
  
  .icon-oz::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -256px no-repeat; }
  
  .icon-yakaboo::after {
    background: url("/img/skins/ll2019/icon-shop.png") 0 -272px no-repeat; }
  */
  .bc-awtb {
    position: relative;
    margin: 0 0 57px; }
  
  .bc-awtb__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 0 15px; }
  
  .bc-awtb__popup,
  .bc-awtb__wrapper {
    background-color: rgba(237, 240, 247, 0.7);
    border-radius: 14px;
    height: 120px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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__popup {
    display: none;
    position: absolute;
    top: 55px;
    padding: 0 32px 0 26px;
    -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);
    background: #fff; }
  
  .bc-awtb__slogn {
    font: 600 18px/28px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0; }
  
  .bc-awtb__btn {
    border-radius: 24px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 224px;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    color: #fff;
    background-color: #48B0A2;
    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__btn:hover {
    background-color: #43a396; }
  
  .bc-awtb__popup .bc-awtb__btn {
    border: 1px solid #43A396;
    background: #fff;
    color: #43A396; }
  
  .bc-awtb__text {
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #252626;
    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 16px 0; }
  
  .bc-info__wrapper {
    border: 1px solid #D2D4D6;
    border-radius: 14px;
    padding: 20px 26px 17px 23px; }
  
  .bc-info__wrapper:not(:first-of-type) {
    border-radius: 0 0 14px 14px;
    border-top: none;
    margin-top: -14px;
    padding-top: 35px; }
  
  .bc-info__wrapper label {
    display: block;
    position: relative;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    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: 18px/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: 7px;
    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: 13px; }
  
  .bc-info a {
    color: #3e99ed; }
  
  .bc-info a:hover {
    color: #1d6db8; }
  
  /*
  .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 16px 0; }
  
  .bc-info details {
    border: 1px solid #D2D4D6;
    border-radius: 14px;
    padding: 20px 26px 17px 23px; }
  
  .bc-info details:not(:first-of-type) {
    border-radius: 0 0 14px 14px;
    border-top: none;
    margin-top: -14px;
    padding-top: 35px; }
  
  .bc-info summary {
    display: block;
    position: relative;
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin-bottom: 9px; }
  
  .bc-info p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0; }
  
  .bc-info img {
    width: 100%;
    height: auto;
    border-radius: 20px; }
  
  .bc-info summary::-webkit-details-marker {
    display: none; }
  
  .bc-info summary::after {
    position: absolute;
    content: '';
    right: 4px;
    top: 7px;
    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: 13px; }
  
  .bc-info a {
    color: #3e99ed; }
  
  .bc-info a:hover {
    color: #1d6db8; }
  */
  .bc-btn-edit {
    position: absolute;
    top: 3px;
    right: 30px;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -78px -78px no-repeat; }
  
  .bc-hero__list {
    margin: 18px 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 {
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -26px 0 no-repeat; }
  
  .bc-hero__bookmark--active {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -104px -52px no-repeat; }
  
  img.bc-hero__image {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover; }
  
  .bc-hero__link p {
    font: 600 16px/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 8px; }
  
  .bc-link p {
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #88898C;
    margin: 0 24px 8px 0; }
  
  .bc-link a, .bc-link a:visited {
    color: #003569; }
  
  .bc-link a {
    margin: 0 0 0 3px; }
  
  .bc-curator__link {
    margin: 0 8px 0 auto; }
  
  .bc-curator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background: #EDF0F7;
    width: 100%;
    border-radius: 14px;
    margin-bottom: 24px;
    padding: 21px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .bc-curator p {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .bc-curator__link {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #003569; }
  
  .bc-curator__slider {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%; }
  
  .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;
    width: 112px;
    color: #252626;
    font: 14px/24px "Source Sans Pro", sans-serif;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .bc-curator__item img {
    margin: 10px 0 4px;
    border-radius: 50%; }
  
  .bc-curator__info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -36px -156px no-repeat; }
  
  .bc-curator__info span {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    top: 25px;
    left: -138px;
    content: "";
    background: #fff;
    color: #252626;
    border-radius: 20px;
    font: 18px/24px "Source Sans Pro", sans-serif;
    height: 219px;
    width: 400px;
    padding: 26px 24px 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15; }
  
  .bc-curator__info:hover span {
    display: block; }
  
  .bc-curator__slider .slick-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    top: calc(50% - 12px); }
  
  .bc-curator__slider .slick-next {
    right: 24px; }
  
  .bc-curator__slider .slick-prev {
    left: 24px; }
  
  .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: -88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 24px 24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 15;
    height: 416px;
    width: 412px;
    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 h3,
  .bc-curator__popup h3 {
    text-align: center;
    margin: 0;
    font: 600 26px/32px "Source Sans Pro", sans-serif; }
  
  .bc-curator__popup p {
    text-align: center;
    color: #88898C;
    margin: 0 0 20px;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .bc-curator__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  
  .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: 170px; }
  
  .bc-reader__btn-n,
  .bc-curator__btn-n {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #3B91E0;
    background: #fff; }
  
  .bc-reader__btn-y,
  .bc-curator__btn-y {
    color: #fff;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    background: #3E99ED; }
  
  .bc-curator__author {
    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: #252626;
    border: 1px solid #252626;
    font: 16px/20px "Source Sans Pro", sans-serif;
    height: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 16px 4px;
    margin: 0 0 57px;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  /*******************/
  .bc-review {
    margin-bottom: 29px; }
  
  .bc-review__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 11px; }
  
  .bc-review .review-card-bottom {
    border-radius: 14px 14px 0 0;
    border: 1px solid #DCDEE0;
    border-bottom: none;
    padding: 17px 31px 11px; }
  
  .bc-review .review-card-bottom__mymark {
    top: 22px; }
  
  .bc-review .review-card-bottom__title {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 0 17px; }
  
  .bc-review--best {
    margin: 0 0 57px; }
  
  .bc-review--best .lenta-card__text {
    max-height: 336px; }
  
  .bc-review .bc-detailing__sorting details:nth-child(2) {
    right: auto;
    left: calc(176px + 15px);
  }
  
  .bc-review .bc-detailing__sorting details:nth-child(3) {
    right: 0;
    left: auto;
  }
  
  .bc-review .bc-detailing__sorting details {
    width: 175px;
  }
  
  .bc-review .bc-detailing__sorting details summary {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .review-card-bottom__text p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626; }
  
  .bc-selection {
    margin-bottom: 35px; }
  
  .bc-selection__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 11px; }
  
  .bc-selection .selection-slide .selection-slide-top::before {
    background: #fff; }
  
  .bc-selection--best {
    margin: 0 0 40px; }
  .bc-new .quote-card .lenta-card,
  .bc-detailing .quote-card .lenta-card {
    padding: 0;
    background: none; }
  .bc-new .quote-card .lenta-card__text,
  .bc-detailing .quote-card .lenta-card__text {
    margin: 0 12px; }
  
  /*
  .bc-detailing .quote-card .lenta-card__text + [data-readmore-toggle] {
    margin: 0 0 0 12px; }*/
  .bc-detailing .quote-card .read-more__link {
    margin: 0 0 0 12px; }
  .bc-new .quote-card .lenta-card::after,
  .bc-detailing .quote-card .lenta-card::after {
    display: none; }
  
  .bc-detailing .exchange-card .lenta-card,
  .bc-detailing .lifehack-card .lenta-card {
    padding: 0 12px;
    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 {
    bottom: 6px;
    left: 202px; }
  
  .bc-detailing .exchange-card .lenta-card__write {
    margin: 19px 0 6px; }
  
  .bc-detailing .lifehack-card .lenta-card__text {
    max-height: 168px; }
  
  .bc-detailing .lifehack-card .lenta-card-tags {
    margin: 18px -16px 0px; }
  
  .bc-exchange .bc-detailing__sorting,
  .bc-selection .bc-detailing__sorting {
    height: 32px; }
  
  .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 36px; }
  
  .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; }
  
  .bc-detailing__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 15px; }
  
  .bc-detailing__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 9px 0; }
  
  .bc-detailing__controls .bc-detailing__link {
    background: #EDF0F7;
    font: 16px/20px "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: 16px;
    height: 20px;
    padding: 4px 17px 8px;
    margin: 0 18px 16px 0; }
  
  .bc-detailing__controls .bc-detailing__link--active {
    font-weight: 600;
    color: #fff;
    background: #3E99ED; }
  
  .bc-detailing article {
    width: 558px; }
  
  .btn__show-more, .btn__show-more:visited {
    border: none;
    background-color: #3E99ED;
    color: #fff;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    width: 364px;
    height: 40px;
    border-radius: 24px;
    margin: 4px auto 32px;
    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; }
  
  .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 34px; }
  
  .pagination__page {
    font: 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; }
  
  .pagination__page:nth-child(-n+2) {
    font-size: 26px;
    padding: 0 2px 6px 0; }
  
  .pagination__page:nth-last-child(-n+2) {
    font-size: 26px;
    padding: 0 0 6px 2px; }
  
  .pagination__page:nth-child(2) {
    margin: 0 16px 0 8px; }
  
  .pagination__page:nth-last-child(2) {
    margin: 0 8px 0 16px; }
  
  .pagination__page--active {
    background: #88898C;
    color: #fff;
    font-weight: 600; }
  
  .bc-article__title {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 20px 0 -16px; }
  
  .bc-article article {
    margin: 36px 0 20px; }
  
  /**/
  .writers-slide {
    position: relative;
    overflow: hidden;
    margin: 0 0 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; }
  
  .writers-slide__link {
    margin: 0 16px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 170px;
    -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 #B2AF8E;
    padding: 9px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .writers-slide .slick-prev {
    left: -20px; }
  
  .writers-slide .slick-next {
    right: -20px; }
  
  /**/
  .bc-content,
  .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-content {
    margin: -8px 0 0;
    padding: 0 0 0 12px; }
  
  .bc-review-write {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    width: 438px;
    height: 98px;
    padding: 15px 24px 31px 96px;
    margin: 7px 0 32px; }
  
  .bc-review-write::after {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute; }
  
  .bc-review-write__user {
    position: absolute;
    bottom: 32px;
    left: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 0C10.8 0 0 10.8 0 24C0 30.6 2.8 36.6 7 41C11.4 45.4 17.4 48 24 48C30.6 48 36.6 45.4 41 41C45.4 36.6 48 30.6 48 24C48 10.8 37.2 0 24 0ZM24 10C29.6 10 34 14.4 34 20C34 25.6 29.6 30 24 30C18.4 30 14 25.6 14 20C14 14.4 18.4 10 24 10ZM24 46C18 46 12.6 43.6 8.6 39.6C12.8 36.2 18.2 34 24 34C29.8 34 35.2 36.2 39.4 39.6C35.4 43.6 30 46 24 46Z' fill='white'/%3e%3c/svg%3e "); }
  
  .bc-review-write__title {
    position: relative;
    color: #fff;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    margin: 0 0 17px;
    z-index: 2; }
  
  .bc-review-write__link, .bc-review-write__link:visited {
    position: relative;
    background: #fff;
    font: 18px/28px "Source Sans Pro", sans-serif;
    color: #88898C;
    border-radius: 8px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 398px;
    padding: 5px 16px;
    z-index: 3; }
  
  .bc-review-critic {
    border-radius: 14px;
    width: 100%;
    height: 152px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #EDF0F7;
    padding: 28px 32px 32px;
    margin: 30px 0 28px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between; }
  
  .bc-review-critic label {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    width: 100%;
    text-align: center; }
  
  .bc-review-critic input[type="url"] {
    font: 16px/24px "Source Sans Pro", sans-serif;
    height: 40px;
    border-radius: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #88898C;
    border: none;
    padding: 0 0 0 20px; }
  
  .bc-review-critic input[type="submit"] {
    background: #3E99ED;
    color: #fff;
    font: 600 16px/16px "Source Sans Pro", sans-serif;
    width: 192px;
    height: 40px;
    margin: 0 0 0 16px;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border: none;
    padding: 0 0 4px; }
  
  .bc-review-critic input[type="submit"]:hover {
    background: #3B91E0; }
  
  .bc-review-critic input[type="submit"]:active {
    background: #217DD1; }
  
  .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 4px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  
  .bc-detailing__inner a {
    margin-left: 16px;
    height: 24px; }
  
  .bc-detailing__show-all, .bc-detailing__show-all:visited {
    color: #003569;
    text-transform: uppercase;
    margin: 0 0 4px;
    font: 16px/24px "Source Sans Pro", sans-serif; }
  
  .bc-detailing__sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 28px;
    height: 40px; }
  
  .bc-detailing__sorting details {
    position: absolute;
    z-index: 10;
    border-radius: 20px; }
  
  .bc-detailing__sorting details:nth-child(even) {
    right: 0; }
  
  .bc-detailing__sorting summary {
    display: block;
    position: relative;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    padding: 7px 36px 9px 21px;
    width: 267px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #D2D4D6; }
  
  .bc-detailing__sorting summary::-webkit-details-marker {
    display: none; }
  
  .bc-detailing__sorting summary::after {
    position: absolute;
    content: '';
    right: 23px;
    top: 12px;
    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: 19px; }
  
  .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: 0;
    border-radius: 0 0 20px 20px; }
  
  .bc-detailing__sorting a {
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 8px 21px 12px;
    color: #252626; }
  
  .bc-detailing__sorting a.active {
    background-color: #EDF0F7;
    font-weight: 600;
  }
  
  article.bc-about {
    margin: 0; }
  
  .bc-about__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 7px; }
  
  .bc-about__wrapper {
    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;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 0 41px; }
  
  .bc-about .slide-book__list {
    margin: 0; }
  
  .bc-about__text {
    color: #88898C;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 0 0 52px; }
  
  .bc-about__text a,
  .bc-about__text a:visited {
    color: #003569; }
  
  .bc-reader__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 auto 0 0; }
  
  .bc-reader__list {
    margin: 0 0 20px; }
  
  .bc-reader__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 28px;
    min-height: 128px;
    border-radius: 14px;
    margin: 0 0 16px;
    background: #EDF0F7; }
  
  .bc-reader-user__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0; }
  
  .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,
  .bc-reader__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; }
  
  .bc-reader-user {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  
  .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: 3px 0 9px; }
  
  .bc-reader-user__status p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font: 18px/24px "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/ll2019/SVGsprite16.svg) -216px -182px no-repeat;
    width: 16px;
    height: 16px; }
  
  .bc-reader__tags a, .bc-reader__tags a:visited {
    color: #3E99ED; }
  
  .bc-reader__wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 112px;
    height: 32px;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 0 4px 16px; }
  
  .bc-reader__top, .bc-reader__top:visited {
    border: 1px solid #88898C;
    font: 16px/28px "Source Sans Pro", sans-serif;
    background: #fff;
    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; }
  
  .icon-star.mymark::before {
    top: 8px;
    left: -26px;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -112px -182px no-repeat; }
  
  .mymark > i {
    position: absolute;
    content: '';
    top: 0;
    left: 36px;
    font-style: normal;
    color: #252626;
    font: 300 26px/40px "Source Sans Pro", sans-serif; }
  
  /**/
  .viewed-slide {
    position: relative;
    margin: 0 0 34px; }
  
  .viewed-slide__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 7px; }
  
  .viewed-slide .slide-book {
    width: 558px; }
  
  .viewed-slide .slide-book__list {
    margin: 0; }
  
  /**/
  .menu-redactor {
    display: none; }
  
  .popup-redactor {
    display: none; }
  
  .menu-redactor__btn {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    z-index: 5;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -174px -104px no-repeat; }
  
  /***********************/
  .kv,
  .challenge {
    padding: 0 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 736px;
    margin: 0 auto; }
  
  .kv-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -15px 0 0;
    padding: 151px 0 111px; }
  
  .kv-logo {
    position: absolute;
    z-index: -1;
    bottom: 253px;
    width: 492px;
    height: 492px;
    left: 0;
    right: 0;
    -webkit-animation: rotate 5s ease-out infinite;
    animation: rotate 5s ease-out infinite;
    margin: auto; }
  
  @-webkit-keyframes rotate {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes rotate {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  .kv-slogan, .kv-slogan:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font: 300 47px/49px "Source Sans Pro", sans-serif;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px; }
  
  .kv-slogan b {
    font-size: 51px; }
  
  .kv-slogan span {
    color: #F8DB73;
    letter-spacing: 0.4px;
    line-height: 42px;
    margin: 0 0 2px; }
  
  .kv-slogan svg {
    margin: 0 0 0 4px; }
  
  .kv-slogn__year {
    font: 600 36px/36px "Source Sans Pro", sans-serif;
    fill: #000; }
  
  .kv-myslogan {
    color: #88898C;
    font: 16px/32px "Source Sans Pro", sans-serif;
    width: 284px;
    text-align: start;
    margin: -5px 0 0; }
  
  .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: 146px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 0 0 0; }
  
  .kv .kv-settings {
    margin-left: 116px; }
  
  .kv-settings__link {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #252626; }
  
  .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/ll2019/SVGsprite16.svg") -52px -104px no-repeat; }
  
  .kv-settings__link:nth-child(2):before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -104px no-repeat; }
  
  .kv-settings__link:nth-child(3):before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -26px -104px no-repeat; }
  
  .kv-settings__link--active:nth-child(1):before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -338px 0 no-repeat; }
  
  .kv-settings__link:nth-of-type(2) div {
    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);
    right: 0;
    top: 41px;
    content: "";
    background: #fff;
    color: #252626;
    border-radius: 20px;
    line-height: 24px;
    width: 400px;
    padding: 26px 24px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15; }
  
  .kv-settings__link:nth-of-type(2) div p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .kv-settings__link:nth-of-type(2):hover div {
    display: block; }
  
  .kv-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .kv-form__title {
    position: relative;
    font: 300 51px/64px "Source Sans Pro", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 146px; }
  
  .kv-form__title::after {
    position: absolute;
    content: '';
    width: 0;
    border: 50px solid transparent;
    border-bottom: 0;
    border-top: 24px solid #F8DB73;
    margin: auto;
    bottom: -61px;
    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 44px/56px "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: center;
  margin: 0 30px 48px; }

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

.kv-form li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  font: 600 24px/32px "Source Sans Pro", sans-serif;
  text-align: start;
  color: #fff;
  background-color: #252626;
  margin: 0 0 16px;
  padding: 52px 270px 52px 56px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

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

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

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

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

.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-2022 {
  width: 100%;
  margin: 24px 0 60px;
}
.kv-2022 .kv-slider__title {
  color: #fff;
}
.kv-2022-slider {
  overflow: hidden;
  position: relative;
  padding: 0 16px;
  margin: 36px -16px 0; }
.kv-2022-slider .slick-list {
  padding: 0 24px 0 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/ll2019/kv-2022-bg.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain;
  border-radius: 24px;
  max-width: 946px;
  max-height: 508px;
  margin-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 24px 32px; }

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

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

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

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

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

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

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

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

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

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

.kv-2022__slide h3 {
  padding: 32px 24px 32px;
  color: #000;
  font: 300 38px/40px "Source Sans Pro", sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='620' height='234' viewBox='0 0 620 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 182.116C0 199.347 13.6441 213.485 30.8643 214.096L586.364 233.823C604.471 234.466 619.5 219.962 619.5 201.843V58.5371C619.5 41.4457 606.069 27.3713 588.996 26.5721L33.4964 0.568024C15.2558 -0.285843 0 14.2725 0 32.533V182.116Z' fill='%23F8DB73'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: contain;
  height: 148px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 32px 0 -20px;
  z-index: 1; }

.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: 24px 50%;
  background-color: #FA385D;
  color: #fff;
  width: 220px;
  height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 16px 8px 46px;
  border-radius: 28px;
  font: 600 26px/30px "Source Sans Pro", sans-serif;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 0 0 48px;
  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(250px) skewX(-45deg);
            transform: translateX(250px) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(250px) skewX(-45deg);
            transform: translateX(250px) skewX(-45deg); } }

@keyframes move-light {
  0% {
    -webkit-transform: translateX(-20px) skewX(-45deg);
            transform: translateX(-20px) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(250px) skewX(-45deg);
            transform: translateX(250px) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(250px) skewX(-45deg);
            transform: translateX(250px) 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-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 35%; }

.kv-2022-slider .slick-dots li {
  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: 16px;
  height: 16px; }

.kv-2022-slider .slick-dots button {
  background: #fff;
  border: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  font-size: 0;
  line-height: 0; }

.kv-2022-slider .slick-dots .slick-active button {
  background: #FA385D; }

.kv-2022-slider .slick-arrow {
  position: absolute;
  top: 45%;
  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-arrow::before {
  display: none; }
.kv-2022-slider .slick-next {
  right: 64px;
  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: 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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 48px 24px;
    height: 384px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  
  .kv-form label {
    color: #252626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0; }
  
  .kv-form label:first-of-type {
    font: 300 38px/112px "Source Sans Pro", sans-serif; }
  
  .kv-form label[for="amount"] {
    padding: 0 0 0 12px; }
  
  .kv-form input {
    font: 51px/60px "Source Sans Pro", sans-serif;
    border-radius: 14px;
    height: 112px;
    width: 170px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    color: #252626;
    margin: 0 24px; }
  
  .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: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    margin: 32px 0;
    padding: 14px 25px;
    resize: none; }
  
  .kv-form .kv-start__button {
    width: 100%; }
  
  .kv-popup {
    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;
    -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: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background: #3E3F40;
    border-radius: 20px;
    height: auto;
    width: 359px;
    padding: 63px 19px 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; }
  
  .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; }
  
  .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; }
  
  .kv-popup__wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    margin: 12px 16px; }
    
  .reg-popup__sal.icon-vkontakte,
  .main-join__wrap .icon-vkontakte,
  .unreg-header__soc .icon-vkontakte {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0px -286px no-repeat; }
  .reg-popup__sal.icon-facebook,
  .main-join__wrap .icon-facebook,
  .unreg-header__soc .icon-facebook {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -50px -286px no-repeat; }
  .reg-popup__sal.icon-mailru,
  .main-join__wrap .icon-mailru,
  .unreg-header__soc .icon-mailru {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -200px -286px no-repeat; }
  .reg-popup__sal.icon-twitter,
  .main-join__wrap .icon-twitter,
  .unreg-header__soc .icon-twitter {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -150px -286px no-repeat; }
  .reg-popup__sal.icon-odnoklassniki,
  .main-join__wrap .icon-odnoklassniki,
  .unreg-header__soc .icon-odnoklassniki {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -100px -286px no-repeat; }
  .reg-popup__sal.icon-google,
  .main-join__wrap .icon-google,
  .unreg-header__soc .icon-google {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -400px -286px no-repeat; }
  .reg-popup__sal.icon-litres,
  .main-join__wrap .icon-litres,
  .unreg-header__soc .icon-litres {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -500px -286px no-repeat; }
  
  .icon-vk-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0px -286px no-repeat; }
  
  .icon-fb-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -50px -286px no-repeat; }
  
  .icon-mail-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -200px -286px no-repeat; }
  
  .icon-tw-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -150px -286px no-repeat; }
  
  .icon-ok-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -100px -286px no-repeat; }
  
  .icon-lj-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -250px -286px no-repeat; }
  
  .icon-li-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -300px -286px no-repeat; }
  
  .icon-lr-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -500px -286px no-repeat; }
  
  .icon-tinkoff-48 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -550px -286px no-repeat; }
  .icon-tinkoff-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -210px -396px no-repeat; }
  .icon-tinkoff-24 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -286px -336px no-repeat; }
    
  .icon-wa-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -50px -512px no-repeat;
  }
  
  .icon-tg-b {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -512px no-repeat;
  }
  
  .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-form,
  .kv-advantage,
  .kv-friends,
  .kv-authors {
    margin: 0 0 124px;
    width: 100%; }
  
  .kv-authors {
    overflow: hidden;
    padding-top: 80px;
    margin-top: 80px;
  }

  .kv-stat {
    margin: 0 0 100px;
    width: 100%; }
  
  .kv-authors__title,
  .kv-partner-info__title,
  .kv-advantage__title,
  .kv-stat__title,
  .kv-friends__title,
  .kv-start__title {
    font: 300 47px/56px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 0 52px; }
  
  .kv-stat__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  
  .kv-partner-info__wrap,
  .kv-advantage__list {
    background: rgba(37, 38, 38, 0.75);
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 672px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 72px 0; }
  
  .kv-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;
    margin: 0 16px; }
  
  .kv-stat__item {
    background: rgba(37, 38, 38, 0.75);
    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;
    height: 296px;
    margin: 0 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .kv-advantage__text,
  .kv-stat__text {
    font: 300 30px/24px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: start; }
  
  .kv-stat__num {
    font: 600 62px/56px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 16px 0 10px; }
  
  .kv-stat__item svg {
    margin: 39px 0 0; }
  
  .kv-authors,
  .kv-friends {
    position: relative;
    width: 100%; }
  
  .kv-friends__wrapper {
    overflow: hidden;
    margin: 0 -16px 0 0; }
  
  .kv-friends__limiter {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin: 0 0 -20px; }
  
  .kv-authors__list,
  .kv-friends__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .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 16px 28px 28px;
    width: 356px;
    margin: 0 16px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  
  .kv .kv-friends__link {
    width: 364px;
    margin: 0 24px 0 0; }
  
  .kv-friends__link svg {
    width: 72px;
    height: 72px; }
  
  .kv-friends__base-ring {
    fill: none;
    stroke-width: 9; }
  
  .kv-friends__progress-ring {
    fill: none;
    stroke-width: 9;
    stroke-linecap: round;
    -webkit-animation: progress 1s ease-out forwards;
    animation: progress 1s ease-out forwards; }
  
  .kv-friends__percentage {
    fill: #fff;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    text-anchor: middle; }
  
  .kv-friends__avatar {
    border-radius: 50%;
    margin: 0 20px;
    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: 134px; }
  
  .kv-friends__stat {
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #fff;
    position: absolute;
    left: 212px;
    top: 68px; }
  
  .kv-authors__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 36px 32px 8px 0;
  }
  .kv-authors__avatar {
    width: 184px;
    height: 184px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px 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 26px/32px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    margin: 13px 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px; }
  .kv-authors__stat {
    font: 16px/20px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0;
  }

  .kv-start,
  .kv-start-educator {
    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 128px; }
  
  .kv-start__button,
  .kv-start__button:visited {
    font: 600 26px/32px "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 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    width: 485px;
    border-radius: 28px; }
  
  .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: 40px;
    padding: 0 20px;
    border-radius: 20px; }
  
  .kv-delete__button {
    position: absolute;
    top: 272px;
    right: 24px; }
  
  .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;
    top: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 24px 24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 15;
    height: 328px;
    width: 412px;
    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;
    font: 600 26px/32px "Source Sans Pro", sans-serif; }
  
  .kv-delete__popup p {
    text-align: center;
    color: #88898C;
    margin: 0 0 20px;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .kv-delete__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  
  .kv-delete__btn-n {
    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: 170px;
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #6f7073;
    background: #fff; }
  
  .kv-delete__btn-y {
    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: 170px;
    color: #fff;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    background: #3E99ED; }
  
  /********************************/
  .kv-progress-bar {
    width: 288px;
    height: 288px; }
  
  .kv-base-ring {
    fill: none;
    stroke-width: 20; }
  
  .kv-progress-ring {
    fill: none;
    stroke-width: 20;
    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: 0 100%; } }
  
  @keyframes progress {
    0% {
      stroke-dasharray: 0 100%; } }
  
  .kv-progress-bar__percentage {
    fill: #fff;
    font: 600 85px/104px "Source Sans Pro", sans-serif;
    text-anchor: middle; }
  
  .kv-progress-bar__text {
    fill: #fff;
    font: 300 36px/32px "Source Sans Pro", sans-serif;
    letter-spacing: 2.5px; }
  
  .kv-menu {
    margin: 40px 0 56px 48px; }
  
  .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; }
  
  .kv-menu__item {
    margin: 0 16px 0 0; }
  
  .kv-menu__item a {
    font: 16px/20px "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: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    padding: 0 17px 4px;
    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 2px; }
  
  .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;
    margin: 32px 0 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  
  .challenge .kv-slogan {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0; }
  
  .kv-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 20px 0 0; }
  
  .kv-info p {
    font: 16px/22px "Source Sans Pro", sans-serif;
    color: #88898C;
    margin: 0 0 10px; }
  
  .kv-info b {
    color: #fff; }
  
  .kv-progress {
    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 0 29px; }
  
  .challenge .kv-progress-bar {
    margin: 0 auto 59px; }
  
  .kv-progress-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 16px; }
  
  .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;
    width: 194px; }
  
  .kv-progress-value p {
    font: 300 26px/40px "Source Sans Pro", sans-serif;
    margin: 0;
    color: #fff; }
  
  .kv-progress-value span {
    font-size: 71px; }
  
  .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 54px; }
  
  .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: 24px;
    padding: 20px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 170px;
    height: 152px;
    background: rgba(37, 38, 38, 0.75);
    color: #d2d4d6;
    font: 16px/36px "Source Sans Pro", sans-serif;
    margin: 0 0 16px; }
  
  .kv-plan > span {
    position: absolute;
    bottom: -94px;
    right: 0;
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #D2D4D6; }
  
  .kv-plan b {
    font-size: 71px;
    line-height: 84px; }
  
  .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: 24px;
    /*
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;*/
    background: rgba(37, 38, 38, 0.75);
    width: 348px;
    height: 152px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 30px 0; }
  
  /*
  .school .kv-plan__progress {
    -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: 24px;
    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;
    color: #88898C; }
  
  .kv-plan__info {
    position: relative;
    margin: 0 0 0 auto; }
  
  .kv-plan__info span {
    color: #D2D4D6;
    padding: 0 30px 0 0;
    font-size: 18px;
    line-height: 20px; }
  
  .kv-plan__info p {
    color: #252626;
    font: 18px/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/ll2019/SVGsprite16.svg") 0 -104px no-repeat; }
  
  .kv-plan__info div {
    display: none;
    position: absolute;
    border-radius: 20px;
    background: #fff;
    right: 0;
    top: 26px;
    line-height: 24px;
    width: 400px;
    height: 312px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15; }
  
  .kv-plan__info span:hover ~ div {
    display: block; }
  
  .kv-slider {
    position: relative;
    width: 100%;
    margin: 0 0 40px; }
  
  .kv-slider__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .kv-slider__title span {
    font: 300 40px/40px "Source Sans Pro", sans-serif; }
  
  .challenge .slide-book__list {
    margin: 0 16px; }
  
  .challenge .slide-book {
    margin: -10px -16px 0; }
  
  .challenge .kv-friends {
    color: #fff;
    margin: 0 0 24px; }
  
  .challenge .kv-authors {
    margin: 0 0 52px;
  }
  .challenge .kv-authors__link {
    margin: 8px 32px 8px 0;
  }
  .challenge .kv-authors__title,
  .challenge .kv-friends__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 2px 0 22px;
    text-align: start; }
  
  .kv-book__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 2px 0 0 8px;
    color: #fff;
    text-align: start; }
  
  .kv-slider-user__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 24px;
    color: #fff;
    text-align: start; }
  
  .kv-wtr {
    width: 100%;
    margin: 32px 0 24px; }
  
  .kv-wtr__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0 0 24px; }
  
  .kv-wtr__title a,
  .kv-wtr__title a:visited {
    color: #fff; }
  
  .kv-wtr__list {
    background: #fff;
    border-radius: 24px;
    padding: 55px 16px 46px;
    margin: 0 -16px; }
  
  .kv-wtr__item {
    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 0 40px; }
  
  .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: 17px 0 16px; }
  
  .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: 16px/32px "Source Sans Pro", sans-serif;
    color: #0f5699;
    text-transform: uppercase;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  
  .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: 20px;
    height: 40px;
    width: 286px;
    background: #FD4D1E;
    color: #fff;
    font: 600 18px/40px "Source Sans Pro", sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 26px; }
  
  .kv-author,
  .kv-user {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background: rgba(37, 38, 38, 0.8);
    padding: 28px 28px 32px 152px;
    margin: 0 0 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .kv-author {
    padding: 28px 28px 32px 196px;
    background: #F8DB73;
    min-height: 200px;
  }  
  .kv-author > a:first-of-type,
  .kv-user > a:first-of-type {
    position: absolute;
    content: '';
    top: 28px;
    left: 28px; }
  
  .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;
    font: 300 26px/32px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 2px 0 6px; }
  
  .kv-user__name a,
  .kv-user__name a:visited {
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 6px; }
  
  .kv-user__school {
    font: 600 16px/20px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0; }
  
  .kv-user__slogan {
    color: #88898C;
    font: 16px/20px "Source Sans Pro", sans-serif;
    max-width: 572px;
    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: 194px;
    height: 40px;
    border-radius: 20px;
    padding: 0 0 2px;
    margin: 20px 0 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__avatar {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .kv-author__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    color: #000;
    margin: 2px 0 6px; }
  
  .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; }
  .kv-author__blog,  
  .kv-author__btn-add {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    -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: 20px 12px 0 0;
    padding: 0 20px;
    border-radius: 20px;
    border: 1px solid #000;
    transition: all 0.3s; }
  .kv-author__btn-add {
    width: 194px; }
  .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-author__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
  }

  .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: 48px 0 46px;
    margin: 0 -16px; }
  
  .kv-wtr__read .slide-book__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 36px; }
  
  .kv-wtr__read .slide-book__item {
    margin: 56px 8px 0; }
  
  .kv-search {
    margin: 24px 0 47px; }
  
  .kv-search form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .kv-search input[type="search"] {
    height: 40px;
    border-radius: 20px;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 358px;
    background: #fff;
    color: #252626;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 24px;
    padding: 0 20px 5px 56px; }
  
  .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: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    z-index: 3;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -234px 0 no-repeat; }
  
  .kv-search label {
    color: #fff;
    font: 16px/40px "Source Sans Pro", sans-serif;
    text-transform: uppercase; }
  
  .kv-checkbox {
    display: none; }
  
  .kv-checkbox + label {
    position: relative;
    padding: 0 39px 0 54px;
    cursor: pointer; }
  
  .kv-checkbox + label:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    height: 24px;
    border-radius: 12px;
    background: #88898C;
    -webkit-transition: .2s;
    transition: .2s; }
  
  .kv-checkbox + label:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 1px;
    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: 15px; }
  
  .kv-friends .kv-menu__item--active a {
    color: #fff;
    background: #88898C; }
  
  .kv-friends__inner {
    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;
    margin: 0 -8px; }
  
  .kv-friends__inner .kv-friends__link {
    width: 360px;
    margin: 0 8px 24px; }
  
  .kv-friends .btn__show-more {
    margin: 16px auto 32px; }
  
  .kv-friends .pagination {
    margin: 0; }
  
  .kv-friends .kv-menu {
    margin: 24px 0 32px; }
  
  .kv-slider-user {
    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: 100%;
    margin: 0 0 24px; }
  
  .kv-slider-user__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 18px; }
  
  .kv-slider-user__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16px 0 0; }
  
  .kv-slider-user__link img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .kv-slider-user__inner {
    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: 100%;
    margin: 5px 0px 2px; }
  
  .kv-slider-user__inner p {
    color: #88898C;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    max-width: 500px; }
  
  .kv-slider-user__inner a {
    color: #fff;
    font-weight: 600;
    font-size: 20px; }
  
  .kv-slider-user__inner p:last-of-type {
    position: absolute;
    bottom: 0;
    right: 0; }
  
  .kv-slider-user .btn__show-more {
    margin: 0 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: -16px -8px 24px; }
  
  .kv-book .slide-book__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 18px; }
  
  .kv-book .slide-book__item {
    margin: 48px 8px 16px; }
  
  .kv-sorting {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 358px;
    height: 40px;
    margin: 0 0 0 20px; }
  
  .kv-sorting details {
    position: absolute;
    z-index: 10;
    border-radius: 20px;
    width: 100%; }
  
  .kv-sorting details:nth-child(even) {
    bottom: 0; }
  
  .kv-sorting summary {
    position: relative;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #fff;
    padding: 5px 19px 0;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #D2D4D6; }
  
  .kv-sorting summary::-webkit-details-marker {
    display: none; }
  
  .kv-sorting summary::after {
    position: absolute;
    content: '';
    right: 24px;
    top: 14px;
    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: 19px;
    border-color: #252626; }
  
  .kv-sorting details[open] summary {
    border-radius: 20px 20px 0 0;
    background: #fff;
    color: #252626;
    border: none; }
  
  .kv-sorting div {
    border-top: 1px solid #D2D4D6;
    background: #fff;
    color: #252626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 265px;
    overflow-y: scroll;
    padding: 0;
    border-radius: 0 0 20px 20px; }
  
  .kv-sorting a {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    padding: 8px 20px; }
  
  .kv-sorting a:hover {
    background: #EDF0F7; }
  
  .kv-search input[type="search"] + .kv-checkbox + label {
    width: 45%; }
  
  /**************************/
  /*.kv-slider-book .slide-book {
    margin: 0 -16px 32px; }*/
  /*
  .kv-book .btn__show-more {
    margin: 8px 0 32px; }
    */
  .kv-slider-read {
    position: relative;
    width: 100%; }
  
  .kv-slider-read .kv-slider__title {
    color: #F8DB73; }
  
  .kv-slider-read .slide-book__item {
    height: 384px; }
  
  .kv-slider-read .slide-book__wrapper {
    height: 136px; }
  
  .kv-slider-read .btn-add-plus {
    margin: 10px 0 0; }
  
  .kv-slider-read .slide-book {
    margin: -10px -16px 54px; }
  
  .kv-slider-read--wtr .kv-slider__title {
    color: #59C7FF; }
  
  .kv-slider-read--wtr .kv-slider__title i {
    font-style: normal;
    font: 26px/40px "Source Sans Pro", sans-serif;
    color: #fff; }
  
  .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 .kv-review .pagination__page {
    background: #EDF0F7;
    color: #88898C; }
  
  .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;
    height: auto; }
  
  .challenge .kv-form textarea {
    margin: 32px 0 24px; }
  
  .challenge .kv-form {
    margin: 24px 0; }
  
  .challenge .kv-form label {
    color: #fff; }
  
  .challenge .kv-form .kv-checkbox + label {
    color: #fff;
    font: 16px/40px "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    margin: 0; }
  
  .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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: #3E99ED;
    color: #fff;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    height: 56px;
    width: 100%;
    border-radius: 28px;
    padding: 0 0 6px;
    margin: 24px 0 0; }
  
  .kv-form button:hover,
  .kv-form button:active {
    background: #3b91e0; }
  
  .partner .kv-logo {
    display: none; }
  
  .kv-partner-block {
    width: 100%;
    max-height: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 14px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 64px auto 24px; }
  
  .kv-partner-header {
    width: 100%;
    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;
    overflow: hidden;
    margin: 17px 0 15px;
    border-radius: 14px;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2; }
  
  .kv.partner .kv-header {
    padding: 47px 0 39px; }
  
  .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: 104px 0 0; }
  
  .partner .kv-partner-logo img {
    width: 192px;
    height: 192px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 0 48px; }
  
  .partner .kv-partner-logo p {
    position: absolute;
    color: #fff;
    font: 600 35px/32px "Source Sans Pro", sans-serif;
    width: 768px;
    text-align: center;
    bottom: 34px; }
  
  .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: 20px;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    height: 40px;
    width: 278px;
    background: #FD6668;
    color: #FCEC3F;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -1px 0 26px;
    padding: 0 0 3px; }
  
  .kv-partner-info {
    margin: 0 0 124px;
    width: 100%; }
  
  .kv-partner-info__wrap {
    padding: 61px 44px 59px;
    font: 300 30px/48px "Source Sans Pro", sans-serif;
    color: #fff;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content; }
  
  .kv-partner-info__list b {
    color: #F8DB73; }
  
  .kv-partner-info__list li:not(:first-of-type):before {
    content: '●';
    color: #F8DB73;
    margin: 0 6px 0 0; }
  
  .kv-partner-info p {
    color: #fff;
    font: 300 30px/48px "Source Sans Pro", sans-serif;
    margin: 0;
    width: 100%; }
  
  .kv.school .kv-header {
    padding-bottom: 66px; }
  
  .school .kv-slogn__year {
    text-transform: lowercase;
    font: 16px/22px "Source Sans Pro", sans-serif;
    text-anchor: middle; }
  
  .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; }
  
  .kv-partners__title {
    color: #fff;
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 30px 0 24px; }
  
  .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: 36px 14px;
    margin: 0 -16px; }
  
  .kv-partners__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 246px;
    height: 176px;
    margin: 4px 0; }
  
  .school > .kv-menu {
    margin: 40px auto 56px; }
  
  .kv-header .kv-user {
    background: transparent;
    padding: 0;
    margin: 0;
    width: 281px; }
  
  .kv-header .kv-user__slogan {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 96px;
    line-height: 32px;
    margin: 6px 0 48px; }
  
  .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;
    width: 100%;
    margin: 0 0 26px; }
  
  .kv-result__title,
  .kv-review__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0 0 24px; }
  
  .kv-result__wrapper .kv-result__title,
  .kv-review__wrapper .kv-review__title {
    margin: 18px 0 23px 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;
    border-radius: 24px;
    background: #fff;
    padding: 55px 0 59px;
    margin: 0 -16px; }
  
  .kv-review__show-all, .kv-review__show-all:visited {
    font: 16px/32px "Source Sans Pro", sans-serif;
    color: #0f5699;
    text-transform: uppercase;
    margin: 0 16px 22px 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  
  .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; }
  
  .kv-result__image {
    border-radius: 14px;
    margin-bottom: 24px; }
  
  .kv-result__title span {
    font-weight: 300; }
  
  .kv-review .kv-slider-user {
    width: 100%; }
  
  .kv-review .kv-slider-user__title {
    color: #000;
    margin: 18px 16px 23px; }
  
  .kv-review .kv-slider-user__wrap {
    margin: 0 16px 16px; }
  
  .kv-review .kv-slider-user__inner a {
    color: #000; }
  
  .kv-slider-user__inner b {
    color: #252626; }
  
  .kv-slider .slick-arrow {
    top: 86px; }
  
  .kv-slider-user .kv-slider .slick-arrow {
    top: 156px; }
  
  .kv-wtr__item .slick-arrow {
    top: calc(50% + 29px); }
  
  .kv-slider .slick-prev {
    left: -20px; }
  
  .kv-slider .slick-next {
    right: -20px; }
  
  /*.challenge .slide-book .slick-prev {
    left: -4px; }
  .challenge .slide-book .slick-next {
    right: -4px; }*/
  .kv-review .main-block__item {
    width: 352px; }
  
  /*************MAIN****************/
  .page-main {
    padding: 0; }
  
  /***главный слайдер*******************/
  .main-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 328px;
    width: 100%;
    margin: 8px 16px 72px; }
  
  .main-slider__list {
    width: 100%; }
  
  .main-slider__item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 328px;
    width: 100%;
    top: 0;
    overflow: hidden;
    padding: 22px 58px 34px 285px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0; }
  
  .main-slider__img {
    position: absolute;
    height: 249px;
    width: 166px;
    top: calc(50% - 124px);
    left: 80px;
    z-index: 2;
    border-radius: 10px; }
  
  .main-slider__head, .main-slider__head:visited {
    position: relative;
    color: #fff;
    z-index: 2;
    font: 600 26px/28px "Source Sans Pro", sans-serif; }
  
  .main-slider__head span {
    font-weight: 400;
    text-transform: uppercase; }
  
  .main-slider__title {
    position: relative;
    color: #fff;
    margin: 0;
    font: 600 40px/40px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 120px;
    z-index: 2; }
  
  .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__text {
    color: #fff;
    font: 18px/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__text p {
    color: #fff;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .main-slider__link, .main-slider__link:visited {
    position: relative;
    color: #fff;
    font: 600 20px/26px "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: 20px;
    height: 38px;
    padding: 0 20px 2px;
    z-index: 2; }
  
  .slides-author .main-slider__head span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom; }
  
  .slides-rombook .main-slider__link,
  .slides-author .main-slider__link,
  .slides-lenta .main-slider__link {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    padding-right: 26px;
    margin-bottom: -12px;
    padding-left: 0; }
  .slides-hitchhiking {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3E99ED), to(#59C7FF));
    background-image: linear-gradient(to bottom, #3E99ED, #59C7FF); }   
  .slides-app, 
  .slides-telegram,
  .slides-book,
  .slides-free,
  .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-kv {
    background: #000 url("/img/skins/ll2019/circle.png") 100% 100% no-repeat; }
  .slides-rd {
    background: url("/img/skins/ll2019/slides-rd-bg.jpg") 50% 50% no-repeat; }
  .slides-dambldor {
    background: url("/img/skins/ll2019/slides-dambldor-bg.jpg") 50% 50% no-repeat; }    
  .slides-rd::before {
    position: absolute;
    content: '';
    top: 26px;
    left: 16px;
    width: 134px;
    height: 78px;
    background: url("/img/skins/ll2019/slides-rd-logo.png") 50% 50% no-repeat;
    background-size: contain;
  }    
  .slides-rockbook {
    background: url("/img/skins/ll2019/slides-vc-bg.jpg") 50% 50% no-repeat; }
  .slides-lovelib {
    background: url("/img/skins/ll2019/lovelib-fon.jpg") 20% 50% no-repeat; }
  .slides-pro {
    background: url("/img/skins/ll2019/main-slide-fon.jpg") 50% 50% no-repeat; }
  .slides-santa {
    background: url("/img/skins/ll2019/santa-fon.jpg") 50% 50% no-repeat; }
  .slides-rombook {
    background: url("/img/skins/ll2019/slides-rombook-bg.jpg") 50% 50% no-repeat; }  
  .slides-halloween {
    background: #1B1444;
  }
  .slides-test {
    background: #3E99ED;
  }
  .slides-test .main-slider__link {
    background: #FD8542;
    padding: 0 45px 2px;
  }  
  .slides-kgbt {
    background: url("/img/skins/ll2019/slides-kgbt-bg.jpg") 50% 50% no-repeat; }  
  .slides-2023 {
    background: url("/img/skins/ll2019/slides-2023.jpg") 50% 50% no-repeat; 
    background-size: cover; 
  } 
  .slides-halloween .main-slider__link {
    background: #70A827;
    padding: 0 45px 2px;
  }
  .slides-dambldor .main-slider__link {
    background: #FCB144;
    padding: 0 45px 2px;
  }  
  .slides-bigbook {
    background: #3E99ED;
  }
  .slides-nos {
    background: #FABE3C;
  }
  .slides-2023 .main-slider__link,
  .slides-telegram .main-slider__link,
  .slides-hitchhiking .main-slider__link {
    color: #000;
    padding: 0 45px 2px;
    background: #F8DB73;
  }
  .slides-bookgames {
    background: #EAF6FF;
  }
  .slides-bookgames .main-slider__link {
    background: #3E99ED;
    color: #fff;
    padding: 0 45px 2px;
  }
  .slides-bookgames .main-slider__title a {
    color: #343434;
  }  
  .slides-nos .main-slider__link,
  .slides-bigbook .main-slider__link {
    background: #7B0E0B;
    padding: 0 45px 2px;
  }
  .slides-rd .main-slider__link {
    background: #DB9F55;
    padding: 0 45px 2px;
    color: #fff;
  }
  .slides-2023 .main-slider__link,
  .slides-telegram .main-slider__link,  
  .slides-hitchhiking .main-slider__link {
    color: #000;
    padding: 0 45px 2px;
    background: #F8DB73;
  }  
  .slides-app .main-slider__link {
    color: #fff;
    padding: 0 45px 2px;
    background: #FA385D;
  }  
  .slides-nos .main-slider__img,
  .slides-bigbook .main-slider__img {
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 270px;
    height: 100%;
  }

.slides-2022 {
  background-image: url(/img/skins/ll2019/slides-2022.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.slides-discount {
  background-image: url(/img/skins/ll2019/slides-discount.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.slides-resultskv {
  background-image: url(/img/skins/ll2019/slides-resultskv-bg.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-bookgames .main-slider__img {
  top: 0;
  bottom: 0;
  left: -15px;
  width: auto;
  max-width: 300px;
  height: 100%;
}
.slides-test .main-slider__img,
.slides-2023 .main-slider__img,
.slides-app .main-slider__img,
.slides-telegram .main-slider__img {
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 365px;
  height: 100%;
}
.slides-app .main-slider__img,
.slides-dambldor .main-slider__img,
.slides-hitchhiking .main-slider__img,
.slides-free .main-slider__img,
.slides-2022 .main-slider__img,
.slides-discount .main-slider__img,
.slides-resultskv .main-slider__img {
  top: 0;
  bottom: 0;
  left: -55px;
  width: auto;
  max-width: 420px;
  height: 100%;
}

.slides-book .main-slider__img {
  top: auto;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 258px;
  height: auto; }
.slides-chr {
  background: #59C7FF url("/img/skins/ll2019/chr-bg.png") 50% 50% no-repeat; }
.slides-rd .main-slider__img,
.slides-chr .main-slider__img {
  top: auto;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 270px;
  height: auto; }
.slides-chr .main-slider__link {
  background: linear-gradient(180deg, #F8DB73 0%, #F7BB4E 100%);
  color: #252626;
  padding: 0 45px 2px;
}
.slides-kgbt .main-slider__link {
  background: #FBDB38;
  color: #252626;
  padding: 0 45px 2px;
}

.slides-book .main-slider__link,
.slides-free .main-slider__link {
  background: #FF3B78;
  padding: 0 45px 2px;
}

.slides-pro .main-slider__link {
    color: #000;
    background: #FBC538; }
  .slides-santa .main-slider__img,
  .slides-pro .main-slider__img {
    height: 208px;
    width: 208px;
    left: 60px;
    top: calc(50% - 104px); }
  .slides-halloween .main-slider__img {
    top: auto;
    bottom: -25%;
    left: -40px;
    width: 300px;
    height: auto;
  }
  .slides-halloween .main-slider__head {
    padding-left: 56px;
  }
  .slides-halloween .main-slider__head::before {
    position: absolute;
    content: "";
    left: 0px;
    top: -6px;
    width: 40px;
    height: 40px;
    background: url("/img/skins/ll2019/insta-Icon.png") 50% 50% no-repeat;
    background-size: contain;
  }
  .slides-lenta {
    background: #3e3f40; }
  .slides-lovelib .main-slider__link,
  .slides-santa .main-slider__link {
    padding: 0 45px 2px;
    background: linear-gradient(180deg, #FA00FF 0%, #F05374 100%), #FA385D; }
  .slides-resultskv .main-slider__link,
  .slides-rockbook .main-slider__link {
    padding: 0 45px 2px;
    background: #FA385D; }
  
  .slides-game .main-slider__link {
    color: #252626;
    background: #fff;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  
  .slides-game .main-slider__title {
    -webkit-line-clamp: 2;
    max-height: 80px; }
  .slides-book .main-slider__title,
  .slides-lenta .main-slider__title {
    -webkit-line-clamp: 4;
    max-height: 160px; }
  
  .main-slider__game {
    position: absolute;
    bottom: 40px;
    left: 285px;
    color: #fff;
    font: 600 14px/24px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .main-slider__game span {
    margin-right: 16px; }
  
  .slides-kv .main-slider__link {
    background: #FA385D;
    color: #fff;
    margin-top: 16px; }
  
  .slides-kv .kv-slogan {
    font: 300 28px/32px "Source Sans Pro", sans-serif;
    width: 150px; }
  
  .slides-kv .kv-slogan b {
    font-size: 30px; }
  
  .slides-kv .kv-slogan svg {
    width: 58px;
    height: 22px; }
  
  .slides-kv > svg {
    position: absolute;
    left: 60px;
    top: calc(50% - 104px);
    width: 208px;
    height: 208px; }
  
  .main-slider__kv {
    position: absolute;
    top: calc(50% - 104px);
    left: 60px;
    width: 188px;
    height: 188px;
    border-radius: 50%;
    background: #F8DB73;
    border: 10px solid #333333;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #252626; }
  
  .main-slider__kv svg {
    width: 67px;
    height: 67px; }
  
  .main-slider__kv p {
    text-align: center;
    font: 300 22px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 16px; }
  
  .main-slider__kv b {
    font-size: 44px;
    line-height: 44px; }
  
  .slides-kv .main-slider__head {
    position: absolute;
    right: 57px;
    top: 42px;
    height: 48px;
    max-width: calc(100% - 166px);
    text-align: right; }
  
  .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% - 7px);
    right: 7px;
    border: 7px solid transparent;
    border-right: none;
    border-left-color: #fff; }
  
  .slides-author .main-slider__head {
    -ms-flex-item-align: start;
    align-self: flex-start; }
  
  .slides-lovelib .main-slider__img {
    height: 238px;
    width: 196px;
    top: calc(50% - 119px);
  }
  
  .slides-img300 .main-slider__img,
  .slides-rockbook .main-slider__img {
    height: 208px;
    width: 208px;
    left: 60px;
    top: calc(50% - 104px); }
  
  .slides-game .main-slider__img,
  .slides-author .main-slider__img {
    height: 188px;
    width: 188px;
    left: 60px;
    top: calc(50% - 104px);
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.2); }
  
  .slides-author .main-slider__title {
    max-height: 200px; }
  
  .main-slider__title svg {
    margin-top: 20px; }
  
  .main-slider .slick-arrow {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: calc(50% - 20px); }
  
  .main-slider .slick-prev {
    left: 16px; }
  
  .main-slider .slick-next {
    right: 16px; }
  
  .main-slider .slick-arrow:before {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff; }
  .block-rightdown {
    width: 150px;
    height: 150px;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 100px;
  }
  .block-rightdown .btn-close {
    top: 0;
    right: 0;
  }
  .block-rightdown__img {
    position: relative;
    display: flex;
    width: 150px;
    height: 150px; }
  
  .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: 59px;
    -webkit-animation: smallhead 2s infinite;
    animation: smallhead 2s infinite;
    animation-delay: 1s;
    z-index: 3;
  }
  
  /*****БОЛЬШАЯ МОТАЛКА СЛИК СЛАЙДЕР**************************/
  .main-slider__list .slick-track {
    height: 376px !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: 33px;
    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: 66px;
    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: -17px;
    z-index: 1;
    opacity: 0; }
  
  /********************/
  /*.main-search {
    margin: 0 56px 40px;
    width: 100%; }
  
  .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: 40px;
    border-radius: 20px;
    border: 1px solid #88898C;
    background: #fff;
    color: #252626;
    font: 300 20px/32px "Source Sans Pro", sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 6px 54px; }
  
  .main-search label[for="search"] {
    position: absolute;
    content: "";
    left: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    z-index: 3;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -234px 0 no-repeat; }
  
  .main-search label {
    color: #fff;
    font: 14px/40px "Source Sans Pro", sans-serif;
    text-transform: uppercase; }
  */
  .main-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -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 58px;
    width: 100%; }
  
  .main-block__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 3px 16px;
    width: calc(100% - 135px); }
  
  .main-block__title a,
  .main-block__title a:visited {
    color: #252626; }
  
  .main-block__show-all,
  .main-block__show-all:visited {
    color: #0f5699;
    font: 16px/24px "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    text-align: end;
    margin: 0 16px 6px 0;
    max-width: 120px; }
  
  /**************/
  .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 {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 16px; }
  
  .main-block__item {
    width: 352px;
    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: 20px;
    margin: 0; }
  
  .main-block__link, .main-block__link:visited {
    font: 18px/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: 200px;
    height: 40px;
    padding: 0 0 2px;
    margin: 24px 16px 0 10px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .main-block__link:hover {
    background: rgba(237, 240, 247, 0.5); }
  
  .main-block__write, .main-block__write:visited {
    font: 600 18px/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: 220px;
    height: 40px;
    padding: 0 0 2px;
    margin: 24px 16px 0;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .main-block__write:hover {
    background: #3b91e0; }
  
  /*
  .main-ec__show-all, .main-ec__show-all:visited {
    font: 600 18px/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: 40px;
    padding: 0 0 4px;
    margin: 16px 16px 0;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }*/
  .main-block__find, .main-block__find:visited {
    font: 600 18px/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;
    min-width: 243px;
    height: 40px;
    padding: 0 0 4px;
    margin: 16px 10px 0 16px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .main-block__find:hover {
    background: #3b91e0; }
  
  .main-ec__show-all {
    margin: 21px 28px 28px; }
  
  .main-block__wrap {
    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; }
  
  .main-block .slide-book {
    margin-top: 4px; }
  
  .main-block.statuses-slide {
    margin: 0 0 26px; }
  
  .main-block .statuses-card {
    height: 128px;
    width: 267px;
    margin: 0 20px 0 0; }
  
  .main-block .statuses-card .header-card-user__avatar {
    margin: 24px 14px; }
  
  .main-block .statuses-card .header-card-user__name {
    margin: 21px 0 4px; }
  
  .main-block .statuses-card .header-card__category {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: calc(100% - 124px);
    max-height: 60px; }
  
  .main-block__list .review-card .btn-add-plus::after {
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -104px -104px no-repeat; }
  
  .main-block__list .review-card .btn-add-plus--add::after {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -130px -104px no-repeat; }
  
  .main-block__list .histories-card .btn-add-plus,
  .main-block__list .review-card .btn-add-plus,
  .main-block__list .exchange-card .btn-add-plus,
  .main-block__list .lifehack-card .btn-add-plus,
  .main-block__list .statuses-card .btn-add-plus {
    width: 24px;
    height: 24px;
    bottom: 24px; }
  
  .main-block__list .histories-card .btn-add-plus::after,
  .main-block__list .lifehack-card .btn-add-plus::after {
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) 0 -26px no-repeat; }
  
  .main-block__list .histories-card .btn-add-plus--add::after,
  .main-block__list .lifehack-card .btn-add-plus--add::after {
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -26px -26px no-repeat; }
  
  .main-br .lenta-card-book__img {
    border-radius: 6px;
    max-width: 108px;
    max-height: 168px; }
  
  .main-br .lenta-card__rating {
    bottom: 88px; }
  
  .main-bh .lenta-card-book__wrapper,
  .main-br .lenta-card-book__wrapper {
    width: calc(50% + 12px); }
  
  .main-block .lenta-card__details {
    margin: 0 0 8px; }
  
  .main-block .slide-book__list {
    margin: 0 16px; }
  
  .main-block .lenta-card__avatar {
    width: 106px;
    height: 106px;
    padding: 6px; }
  
  .main-br .lenta-card-book,
  .main-bh .lenta-card-book {
    height: 208px; }
  
  .main-bq .lenta-card__author,
  .main-bh .lenta-card__author,
  .main-br .lenta-card__author {
    font-size: 14px;
    line-height: 16px; }
  
  .main-bq .lenta-card__author-wrap,
  .main-bh .lenta-card__author-wrap,
  .main-br .lenta-card__author-wrap {
    font-size: 14px;
    line-height: 16px; }
  
  .main-bq .lenta-card__mymark,
  .main-br .lenta-card__mymark {
    line-height: 24px;
    padding: 0 5px 0 24px; }
  
  .main-br .lenta-card__mymark::before {
    top: 0; }
  
  .main-br .lenta-card__book-title {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 32px;
    margin: 23px 0 0 0px; }
  
  .main-bh .lenta-card__rating {
    left: calc(50% + 46px);
    bottom: 89px; }
  
  .main-bh .lenta-card-book__link {
    left: calc(50% - 12px);
    bottom: 72px; }
  
  .main-block .lenta-card__title i {
    width: 16px;
    height: 16px; }
  
  .main-block .lenta-card__unformat {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -70px -130px no-repeat; }
  
  .main-block .lenta-card__attention {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -26px -130px no-repeat; }
  
  .main-block .lenta-card__closed {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -140px -130px no-repeat; }
  
  .main-block .lenta-card__limited {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -158px -130px no-repeat; }
  
  .main-block .lenta-card__ban {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -202px -130px no-repeat; }
  
  .main-block .quote-card .lenta-card__title {
    top: 12px;
    left: 26px; }
  
  .main-event .lenta-card-book__link {
    margin: 0 -8px 8px; }
  
  .main-event .lenta-card {
    padding: 0 8px; }
  
  .main-event .lenta-card-date {
    border-radius: 8px 0px 8px 8px;
    top: 16px;
    right: 16px;
    height: 80px;
    width: 73px; }
  
  .main-event .lenta-card-date__day {
    font: 600 32px/25px "Source Sans Pro", sans-serif; }
  
  .main-event .lenta-card-date__month,
  .main-event .lenta-card-date__time {
    font: 14px/18px "Source Sans Pro", sans-serif; }
  
  .main-groups {
    margin: 0 0 46px; }
  
  .main-event {
    margin: 0 0 50px; }
  
  .main-block.distribution-slide .lenta__title {
    margin-left: 16px; }
  
  .main-block.distribution-slide .lenta__show-all {
    margin-right: 16px; }
  
  .main-block.distribution-slide p {
    margin: 18px 16px 14px; }
  
  .main-bq .lenta-card__book-title {
    font: 600 14px/16px "Source Sans Pro", sans-serif; }
  
  .main-bh .lenta-card__book-title {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    margin: 23px 0 0; }
  
  /**/
  .main-block .lenta-card__text {
    max-height: 240px; }
  
  .main-tr .main-block__find,
  .main-tr .main-block__link {
    margin: 16px 0 0; }
  
  .main-tr .main-block__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 28px 133px 0 94px;
    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 26px/26px "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 16px;
    color: #252626;
    padding: 0 40px 0 55px; }
  
  .main-tr img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain; }
  
  .main-tr p {
    font: 18px/25px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 auto 0 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 150px); }
  
  .main-tr span {
    color: #88898C;
    font: 26px/24px "Source Sans Pro", sans-serif; }
  
  .main-tr span:after {
    position: absolute;
    content: '';
    right: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -312px -52px no-repeat; }
  
  .main-tr .main-block__link {
    min-width: 243px; }
  
  .main-sp .main-block__item {
    width: 558px; }
  
  .main-sp__link, .main-sp__link:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    margin: 11px 0 0;
    height: 472px;
    color: #252626;
    background: linear-gradient(to top, #3E99ED 0px, #52BBFA 140px, #52BBFA 140px, #52BBFA 100%); }
  
  .main-sp__link img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 24px; }
  
  .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: 128px;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font: 600 40px/40px "Source Sans Pro", sans-serif;
    padding: 0 32px 4px; }
  
  .main-sp__form {
    border-radius: 24px;
    width: 100%;
    background: #EDF0F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px 48px 29px;
    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;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    margin: 11px 34px 11px 0;
    font: 300 20px/24px "Source Sans Pro", sans-serif; }
  
  .main-sp__form svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 19px 0 -3px; }
  
  .main-sp__form input {
    height: 40px;
    border-radius: 20px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 0 16px 4px 24px;
    margin: 11px 24px 11px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 316px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none; }
  
  .main-sp__btn {
    background: #3E99ED;
    height: 40px;
    width: 170px;
    border-radius: 20px;
    border: none;
    color: #fff;
    padding: 0;
    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:hover {
    background: #3b91e0; }
  
  .main-block .lenta-card__wrapper {
    padding: 14px 16px 18px; }
  
  .main-bq .lenta-card {
    padding: 45px 12px 12px;
    height: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .main-bq .lenta-card-book {
    margin: 26px 0 0; }
  
  .main-bq .lenta-card__text--big p {
    font-size: 20px;
    line-height: 24px; }
  
  .main-bq .lenta-card__text {
    font-size: 20px;
    height: 72px; }
  
  .main-bq .lenta-card::after {
    font: 600 560px/174px "Source Sans Pro", sans-serif;
    top: 93px;
    right: -23px; }
  
  .main-block__list .lenta-card__title {
    -webkit-line-clamp: 2;
    height: 48px;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px; }
  
  .main-event .main-block__list .lenta-card__title,
  .main-ec .main-block__list .lenta-card__title {
    -webkit-line-clamp: 3;
    height: 72px; }
  
  .main-block__list .quote-card .lenta-card__rating {
    padding: 0 0 0 28px;
    height: 24px;
    font-size: 26px; }
  
  .main-block__list .quote-card .lenta-card__rating::before {
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -164px -182px no-repeat; }
  
  .main-block .lenta-card__show-all {
    margin: -32px auto 0; }
  
  .main-ec__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;
    margin: 0 16px; }
  
  .main-block.advice-card {
    width: calc(100% - 32px);
    margin: 0 16px 57px; }
  
  .main-block.advice-card .lenta-card__rating {
    left: 0; }
  
  .main-block .advice-slider-for .lenta-card__text {
    margin: 0; }
  
  .main-block .advice-slider-for__item .btn-add-plus {
    margin: -14px 0 0 auto; }
  
  .main-bdb .lenta-card__wrapper {
    padding: 20px 28px 12px; }
  
  .main-bdb .lenta-card__title {
    -webkit-line-clamp: 3;
    height: 72px; }
  
  .main-bdb .lenta-card__text {
    height: 96px; }
  
  .main-bdb .slider-btn__prev label,
  .main-bdb .slider-btn__next label {
    top: 132px; }
  
  .main-groups .slider-btn__prev label,
  .main-groups .slider-btn__next label {
    top: 286px; }
  
  .main-event .slider-btn__prev label,
  .main-event .slider-btn__next label {
    top: 186px; }
  
  .main-block .lenta-card-comment {
    margin: -2px 8px 0; }
  
  .main-block .lenta-card-comment__item {
    margin: 8px 0; }
  
  .main-block .lenta-card-comment__avatar {
    margin: 2px 8px 1px -8px;
    width: 24px;
    height: 24px; }
  
  .main-block .lenta-card-comment__author {
    font-size: 14px;
    max-width: calc(100% - 125px); }
  
  .main-block .lenta-card-comment__date {
    font: 14px/14px "Source Sans Pro", sans-serif; }
  
  .main-block .lenta-card-comment__text {
    margin: 0 0 0 24px;
    height: 40px; }
  
  .main-block .lenta-card-comment__show-all {
    font-size: 16px;
    margin: 0 0 0 24px; }
  
  .main-ec__list li {
    margin-bottom: 14px;
    width: 100%; }
  
  .main-ec__list .lenta-card__title {
    -webkit-line-clamp: 2;
    margin: 0; }
  
  .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(224/364*100%); }
  
  .main-ec__list .lenta-card-book__link {
    height: 453px; }
  
  .editor-choice .lenta-card {
    background: linear-gradient(to top, #3E99ED 0px, #52BBFA 160px, #52BBFA 160px, #52BBFA 100%);
    border-radius: 14px;
    padding-bottom: 8px; }
  
  .editor-choice .lenta-card__date,
  .editor-choice .lenta-card__aliases {
    color: #fff; }
  
  .editor-choice .lenta-card__aliases::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -156px -104px no-repeat; }
  
  .editor-choice .lenta-card__details {
    position: relative;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .editor-choice .lenta-card__details::before {
    position: absolute;
    content: "Главное";
    width: 56px;
    height: 16px;
    right: 64px;
    top: 0;
    text-align: center;
    font: 600 12px/14px "Source Sans Pro", sans-serif;
    color: #3e99ed;
    background: #fff;
    border-radius: 4px; }
  
  .editor-choice .lenta-card__title {
    color: #fff;
    padding: 0 8px;
    margin-bottom: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  /*
  .main-ec__list .lenta-card__picture-wrapper {
    padding-bottom: calc(464/752*100%);
    background-color: #EAE9D6; }
  
  .main-ec__list .lenta-card__picture-wrapper img {
    position: absolute;
    padding: 24px;
    height: calc(100% - 48px);
    width: calc(100% - 48px);
    -o-object-fit: contain;
      object-fit: contain; }
  
  .main-ec__list .lenta-card__picture-wrapper:after {
    display: none; }
  
  */
  /*
  .main-ec__list li:not(:last-child) {
    margin: 0 0 14px; }*/
  .main-ec__list li:not(:first-child) .header-card-user__name {
    margin: 0 0 0 12px; }
  
  .main-ec__list li:not(:first-child) .lenta-card__title {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 4px 0;
    font: 600 18px/24px "Source Sans Pro", sans-serif; }
  
  .main-as .main-block__item {
    width: 380px;
    padding-right: 24px; }
  
  .main-ps .lenta-card__title {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    height: 64px;
    width: calc(100% - 80px);
    margin: 0 0 33px 12px; }
  
  .main-ps .lenta-card-book__link {
    height: 216px;
    margin: 0 0 24px; }
  
  .main-ps .lenta-card-book {
    padding: 31px 28px 0;
    max-height: 552px;
    border-radius: 24px; }
  
  .main-ps .lenta-card-book__img {
    max-width: 143px;
    max-height: 216px; }
  
  /***/
  .author-blog {
    margin: 0 0 31px; }
  
  .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;
    padding: 22px 16px 0; }
  
  .author-blog__item {
    height: 230px;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 34px; }
  
  .author-blog__avatar {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #d9dbe0;
    margin: 0 24px 0 0; }
  
  .author-blog__avatar img {
    border-radius: 50%;
    padding: 10px;
    width: 230px;
    height: 230px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .author-blog__name {
    color: #252626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 300 26px/40px "Source Sans Pro", sans-serif;
    width: calc(100% - 278px); }
  
  .author-blog__title {
    color: #252626;
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    width: calc(100% - 278px);
    margin: 8px 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 128px; }
  
  .author-blog__item .lenta-card__details {
    width: calc(100% - 278px); }
  
  /*****/
  .author-card__slider {
    position: absolute;
    top: -192px;
    left: 0;
    right: 0; }
  
  .author-card__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 360px;
    color: #fff;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 24px 28px 32px;
    margin: 192px 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: 16px/20px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .author-card__count {
    font: 20px/20px "Source Sans Pro", sans-serif;
    text-align: center; }
  
  .author-card__count p {
    font-size: 52px;
    line-height: 52px;
    font-weight: 300; }
  
  .author-card__link {
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 14px;
    overflow: hidden;
    width: 260px;
    height: 392px;
    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: 392px;
    width: 260px; }
  
  .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 0; }
  
  @-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: -27px;
      z-index: 1;
      opacity: 0; }
    46% {
      -webkit-transform: scale(1.065);
      transform: scale(1.065);
      top: -27px;
      z-index: 1;
      opacity: 0; }
    50% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      top: 110px;
      z-index: 2;
      opacity: 0.2; }
    72% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      top: 110px;
      z-index: 2;
      opacity: 0.2; }
    75% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      top: 55px;
      z-index: 3;
      opacity: 0.5; }
    98% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      top: 55px;
      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: -27px;
      z-index: 1;
      opacity: 0; }
    46% {
      -webkit-transform: scale(1.065);
      transform: scale(1.065);
      top: -27px;
      z-index: 1;
      opacity: 0; }
    50% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      top: 110px;
      z-index: 2;
      opacity: 0.2; }
    72% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      top: 110px;
      z-index: 2;
      opacity: 0.2; }
    75% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      top: 55px;
      z-index: 3;
      opacity: 0.5; }
    98% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      top: 55px;
      z-index: 3;
      opacity: 0.5; } }
  
  .main-ps .main-block__item {
    width: 724px; }
  
  .btn__read-more, .btn__read-more:visited {
    color: #88898C;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .advice-card .btn__read-more {
    margin: 0 12px; }
  
  .main-groups .main-block__list {
    height: 512px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 0 16px; }
  
  .main-groups .main-block__item {
    position: relative;
    height: 120px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 364px;
    margin: 0 32px 8px 0;
    padding-right: 24px; }
  
  .main-groups__img {
    margin: 12px 16px 0 0; }
  
  .main-groups__img img {
    border: 1px solid #88898C;
    padding: 5px;
    border-radius: 50%;
    margin: auto;
    width: 92px;
    height: 92px;
    object-fit: cover;
    -o-object-fit: cover; }
  
  .main-groups__name, .main-groups__name:visited {
    color: #88898C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    width: calc(100% - 116px);
    margin: 14px 0 0; }
  
  .main-groups__title, .main-groups__title:visited {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    width: calc(100% - 116px);
    margin: 4px 0; }
  
  .main-groups__date {
    color: #88898C;
    font: 14px/16px "Source Sans Pro", sans-serif;
    margin: 0; }
  
  .main-groups__count {
    position: absolute;
    content: '';
    right: 24px;
    bottom: 12px;
    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: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 16px 0;
    width: 100%;
    height: 136px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .main-join__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 0 29px; }
  
  .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: 20px/24px "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 7px; }
  
  .main-join__list b {
    font: 26px/26px "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 24px 24px;
    margin: -24px 16px 0;
    width: 100%;
    padding: 68px 36px 40px; }
  
  .main-join__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 36px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  
  .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 12px; }
  
  .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 2px 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 24px 0 10px; }
  
  .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;
    border-radius: 20px;
    width: 208px;
    background: #3E99ED;
    color: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .main-join__form button:hover {
    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 26px 24px;
    width: auto; }
  
  /******************/
  .slider-toggle {
    display: none; }
  
  .slider-btn__prev label,
  .slider-btn__next label {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 178px;
    border: none;
    background: #fff;
    z-index: 10;
    padding: 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    display: none; }
  
  .slider-btn__prev label {
    left: -4px; }
  
  .slider-btn__next label {
    right: -4px; }
  
  .slide-book .slider-btn__prev label {
    left: 12px; }
  
  .slide-book .slider-btn__next label {
    right: 12px; }
  
  .slider-btn__prev label::after,
  .slider-btn__next label::after {
    position: absolute;
    content: '';
    border-left: 1.3px solid #000;
    border-top: 1.3px solid #000;
    width: 9px;
    height: 9px;
    top: 15px;
    left: 12px; }
  
  .slider-btn__prev label::after {
    left: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  
  .slider-btn__next label::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  
  .modal-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .slick-initialized {
    width: 100% !important;
    display: block !important; }
  
  .kv-slider .slick-list {
    padding-right: 170px; }
  
  /***********/
  .page-content > h1 {
    width: 100%; }
  
  .page-content > form {
    min-width: 100%; }
  
  .page-content .header-context.under-block {
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  /************/
  .page-content #profile-bg-wrapper {
    border-radius: 24px;
    background-size: cover !important;
    margin: 0 !important; }
  
  .copy-card .header-card {
    margin: -10px 0 12px;
    display: inline-block;
    padding: 4px 24px 0 84px;
    line-height: 14px;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  .copy-card .header-card-user {
    position: absolute;
    top: -10px;
    left: 42px; }
  
  .copy-card .header-card-user__avatar {
    width: 24px;
    height: 24px; }
  
  .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;
    width: calc(100% + 32px);
    margin: 0 -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 208px;   }
  
  .bc-header__bg-wrap {
    position: absolute;
    overflow: hidden;
    border-radius: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .bc-header__bg-wrap::after {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute; }
  .bc-header__bg {
    position: absolute;
    -webkit-filter: blur(35px);
    filter: blur(35px);
    z-index: 1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  
  .bc-header__wrap {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% + 190px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 28px auto;
    padding-top: 33px; }
  
  .bc-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 12px; }
  
  .bc-header__list li {
    margin-right: 15px; }
  
  .bc-header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font: 16px/28px "Source Sans Pro", sans-serif;
    background: rgba(255, 255, 255, 0.15);
    height: 30px;
    padding: 0 16px;
    border-radius: 16px; }
  
  .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;
    font: 16px/28px "Source Sans Pro", sans-serif;
    height: 30px;
    margin-left: 26px;}
  .bc-header__link summary span {
    position: absolute;
    border-radius: 16px;
    left: -16px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.20);
  }
  
  .bc-header__link summary span::after {
    position: absolute;
    content: '';
    right: 12px;
    top: 9px;
    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: absolute;
    border-radius: 14px;
    top: 40px;
    left: -16px;
    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-new .bc > *:not(.showblock) {
    display: none; }
  .showblock {
    display: flex;
    flex-direction: column; }
  */
  .bc-new .bc-menu {
    margin-top: -168px;
    z-index: 3; }
  
  .bc-new .bc-menu__image-wrapper {
    margin-bottom: 16px; }
  
  .bc-new .bc-rating {
    margin: 0 12px 18px;
    width: calc(100% - 150px);
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .bc-new .bc-about {
    position: relative; }
  
  .bc-new .bc__book-title {
    color: #fff;
    margin-top: 20px;
    font: 600 51px/49px "Source Sans Pro", sans-serif; }
  
  .bc-new .bc-author__link,
  .bc-new .bc-author {
    color: #fff;
    font: 28px/32px "Source Sans Pro", sans-serif; }
  
  .bc-new .bc-author__all {
    margin-left: 16px;
    color: #fff; }
  
  .bc-new .bc-genre__list li {
    margin: 0 18px 0 0; }
  
  .bc-new .bc {
    margin-top: 32px; }
  
  .bc-new .bc-stat__link {
    margin-right: 26px; }
  
  .bc-new .bc-soc {
    position: absolute;
    width: 152px;
    padding: 0;
    top: 0;
    right: 0; }
  
  .bc-new .bc-stat {
    margin-bottom: 33px; }
  
  .bc-new .bc-rating-class {
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    margin: 0; }
  
  .bc-new .bc__banned {
    top: 1px;
    color: #fff; }
  .bc-new .bc-rating-medium {
    margin: 0 32px 9px 0; }
  .bc-new .bc-fr-rating {
    position: relative;
    margin-bottom: 33px; }
  .bc-new .bc-header {
    min-height: 192px; }
  .bc-new .bc-header__wrap {
    padding-top: 0; }
  .bc-new .bc-header__link {
    height: 32px; }
  .bc-new .bc-buy {
    height: 596px; }
  .bc-new .bc-sp__title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 0 15px; }
  .bc-new .bc-sp {
    margin-bottom: 55px; }
  .bc-new .bc-sp__wrapper {
    border-radius: 14px;
    overflow: hidden;
  }
  .bc-new .bc-menu__rating span {
    color: #3E3F40;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  .bc-new .title {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
  }
  /*
  .bc-new .bc-rating-medium {
    font-size: 26px;
    padding-left: 27px;
    margin-right: 26px; }*/
  .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/ll2019/SVGsprite16.svg) -112px -182px no-repeat; }
  
  .hidden {
    display: none; }
  
  .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: 188px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 24px 24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 15;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 412px;
    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;
    font: 600 26px/32px "Source Sans Pro", sans-serif; }
  
  .kv__popup > p,
  .opros-popup__wrap > p {
    text-align: center;
    color: #88898C;
    margin: 16px 0 20px;
    font: 18px/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 20px;
    margin: 0 auto;
    background: #3e99ed;
    font: 600 18px/32px "Source Sans Pro", sans-serif; }
  
  .kv__popup a:hover,
  .opros-popup__wrap > a:hover {
    background: #3b91e0; }
  
  /********************************/
  .section-menu {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 8px;
    width: 100%; }
  
  .section-menu__limiter {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 20px;
    margin: 0 0 -20px; }
  
  .section-menu__list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .section-menu__item {
    display: block;
    margin: 0 16px 0 0; }
  
  .section-menu__item a,
  .section-menu__item a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    border-radius: 16px;
    background: #EDF0F7;
    color: #252626;
    border: 1px solid #D0D2D6;
    box-sizing: border-box;
    font: 16px/29px "Source Sans Pro", sans-serif;
    padding: 0 16px;
    transition: all 0.3s; }
  .section-menu__item a:hover {
    background: #e6e9f0; }
  .section-menu__item.section-menu__item--active a {
    border-color: #3E99ED;
    background: #3E99ED;
    color: #fff; }
  
  .section-menu__list .slick-arrow {
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 48px;
    height: 32px;
    border-radius: inherit;
    top: 0; }
  .section-menu__list .slick-arrow:before {
    z-index: 2;
    border-color: #88898C;
    width: 8px;
    height: 8px;
    top: calc(50% - 5px); }
  
  .section-menu__list .slick-arrow:after {
    position: absolute;
    content: '';
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #EDF0F7; }
  .section-menu__list .slick-arrow:after:hover {
    background: #e6e9f0; }
  .section-menu__list .slick-prev::before {
    left: 13px; }
  
  .section-menu__list .slick-next::before {
    right: 13px;
    left: auto; }
  
  .section-menu__list .slick-prev,
  .section-menu__list .slick-prev::after {
    left: 0; }
  
  .section-menu__list .slick-next,
  .section-menu__list .slick-next::after {
    right: 0; }
  
  /*******************/
  .wtr__list {
    margin-top: 32px;
    width: 100%; }
  
  .wtr__item {
    position: relative;
    margin: 0 0 57px; }
  
  .wtr__item .slide-book__list {
    margin: 0; }
  
  .wtr__title,
  .wtr__title a {
    color: #252626;
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 0 0 7px;
    width: 100%; }
  
  .wtr__text, .wtr__text p {
    color: #252626;
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 10px; }
  
  .wtr__item .slick-list {
    padding-right: 40px; }
  
  .wtr__item .slick-arrow {
    top: auto;
    bottom: calc(50% - 48px); }
  
  /********************************/
  .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% + 32px);
    margin: 0 -16px 24px; }
  
  .section-form__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 96px;
    border-radius: 24px;
    padding: 0 68px 0 32px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#52BBFA), to(#3E99ED));
    background: linear-gradient(to bottom, #52BBFA, #3E99ED);
    z-index: 31; }
  
  .section-form__title {
    font: 600 51px/50px "Source Sans Pro", sans-serif;
    color: #fff;
    z-index: 1;
    margin: 0; }
  .section-form__picture {
    object-fit: cover;
    top: 0;
    left: 0;
    position: absolute;
  }
  .section-form__subtitle, .section-form__subtitle:visited {
    font: 32px/40px "Source Sans Pro", sans-serif;
    margin: 25px 0 -13px;
    color: #fff;
    z-index: 1;
    width: calc(100% - 80px);
    word-break: break-all;
  }
  .section-form__profile,
  .section-form__profile:visited {
    font: 32px/40px "Source Sans Pro", sans-serif;
    margin: 25px 0 -16px;
    color: #fff;
    z-index: 1;
    width: calc(100% - 80px);
    word-break: break-all;
  }
  .section-form__search {
    position: absolute;
    top: 28px;
    right: 68px;
    width: 244px;
    margin: 0 16px 0 auto; }
  
  .section-form__search input {
    height: 40px;
    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: 244px;
    top: 0;
    right: 0px;
    z-index: 2;
    border: none;
    background: #fff;
    border-radius: 20px;
    cursor: text; }
  
  .section-form__search-btn {
    position: relative;
    height: 40px;
    width: 40px;
    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/ll2019/SVGsprite16.svg") -234px 0 no-repeat; }
  
  .section-form__toggle {
    display: none; }
  
  .section-form__toggle + label {
    position: absolute;
    top: 28px;
    right: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    z-index: 32; }
  
  .section-form__toggle + label::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -338px 0 no-repeat; }
  
  .section-form__toggle:checked + label {
    background: rgba(0, 53, 105, 0.6); }
  
  .section-form__toggle:checked + label::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -52px -104px no-repeat; }
  
  .section-form__inner {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 48px 16px 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;
    -webkit-transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
    transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
    z-index: 30; }
  
  .section-form__inner > * {
    width: calc(100%/2 - 24px);
    height: 40px;
    margin: 0 12px 16px; }
  
  .section-form__select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  .section-form__select details {
    position: absolute;
    z-index: 10;
    width: 100%;
    border-radius: 20px; }
  
  .section-form__select:nth-child(n+3) details {
    z-index: 9; }
  
  .section-form__select details:nth-child(even) {
    right: 0; }
  
  .section-form__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; }
  
  .section-form__select summary::-webkit-details-marker {
    display: none; }
  
  .section-form__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); }
  
  .section-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); }
  
  .section-form__select details[open] summary::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px; }
  
  .section-form__select details[open] summary {
    border-radius: 20px 20px 0 0;
    border: none; }
  
  .section-form__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; }
  
  .section-form__select a {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    padding: 6px 20px 10px; }
  
  .section-form__select a:hover {
    background: #EDF0F7; }
  
  .section-form__check {
    display: none; }
  
  .section-form__inner > label {
    color: #252626;
    font: 16px/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: 16px/16px "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 54px; }
  
  .icon-setting::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -338px 0 no-repeat; }
  
  .icon-setting::after {
    display: none; }
  
  .section-form__check + label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  
  .section-form__check + label:before {
    content: '';
    position: absolute;
    top: 8px;
    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: 9px;
    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__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:first-of-type {
    padding-top: 17px; }
  
  .section-form__select label:last-of-type {
    padding-bottom: 22px; }
  
  .section-form__select label:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 20px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -166px -156px no-repeat;
    width: 24px;
    height: 24px; }
  
  .section-form__select input:checked + label:before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -192px -156px no-repeat; }
  
  .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: 18px/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; }
  .section-form__avatar {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 49px 0 21px;
    z-index: 3;
  }
  .icon-edit::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite16.svg) -494px 0 no-repeat;
  }
  /**************/
  .wtr__btn-remove {
    position: absolute;
    right: 0;
    top: 0;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #217DD1; }
  
  /*************/
  .wtr-stat {
    position: relative;
    width: 100%;
    margin: -4px 0 16px;
  }
  .wtr-stat__info {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    color: #3E99ED;
  }
  .wtr-stat__block {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    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/ll2019/SVGsprite16.svg") -288px -182px no-repeat; }
  
  .wtr-stat__wrapper td {
    position: relative;
    text-align: start;
    vertical-align: middle;
    font: 600 18px/28px "Source Sans Pro", sans-serif; }
  
  .wtr-stat__table td:nth-child(1) {
    font: 300 26px/32px "Source Sans Pro", sans-serif;
    color: #252626;
    width: 29px;
    padding: 0 0 0 27px; }
  
  .wtr-stat__wrapper td:nth-child(2) {
    width: auto; }
  
  .wtr-stat__wrapper td:nth-child(3) {
    text-align: end;
    width: 48px; }
  .wtr-stat__wrapper span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    height: 12px;
    width: 100%;
    background: #EBEDF0; }
  
  .wtr-stat__wrapper i {
    position: absolute;
    content: "";
    height: 12px;
    border-radius: 6px;
    background: #59C7FF; }
  
  .wtr-stat:hover .wtr-stat__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  
  
  
  
  
  /***************/
  .wtr-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 43px; }
  
  .wtr-rating form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 48px 0 0; }
  
  .wtr-rating button {
    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: 133px;
    border-radius: 20px;
    color: #fff;
    border: none;
    background: #3E99ED;
    font: 600 18px/24px "Source Sans Pro", sans-serif; }
  
  .wtr__select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 461px;
    margin: 0 0 24px; }
  
  .wtr__select details {
    position: absolute;
    z-index: 10;
    width: 100%;
    border-radius: 20px; }
  
  .wtr__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; }
  
  .wtr__select summary::-webkit-details-marker {
    display: none; }
  
  .wtr__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); }
  
  .wtr__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); }
  
  .wtr__select details[open] summary::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px; }
  
  .wtr__select details[open] summary {
    border-radius: 20px 20px 0 0;
    border: none; }
  
  .wtr__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; }
  
  .wtr__select input {
    display: none; }
  .wtr__select label {
    position: relative;
    padding: 0 20px;
    color: #252626;
    font: 16px/40px "Source Sans Pro", sans-serif; }
  
  
  .wtr__select input:checked + label {
    font-weight: 600;
    background: #EDF0F7; }
  
  .wtr-rating textarea {
    font: 18px/24px "Source Sans Pro", sans-serif;
    border: 1px solid #D0D2D6;
    color: #88898C;
    height: 80px;
    border-radius: 8px;
    padding: 9px 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 404px;
    margin-bottom: 16px;
    resize: none; }
  
  .mybook .wtr__list {
    width: 100%; }
  
  .icon-plus::before,
  .icon-plus::after {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    top: 11px;
    left: 20px;
    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: 20px;
    top: 10px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -364px 0 no-repeat; }
  .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 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 40px;
    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: 1003; }
  .menu-redactor {
    display: none;  }
  /*************************/
  .menu-redactor__btn {
    display: none; }
  
  .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;
    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;
    font: 16px/20px "Source Sans Pro", sans-serif; }
  /**************/
  .popup-rem,
  .popup-mail {
    display: block; }
  .popup-rem__wrapper {
    position: fixed;
    top: calc(50% - 308px);
    left: calc(50% - 254px);
    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;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border-radius: 20px;
    background-color: #fff;
    width: 508px;
    height: 616px;
    padding: 34px 40px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .popup-rem__title {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    margin: 0 0 39px; }
  
  .popup-rem__text {
    font: 18px/28px "Source Sans Pro", sans-serif;
    margin: -18px 0 57px; }
  
  .popup-rem__wrap {
    position: relative;
    margin: 0 -20px;
    width: 100%;
    padding: 0 20px;
    display: block; }
  
  .popup-rem__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;
    overflow: hidden; }
  
  .popup-rem__list li {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 252px;
    width: 128px;
    margin: 0 8px; }
  
  .popup-rem__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    max-width: 128px;
    max-height: 192px; }
  
  .popup-rem__img:before {
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  
  .popup-rem__book {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 10px 6px 0;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px; }
  
  .popup-rem__author {
    font: 12px/18px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 6px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 18px; }
  
  .popup-rem__close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    padding: 0; }
  
  .popup-rem__close:before,
  .popup-rem__close:after {
    position: absolute;
    content: "";
    top: 3px;
    left: 11px;
    width: 1.33px;
    height: 19px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #252626; }
  
  .popup-rem__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  
  .popup-rem__list .slick-next {
    right: 6px; }
  
  .popup-rem__list .slick-prev {
    left: 6px; }
  
  .popup-rem__link {
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 24px;
    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: 76px;
    width: 202px;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  .btn-grey, .btn-grey:visited {
    border: 1px solid #88898C;
    color: #6F7073;
    background: #fff; }
  
  .btn-blue, .btn-blue:visited {
    border: 1px solid #3E99ED;
    color: #fff;
    font-weight: 600;
    background: #3E99ED; }
  
  .popup-rem__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 33px 0 26px; }
  
  .popup-rem__form label {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    text-align: center;
    margin: 0 60px 25px; }
  
  .popup-rem__form input {
    background: #EDF0F7;
    width: 268px;
    height: 40px;
    border-radius: 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    border: none;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .popup-rem__form input::-webkit-input-placeholder {
    color: #6F7073; }
  
  .popup-rem__form input::-moz-placeholder {
    color: #6F7073; }
  
  .popup-rem__form input::-ms-input-placeholder {
    color: #6F7073; }
  
  .popup-rem__form input::-ms-input-placeholder {
    color: #6F7073; }
  
  .popup-rem__form input:-ms-input-placeholder {
    color: #6F7073; }
  
  .popup-rem__form input::placeholder {
    color: #6F7073; }
  
  .popup-rem__btn {
    width: 144px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    background: #3E99ED;
    font: 600 18px/27px "Source Sans Pro", sans-serif;
    border: none;
    margin: 0 0 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .popup-rem__sal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto; }
  
  .popup-rem__sal a,
  .popup-rem__sal 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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin: 0 10px;
    border-radius: 24px; }
  
  .popup-mail__wrapper {
    position: sticky;
    top: calc(50% - 276px);
    left: calc(50% - 254px);
    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: 20px;
    background-color: #fff;
    width: 508px;
    height: 552px;
    padding: 44px 40px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }  
  .popup-mail .btn-close {
    top: 24px;
    right: 40px;
  }
  .popup-mail__title {
    font: 300 36px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    margin: 0 0 15px; }  
  .popup-mail__text {
    color: #6F7073;
    font: 14px/28px "Source Sans Pro", sans-serif;
    letter-spacing: -0.05px;
    margin: 0; }
  .popup-mail__text a,
  .popup-mail__text a:visited {
    color: #217DD1; }
  .popup-mail__text a:hover,
  .popup-mail__text a:active {
    color: #0F5699;
  }
  .popup-mail__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .popup-mail__wrap p {
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #6F7073;
    margin: 0;
    text-align: center;
  }  
  
  .popup-mail__mail {
    width: 100%;
    display: flex;
    margin: 12px 0;
  }
  .popup-mail input {
    width: 267px;
    height: 40px;
    border-radius: 20px;
    border: none;
    background: #E6E9F0;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #6F7073;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  } 
  .popup-mail__link {
    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;
    margin-left: 16px;
    width: 145px;
    color: #fff;
    background: #3E99ED;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
  }
  .popup-mail__link:hover,
  .popup-mail__link:active {
    background: #3B91E0;
  }
  @-webkit-keyframes mail-bzz {
    50% {
      -webkit-transform: translatey(10px);
      transform: translatey(10px); } }
  
  @keyframes mail-bzz {
    50% {
      -webkit-transform: translatey(10px);
      transform: translatey(10px); } }
  
  @-webkit-keyframes mail-rotate {
    from {
      -webkit-transform: rotate(0deg) translateY(0px);
      transform: rotate(0deg) translateY(0px); }
    to {
      -webkit-transform: rotate(-15deg) translateY(-10%);
      transform: rotate(-15deg) translateY(-10%); } }
  
  @keyframes mail-rotate {
    from {
      -webkit-transform: rotate(0deg) translateY(0px);
      transform: rotate(0deg) translateY(0px); }
    to {
      -webkit-transform: rotate(-15deg) translateX(-10%);
      transform: rotate(-15deg) translateX(-10%); } }
  
  #mail-scene {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
  #mail-scene div {
    position: absolute; }
  .mail-fon {
    margin: 0 20px -20px 0;  }
  .mail-bg1 {
    -webkit-animation: mail-rotate 1.5s ease 0.3s infinite alternate-reverse;
    animation: mail-rotate  1.5s ease 0.3s infinite alternate-reverse;
    top: 30%;
    left: -42%;
    z-index: 4; }
  .mail-bg2 {
    -webkit-animation: mail-bzz 2s ease 0.5s infinite;
    animation: mail-bzz 2s ease 0.5s infinite;
    top: 60%;
    left: -23%;
    z-index: 3; }
  .mail-bg3 {
    -webkit-animation: mail-bzz 2s ease infinite;
            animation: mail-bzz 2s ease infinite;
    top: 24%;
    right: -46%;
    z-index: 5; }
  .mail-bg4 {
    -webkit-animation: mail-rotate 1.7s ease infinite alternate-reverse;
            animation: mail-rotate 1.7s ease infinite alternate-reverse;
    top: 54%;
    right: -28%;
    z-index: 6; }
  /*********************/
  .scrollup {
    position: fixed;
    z-index: 10000;
    display: none;
    cursor: pointer;
    opacity: 0.5;
    padding: 0;
    bottom: 20px;
    left: auto;
    right: 20px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background: rgba(0, 0, 0, 0.7); }
  .scrollup:before,
  .scrollup:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 2px;
    transform: rotate(-45deg);
    top: 26px;
    left: 16px;
    background: #fff; }
  .scrollup:after {
    transform: rotate(45deg);
    left: 25px; }
  /**********************/
  .alert-info {
    position: fixed;
    z-index: 10004;
    max-height: 100%;
    overflow: hidden;
    background: #3E3F40;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 16px 24px;
    text-align: center;
    box-sizing: border-box;
    width: max-content;
  }
  .alert-action p,
  .alert-info p {
    color: #fff;
    font: 18px/24px "Source Sans Pro", sans-serif;
    margin: 0;
  }
  .alert-action {
    position: absolute;
    z-index: 10004;
    max-height: 100%;
    width: 364px;
    overflow: hidden;
    background: #217DD1;
    border-radius: 14px 0 14px 14px;
    bottom: -92px;
    right: calc(50% - 570px);
    display: flex;
    padding: 9px 16px 9px 24px;
  }
  .alert-action  div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .alert-action a {
    color: #252626;
    font: 600 14px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    background: #fff;
    border-radius: 14px;
    width: 52px;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 7px 0;
  }
  .section-menu + .popup-redactor {
    margin: 15px 0 5px;
  }
  /*******************/
  .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: 0 12px;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 0;
    border-radius: 20px;
    background: #fff;
    z-index: 1001;
    overflow: hidden;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
      
  .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: 170px;
    height: 424px;
    display: grid;
      grid-template-areas:
        "img"
        "wrap";
    border-radius: 8px 8px 24px 24px;
    background-color: #ffffff;
    margin: 32px 16px 0 0; }
  
  .book-item__status {
    font: 14px/16px "Source Sans Pro", sans-serif;
    background-color: #EDF0F7;
    border-radius: 16px;
    color: #252626;
    position: absolute;
    padding: 3px 25px 0 16px;
    height: 48px;
    width: 138px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -24px;
    left: 0;
    z-index: 1; }
  
  .book-item__status-lists {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 16px;
    color: #fff;
    position: absolute;
    padding: 3px 0 0 16px;
    height: 48px;
    width: 138px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -246px;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    left: 0;
    z-index: 1; }
  
  .btn-add-plus--add + .book-item__status-lists {
    top: -272px; }
  
  .book-item__link {
    grid-area: img;
    height: 256px;
    width: 170px;
    border-radius: 8px;
    z-index: 2;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .book-item__link-edition {
    border-radius: 8px;
    width: 73px;
    height: 112px;
    position: absolute;
    content: '';
    overflow: hidden;
    top: 150px;
    left: 104px;
    z-index: 3;
  }
  .book-item__date {
    color: #88898C;
    font: 16px/24px "Source Sans Pro", sans-serif;
    margin: 0;
    position: absolute;
    top: 236px;
    left: 144px;
  }
  .book-item__link::after,
  .book-item__link-edition::after  {
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  
  .book-item__link img,
  .book-item__link-edition img {
    -o-object-fit: contain;
    object-fit: contain; }
  
  .book-item__wrapper {
    display: grid;
    grid-area: wrap;
    grid-template-rows: min-content 1fr 40px 45px;
    grid-template-columns: 1fr 1fr;
      grid-template-areas:
        "book book"
        "author author"
        "rating link"
        "btn-add btn-add";
    position: relative;
    border: 1px solid #D9DBE0;
    border-top: none;
    border-radius: 0 0 24px 24px;
    margin-top: -8px;
    color: #252626;
    padding: 18px 15px 15px;
    height: 176px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  .book-item__menu,
  .book-item__menu:visited {
    width: 16px;
    height: 16px;
    padding: 5px 5px 5px 11px;
    position: absolute;
    margin: 0;
    top: 16px;
    right: -1px; }
  
  .book-item__menu::after {
    position: absolute;
    content: '';
    top: 12px;
    left: 18px;
    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/37px "Source Sans Pro", sans-serif;
    color: #252626;
    border-bottom: 1px solid #DCDEE0;
    width: 100%;
    text-align: center;
    padding: 0 12px 2px; }
  
  .book-item__menu-block a:hover {
    background-color: #EDF0F7; }
  
  .book-item__menu:hover .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;
    margin: 0 0 9px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    width: 100%; }
  .book-item__author-wrap {
    grid-area: author;
    font: 14px/17px "Source Sans Pro", sans-serif;
    color: #252626;
    width: 100%;
    margin: 0;
  }
  .book-item__author,
  .book-item__author:visited {
    grid-area: author;
    font: 14px/17px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  
  .book-item__rating {
    grid-area: rating;
    position: relative;
    padding: 0 0 0 28px;
    font: 300 26px/40px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px; }
  
  .book-item__rating::before {
    position: absolute;
    content: "";
    margin: auto;
    bottom: 0;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -138px -182px no-repeat; }
  
  .book-item__mymark {
    grid-area: link;
    position: relative;
    font: 300 26px/24px "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 28px;
    margin: 0 0 0 auto; }
  
  .book-item__mymark::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: url("/img/skins/ll2019/SVGsprite16.svg") -112px -182px no-repeat;
    width: 24px;
    height: 24px; }
  
  
  
  .book-item__item .btn-buy-holder {
    grid-area: link;
    margin-top: 0px;
    position: relative;
    display: flex; }
  
  .book-item__buy,
  .book-item__buy:visited {
    font: 14px/20px "Source Sans Pro", sans-serif;
    color: #252626;
    padding-top: 4px;
    margin: auto 0 auto auto; }
  
  .book-item__btn-del,
  .book-item__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: 32px;
    font: 16px/20px "Source Sans Pro", sans-serif;
    padding: 4px; }
  
  .book-item__btn-del i {
    position: absolute;
    content: "";
    right: 4px;
    top: 4px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #88898C;
    font-style: normal;
    text-align: center; }
  
  .book-item__remove {
    position: absolute;
    display: block;
    top: 206px;
    left: calc(50% - 63px);
    color: #fff;
    padding: 0 0 0 30px;
    z-index: 5;
    font: 16px/26px "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/ll2019/SVGsprite16.svg") -200px -104px no-repeat; }
  
  .book-item__remove ~ .book-item__link::after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.05)), to(black));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, black 100%);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4; }
  
  .book-item__item .btn-add-plus,
  .book-item__item .btn-add-plus:visited {
    grid-area: btn-add;
    color: #fff;
    margin: 13px 0 0; }
  
  .book-item-edition {
    grid-area: table;
    margin: 12px 0 0; }
  
  .book-item-edition td {
    color: #252626;
    font: 18px/24px "Source Sans Pro", sans-serif; }
  
  td.book-item-edition__col1 {
    color: #88898C;
    width: 120px; }
  
  .book-item-edition__link, .book-item-edition__link:visited {
    color: #217DD1; }
  .book-item-desc {
    grid-area: desc;
    display: flex;
    flex-direction: column;
    margin: 0 0 22px;
  }
  .book-item-desc summary {
    display: block;
    position: relative;
    color: #88898C;
    cursor: pointer;
    font: 18px/24px "Source Sans Pro", sans-serif;
  } 
  .book-item-desc summary::-webkit-details-marker {
    display: none; }
  .book-item-desc summary::after  {
    position: relative;
    content: '';
    display: inline-block;
    margin: 0 0 4px 13px;
    width: 7px;
    height: 7px;
    border-left: 1px solid #88898C;
    border-top: 1px solid #88898C;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  
  .book-item-desc details[open] summary::after {
    margin: 4px 0 0 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .book-item-desc > .book-item__text {
    margin-top: 24px;
  }
  .book-item__text {
    font: 18px/24px "Source Sans Pro", sans-serif;
  }
  .book-item__text p {
    font: 18px/24px "Source Sans Pro", sans-serif;
  }
  
  #book-item__text-full img {
    max-width: 100%;
    border-radius: 14px;
    margin: 24px auto 24px; }
  .book-item-stat {
    grid-area: stat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 36px;
    width: 100%; }
  
  .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 15px 0 0; }
  
  .book-item-stat a::before {
    position: absolute;
    content: "";
    left: 0;
    width: 24px;
    height: 24px; }
  
  .icon-added-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -278px -78px no-repeat; }
  
  .icon-read-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -330px -78px no-repeat; }
  
  .icon-review-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -226px -78px no-repeat; }
  
  .icon-quote-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -252px -78px no-repeat; }
  .icon-kv-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -304px -78px no-repeat; }  
  .icon-bookmark-grey::before {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -200px -78px no-repeat; }
  
  .book-item__text-link {
    color: #88898C;
    font: 16px/18px "Source Sans Pro", sans-serif;
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  .link-menu__list {
    grid-area: link;
    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;
    width: 100%;
    margin: 0 0 12px; }
  
  .link-menu__list a, .link-menu__list a:visited {
    color: #217DD1;
    font: 18px/24px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 16px 0 0; }
  .book-item-tag {
    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;
    width: 100%;
    margin: 0 0 12px;
  }
  .book-item-tag a, .book-item-tag a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    border-radius: 16px;
    background: #EDF0F7;
    color: #252626;
    font: 16px/29px "Source Sans Pro", sans-serif;
    padding: 0 16px;
    margin: 0 16px 0 0;
   }
    
  .book-item-tag a:hover {
    background: #e6e9f0; }
  
  /*************************/
  
  .fr-rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 7px; }
  
  .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; }
  .fr-rating__more, .fr-rating__more:visited {
    font: 300 18px/24px "Source Sans Pro", sans-serif;
    color: #252626; }
  
  
  /***************************/
  
  .book-item--full {
    grid-template-areas:
          "img inner"
          "wrap inner";
    grid-template-columns: 170px auto;
    grid-template-rows: 256px auto;
    grid-gap: 0 37px;
    width: 100%;
    width: 816px;
    margin: 24px 0;
    height: auto; }
  .book-item--full .book-item__status {
    border-radius: 8px 8px 8px 0;
    padding: 3px 8px ;
    height: 24px;
    left: 206px;
    width: auto;
  }
  .book-item--full .book-item__wrapper {
    border: none;
    padding: 20px 16px 15px;
    height: fit-content;
    grid-template-areas:
          "rating link"
          "btn-add btn-add";}
  .book-item--full .book-item__inner {
    grid-area: inner;
    display: flex;
    flex-direction: column; }
  
  .book-item--full .book-item__menu {
    top: 0; } 
  .book-item--full .book-item__title {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    max-height: 64px;
    margin: 0; }
  
  .book-item--full .book-item__author {
    font: 18px/22px "Source Sans Pro", sans-serif;
    margin: 0 0 29px; }
  .book-item--full .book-item__author-wrap {
    font: 18px/22px "Source Sans Pro", sans-serif;
  }
  .book-item--full .review-card {
    margin: 0 0 16px -12px;
  }
  /*************************/
  .book-item--short {
    grid-template-areas:
          "img wrap";
    grid-gap: 0 32px;
    grid-template-columns: 57px 1fr;      
    width: 100%;
    height: auto;
    border-radius: 0;
    margin: 0 0 24px;
  }
  .book-item--short .book-item__wrapper {
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
    grid-gap: 0 38px;
    grid-template-rows: 27px 22px 18px 40px;
    grid-template-columns: 58px 1fr 120px;
      grid-template-areas:
          "book book book"
          "author author author"
          "link link ."
          "rating stat .";
  }
  .book-item--short .book-item__link {
    width: 57px;
    height: 88px;
    border-radius: 6px;
  }
  .book-item--short .book-item__title {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    -webkit-line-clamp: 1;
    min-height: 24px;
  }
  .book-item--short .book-item__author-wrap,
  .book-item--short .book-item__author {
    font: 16px/18px "Source Sans Pro", sans-serif;
    margin: 0;
  }
  .book-item--short .link-menu__list a {
    font: 16px/20px "Source Sans Pro", sans-serif;
  }
  /*************************/
  .book-item--min {
    grid-template-areas:
          "img wrap";
    grid-gap: 0 32px;
    grid-template-columns: 57px 1fr;      
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 0 0 24px;
  }
  .book-item--min .book-item__status {
    border-radius: 8px 8px 8px 0;
    padding: 3px 8px;
    height: 24px;
    left: 89px;
    top: -2px;
    width: auto;
  }
  .book-item--min .book-item__wrapper {
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
    grid-gap: 0 30px;
      grid-template-rows: 29px 28px 18px;
      grid-template-columns: 1fr 57px 61px 112px 10px;
      grid-template-areas:
          ". . . . ."
          "book link rating btn-add ."
          "author . . . .";
  }

  .book-item--min .book-item__link {
    width: 57px;
    height: 88px;
    border-radius: 6px;
  }
  .book-item--min .book-item__title {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
    -webkit-line-clamp: 1;
    min-height: 24px;
  }
  .book-item--min .book-item__author-wrap,
  .book-item--min .book-item__author {
    font: 16px/18px "Source Sans Pro", sans-serif;
    margin: 0;
  }
  .book-item--min .book-item__menu {
    top: 29px;
  }
  .book-item--min .book-item__rating {
    height: 28px; }
  .book-item--min .btn-add-plus {
    height: 28px;
    border-radius: 14px;
    margin: 0 ;
  }
  .book-item--min .btn-add-plus::before {
    font-size: 14px;
  }
  /*******************************/
  .post-card {
    padding-top: 12px;
  }
  .post-card .lenta__wrapper {
    width: 81px;
    overflow: inherit;
  }
  
  .post-card__content {
    min-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;
    width: 639px;
    padding-left: 97px;
  }
  
  
  .post-card__content figure {
    margin: 0;
  }
  .post-card__content figcaption {
    margin: 0;
    color: #88898C;
    font: 14px/28px "Source Sans Pro", sans-serif;
    text-align: center;
  }
  .post-card__wrap > div:not(.post-block) .lenta-card__title {
    font: 600 51px/56px "Source Sans Pro", sans-serif;
    max-height: max-content;
    order: -2;
    margin: -6px 0 18px;
  }
  .post-card__wrap .lenta-card__admin {
    order: -2;
    margin: -6px 0 18px;
  }
  .post-card__wrap > div:not(.post-block) .lenta-card__details {
    order: -1; }
  .post-card__content .lenta-card__text > h2 {
    font: 600 26px/32px "Source Sans Pro", sans-serif;
    margin-bottom: 22px;
  }
  .post-card .lenta-card__text {
    max-height: max-content;
    margin-top: 16px;
    overflow: visible;
  }
  .post-card__wrap .lenta-card__text > p {
    margin: 0 0 24px;
  }
  .post-card__wrap .lenta-card-book__link {
    margin-bottom: 18px; }
  .post-card__wrap .lenta-card__text img {
    border-radius: 14px;
    margin: 0 auto;
    display: block;
  }
  .post-card__content .lenta-card__text figure {
    margin: 47px 0 38px; }
  .post-sab details div {
    position: absolute;
    background: #fff;
    width: 183px;
    z-index: 10;
    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); }
  
  .post-sab details button {
    border: none;
    background: transparent;
    font: 16px/32px "Source Sans Pro", sans-serif;
    height: 40px;
    width: 100%;
    display: flex;
    padding: 0 16px 4px;
  }
  .post-sab details button:not(:last-of-type) {
    border-bottom: 1px solid #D9DBE0;
  }
  
  .post-tag__list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 12px 0;
   }
  .post-tag__item {
    margin-right: 16px;
  }
  .post-tag__item a {
    display: flex;
    align-items: center;
    border: 1px solid #252626;
    border-radius: 16px;
    height: 32px;
    box-sizing: border-box;
    background: #fff;
    padding: 0 16px 4px;
    color: #252626;
    font: 16px/16px "Source Sans Pro", sans-serif;
  }
  
  .post-btn__wrap {
    display: flex;
    width: 100%;
    margin: 24px 12px 0;
  }
  .post-btn__wrap span {
    font: 14px/32px "Source Sans Pro", sans-serif;
    color: #88898C;
  }
  .post-btn__link {
    background: #3E99ED;
    border-radius: 16px;
    display: flex;
    align-items: center;
    height: 32px;
    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 {
    background: #3E99ED;
    border-radius: 20px;
    display: flex;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    padding: 0 112px 4px;
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0 auto;
    border: none;
  }
  .lenta-card__text .book-item__item {
    margin: 53px auto 10px; }
  .lenta-card__text .book-item__wrapper {
    border: none;
    grid-template-rows: min-content min-content 40px 45px; }
  .lenta-card__text .book-item--min .book-item__wrapper { 
    grid-template-rows: 29px 28px 18px;  }
  .lenta-card__text .book-item--min {
    margin: 32px 0; }  
  .discussiongroup-card__list {
    margin: 22px 12px 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px 24px;
  }
  .discussiongroup-card__list .lenta-card__title {
    font: 600 20px/24px "Source Sans Pro", sans-serif;
  }
  .discussiongroup-card__list .lenta-card__title {
  }
  .post-sab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 28px;
  }
  
  .post-card__inner {
    margin-left: -113px;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .post-card__inner .post-sab {
    flex-direction: column;
    position: sticky;
    align-items: flex-start;
    justify-content: flex-start;
    width: 60px;
    margin: 0 49px 0 4px;
    top: 80px;
    height: 0px;
    max-height: 426px;
    z-index: 200;
  }
  .post-card__sticky {
    width: 752px;
  }
  .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/ll2019/SVGsprite16.svg) -314px -104px no-repeat;
  }
  .post-subs summary::before {
    background: url(/img/skins/ll2019/SVGsprite16.svg) -434px -52px no-repeat; }
  .post-subs summary {
    background: #fff;
  }
  .post-sab .sab__link {
    color: #88898C;
    font: 14px/24px "Source Sans Pro", sans-serif;
    margin: 12px 20px 12px 7px;
  }
  
  .post-sab__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 4px 24px 4px 0;
  }
  .icon-ll-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -396px no-repeat; }
  .icon-vk-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -42px -396px no-repeat; }
  
  .icon-fb-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -84px -396px no-repeat; }
  
  .icon-ok-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -126px -396px no-repeat; }
  
  .icon-tw-40 {
    background: url("/img/skins/ll2019/SVGsprite16.svg") -168px -396px no-repeat; }
  
  .post-block h2 {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
  }
  
  .post-card__content .slide-book__list {
    margin: 0 12px;
    position: relative;
  }
  .post-block {
    margin: 0 -16px 24px 0;
  }
  
  .header-card .header-card__menu:only-child {
    margin: -4px 0 -4px auto;
  } 
  .post-block h2 {
    font: 600 32px/40px "Source Sans Pro", sans-serif;
    margin: 32px 12px 7px;
  }
  .post-block .writers-slide {
    margin: 16px 12px 29px;
  }
  .post-block .slick-track {
    display: flex;
  }
  .post-block .slick-prev {
    left: -19px;
  }
  .post-block .slick-next {
    right: 4px;
  }
  .post-block__list .slick-prev,
  .post-block__list .slick-next {
    top: 280px;
  }
  .post-com {
    background: #fff;
    border-radius: 24px 24px 0 0;
    margin: 0 -16px -24px -113px;
    padding: 0 16px 20px;
  }
  
  
  
  
  
  /***********************/
  .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;
  }
  .post-test__list {
    margin: 0 0 -7px;
  }
  ol.post-test__list {
    counter-reset: list;
  }
  .post-test__item {
    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::before {
    counter-increment: list;
    content: counter(list) ". ";
    margin: 0 4px 0 0;
  }
  .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 {
    max-width: calc(100% - 214px);
  }
  .post-test__item input[type="range"] ~ label {
    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 auto auto;
    width: 162px; }
  .post-block__list {
    margin: -4px 0 0 11px;
    position: relative;
  }
  .post-block__list .selection-card {
    margin-right: 20px;
  }
  .slide-book__list .slick-list,
  .writers-slide .slick-list,
  .post-block__list .slick-list {
    padding-right: 76px;
    overflow: hidden;
  }
  .post-block__list .slick-track { 
    position: relative;
    display: flex; }
  .slick-initialized .slick-slide.book-item__item {
    display: grid;
    margin-right: 24px;
  }
  
  .post-for {
    margin: 0 0 24px;}
  
  .post-nav .slick-current {
    width: 226px!important;
    border-radius: 14px;
    border: 2px solid #252626;}
  .post-slide {
    margin: 43px 0 17px; }
  .post-slide .slick-track { 
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 0;}
  .post-nav .slick-slide {
    width: 227px!important;
   }
  
  
  .post-slide .slick-prev {
    left: -20px; }
  .post-slide .slick-next {
    right: -20px; }

    .popup-rockbook {
      position: fixed;
      top: calc(50% - 250px);
      left: 0;
      right: 0;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 508px;
      height: 437px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 20px;
      background: url(/img/skins/rocknbook22/popup-rockbook-bg.jpg) no-repeat; }
    .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: 72px;
    }
    .popup-rockbook img {
      margin: -76px 0 33px; }
    
    .popup-rockbook .btn-close {
      top: -32px;
      right: 10px; }
    
    .popup-rockbook .btn-close::before,
    .popup-rockbook .btn-close::after {
      background: #fff; }
    
    .popup-rockbook h3 {
      font: 600 32px/40px "Source Sans Pro", sans-serif;
      text-align: center;
      color: #fff;
      margin: 0 0 48px; }
    
    .popup-rockbook p {
      font: 600 20px/24px "Source Sans Pro", sans-serif;
      color: #fff;
      text-align: center;
      margin: 0 0 48px; }
    
    .popup-rockbook__btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 48px;
      border-radius: 24px;
      color: #fff;
      padding: 0 45px;
      background: -webkit-gradient(linear, left top, left bottom, from(#FA00FF), to(#F05374));
      background: linear-gradient(180deg, #FA00FF 0%, #F05374 100%);
      font: 600 20px/24px "Source Sans Pro", sans-serif; }
    
    .popup-rockbook__btn:hover,
    .popup-rockbook__btn:active {
      opacity: 0.8; }
  
/*********************/
.breadcrumbs {
  display: block;
  margin: 24px auto;
  padding: 0 16px;
  box-sizing: border-box;
  max-width: 1172px;
  width: 100%;
}
.breadcrumbs a,
.breadcrumbs > span {
  position: relative;
  font: 400 14px/16px "Source Sans Pro", sans-serif; 
  color: #252626;
  padding-right: 20px;
  transition: all 0.3s;
}
.breadcrumbs a::before {
  position: absolute;
  right: 6px;
  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: 0px;
}


@media (min-width: 1024px) {
    .menu-redactor {
      position: -webkit-sticky;
      position: sticky;
      top: 20px;
      height: auto;
      padding: 0;
      z-index: 10;
      max-height: calc(100vh - 20px);
      max-width: 300px; }
    .menu-redactor .btn-close {
      display: none;  }
    /***************/
    .left-column {
      position: relative;
      width: 240px;
      margin: 32px 0 0 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    /***!!!!***/
    .book-card .left-column {
      margin: 24px 0 0 16px; }
    /******/
    /*******/
    .main-ec__list {
      width: 100%;
      margin-bottom: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 632px; }
    .main-ec__list li:first-child {
      width: 655px;
      margin-right: 12px; }
    .main-ec__list li {
      width: calc(100% - 667px); }
    .main-ec__list li:nth-child(2) {
      margin-top: 56px; }
    .author-blog__list {
      -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; }
    .author-blog__item {
      width: 50%; }
    .main-join__form {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .main-join__form form {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 0 58px 0 0; }
    .bc-header__wrap {
      width: calc(50% + 318px); }
    .slides-lovelib {
      background: url("/img/skins/ll2019/lovelib-fon.jpg") 50% 50% no-repeat; }
    .section-form__inner > * {
      width: calc(100%/3 - 24px); }
    .wtr__list {
      width: calc(100% - 256px); } 

    .slides-2022 .main-slider__img {
      left: -55px;}
    }

@media (min-width: 1140px) {
    /*****************/
    .main-slider__link, .main-slider__link:visited {
      height: 46px;
      border-radius: 24px;
      margin: 0 0 8px; }
    .slides-kv > svg {
      left: 106px;
      top: calc(50% - 144px);
      width: 288px;
      height: 288px; }
    .slides-santa .main-slider__img,
    .slides-pro .main-slider__img,
    .slides-img300 .main-slider__img,
    .slides-rockbook .main-slider__img {
      height: 296px;
      width: 296px;
      top: calc(50% - 148px);
      left: 103px; }
    .slides-game .main-slider__img, .slides-author .main-slider__img {
      height: 268px;
      width: 268px;
      top: calc(50% - 149px);
      border-radius: 50%;
      border: 15px solid rgba(255, 255, 255, 0.2); }
    .slides-halloween .main-slider__img {
      bottom: -40%;
      width: 430px;
      height: auto; }
    .slides-test .main-slider__img,
    .slides-rd .main-slider__img,
    .slides-chr .main-slider__img,
    .slides-nos .main-slider__img,
    .slides-bigbook .main-slider__img {
      max-width: 500px;
    }
    .slides-test .main-slider__img {
      top: -70px;
      height: auto;
    }    
    .slides-rd::before {
      width: 158px;
      height: 92px;
      top: 25px;
      left: 38px;
    }  
    .main-slider__kv {
      top: calc(50% - 149px);
      left: 102px;
      width: 270px;
      height: 270px;
      border: 14px solid #333333; }
    .slides-kv .kv-slogan {
      font: 300 47px/49px "Source Sans Pro", sans-serif;
      width: 260px;
      top: 36px;
      left: 438px; }
    .slides-kv .kv-slogan b {
      font-size: 51px; }
    .slides-kv .kv-slogan svg {
      width: 100px;
      height: 38px; }
    .slides-kv .main-slider__head {
      right: 97px;
      max-width: calc(100% - 276px);
      height: 72px; }
    .main-slider__kv p {
      font: 300 30px/42px "Source Sans Pro", sans-serif; }
    .main-slider__kv b {
      font-size: 62px;
      line-height: 56px; }
    /***********************************/
    .page-footer {
      width: 1140px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-bottom: 38px; }
    .page-footer__list:first-child {
      width: 227px; }
    .page-footer__list:nth-child(2) {
      width: 219px; }
    .page-footer__list:nth-child(3) {
      width: 258px; }
    .page-footer__list:nth-child(4) {
      width: 354px;
      margin: 0 0 33px; }
    .page-footer__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      width: 190px;
      height: 54px; }
    .page-footer__counter {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      height: 55px;
      width: 184px; }
    .page-footer-soc,
    .page-footer-soc:last-of-type {
      position: relative;
      left: 0;
      top: 0;
      width: 258px; }
    .page-footer-soc:last-of-type {
      width: 288px; }
    .page-footer__age {
      -ms-flex-item-align: end;
      align-self: flex-end; }
    /************/
    .page-content {
      padding-left: 0;
      padding-right: 0; }
    .post-card .lenta__wrapper,
    .lenta__wrapper,
    .ugs-sotring__item a,
    .ugs-sotring {
      margin: 0 24px 0 0;
      width: 170px; }
    .lenta__wrapper .post-sab {
      width: 73px;
      margin-left: auto;}
    .post-card__content {
      padding-left: 194px;
      width: 752px;
      margin: 0 0 24px; }  
    .lenta__content,
    .lenta__list {
      width: 622px;
      margin: 0 0 24px; }
    /**********************/
    .lenta-form__inner > * {
      width: 344px; }
    .lenta-form-tags__wrapper {
      margin: 24px -16px 7px; }
    .header-card-user__name {
      max-width: 300px; }
    /*.game-card .lenta-card__picture-wrapper {
      padding-bottom: calc(160/622 * 100%); }*/
    .unformatted.lenta-card__picture-wrapper {
      padding-bottom: calc(384/622 * 100%); }
    .slide-book {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .slide-book__item {
      margin-right: 24px; }
    .footer-card__friends {
      margin-left: 118px; }
    .selection-card .lenta-card-book {
      padding: 31px 40px 0; }
    .quote-card .lenta-card__author-wrap,
    .quote-card .lenta-card__book-title {
      width: 352px;
    }    
    .exchange-card .lenta-card__book-title,
    .lifehack-card .lenta-card__book-title,
    .exchange-card .lenta-card__author-wrap,
    .lifehack-card .lenta-card__author-wrap {
      width: 189px; }
    .lenta-item {
      width: 622px; }
    .lenta-card-tags__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
    /*
    .statuses__wrapper {
      padding: 0 16px; }*/
    .statuses__limiter {
      margin-left: -12px;
      margin-right: -12px; }
    .statuses__list {
      margin: 0; }
    .writers-slide__link {
      margin: 0 24px 0 0; }
    /******************/
    .slide__btn-prev,
    .slide__btn-next {
      display: block;
      opacity: 0; }
    /*******************/
    .bc {
      width: 622px; }
    .bc-genre__list {
      margin: 0;
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .bc-menu {
      width: 170px;
      margin: 0 24px 0 0; }
    .bc-menu__status {
      padding: 2px 16px 0;
      max-width: 170px; }
    .bc-menu__image-wrapper {
      width: 170px;
      height: 256px; }
    .bc-menu__image {
      width: 170px;
      height: 256px; }
    .bc-annotate {
      margin: 0 12px 16px; }
    .bc-edition {
      margin: 0 12px 26px; }
    .bc-edition td {
      line-height: 24px; }
    .bc-buy {
      padding: 32px 44px 16px; }
    .bc-review--best .lenta-card__text {
      max-height: 336px; }
    .bc-review-write__link, .bc-review-write__link:visited {
      width: 462px; }
    .bc-detailing__sorting summary {
      width: 299px; }
    .bc-review-critic input[type="submit"] {
      width: 192px; }
    .bc-review-write {
      width: 502px; }
    .bc-awtb__wrapper {
      padding: 0 47px 0 97px; }
    .best-selection {
      width: 622px; }
    .bc-info details {
      padding: 20px 23px 17px; }
    .bc-detailing article {
      width: 622px; }
    .bc-viewed .slide-book {
      width: 622px; }
    .bc-menu__top {
      padding: 3px 16px; }
    .bc-header {
      margin: 0 -28px;
      width: calc(100% + 56px); }
    .bc-header__wrap {
      width: calc(50% + 376px); }
    /******************************/
    .popup-redactor {
      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: 16px; }
    .popup-redactor__info {
      font: 18px/24px "Source Sans Pro", sans-serif;
      color: #252626;
      margin: 0 25px 0 0; }
    .popup-redactor__link {
      font: 18px/24px "Source Sans Pro", sans-serif;
      color: #3E99ED;
      margin-bottom: 4px; }
    .popup-redactor__link:hover {
      color: #1D6DB8; }
  
    .left-column {
      width: 320px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 32px -10px 0 14px; }
    .book-card .left-column {
      margin: 24px -10px 0 14px; }
    .post-card .left-column {
      width: 190px;
    }
    .sab__wrapper > a.sab__notify::after {
      content: "Подписаться";
      font: 18px/24px "Source Sans Pro", sans-serif; }
    .sab__notify + .sab__detailing {
      left: -170px;}   
    .sab__wrapper > a.sab__notify.sab__link--active::after {
      font-size: 16px;
      content: "Вы подписались";  }  
    .kv, .challenge {
      padding: 0;
      width: 100%;
      max-width: 1140px; }
    .kv-header {
      padding: 47px 0 111px; }
    .kv-logo {
      bottom: 70px; }
    .kv-form h3 {
      margin: 0 0 50px; }
  
    .kv-form ul {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 0 41px; }
  
    .kv-form li {
      text-align: center;
      margin: 0;
      max-width: 364px;
      padding: 42px 40px 216px 40px;
      background-position: 50% 100%;
      background-size: auto 192px; }
  
    .kv-form div p {
      margin: 0 0 67px; }      
    .kv-form form {
      padding: 72px 194px;
      height: 432px; }
    .kv-form label {
      font-size: 51px;
      line-height: 108px; }
    .kv-form label:first-of-type {
      font: 300 38px/108px "Source Sans Pro", sans-serif; }
    .kv-form input {
      margin: 0 auto; }
    .kv-form label[for="amount"] {
      padding: 0; }
    .kv-delete__button {
      top: 296px;
      right: 194px; }
    .kv-partner-info__wrap,
    .kv-advantage__list {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-line-pack: justify;
      align-content: space-between;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      padding: 72px 147px 72px 97px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: 432px; }
    .kv-partner-info__list li {
      max-width: 400px; }
    .kv-advantage__item:first-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .kv-stat__list {
      margin: 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; }
    .kv-stat__title {
      -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; }
    .kv-stat__title span {
      margin: 0 8px 0 0; }
    .kv-stat__item {
      height: 392px;
      width: 364px; }
    .kv-stat__item svg {
      margin: 80px 0 0; }
    .kv-stat__num {
      margin: 38px 0 10px; }
    .kv-info {
      max-width: 420px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .kv-menu {
      margin: 8px 0 56px 404px; }
    .school .kv-menu {
      margin: -36px 0 56px 404px; }
    .kv-search {
      margin: 24px 0 55px; }
    .kv-search input[type="search"] {
      max-width: 558px;
      margin: 0 20px 0 0; }
    .kv-checkbox + label {
      padding: 0 0 0 54px;
      margin: 0 0 0 40px; }
    .kv-friends__inner {
      margin: 0 -12px; }
    .kv-friends__inner .kv-friends__link {
      width: 364px;
      margin: 0 12px 24px; }
    .kv-slider-user__inner p {
      max-width: 700px; }
    .kv-friends .kv-menu {
      margin: 22px 0 32px; }
    .kv-sorting {
      width: 558px;
      margin: 0; }
    .kv-stat__item svg {
      margin: 80px 0 0; }
    .kv-myslogan {
      width: 450px; }
    .kv-header .kv-user {
      width: 446px;
      -ms-flex-item-align: start;
      align-self: flex-start; }
    .kv-progress {
      margin: 10px 0 30px 388px; }
    .kv-plan {
      margin: 0 0 54px 388px; }
    .challenge .kv-progress-bar {
      position: absolute;
      left: -368px;
      top: -3px; }
    .kv-friends__link {
      width: 364px;
      margin: 0 24px 0 0; }
    .kv-authors__link {
      margin: 12px 0 0;
    }
    .challenge .kv-authors__link {
      margin: 8px 0 8px 0;
    }
    .kv-authors__avatar {
      height: 134px;
      width: 134px; }
    .kv-authors__name {
      font: 600 24px/32px "Source Sans Pro", sans-serif; }
    .kv-plan__progress {
      width: 364px; }
    .partner .kv-partner-logo {
      margin: -8px 0 0; }
    .kv-author,
    .kv-user {
      width: 752px;
      -ms-flex-item-align: end;
      align-self: flex-end;
      margin: 0 0 39px; }
    .kv-wtr__read {
      margin: 0; }
    .kv-book .slide-book__item {
      margin: 46px 12px 18px; }
    .kv-wtr__read .slide-book__item {
      margin: 56px 12px 0; }
    .kv-book {
      margin: 0 -12px 24px; }
    .kv-book__title {
      margin: 2px 0 0 12px; }
    .kv-partner-info__wrap {
      padding: 83px 115px 88px 97px; }
    .kv-partner-info p {
      width: 444px; }
    .kv-search input[type="search"] + .kv-checkbox + label {
      width: auto; }
    .kv-wtr__list {
      margin: 0;
      padding: 55px 97px 48px; }
    .kv-review__inner {
      margin: 0; }
    .kv-review__wrapper {
      margin: 0;
      padding: 54px 97px 55px; }
    .kv-review__show-all {
      margin-right: 0; }
    .kv-review .kv-slider-user__title,
    .kv-review__wrapper .kv-review__title {
      margin-left: 0; }
    .kv-review .kv-slider-user__wrap {
      margin: 0 0 16px; }
    .kv-partners__link {
      margin: 4px 29px; }
    .kv-partners__wrap {
      margin: 0;
      padding: 36px 67px; }
    /*********************/
    .slick-disabled {
      display: none !important; }
    .advice-slider-nav .slick-track {
      height: 383px; }
    .main-slider {
      height: 376px;
      margin: 0 0 88px; }
    .main-slider__item {
      padding: 40px 97px 32px 438px;
      height: 376px; }
    .main-slider__img {
      height: 291px;
      width: 194px;
      top: calc(50% - 145px);
      left: 152px; }
  
    .slides-game .main-slider__img,
    .slides-author .main-slider__img {
      height: 268px;
      width: 268px;
      border-radius: 50%;
      left: 102px;
      border: 15px solid rgba(255, 255, 255, 0.2); }
    .main-slider__title {
      width: 605px;
      font-size: 51px;
      line-height: 56px;
      max-height: 168px; }
    .slides-game .main-slider__title {
      max-height: 112px; }
    .slides-book .main-slider__title,
    .slides-lenta .main-slider__title {
      -webkit-line-clamp: 3;
      max-height: 168px; }
    .slides-author .main-slider__link,
    .slides-lenta .main-slider__link {
      margin-bottom: -6px; }
    .slides-book .main-slider__img {
      max-width: 358px;
      left: 33px;}  
    .slides-telegram .main-slider__img {
      width: 100%;
      height: auto;
      top: -20px;
      bottom: auto;
    }
    .slides-bookgames .main-slider__img {
      max-width: 420px;
      left: 0; }  
    .slides-app .main-slider__img,
    .slides-dambldor .main-slider__img,     
    .slides-hitchhiking .main-slider__img,
    .slides-free .main-slider__img,  
    .slides-2022 .main-slider__img,
    .slides-discount .main-slider__img,
    .slides-resultskv .main-slider__img {
      left: 0;}
    .slides-bookgames .main-slider__title a {
      max-width: 100%;
    }

  /*.main-slider__text {
    width: 605px; }*/
    /*.main-slider__link {
      margin-top: 26px; }*/
    .main-slider__game {
      font-size: 18px;
      bottom: 52px;
      left: 438px; }
    .main-slider__game span {
      margin-right: 20px; }
    /*
    .main-slider__prev label {
      left: 38px; }
    .main-slider__next label {
      right: 38px; }*/
    .main-search {
      margin: 0 80px 40px; }
    .main-block .statuses__wrapper {
      padding: 0; }
    .main-block .statuses-card {
      margin: 0 12px; }
    .main-block__title {
      margin: 0 0 3px; }
    .main-block__show-all {
      margin: 0 0 6px; }
    .main-block .slide-book {
      padding: 0; }
    .main-block .slide-book__list {
      margin: 0; }
    .main-block.advice-card .btn__read-more {
      margin: 0; }
    .main-ec__list {
      margin: 0 0 24px; }
    .main-ec__list li:first-child {
      width: 752px;
      margin-right: 12px; }
    .main-ec__list li {
      width: calc(100% - 766px); }
    .main-ec__list li:not(:first-child) .lenta-card {
      padding: 0 0 0 12px; }
    .main-ec__list li:not(:first-child) .lenta-card__title {
      -webkit-line-clamp: 3; }
    .main-sp__form label {
      width: auto; }
    .main-sp .main-block__limiter {
      margin-right: -24px; }
    .main-sp .slick-arrow {
      top: 50%; }
    /*
    .main-ec__show-all {
      position: absolute;
      top: 602px;
      right: 0;
      margin: 0;
      width: 364px; } */
    .main-join__form {
      margin: -24px 0 0; }
    .main-block__list {
      margin: 0; }
    .main-block__item {
      width: 364px;
      padding-right: 24px; }
    .main-block.advice-card {
      width: 100%;
      margin: 0 0 57px; }
    .main-block__link,
    .main-block__write {
      margin: 24px 0 0; }
    .main-sp__form {
      margin: 0; }
    .main-block.distribution-slide {
      width: 558px; }
    .main-block.main-bdb {
      width: 518px;
      margin-left: 64px; }
    .main-bdb .main-block__limiter {
      margin-right: -24px; }
    .main-bdb .main-block__item {
      width: 518px; }
    .main-bdb .slick-arrow {
      top: 132px; }
    .main-sp .slick-next,
    .main-bdb .slick-next {
      right: -18px; }
    .main-sp .slick-prev,
    .main-bdb .slick-prev {
      left: -18px; }
    .main-block.main-ps + .main-block.distribution-slide {
      margin-left: 24px;
      width: 364px; }
    .main-block.main-ps + .main-block.distribution-slide p {
      margin: 48px 0 0; }
    .main-tr {
      width: 518px;
      margin: 0 0 57px 64px; }
    .main-tests .main-block__title {
      margin-bottom: 14px;
    }
    .main-tests .lenta-card__picture-wrapper {
      border-radius: 14px;
    }
    .main-tests .lenta-card__title {
      -webkit-line-clamp: 3;
      height: auto;
      min-height: calc(24px * 2);
      max-height: calc(24px * 3);
    }
    .main-tests .slider-btn__prev label,
    .main-tests .slider-btn__next label {
      top: calc(40px + 14px + (224px / 2) - 20px);
    }
    .tests-card .lenta-card-book__link {
      position: relative;
      margin: 0 -12px 8px;
      height: auto;
    }
    .tests-card:last-child {
      padding-right: 0;
    }
    .main-as {
      width: 364px;
      margin: 0 24px 57px 0; }
    .main-as .main-block__item {
      width: 364px; }
    .main-as .main-block__item,
    .main-ps .main-block__item {
      padding: 0 12px; }
    .main-as .slick-arrow {
      top: calc(50% + 111px); }
    .main-ps .slick-arrow {
      top: calc(50% + 16px); }
    .main-ps .slick-prev,
    .main-as .slick-prev {
      left: -20px; }
    .main-ps .slick-next,
    .main-as .slick-next {
      right: -20px; }
    .main-ps .main-block__limiter,
    .main-as .main-block__limiter {
      margin: 0 -12px -20px; }
    .main-ps {
      width: 752px; }
    .main-ps .main-block__item {
      width: 100%; }
    .main-groups .main-block__item {
      margin: 0 0 8px; }
    .main-block .advice-card__wrapper {
      padding: 80px 45px 24px;
      margin: 12px 0 -328px; }
    .main-block .advice-slider-for__item {
      width: 1140px;
      padding: 0 157px; }
    .main-tr .main-block__list {
      margin: 28px 59px 0 39px; }
    .main-block.distribution-slide .lenta__title {
      margin: 0; }
    .main-block.distribution-slide p {
      margin: 18px 0 14px; }
    .main-groups .main-block__list {
      margin: 8px 0 0 0; }
    .main-join__list {
      margin: 12px 0 0; }
    .main-block .advice-slider {
      margin: 0 50px 0 51px; }
    .main-block .advice-slider-nav .slick-list {
      padding: 0px 110px 22px 147px; }
    .main-block .advice-slider-nav .slick-current img {
      width: 254px;
      height: 383px; }
    .main-block.statuses-slide .slider-btn__prev label,
    .main-block.statuses-slide .slider-btn__next label {
      top: 44px; }
    .main-block .slider-btn__prev label {
      left: -20px; }
    .main-block .slider-btn__next label {
      right: -20px; }
    .main-block .slide-book .slider-btn__prev label,
    .main-block .slide-book .slider-btn__next label {
      top: 238px; }
    .main-ec .slider-btn__prev label,
    .main-ec .slider-btn__next label {
      top: auto;
      bottom: 206px; }
    .main-ec__list .lenta-card-book__link {
      height: 464px; }
    .author-blog__list {
      padding: 22px 0 0; }
    .author-blog__item {
      width: 558px; }
    .kv-review .main-block__item {
      width: 364px; }
    /***************************/
    .slider-toggle:nth-child(1):checked ~ .slider-btn__next label:nth-child(2),
    .slider-toggle:nth-child(2):checked ~ .slider-btn__next label:nth-child(3),
    .slider-toggle:nth-child(2):checked ~ .slider-btn__prev label:nth-child(1),
    .slider-toggle:nth-child(3):checked ~ .slider-btn__prev label:nth-child(2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .slider-toggle:nth-child(1):checked ~ div[class$="limiter"] ul[class$="list"] {
      -webkit-transform: translate(0);
      transform: translate(0); }
    .slider-toggle:nth-child(2):checked ~ div[class$="limiter"] ul[class$="list"] {
      -webkit-transform: translate(-646px);
      transform: translate(-646px); }
    .slider-toggle:nth-child(3):checked ~ div[class$="limiter"] ul[class$="list"] {
      -webkit-transform: translate(-1292px);
      transform: translate(-1292px); }
    .main-block .slider-toggle:nth-child(1):checked ~ .main-block__limiter .main-block__list {
      -webkit-transform: translate(0);
      transform: translate(0); }
    .main-block .slider-toggle:nth-child(2):checked ~ .main-block__limiter .main-block__list {
      -webkit-transform: translate(-1164px);
      transform: translate(-1164px); }
    .main-block .slider-toggle:nth-child(3):checked ~ .main-block__limiter .main-block__list {
      -webkit-transform: translate(-2328px);
      transform: translate(-2328px); }
    .main-block .slider-toggle:nth-child(1):checked ~ .slide-book__limiter .slide-book__list {
      -webkit-transform: translate(0);
      transform: translate(0); }
    .main-block .slider-toggle:nth-child(2):checked ~ .slide-book__limiter .slide-book__list {
      -webkit-transform: translate(-1164px);
      transform: translate(-1164px); }
    .main-block .slider-toggle:nth-child(3):checked ~ .slide-book__limiter .slide-book__list {
      -webkit-transform: translate(-2328px);
      transform: translate(-2328px); }
    /*****БОЛЬШАЯ МОТАЛКА СЛИК СЛАЙДЕР**************************/
    .main-slider .slick-prev {
      left: 32px; }
    .main-slider .slick-next {
      right: 32px; }
    .main-slider__list .slick-active + .main-slider__item {
      -webkit-transform: scale(0.925);
      transform: scale(0.925);
      top: 30px; }
    .main-slider__list .slick-active + .main-slider__item + .main-slider__item {
      -webkit-transform: scale(0.86);
      transform: scale(0.86);
      top: 60px; }
  
    .post-block {
      margin: 0 -12px 24px;}
    .slide-book__list .slick-list,
    .writers-slide .slick-list,
    .post-block__list .slick-list {
      padding-right: 0; }
    .post-block__list .selection-card {
      margin-right: 24px; }
    .post-block__list .selection-card .lenta-card-book {
      padding: 31px 100px 0;}
    .post-card__inner {
      margin-left: -194px;}
    .post-card__inner .post-sab {
      margin: 0 46px 0 87px;}
    .post-com {
      margin: 0 -97px -24px;
      padding: 0 97px 20px;}  
    /****************************/
    .section-form {
      width: calc(100% + 56px);
      margin: 0 -28px 24px; }
    .wtr__list {
      width: calc(100% - 324px); }
    .wtr-rating textarea {
      width: 461px; }
    .selection-lists {
      width: calc(100% - 324px);
    }
    /*<editor-fold desc="Фильтр рецензий">*/
    .bc-review .bc-detailing__sorting details:nth-child(1) {
      width: 205px;
    }
  
    .bc-review .bc-detailing__sorting details:nth-child(2) {
      width: 194px;
    }
  
    .bc-review .bc-detailing__sorting details:nth-child(3) {
      width: 191px;
    }
  
    .bc-review .bc-detailing__sorting details:nth-child(2) {
      right: auto;
      left: calc(205px + 16px);
    }
    /*</editor-fold>*/
    .kv-2022-slider {
      padding: 0;
      margin: 36px 0 0; }  
    .kv-2022-slider .slick-list {
      padding: 0 170px 0 0; } 
    .kv-2022__slide {
      height: 508px;
      padding: 66px 48px 40px; 
    } 
    .kv-2022-slider .slick-next {
      right: 210px; }
    .kv-2022__slide h3 {
      padding: 48px 47px 0px;
      font: 300 56px/56px "Source Sans Pro", sans-serif;
  
      height: 236px;
      width: 619px;
      margin: 72px 0 -52px; }
    .kv-2022__slide::before {
      width: 400px;
      height: 400px;}   
    }
  
  
  /*********#is-new-desidn*****************/
  .page-content .header {
    min-width: 768px;  }
  .page-content .header .header-context {
    min-width: 768px; }
  .page-content .header .header-context .header-container {
    width: 100%; }
  .page-content .header-container {
    min-width: 768px; }
  
  @media (max-width: 1200px) {
  .page-content .gp-wrapper .gp-outer {
    min-width: 768px; }
    }


/* BA STYLES*/
main.ba-page {
    min-width: 768px;
    max-width: 1140px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased; }

.ba-page {
    padding: 0 16px;
    width: 736px;
    margin: 96px auto 0; }

.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: height 2s ease;
    animation: height 2s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.ba-header {
    height: 376px;
    background: url("/img/skins/ll2015b/Icons_bg.png"), -webkit-gradient(linear, left top, left bottom, from(#5FBBEC), to(#2B8FE0));
    background: url("/img/skins/ll2015b/Icons_bg.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 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.ba-header__title {
    font: 300 51px/62px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #fff;
    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 60px; }

.ba-header__title b {
    font-size: 71px; }

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

.ba-advantage__title,
.ba-stat__title,
.ba-about__title {
    font: 300 28px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    letter-spacing: 9.2px;
    text-transform: uppercase;
    color: #252626;
    margin: 0 0 38px; }

.ba-advantage__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.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;
    width: 172px;
    height: 176px;
    border-radius: 24px; }

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

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

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

.ba-stat__text {
    font: 16px/20px "Source Sans Pro", sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #3E3F40; }

.ba-stat__num {
    color: #CCC8A2;
    font: 600 98px/92px "Source Sans Pro", sans-serif;
    margin: 0 0 12px;
    letter-spacing: -2.2px; }

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

.ba-infographic__title {
    font: 300 34px/64px "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    margin: 69px 0; }

.ba-infographic__title b {
    font-size: 58px; }

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

.ba-infographic__caption {
    font: 600 26px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 38px;
    letter-spacing: 10.2px; }

.ba-infographic-gender__item {
    position: relative;
    margin: 0 41px; }

.ba-infographic-gender__item span {
    position: absolute;
    top: 127px;
    left: 0;
    right: 0;
    text-align: center;
    color: #7157B7;
    font: 600 35px "Source Sans Pro", sans-serif; }

.ba-infographic-gender__item i {
    font-style: normal;
    font-size: 24px; }

.ba-infographic svg {
    fill: #D1E4F6; }

.ba-infographic-age__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 600px;
    margin: 0 0 75px; }

.ba-infographic-age__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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 237px; }

.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 26px/32px "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70px;
    text-align: center; }

.ba-infographic-age__item p:before {
    position: absolute;
    content: '';
    border-radius: 8px;
    background: #D1E4F6;
    width: 70px;
    height: 192px;
    top: -205px;
    left: 0; }

.ba-infographic-age__item span {
    position: relative;
    height: 21px;
    padding: 32px 0 139px;
    color: #7157B7;
    font: 600 20px/32px "Source Sans Pro", sans-serif;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    width: 100%;
    text-align: center; }

.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: 100%;
    bottom: 0;
    height: 0;
    border-radius: 8px;
    background: #fff;
    -webkit-animation: height 2s ease;
    animation: height 2s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.ba-infographic-age__item:nth-child(1) span:before {
    max-height: 20%;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
.ba-infographic-age__item:nth-child(2) span:before {
    max-height: 40%;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s; }
.ba-infographic-age__item:nth-child(3) span:before {
    max-height: 20%;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s; }
.ba-infographic-age__item:nth-child(4) span:before {
    max-height: 10%;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s; }
.ba-infographic-age__item:nth-child(5) span:before {
    max-height: 6%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s; }
.ba-infographic-age__item:nth-child(6) span:before {
    max-height: 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 -10px 26px; }

.ba-about__item {
    position: relative;
    background: #F2F2E6;
    border-radius: 24px;
    width: 358px;
    list-style: none;
    margin: 32px 10px 48px; }

.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: -31px;
    left: 0;
    right: 0;
    font: 600 51px "Source Sans Pro", sans-serif;
    border-radius: 50%;
    height: 72px;
    width: 72px;
    background: #CCC8A2;
    margin: auto; }

p.ba-about__text {
    font: 18px/28px "Source Sans Pro", sans-serif;
    color: #3E3F40;
    text-align: center;
    margin: 60px 22px 32px; }

.ba-format__title {
    font: 300 28px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    letter-spacing: 9.2px;
    text-transform: uppercase;
    color: #252626;
    margin: 0 0 28px; }

.ba-format__list {
    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 35px; }

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

.ba-format__text {
    font: 600 16px/24px "Source Sans Pro", sans-serif;
    color: #3E3F40;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 26px;
    letter-spacing: 1px; }

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

.ba-format__item img {
    border-radius: 18px;
    height: 231px;
    -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: 16px; }

.ba-format__item:nth-child(2) img:first-child {
    margin-left: 2px; }

.ba-format__item:nth-child(3) img:last-child {
    margin-right: 1px; }

.ba-format__item:first-child img {
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    border: none;
    width: 100%; }

.ba-write__title {
    color: #252626;
    font: 300 30px/40px "Source Sans Pro", sans-serif;
    text-align: center;
    margin: 0 0 30px; }

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

.ba-write__wrapper {
    height: 458px;
    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: 46px 34px 56px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-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 20px/24px "Source Sans Pro", sans-serif;
    margin: 0 0 10px; }

.ba-write__form-group input {
    font: 16px/24px "Source Sans Pro", sans-serif;
    border-radius: 24px;
    height: 26px;
    border: none;
    padding: 6px 20px 8px;
    color: #898B8C; }

.ba-write__form-group textarea {
    font: 16px/24px "Source Sans Pro", sans-serif;
    border-radius: 16px;
    height: 82px;
    border: none;
    padding: 14px 20px 16px;
    color: #898B8C; }

.ba-write__btn {
    font: 600 18px/24px "Source Sans Pro", sans-serif;
    background: #3E99ED;
    color: #fff;
    border-radius: 24px;
    height: 40px;
    width: 267px;
    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 0;
    padding: 7px 0 9px; }

.ba-write__btn:hover, .ba-write__btn:focus {
    background: #3B91E0; }

.ba-write__btn:active {
    background: #217DD1; }

@media (min-width: 1140px) {
    .ba-page {
        padding: 0;
        width: 1140px;
        margin: 88px auto 0; }
    .ba-advantage__title, .ba-stat__title, .ba-about__title {
        letter-spacing: 11.2px; }
    .ba-advantage__item {
        width: 267px; }
    p.ba-advantage__text {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 30px 37px; }
    .ba-stat {
        margin: 0 0 56px; }
    .ba-stat__list {
        -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; }
    .ba-stat__item {
        width: 364px; }
    .ba-stat__num {
        font-size: 71px;
        line-height: 52px;
        margin: 0 0 44px;
        letter-spacing: -1.4px; }
    .ba-infographic__title {
        font-size: 43px;
        line-height: 64px;
        margin: 72px 0; }
    .ba-infographic__title b {
        font-size: 67px; }
    .ba-infographic__caption {
        font-size: 28px;
        letter-spacing: 11.2px; }
    .ba-infographic-age__list {
        width: 680px; }
    .ba-about__list {
        margin: 0 -12px 26px; }
    .ba-about__item {
        width: 364px;
        margin: 32px 12px 48px; }
    .ba-format__title {
        letter-spacing: 11.2px; }
    .ba-format__text {
        letter-spacing: 2.4px; }
    .ba-format__image-wrap {
        margin: 0; }
    .ba-format__item img {
        border-radius: 24px;
        height: 344px; }
    .ba-format__item img:nth-child(2) {
        margin-left: 56px; }
    .ba-format__item:first-child img {
        height: 408px; }
    .ba-write__title {
        font-size: 32px;
        margin: 0 0 30px; }
    .ba-write__form {
        margin: 0; }
    .ba-write__wrapper {
        height: 282px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 46px 40px 56px; }
    .ba-write__form-group {
        width: 48%; }
    .ba-write__form-group textarea {
        height: 218px; } }
/**/

:root {
    --main-dark: #252626;
    --gray-25: #3e4041;
    --gray-40: #6f7073;
    --gray-55: #88898c;
    --gray-84: #d0d2d6;
    --gray-88: #dcdee0;
    --gray-90: #e4e6e7;
    --gray-94: #ebedf0;
    --gray-95: #edf0f7;
    --beige-4: #eeeddd;
    --red: #fa385c;
    --blue-1: #003569;
    --blue-2: #4099ed;
    --blue-4: #3e99ed;
    --white: #ffffff;

  --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);

  --font-family: 'Source Sans Pro';
}

/* Предотвращение скролла контента под модальным окном */
.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;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
  box-sizing: border-box;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

.reg-school__wrapper {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 412px;
  min-height: 616px;
  margin: auto;
  overflow: hidden;
  background-color: var(--white);

  border-radius: 20px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
}

.reg-school__return {
  position: absolute;
  top: 32px;
  left: 30px;
  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;
  cursor: pointer;
}

.reg-school__header {
  padding-top: 27px;
  padding-bottom: 29px;
}

.reg-school__title {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  font-family: var(--font-family);
  text-align: center;
}

.reg-school__descr,
.reg-school__conditions {
  font-size: 14px;
  line-height: 16px;
  font-family: var(--font-family);
  text-align: center;
  color: var(--gray-55);
}

.reg-school__descr_recovery {
  margin-top: 32px;
  color: var(--main-dark);
}

.reg-school__link {
  font-family: var(--font-family);
  color: var(--blue-2);
}

.reg-school__link:visited {
  color: var(--blue-2);
}

.reg-school__body {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: auto;
  -webkit-box-align: center;
  align-items: center;
  padding-right: 50px;
  padding-left: 50px;
}

.reg-school__link_recovery {
  position: absolute;
  right: 0;
  bottom: 126px;
  left: 0;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.reg-school__main-form {
  width: 100%;
}

.reg-school__main-form_recovery {
  margin-bottom: 120px;
}


.reg-school__main-form_existing {
  margin-bottom: 17px;
}

.reg-school__submit[disabled] {
  background-color: var(--gray-84);
  border-color: var(--gray-84);
  cursor: auto;
}

.reg-school__submit {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  padding: 11px 15px;
  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;
  cursor: pointer;
}

.reg-school__submit:not([disabled]):hover,
.reg-school__submit:not([disabled]):focus {
  background-color: #388fe0;
  border-color: #388fe0;
}

.reg-school__submit:not([disabled]):active {
  background-color: #207bcf;
  border-color: #207bcf;
}

.reg-school__columns {
  display: -webkit-box;
  display: flex;
  margin-right: -12px;
  margin-bottom: 16px;
  margin-left: -12px;
}

.reg-school__column {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding-right: 12px;
  padding-left: 12px;
}

input.reg-school__input {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 40px !important;
  margin-top: 0;
  margin-bottom: 0;
  padding: 9px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px !important;
  font-family: "Source Sans Pro", Arial, sans-serif;
  color: var(--main-dark);
  text-overflow: ellipsis;
  border: 1px solid var(--gray-84);
  border-radius: 24px;
}

input.reg-school__input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input.reg-school__input::-webkit-input-placeholder {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

input.reg-school__input::-moz-placeholder {
  display: inline-flex;
  align-items: center;
}

input.reg-school__input:-ms-input-placeholder {
  display: inline-flex;
  align-items: center;
}

input.reg-school__input::-ms-input-placeholder {
  display: inline-flex;
  align-items: center;
}

input.reg-school__input::placeholder {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

.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: 24px 50px 56px;
}

.reg-school__footer .reg-school__conditions {
  position: absolute;
  right: 0;
  bottom: 13px;
  left: 0;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.reg-school__conditions {
  margin-top: 13px;
}

.reg-school__select {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 40px;
}

.reg-school__select:nth-child(1) {
  z-index: 50;
}

.reg-school__select:nth-child(2) {
  z-index: 49;
}

.reg-school__select:nth-child(3) {
  z-index: 48;
}

.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%;
  height: 40px;
  padding: 6px 40px 8px 19px;
  overflow: hidden;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #D2D4D6;
  border-radius: 20px;
}

.reg-school__select summary::-webkit-details-marker {
  display: none;
}

.reg-school__select summary::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 22px;
  width: 7px;
  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__options {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 99;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  width: 312px;
  height: 306px;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #D2D4D6;
  border-radius: 0;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.reg-school__options_small {
  height: 266px;
}

.reg-school__select a {
  padding: 10px 20px;
  font: 16px/20px "Source Sans Pro", sans-serif;
  color: #252626;
}

.reg-school__select a:hover, .reg-school__select a.active {
  background-color: var(--gray-95);
}

.reg-school__select input[type="search"] {
  margin: 23px 20px 6px;
  padding: 7px 20px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  border: 1px solid var(--gray-84);
  border-radius: 24px;
  -webkit-appearance: none;
}

.reg-school__select input[type="search"]::-webkit-input-placeholder {
  color: var(--gray-55);
}

.reg-school__select input[type="search"]::-moz-placeholder {
  color: var(--gray-55);
}

.reg-school__select input[type="search"]:-ms-input-placeholder {
  color: var(--gray-55);
}

.reg-school__select input[type="search"]::-ms-input-placeholder {
  color: var(--gray-55);
}

.reg-school__select input[type="search"]::placeholder {
  color: var(--gray-55);
}

.reg-school__select div {
  padding-bottom: 3px;
  overflow: auto;
}

.reg-school__spinner {
  position: absolute;
  top: 66px;
  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: 94px;
  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: 97px;
  width: 26px;
  height: 26px;
  background-color: var(--white);
  border-radius: 50%;
}

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

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

.reg-school__add-value {
  position: absolute;
  top: 68px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 12px 20px 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: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 90%;
  margin-right: auto;
  margin-top: 10%;
  margin-left: auto;
}

.reg-school__check-email-wrapper .reg-school__title {
  margin-bottom: 31px;
}

.reg-school__check-email-wrapper .reg-school__descr_check-email:not(:last-child) {
  margin-bottom: 18px !important;
}

.reg-school__captcha {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}

.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: 73px;
  height: 40px !important;
  margin-left: 16px;
  padding-right: 20px !important;
  padding-left: 20px !important;
  font-size: 16px;
  font-family: var(--font-family);
  color: var(--main-dark);
  background-color: var(--white);
  border: 1px solid var(--gray-84);
  border-radius: 20px !important;
}

.reg-school__captcha-input::-webkit-input-placeholder {
  color: var(--gray-55);
}

.reg-school__captcha-input::-moz-placeholder {
  color: var(--gray-55);
}

.reg-school__captcha-input:-ms-input-placeholder {
  color: var(--gray-55);
}

.reg-school__captcha-input::-ms-input-placeholder {
  color: var(--gray-55);
}

.reg-school__captcha-input::placeholder {
  color: var(--gray-55);
}


/* .main-block__list .review-card .btn-add-plus::after {
  width: 24px;
  height: 24px;
  background: url("/img/skins/ll2019/SVGsprite16.svg") -362px -168px no-repeat; }

.main-block__list .review-card .btn-add-plus--add::after {
  background: url("/img/skins/ll2019/SVGsprite16.svg") -387px -168px no-repeat; }  */

.main-block__list .histories-card .btn-add-plus,
.main-block__list .review-card .btn-add-plus,
.main-block__list .quote-card .btn-add-plus,
.main-block__list .exchange-card .btn-add-plus,
.main-block__list .lifehack-card .btn-add-plus,
.main-block__list .statuses-card .btn-add-plus {
  width: 24px;
  height: 24px;
  bottom: 24px; }

/* Новый попап шеринга с репостами */
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);
}

/* Новый попап шеринга с репостами - end */
.share-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: auto;
  background-color: transparent;
}

.share-popup__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.share-popup__wrapper {
  z-index: 5;
  width: 412px;
  height: 616px;
  box-shadow: var(--box-shadow);
}

.share-popup-main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 72px;
  background-color: var(--white);
  border-radius: 20px;
}

.share-popup-main__actions {
  margin-top: auto;
  margin-bottom: auto;
}

.share-popup-main__label {
  display: block;
  margin-right: 62px;
  margin-left: 62px;
  font-weight: normal;
  font-size: 18px;
  line-height: 40px;
  font-family: var(--font-family);
  text-align: center;
  color: var(--main-dark);
  background-color: var(--gray-95);
  border-radius: 20px;
  cursor: pointer;
}

.share-popup-main__actions input:checked + .share-popup-main__label {
  font-weight: 600;
  background-color: var(--gray-95);
}

.share-popup__option-link:visited {
  color: var(--main-dark);
}

.share-popup-main__content {
  width: 320px;
  margin: 0 auto;
}

.share-popup-main__title {
  margin-bottom: 34px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: var(--main-dark);
}

.share-popup-main__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 9px;
}

.share-popup-main__social a {
  display: flex;
  width: 48px;
  height: 48px;
  margin: 12px 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.share-popup-main__social-vk {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%234C6C91'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.328 31.437s.487-.052.737-.314c.229-.24.22-.69.22-.69s-.03-2.102.975-2.418c.99-.307 2.262 2.037 3.61 2.939 1.02.68 1.793.532 1.793.532l3.605-.049s1.886-.113.991-1.556c-.074-.119-.522-1.068-2.68-3.02-2.262-2.043-1.958-1.712.764-5.251 1.659-2.152 2.321-3.466 2.11-4.028-.198-.538-1.418-.395-1.418-.395l-4.058.024s-.301-.04-.525.09c-.218.128-.36.425-.36.425s-.641 1.665-1.497 3.082c-1.808 2.987-2.53 3.148-2.825 2.96-.688-.432-.517-1.738-.517-2.664 0-2.897.451-4.104-.878-4.416-.441-.105-.766-.173-1.895-.185-1.45-.014-2.673.006-3.368.336-.462.22-.818.711-.601.74.268.034.875.159 1.198.585.415.552.401 1.79.401 1.79s.24 3.408-.558 3.832c-.547.29-1.297-.303-2.909-3.014-.825-1.388-1.449-2.923-1.449-2.923s-.12-.287-.335-.442c-.26-.186-.623-.245-.623-.245l-3.856.024s-.58.016-.792.26c-.189.218-.015.67-.015.67s3.02 6.879 6.439 10.345c3.136 3.178 6.694 2.97 6.694 2.97h1.614' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-fb {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%233B5998'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.702 37.31V24.25h3.604l.478-4.5h-4.082l.006-2.252c0-1.174.112-1.802 1.797-1.802h2.253v-4.5h-3.605c-4.33 0-5.854 2.183-5.854 5.854v2.702H17.6v4.5h2.7v13.06H25.7' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-ok {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%23F58223'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.505 17.07c0 4.083-3.37 7.384-7.498 7.384-4.146 0-7.497-3.301-7.497-7.367 0-4.083 3.351-7.384 7.497-7.384 4.128 0 7.48 3.301 7.498 7.367zm-4.393.017c0-1.685-1.394-3.058-3.105-3.058s-3.105 1.373-3.105 3.058c0 1.686 1.394 3.058 3.105 3.058s3.105-1.372 3.105-3.058zm4.27 11.624a14.545 14.545 0 01-4.358 1.772l4.198 4.117a2.127 2.127 0 010 3.058 2.207 2.207 0 01-3.104 0L23.99 33.61l-4.11 4.048a2.207 2.207 0 01-1.553.626 2.207 2.207 0 01-1.553-.626 2.127 2.127 0 010-3.058l4.199-4.135a14.36 14.36 0 01-4.357-1.772 2.161 2.161 0 01-.706-2.97 2.222 2.222 0 013.034-.678 9.672 9.672 0 0010.091 0 2.218 2.218 0 013.034.677c.653 1.025.335 2.346-.688 2.989z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-tw {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2355ACEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.281 19.508l.05.83-.839-.102c-3.055-.39-5.725-1.712-7.991-3.932l-1.108-1.102-.285.814c-.604 1.813-.218 3.73 1.041 5.02.672.712.52.814-.638.39-.403-.136-.755-.237-.789-.186-.118.12.285 1.661.604 2.271.436.847 1.326 1.678 2.3 2.17l.823.39-.974.016c-.94 0-.974.017-.873.373.336 1.102 1.662 2.271 3.139 2.78l1.041.355-.907.542a9.448 9.448 0 01-4.499 1.254c-.755.017-1.377.085-1.377.136 0 .17 2.048 1.12 3.24 1.491 3.576 1.102 7.823.627 11.01-1.254 2.266-1.339 4.533-4 5.59-6.576.571-1.373 1.142-3.88 1.142-5.084 0-.78.05-.88.99-1.813.554-.542 1.074-1.136 1.175-1.305.168-.322.151-.322-.705-.034-1.427.508-1.628.441-.923-.322.52-.542 1.142-1.525 1.142-1.813 0-.05-.252.034-.537.186-.302.17-.974.424-1.477.576l-.907.288-.823-.559c-.453-.305-1.091-.644-1.427-.746-.856-.237-2.166-.203-2.938.068-2.098.763-3.425 2.73-3.274 4.881' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-mail {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24z' fill='%2307C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.531 16.105c2.064 0 4.004.95 5.428 2.439v.006c0-.715.462-1.253 1.103-1.253l.162-.002c1.002 0 1.207.989 1.207 1.302l.005 11.11c-.07.727.72 1.102 1.159.637 1.712-1.834 3.76-9.426-1.064-13.824-4.495-4.101-10.528-3.425-13.735-1.121-3.41 2.451-5.593 7.876-3.473 12.971 2.31 5.56 8.922 7.216 12.852 5.564 1.99-.837 2.91 1.966.843 2.882-3.123 1.388-11.814 1.248-15.874-6.083-2.744-4.95-2.597-13.66 4.678-18.172 5.566-3.451 12.903-2.495 17.328 2.32 4.625 5.036 4.356 14.464-.156 18.131-2.044 1.665-5.08.044-5.06-2.383l-.022-.794c-1.423 1.473-3.317 2.331-5.38 2.331-4.077 0-7.665-3.74-7.665-7.986 0-4.293 3.587-8.075 7.664-8.075zm5.132 7.766c-.154-3.11-2.37-4.982-5.046-4.982h-.1c-3.089 0-4.801 2.531-4.801 5.406 0 3.22 2.072 5.253 4.788 5.253 3.03 0 5.021-2.313 5.165-5.048l-.006-.629z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-lj {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%231DB1E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 16.3a12.032 12.032 0 016.073-6.073l2.824 2.824a12.032 12.032 0 00-6.073 6.073l9.883 9.883a12.033 12.033 0 016.073-6.073l-9.883-9.883a11.941 11.941 0 014.883-1.045 11.997 11.997 0 11-10.956 7.118L10.219 16.3zm19.489 9.62a8.853 8.853 0 00-3.797 3.796l4.724.927-.927-4.724z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-li {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2336869D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.813 13.497h-4.318v21.004H26.2v-4.122h-8.386V13.497zm12.609 8.419v12.587h4.083V21.916h-4.083zm0-8.417H34.5v4.076h-4.077V13.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-popup-main__social-llcode {
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='url(%23paint0_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.47 35.603c2.962-1.758 6.869-4.086 8.253-4.903C35.108 29.883 36 29.21 36 27.707c0-1.504-.009-10.782-.009-12.08 0-1.3-1.192-2.144-2.692-1.268-1.305.762-9.298 5.523-9.298 5.523s-7.83-4.664-9.299-5.523c-1.468-.86-2.692-.056-2.692 1.278 0 1.335-.005 11.124-.01 12.067 0 1.526.942 2.187 2.276 2.996 1.335.81 5.255 3.153 8.259 4.903.233.136.728.397 1.467.397.738 0 1.26-.274 1.468-.397z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='48' y1='28.56' x2='0' y2='28.557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E99ED'/%3E%3Cstop offset='1' stop-color='%2359C7FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.share-popup-main__social-ll-tooltip {
  position: absolute;
  right: 50%;
  bottom: 120%;
  z-index: 10;
  width: 81px;
  margin-left: -75px;
  padding: 5px;
  font-size: 12px;
  line-height: 15px;
  font-family: var(--font-family);
  text-align: center;
  color: var(--white);
  background-color: var(--gray-25);
  border-radius: 6px;
  transform: translateX(50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.15s, opacity 0.15s linear;
}

.share-popup-main__social-ll:hover .share-popup-main__social-ll-tooltip {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s;
}

.share-popup-main__social-ll-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.share-popup-main__social-ll-url {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.share-popup-main__submit {
  display: block;
  width: calc(100% - 40px * 2);
  margin-right: 40px;
  margin-left: 40px;
  padding: 13px 20px 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  font-family: var(--font-family);
  color: var(--white);
  background-color: var(--blue-2);
  border: 1px solid var(--blue-2);
  border-radius: 24px;
  visibility: hidden;
  cursor: pointer;
}

.share-popup-main__submit:hover {
  background-color: #388fe0;
}

.share-popup-lenta,
.share-popup-group,
.share-popup-friend {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 34px;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 20px;
}

.share-popup-lenta .share-popup__body {
  padding-top: 0;
}

.share-popup__textarea {
  left: 24px;
  box-sizing: border-box;
  width: calc(100% - 40px * 2);
  margin-right: 40px;
  margin-left: 40px;
  padding: 10px 20px 8px;
  font-size: 18px;
  font-family: var(--font-family);
  color: var(--main-dark);
  border: 1px solid var(--gray-84);
  border-radius: 8px;
  resize: none;
}

.share-popup__textarea::placeholder {
  color: var(--gray-55);
}

.share-popup-lenta .share-popup__textarea {
  height: 230px;
}

.share-popup-group .share-popup__textarea {
  height: 64px;
  margin-bottom: 24px;
}

.close-button {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.941.94L12 12.94l6.247 6.248.941-.94L12.941 12z' fill='%23252626'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
}

.share-popup__title {
  margin-right: 80px;
  margin-bottom: 30px;
  margin-left: 40px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: var(--main-dark);
}

.share-popup__search {
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.share-popup__search-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  padding-left: 55px !important;
  font-size: 16px;
  line-height: 38px !important;
  font-family: var(--font-family);
  color: var(--main-dark) !important;
  background-color: var(--gray-94) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.584 15.29a7 7 0 11.707-.707l5.615 5.616a.5.5 0 01-.707.707l-5.615-5.615zM17 10a6 6 0 11-12 0 6 6 0 0112 0z' fill='%23252626'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 7px center !important;
  border: 1px solid var(--gray-94) !important;
  border-radius: 19px !important;
}

.share-popup__search-input::-webkit-input-placeholder {
  color: var(--gray-40);
}

.share-popup__search-input::-moz-placeholder {
  color: var(--gray-40);
}

.share-popup__search-input:-ms-input-placeholder {
  color: var(--gray-40);
}

.share-popup__search-input::-ms-input-placeholder {
  color: var(--gray-40);
}

.share-popup__search-input::placeholder {
  color: var(--gray-40);
}

.share-popup__body {
  box-sizing: border-box;
  height: calc(616px - 34px - 88px - 62px - 40px - 120px);
  padding-top: 10px;
  overflow: auto;
}

.share-popup__body_lenta {
  height: calc(616px - 34px - 64px - 30px - 120px);
}

.share-popup__body_group {
  height: calc(616px - 34px - 32px - 30px - 64px - 24px - 60px - 120px);
}

.share-popup__body_friend {
  height: calc(616px - 34px - 32px - 30px - 60px);
}

.share-popup__body_friend-selected {
  height: calc(616px - 34px - 32px - 30px - 60px - 120px);
}

.share-popup-group__list {
  padding-right: 40px;
  padding-left: 40px;
}

.share-popup-group__item:not(:first-child) {
  margin-top: 16px;
}

.share-popup__avatar {
  flex: none;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  overflow: hidden;
  border-radius: 50%;
}

.share-popup__avatar img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.share-popup-group__item-title,
.share-popup-friend__item-title {
  flex: auto;
  margin-top: auto;
  margin-bottom: auto;
  overflow: hidden;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--main-dark);
  text-overflow: ellipsis;
}

.share-popup-group__item-button {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  margin-left: auto;
  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.007 15.936l7.071-7.071-.942-.943-6.129 6.128L5.88 7.922l-.943.943 7.071 7.07z' fill='%23252626'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
}

.share-popup-group__button,
.share-popup-friend__button {
  flex: none;
  box-sizing: border-box;
  width: 98px;
  margin-left: 10px;
  padding: 4px 11px 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: var(--white);
  background-color: var(--blue-2);
  border: 1px solid var(--blue-2);
  border-radius: 14px;
  cursor: pointer;
}

.share-popup-group__button:hover,
.share-popup-friend__button:hover {
  background-color: #388fe0;
}

.share-popup-group__item input:checked + .share-popup-group__button,
.share-popup-friend__item input:checked + .share-popup-friend__button {
  font-weight: 400;
  color: var(--gray-40);
  background-color: var(--white);
  border-color: var(--gray-40);
}

.share-popup-group__submenu-item input:checked + .share-popup-group__button:hover,
.share-popup-friend__item input:checked + .share-popup-friend__button:hover {
  background-color: rgba(150, 151, 152, 0.07);
}

.share-popup__footer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  height: 120px;
  padding-top: 32px;
  background-color: var(--white);
  visibility: hidden;
}

.share-popup__footer.active {
  visibility: visible;
}

.share-popup__submit {
  width: calc(100% - 40px * 2);
  margin-right: 40px;
  margin-left: 40px;
  padding: 13px 20px 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  font-family: var(--font-family);
  color: var(--white);
  background-color: var(--blue-2);
  border: 1px solid var(--blue-2);
  border-radius: 24px;
  cursor: pointer;
}

.share-popup__submit:hover {
  background-color: #388fe0;
}

.share-popup-friend__list {
  padding-right: 40px;
  padding-left: 40px;
}

.share-popup-group__item,
.share-popup-friend__item {
  display: flex;
  align-items: center;
}

.share-popup-friend__item:not(:first-child) {
  margin-top: 16px;
}

.share-popup-friend__item:last-child {
  margin-bottom: 24px;
}

/* Новые списки книг - start */
.menu-tag {
  margin: 0 0 9px;
  overflow: hidden;
  width: 100%; }

.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: block;
  width: calc(100% - 256px); }

.lists__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
*/
.lists__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px; }

.lists__title h2 {
  color: #252626;
  margin: 0 16px 0 0;
  font: 600 32px/40px "Source Sans Pro", sans-serif; }

.lists__title span {
  font-weight: 300; }
.lists__toggle {
  position: absolute;
  right: 0;
  top: 11px;
  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/ll2019/SVGsprite16.svg") 0px -78px no-repeat; }

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

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

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

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

.lists__toggle--active.lists__toggle--medium {
  background: url("/img/skins/ll2019/SVGsprite16.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;
  counter-reset: item; }
.lists__list .book-item__item {
  margin: 27px 0 29px 0;
  min-height: 330px; }
.lists__list .book-item--min {
  margin: 12px 0 20px 0;
  min-height: 0;
}
.lists__item {
  position: relative;
  width: 170px;
  height: 424px;
  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: 8px 8px 24px 24px;
  background-color: #ffffff;
  margin: 32px 0 24px 0; }

.wtr-11 .lists__item::before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  top: -24px;
  color: #6F7073;
  font: 600 20px/24px "Source Sans Pro", sans-serif; }

.lists__status {
  font: 14px/16px "Source Sans Pro", sans-serif;
  background-color: #edf0f7;
  border-radius: 16px;
  color: #fff;
  position: absolute;
  padding: 3px 25px 0 16px;
  height: 48px;
  width: 138px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -24px;
  left: 0;
  z-index: 1; }

.lists__link {
  height: 256px;
  width: 170px;
  border-radius: 8px;
  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: 8px;
  width: 73px;
  height: 112px;
  position: absolute;
  content: '';
  overflow: hidden;
  top: 148px;
  left: 102px;
  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__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 #D9DBE0;
  border-top: none;
  border-radius: 0 0 24px 24px;
  margin-top: -8px;
  color: #252626;
  padding: 18px 15px 15px;
  height: 176px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lists__menu,
.lists__menu:visited {
  width: 16px;
  height: 16px;
  padding: 5px 5px 5px 11px;
  position: absolute;
  margin: 0;
  top: 16px;
  right: -1px; }

.lists__menu::after {
  position: absolute;
  content: '';
  top: 12px;
  left: 18px;
  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/37px "Source Sans Pro", sans-serif;
  color: #252626;
  border-bottom: 1px solid #DCDEE0;
  width: 100%;
  text-align: center;
  padding: 0 12px 2px; }

.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: 14px/17px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 9px 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.lists__rating {
  position: relative;
  padding: 0 0 11px 28px;
  font: 300 26px/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;
  margin-top: auto; }

.lists__rating::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/skins/ll2019/SVGsprite16.svg") -138px -182px no-repeat; }

.lists__sales {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 70px;
  height: 51px;
  border-radius: 8px;
  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; }

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

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

.lists__mymark {
  position: absolute;
  font: 300 26px/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 11px 28px;
  bottom: 57px;
  right: 15px; }

.lists__mymark::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url("/img/skins/ll2019/SVGsprite16.svg") -112px -182px no-repeat;
  width: 24px;
  height: 24px; }

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

.lists__buy,
.lists__buy:visited {
  font: 14px/20px "Source Sans Pro", sans-serif;
  color: #252626;
  position: absolute;
  bottom: 9px;
  right: 0px; }

.lists__item .btn-add-plus,
.lists__item .btn-add-plus:visited {
  color: #fff;
  margin: 10px 0 0; }

.lists__text {
  width: calc(100% - 206px);
  position: absolute;
  left: 206px;
  max-height: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  margin: 0 0 9px;
  bottom: 0; }

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

.lists__remove {
  position: absolute;
  display: block;
  top: 206px;
  left: calc(50% - 63px);
  color: #fff;
  padding: 0 0 0 30px;
  z-index: 5;
  font: 16px/26px "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/ll2019/SVGsprite16.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 26px/32px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  margin: 17px 0 9px;
}
.lists__period h3 span {
  font-weight: 300; }

.lists-stat {
  position: absolute;
  left: 206px;
  top: 132px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.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 15px 21px 0; }

.lists-stat a::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px; }

.lists-stat__added::before {
  background: url("/img/skins/ll2019/SVGsprite16.svg") -278px -78px no-repeat; }

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

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

.lists-stat__quote::before {
  background: url("/img/skins/ll2019/SVGsprite16.svg") -252px -78px no-repeat; }

.lists-edition {
  position: absolute;
  left: 206px;
  top: 170px;
  color: #88898C;
  font: 18px/24px "Source Sans Pro", sans-serif;
  margin: 0; }

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

/*
.lists-genre {
  position: absolute;
  left: 206px;
  top: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 0 -16px; }*/
.lists-genre__list {
  position: absolute;
  left: 206px;
  top: 78px;
  display: inline-block;
  overflow: hidden;
  text-overflow: clip;
  max-height: 32px; }

.lists-genre__list li {
  display: inline-block;
  margin: 0 16px 0 0;
  min-width: 68px; }

.lists-genre__list a, .lists-genre__list a:visited {
  color: #217DD1;
  font: 18px/32px "Source Sans Pro", sans-serif; }

.lists-genre__list a:hover {
  background: rgba(150, 151, 153, 0.07); }

.lists-genre__list a:active {
  background: #EBEDF0; }

/**************************/
.lists-1 .lists__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px; }

.lists-2 .lists__title {
  margin: 32px 0 22px; }

.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 33px;
  height: auto; }

.lists-2 .lists__wrapper {
  position: initial;
  border: none;
  height: auto;
  padding: 27px 8px 15px;
  width: 170px; }

.lists-2 .lists__menu {
  top: -25px; }

.lists-2 .lists__link {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.lists-2 .lists__book-title {
  position: absolute;
  font: 600 26px/24px "Source Sans Pro", sans-serif;
  left: 206px;
  top: 0;
  width: calc(100% - 206px);
  max-height: 48px; }

.lists-2 .lists__author {
  position: absolute;
  font: 18px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  left: 206px;
  top: 30px;
  width: calc(100% - 206px); }

.lists-2 li:not(.slide-book__item) .lists__mymark {
  left: 101px;
  top: 276px;
  right: auto;
  bottom: auto; }

.lists-3 .lists__title {
  margin: 20px 0 4px; }

.lists-3 .lists__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 28px; }

.lists-3 .lists__item {
  width: 100%;
  height: 88px;
  margin: 24px 0 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.lists-3 .lists__status {
  width: fit-content;
  height: 24px;
  border-radius: 8px 8px 8px 0;
  left: 89px;
  font-size: 14px;
  font-weight: 600;
  top: 0px;
  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 40px 0 32px;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 88px; }

.lists-3 .lists__menu {
  top: 30px; }

.lists-3 .lists__book-title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  -webkit-line-clamp: 1;
  max-height: 24px;
  width: 50%; }

.lists-3 .lists__author {
  font: 16px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 9px;
  width: 50%; }

.lists-3 li:not(.slide-book__item) .btn-add-plus {
  width: 112px;
  margin: auto 0; }

.lists-3 .lists__rating {
  margin: 20px 0 20px 108px; }

.lists-3 li:not(.slide-book__item) .lists__mymark {
  bottom: 21px;
  right: 272px; }
.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); }


@media (min-width: 1140px) {
  .lists {
    margin: 32px 0 0;
    width: calc(100% - 324px); } }
/* Новые списки кник - end */
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: rgba(0, 0, 0, 0.7);
}

.lenta-popup__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 550px;
  height: 616px;
  margin: auto;
  overflow: hidden;
  background-color: var(--white);

  border-radius: 20px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
}

.lenta-popup__header {
  position: relative;
}

.lenta-popup__close-button {
  position: absolute;
  top: 40px;
  right: 40px;
  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;
}

.lenta-popup__modal-title {
  margin: 34px 64px 0 40px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  font-family: var(--font-family);
  color: var(--main-dark);
}

.lenta-popup__body {

}

.lenta-popup__tabs {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 22px 40px 24px;
}

.lenta-popup__tab {
  flex: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-family);
  text-align: center;
  color: var(--main-dark);
  background-color: var(--gray-95);
  border-radius: 16px;
}

.lenta-popup__tab:hover {
  background-color: #e6e8ea;
}

.lenta-popup__tab:active {
  background-color: var(--gray-84);
}

.lenta-popup__tab.active {
  font-weight: 600;
  color: var(--white);
  background-color: var(--blue-2);
}

.lenta-popup__tab.active:hover {
  background-color: #388fe0;
  color: var(--white);
}

.lenta-popup__tab.active:active {
  background-color: #207bcf;
}

.lenta-popup__tab:nth-of-type(1) {
  width: 115px;
}

.lenta-popup__tab:nth-of-type(2) {
  width: 168px;
}

.lenta-popup__tab:nth-of-type(3) {
  width: 169px;
}

.lenta-popup__content {
  box-sizing: border-box;
  height: calc(616px - (66px + 94px + 128px));
  padding-right: 40px;
  padding-left: 40px;
  overflow: auto;
}

.lenta-popup__content.scroll-off {
  overflow: 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: 18px;
  text-align: left;
  background-color: var(--white);
}

.lenta-popup__table td {
  font-size: 14px;
  line-height: 16px;
  font-family: var(--font-family);
}

.lenta-popup__table a,
.lenta-popup__table a:visited {
  color: var(--blue-2);
}

.lenta-popup__table td {
  box-sizing: border-box;
  height: 56px;
  min-height: 56px;
  padding-top: 13px;
}

.lenta-popup__table th:nth-of-type(1),
.lenta-popup__table td:nth-of-type(1) {
  width: 106px;
}

.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) {
  text-align: right;
}

.lenta-popup__table button {
  padding: 5px 16px 9px;
  font-size: 16px;
  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;
  transform: translateY(-1px);
  cursor: pointer;
}

.lenta-popup__table button:hover {
  background-color: #388fe0;
}

.lenta-popup__table button:active {
  background-color: #207bcf;
}

.lenta-popup__footer {
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
}

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

.lenta-popup__footer-button:hover {
  background-color: #388fe0;
}

.lenta-popup__footer-button:active {
  background-color: #207bcf;
}

.lenta-popup__warning {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  width: 412px;
  height: 208px;
  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;
  margin-right: -12px;
  margin-left: -12px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.lenta-popup__warning-footer button {
  flex-grow: 1;
  flex-basis: 50%;
  box-sizing: border-box;
  margin-right: 12px;
  margin-left: 12px;
  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:nth-of-type(2) {
  font-weight: 600;
  color: var(--white);
  background-color: var(--blue-2);
}

.lenta-popup__tab-title {
  margin-bottom: 28px;
  padding-top: 8px;
  font-size: 16px;
  line-height: 20px;
}

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

.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;
  flex-basis: 50%;
}

.lenta-popup__priority label:not(:nth-of-type(-n+2)) {
  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__person {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding: 12px 20px;
  background-color: var(--gray-95);
  border-radius: 14px;
}

.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-right: 14px;
  padding-left: 20px;
}

.lenta-popup__person-title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--main-dark);
}

.lenta-popup__person-descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--main-dark);
}

.lenta-popup__person-permit {
  flex: none;
  align-self: center;
  width: 112px;
  padding: 5px 16px 9px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  font-family: var(--font-family);
  color: var(--white);
  background-color: var(--blue-2);
  border: 1px solid var(--blue-2);
  border-radius: 16px;
  cursor: pointer;
}

.lenta-popup__person-permit:hover {
  background-color: #3b91e0;
}

.lenta-popup__person-permit:active {
  background-color: #217dd1;
}
/**/

/* Новый попап шеринга с репостами */

/* Новый попап шеринга с репостами - end */

/*UGC editform styles - start*/
:root {
  --main-dark: #252626;
  --gray-40: #707273;
  --gray-55: #898b8c;
  --gray-84: #d1d4d6;
  --gray-90: #dfe1e6;
  --gray-95: #edf0f2;
  --beige-4: #eeeddd;
  --red: #fa385c;
  --blue-1: #003569;
  --blue-2: #217dd1;
  --blue-3: #3b91e0;
  --blue-4: #3e99de;
  --white: #ffffff;

  --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* выравниваем баннер относительно нового заголовка */
.left-column {
  margin-top: 85px;
}

.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: 22px;
  margin-left: 0;
  font-weight: 600;
  font-size: 40px;
  line-height: 63px;
}

.subtitle {
  display: block;
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--main-dark);
}

.subtitle_help {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  line-height: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.subtitle_help:hover .ugc-form__help {
  display: block;
}

.page-content__section {
  margin-bottom: 44px;
}

.page-content__subtitle {
  margin-bottom: 8px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.page-content__actions {
  margin-top: 46px;
  margin-bottom: 59px;
}

.preview {
  display: -webkit-box;
  display: flex;
  flex: auto;
  padding: 12px 0 0px;
  -webkit-box-flex: 1;
}

.preview__image {
  flex: none;
  align-self: flex-start;
  width: 111px;
  height: 168px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-flex: 0;
  -ms-flex-item-align: start;
}

.preview__image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.preview__content {
  display: -webkit-box;
  display: flex;
  flex: auto;
  flex-direction: column;
  box-sizing: border-box;
  margin-left: 32px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.preview__subtitle {
  margin-top: 14px;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 26px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.preview__author {
  margin-bottom: auto;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: var(--main-dark);
}

.preview__assessment {
  margin-bottom: 7px !important;
  font-weight: 300;
  font-size: 32px;
  line-height: 39px;
  color: var(--gray-40);
  position: relative;
  padding-left: 32px;
}

p.preview__assessment {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 32px;
  line-height: 39px;
  color: var(--gray-40);
  position: relative;
  padding-left: 32px;
}

.preview__assessment::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background-image: url('/img/skins/ll2019/SVGsprite16.svg');
  background-repeat: no-repeat;
  background-position: -84px -182px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ugc-form__rating {
  transform: translateX(-16px);
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  width: 260px;
  justify-content: space-between;
}

.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/ll2019/SVGsprite16.svg');
  background-position: -56px -182px;
  background-repeat: no-repeat;
}

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

.rating input:checked ~ label::before,
.rating label:hover ~ label::before,
.rating label:hover::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.input-inline {
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--main-dark);
  text-overflow: ellipsis;
  border: 1px solid var(--gray-84);
  border-radius: 24px;
}

input.input-inline + input.input-inline {
  margin-top: 24px;
}

input.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 21px top calc(50% - 1px);
}

input.input-inline_arrow-bottom::-webkit-input-placeholder {
  color: var(--main-dark);
}

input.input-inline_arrow-bottom::-moz-placeholder {
  color: var(--main-dark);
}

input.input-inline_arrow-bottom:-ms-input-placeholder {
  color: var(--main-dark);
}

input.input-inline_arrow-bottom::-ms-input-placeholder {
  color: var(--main-dark);
}

input.input-inline_arrow-bottom::placeholder {
  color: var(--main-dark);
}

.input-textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 304px;
  padding: 10px 20px 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: var(--main-dark);
  border: 1px solid var(--gray-84);
  border-radius: 6px;
  resize: none;
}

.input-textarea_height_small {
  height: 112px;
}

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

.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/ll2019/SVGsprite16.svg');
  background-repeat: no-repeat;
  background-position: -336px 2px;
  border: 1px solid var(--gray-95);
  border-radius: 8px;
}

.input-checkbox {
  display: -webkit-box;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: var(--main-dark);
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.input-checkbox_standalone {
  margin-top: -8px;
  margin-bottom: 24px;
}

.input-checkbox_margin-top_21 {
  margin-top: -21px;
}

.input-checkbox label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

.input-checkbox label:not(:first-of-type) {
  margin-left: 41px;
}

.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/ll2019/SVGsprite16.svg');
  background-repeat: no-repeat;
  background-position: -166px -156px;
  -webkit-transform: translateY(-50%);
  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: 18px;
  line-height: 24px;
  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: 7px;
  font-size: 0;
  background-image: url('/img/skins/ll2019/SVGsprite16.svg');
  background-repeat: no-repeat;
  background-position: -36px -156px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.draft {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 26px;
  font-weight: 400;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
}

.draft__link {
  font-size: 18px;
  color: var(--blue-2);
}

.draft__link:visited {
  color: var(--blue-2);
}

.draft__save {
  font-size: 18px;
  color: var(--gray-55);
}

.actions {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  padding: 32px 20px;
  background-color: var(--gray-95);
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.actions__button {
  box-sizing: border-box;
  width: 188px;
  min-height: 40px;
  margin-right: 12px;
  margin-bottom: 0;
  margin-left: 12px;
  padding: 9px 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  font-family: "Source Sans Pro", Arial, sans-serif;
  text-align: center;
  color: var(--white);
  background-color: var(--blue-2);
  background-image: none;
  border: 1px solid var(--blue-2);
  border-radius: 24px;
}

.actions__button_outline {
  font-weight: 400;
  color: var(--gray-40);
  background-color: var(--white);
  border-color: var(--gray-40);
}

.actions__button:last-child {
  margin-bottom: 0;
}

.actions__button_left-indent {
  width: 179px;
  margin-left: auto;
}

.help {
  position: absolute;
  padding: 26px 24px 24px;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: var(--box-shadow);
}

.help__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.help__text:not(:last-child) {
  margin-bottom: 22px;
}

.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__subtitle {
  z-index: 1;
  margin-bottom: 8px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.ugc-form__fieldset {
  margin: 0 0 44px;
  padding: 0;
  border: none;
}

.ugc-form__explanation {
  margin-top: 9px;
  margin-bottom: 4px;
}

.ugc-form__input-date {
  margin-bottom: 7px;
}

.wrapper-ugc {
  flex: auto;
  -webkit-box-flex: 1;
}

.ugc-form__columns {
  display: -webkit-box;
  display: flex;
  margin-right: -16px;
  margin-bottom: 44px;
  margin-left: -16px;
}

.ugc-form__columns details {
  z-index: 9;
}

.ugc-form__column {
  flex: initial;
  width: 50%;
  margin-right: 16px;
  margin-left: 16px;
  -webkit-box-flex: initial;
}

.ugc-slide-book {
  margin-left: 0;
}

.ugc-form__select {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 40px;
}

.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: 40px;
  padding: 6px 19px 8px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  background: #fff;
  border: 1px solid #D2D4D6;
  border-radius: 20px;
}

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

.ugc-form__select summary::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 22px;
  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 > div {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 99;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-top: 1px solid #D2D4D6;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  max-height: 292px;
}

.ugc-form__select a {
  padding: 8px 20px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
}

.ugc-form__select_checkbox div {
  padding-top: 7px;
  padding-bottom: 8px;
}

.ugc-form__select_checkbox label {
  display: -webkit-inline-box;
  display: inline-flex;
  align-items: center;
  margin: 8px 0;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  -webkit-box-align: center;
}

.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 {
  padding-top: 23px;
  padding-bottom: 3px;
}

.ugc-form__select_search input[type="search"] {
  margin-bottom: 6px;
  padding: 7px 20px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  border: 1px solid var(--gray-84);
  border-radius: 24px;
}

.ugc-form__help {
  top: 30px;
  right: -48px;
  z-index: 10000;
  display: none;
  box-sizing: border-box;
  width: 400px;
  height: 216px;
  min-height: 216px;
}

/* Модальное окно */
.ugc-popup {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 10000;
  display: none;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 359px;
  height: 352px;
  padding: 63px 19px 20px;
  background: var(--white);
  border-radius: 20px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -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: var(--gray-40);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.ugc-popup__title {
  margin: 0 0 16px;
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  text-align: center;
  color: var(--blue-2);
}

.ugc-popup__text {
  margin: 0 0 25px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: var(--gray-40);
}

.ugc-popup__wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-box-pack: center;

}

.ugc-popup__icon {
  display: -webkit-box;
  display: flex;
  width: 48px;
  height: 48px;
  margin: 12px 16px;
  background-repeat: no-repeat;
  background-image: url('/img/skins/ll2019/SVGsprite16.svg');
}

.ugc-popup__icon_vk {
  background-position: 0 -286px;
}

.ugc-popup__icon_fb {
  background-position: -50px -286px;
}

.ugc-popup__icon_mail {
  background-position: -200px -286px;
}

.ugc-popup__icon_twitter {
  background-position: -150px -286px;
}

.ugc-popup__icon_ok {
  background-position: -100px -286px;
}

.ugc-popup__icon_livejournal {
  background-position: -250px -286px;
}

.ugc-popup__icon_liveinternet {
  background-position: -300px -286px;
}

/* Проверка на возможность наведения */
@media (hover: hover) {
  .actions__button:hover,
  .actions__button:focus {
    background-color: #3b91e0;
    cursor: pointer;
  }

  .actions__button:active {
    background-color: #207bcf;
  }

  .actions__button_outline:hover,
  .actions__button_outline:focus {
    background-color: var(--gray-95);
    cursor: pointer;
  }

  .actions__button_outline:active {
    background-color: var(--gray-90);
  }

  .ugc-form__select a:hover {
    background-color: var(--gray-95);
  }
}

.ugc-popup_dialog {
  flex-direction: column;
  /*display: flex !important;*/
  justify-content: space-between;
  align-items: stretch;
  width: 412px;
  height: 320px;
  padding: 24px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ugc-popup_dialog p {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  color: var(--main-dark);
}

.ugc-popup_dialog .ugc-popup__footer {
  display: flex;
  justify-content: space-between;
}

.ugc-popup__button {
  width: 170px;
  max-width: none;
  min-height: 40px;
  margin-right: 0;
  margin-left: 0;
  font-weight: 600;
  font-size: 18px;
  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;
  cursor: pointer;
}

.ugc-popup__button:hover {
  background-color: var(--blue-3);
}

.ugc-popup__button:active {
  background-color: var(--blue-2);
}

.ugc-popup__button:not(:last-of-type) {
  margin-bottom: 0;
}

.ugc-popup__button_outline {
  font-weight: 400;
  color: var(--gray-40);
  background-color: var(--white);
  border-color: #88898c;
  cursor: pointer;
}

.ugc-popup__button_outline:hover {
  background-color: rgba(237, 240, 247, 0.5);
}

.ugc-popup__button_outline:active {
  background-color: var(--gray-95);
}

/* Модальное окно предпросмотра */
.modal-preview {
  display: none;
  /*display: flex;*/
  justify-content: center;
  align-items: flex-start;
}

.modal-preview__wrapper {
  max-width: 670px;
  margin: 64px auto 80px;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 20px;
}

.modal-preview__header,
.modal-preview__footer {
  background-color: var(--gray-95);
}

.modal-preview__header {
  padding: 33px 32px 31px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

.modal-preview__body {
  padding: 28px 24px 0;
}

.modal-preview__footer {
  display: flex;
  justify-content: space-between;
  padding: 32px;
}

.modal-preview__edit,
.modal-preview__publish {
  width: 175px;
  min-width: 175px;
  padding: 7px 0;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

.modal-preview__edit {
  margin-left: 14px;
  font-weight: 400;
  color: var(--blue-2);
  background-color: var(--white);
  border: 1px solid var(--blue-2);
  border-radius: 24px;
}

.modal-preview__publish {
  margin-right: 14px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--blue-2);
  border: 1px solid var(--blue-2);
  border-radius: 24px;
}

.ugc-datepicker .datepicker--cell.-selected- {
  background-color: var(--blue-4);
}

.ugc-datepicker .datepicker--button[data-action="clear"] {
  color: var(--gray-40);
  border-color: var(--gray-55);
}

.ugc-datepicker .datepicker--button[data-action="clear"]:hover {
  background-color: rgba(237, 240, 247, 0.5);
}

.ugc-datepicker .datepicker--button[data-action="clear"]:active {
  background-color: var(--gray-95);
}

/*UGC editform styles - end*/

/* Editions - start */
.editions {
  margin-top: 0 !important;
}
.editions .section-form__wrap {
  flex-direction: column;
  align-items: start;
  height: auto;
  min-height: 72px;
  padding-top: 25px;
  padding-bottom: 19px;
  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: 32px;
  line-height: 40px;
  color: #ffffff;
}
.editions .section-form__product {
  margin-right: 7px;
  font-weight: 600;
}
.editions .section-form__author {
  font-weight: 400;
}
.editions .section-form__title {
  width: auto;
  margin-top: 5px;
  line-height: 1;
}
.editions .section-form__inner {
  padding-right: 16px;
  padding-left: 16px;
}
.editions .section-form__inner > * {
  width: calc(33% - 11px * 2);
  margin-right: 12px;
  margin-left: 12px;
}
.editions .section-form__box {
  display: none;
}
.editions .section-form__box + label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 54px;
  cursor: pointer;
}
.editions .section-form__box + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 24px;
  height: 24px;
  background-image: url("/img/skins/ll2019/SVGsprite16.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 {
  width: 100%;
}
@media (min-width: 1024px) {
  .editions .editions__content {
    width: calc(100% - 256px);
  }
}
@media (min-width: 1140px) {
  .editions .editions__content {
    width: calc(100% - 324px);
  }
}
.editions .editions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}
.editions .editions-list__title {
  margin: 0 12px 0 0;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  color: #252626;
}
.editions .editions-list__views {
  display: flex;
  transform: translateY(7px);
}
.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/ll2019/SVGsprite16.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/ll2019/SVGsprite16.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/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: -52px -78px;
}
.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(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-list__view:nth-child(4) .editions-list__view-button.active {
  background-image: url("/img/skins/ll2019/admin-active-view-icon.svg");
}
.editions .lists-stat {
  top: 188px;
}
.editions.lists-2_editor .lists__genres {
  position: absolute;
  top: 82px;
  left: 206px;
  width: calc(100% - 400px);
}
.editions.lists-2_editor .lists__genres-list {
  display: flex;
  flex-wrap: wrap;
  height: 24px;
  overflow: hidden;
}
.editions.lists-2_editor .lists__genres-item {
  margin-right: 19px;
}
.editions.lists-2_editor .lists__genres-link {
  font-size: 18px;
  line-height: 24px;
  color: #217dd1;
  white-space: nowrap;
}
.editions.lists-2_editor .lists__friends {
  position: absolute;
  top: 109px;
  left: 207px;
  width: calc(100% + 16px * 2);
  overflow: hidden;
}
.editions.lists-2_editor .lists__friends-list {
  display: flex;
  margin-top: 7px;
  padding-left: 0;
}
.editions.lists-2_editor .lists__friends-item {
  flex: none;
  margin-right: 22px;
}
.editions.lists-2_editor:first-child {
  margin-left: 28px;
}
.editions.lists-2_editor:last-child {
  padding-right: 28px;
}
.editions.lists-2_editor .lists__friends-link {
  display: flex;
  align-items: center;
}
.editions.lists-2_editor .lists__friends-image {
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
}
.editions.lists-2_editor .lists__friends-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.editions.lists-2_editor .lists__friends-rating {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #252626;
}
.editions.lists-2_editor .lists__friends-more {
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-weight: 300;
  font-size: 18px;
  color: #252626;
}
.editions.lists-2_editor .lists__info {
  position: absolute;
  top: 226px;
  left: 206px;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.editions.lists-2_editor .lists__info th:first-child {
  width: 122px;
  font-weight: 400;
  color: #88898c;
}
.editions.lists-2_editor .lists__info th,
.editions.lists-2_editor .lists__info td {
  padding: 3px 0;
  font-size: 18px;
}
.editions.lists-2_editor .lists__info td {
  color: #252626;
}
.editions.lists-2_editor .lists__info td a {
  color: #217dd1;
}
.editions.lists-2_editor .lists__text {
  top: 366px;
}
.editions.lists-2_editor .editor-tools {
  width: 200px;
  margin-top: 2px;
  margin-bottom: 70px;
  padding-left: 1px;
  font-size: 14px;
}
.book-item__item .editor-tools {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  margin: 15px 0 0 0;
}

.book-item__item .editor-tools__item {
  /* padding: 0 0 8px 0; */
}
.book-item__item .editor-tools__item:last-child {
  padding: 0;
}
.editions.lists-2_editor .editor-tools__item {
  position: relative;
}
.editions.lists-2_editor .editor-tools__link {
  display: inline-block;
  line-height: 20px;
  color: #fa385d;
}
.editions.lists-2_editor .editor-tools__link_status-main {
  color: #217dd1;
}
.editions.lists-2_editor .editor-tools__popup {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  z-index: 100;
  display: inline-block;
  box-sizing: border-box;
  min-width: 314px;
  padding: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #252626;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.editions.lists-2_editor .editor-tools__popup a {
  color: #217dd1;
}

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

.sticky-menu {
  position: sticky;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1000;
  max-width: 1140px;
  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;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  padding: 0 24px 12px;
}

.sticky-menu__container > * {
  height: 40px;
  margin-top: 12px;
  margin-bottom: 0;
}

.sticky-menu__counter {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  color: #ffffff;
}

.sticky-menu__button {
  width: 170px;
  height: 40px;
  padding-bottom: 4px;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  color: #6f7073;
  background-color: #ffffff;
  border: 1px solid #88898c;
  border-radius: 20px;
}

.sticky-menu__button_solid {
  margin-right: 24px;
  margin-left: 24px;
  font-weight: 600;
  color: #ffffff;
  background-color: #3e99ed;
  border-color: #3e99ed;
}

.sticky-menu__select {
  display: flex;
  width: 522px;
  height: 40px;
  margin-left: auto;
}

.sticky-menu__details {
  width: 100%;
  border-radius: 20px;
}

.sticky-menu__summary {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  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: 13px;
  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__inner {
  position: relative;
}

.sticky-menu__popup {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 48px;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

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

.sticky-menu__popup input:checked + label {
  font-weight: 600;
  background-color: #edf0f7;
}

.sticky-menu__select.extended .sticky-menu__popup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sticky-menu__select.extended .sticky-menu__popup label {
  padding-left: 16px;
  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;
}

.show-selects .sticky-menu {
  display: block;
}

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

.show-selects .sticky-menu__checkbox-label {
  display: block;
}

.show-selects .lists__link {
  position: relative;
}

/* Стили для обычного пользователя */
.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 */
/* Afisha styles - start */
.modal-afisha-calendar {
  position: absolute;
  display: none;
  width: 560px;
  height: 328px;
  top: 200px;
  left: 50%;
  margin-left: -240px;
  z-index: 5;
  border-radius: 20px;
  padding: 24px;
  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;
  flex-grow: 1;
  margin: 0 8px;
  border-radius: 20px;
  height: 40px; }

.button-white {
  background-color: #ffffff;
  color: #969799;
  border: 1px solid #969799; }

.button-blue {
  background-color: #3E99ED;
  color: #ffffff;
  font-weight: 600;
  border: none; }

.afisha-event__wrapper {
  position: relative;
  padding: 0 16px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0px 20px;
  max-width: 1140px; }

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

.afisha-event__block--choise:before {
  display: block;
  position: absolute;
  content: "Выбор редакции";
  background-color: #3E99ED;
  color: #fff;
  font: 600 12px/20px "Source Sans Pro", sans-serif;
  letter-spacing: 0.5px;
  top: 9px;
  right: 16px;
  padding: 0px 7px;
  border-radius: 6px 6px 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%;
  width: 32px;
  height: 32px;
  margin: 0px 10px 10px 8px;
  -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); }

p.afisha-event__user-login {
  font: 600 14px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 10px; }

.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(224/358 * 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__block--choise {
  grid-row: 1/3; }

.afisha-event__block--choise .afisha-event__picture-wrapper {
  padding-bottom: calc(600/358 * 100%); }

.afisha-event__block--choise .vert {
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  bottom: 0;
  height: 100%; }

.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: 16px;
  right: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  width: 73px; }

.afisha-event__daystart {
  font: 600 32px/34px "Source Sans Pro", sans-serif;
  margin-top: 5px; }

.afisha-event__monthstart,
.afisha-event__timestart {
  font: 600 14px/16px "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: 3px 8px 6px; }

.afisha-event__location {
  font: 600 14px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  color: #3E99ED; }

.afisha-event__aliases {
  font: 14px/24px "Source Sans Pro", sans-serif;
  margin: 0;
  color: #88898C; }

.afisha-event__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  margin: 0 8px 28px;
  color: #252626;
  height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.absoluteTitle img {
  display: none; }

.absoluteTitle ~ .afisha-event__title {
  position: absolute;
  top: 90px;
  left: 16px;
  font: 600 32px/32px "Source Sans Pro", sans-serif;
  right: 89px;
  height: 128px;
  -webkit-line-clamp: 4; }

.afisha-event__block--livelib .afisha-event__picture-wrapper {
  background-color: #3E99ED;
  margin: 40px 0px 8px; }

.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;
  top: 90px;
  right: 8px; }

.afisha-event__block--livelib::after {
  content: "";
  position: absolute;
  top: 50px;
  left: -3px;
  width: 100px;
  height: 20px;
  color: #ffffff;
  background: url("/img/skins/ll2019/avatar-livelib.svg") no-repeat 50% 50%; }

.afisha-event__block--livelib .afisha-event__pictureblock::after {
  content: "Подробнее";
  position: absolute;
  bottom: 25px;
  right: 34px;
  width: 80px;
  height: 20px;
  color: #ffffff;
  font: 16px/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; }

.afisha-event__block--livelib::before {
  bottom: 46px; }

.popup-dateevent {
  display: none;
  position: absolute;
  top: 170px;
  background: #fff;
  border-radius: 20px;
  height: 392px;
  width: 608px;
  padding: 32px 16px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 40;
  -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); }

.afisha-events__calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}

.popup-dateevent__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: auto; }
.popup-dateevent__tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 24px;
  width: 50%; }

.popup-dateevent__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #252626;
  background: #EDF0F7;
  height: 32px;
  border-radius: 16px;
  padding: 0 16px;
  margin-bottom: 16px;
  font: 16px/28px "Source Sans Pro", sans-serif;
}
.popup-dateevent__tag:hover,
.popup-dateevent__tag:active,
.popup-dateevent__tag--active {
  color: #fff;
  background: #6f7073;  }
.afisha-events__calendar .datepicker {
  border: none; }

.afisha-events__calendar .datepicker--nav-title {
  text-transform: uppercase;
  font: 18px/24px "Source Sans Pro", sans-serif; }

@media (min-width: 1140px) {
  .afisha-event__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0px 24px;
    padding: 0; }
  .afisha-event__picture-wrapper {
    padding-bottom: calc(224/364 * 100%); }
  .afisha-event__block--choise .afisha-event__picture-wrapper {
    padding-bottom: calc(600/364 * 100%); }
  .vert {
    top: 16px;
    bottom: 16px;
    height: calc(100% - 32px); } }
/* Afisha styles - end */

/* Selections view page - start */
.selection-card.page-content {
  margin-top: 0;
}

.selection-card__container {
  position: relative;
}

@media (min-width: 1140px) {
  .selection-card__container {
    width: calc(100% - 324px);
  }
}

.selection-card__section-form {
  margin-bottom: 30px;
}
.selection-card__section-form .section-form__wrap {
  position: relative;
  display: grid;
  height: auto;
  padding-top: 28px;
  padding-bottom: 24px;
  overflow: hidden;
  column-gap: 20px;
  grid-template-rows: 40px auto;
  grid-template-columns: 1fr 260px;
}
.selection-card__section-form .section-form__wrap::before {
  content: "";
  position: absolute;
  top: -35px;
  right: -35px;
  bottom: -35px;
  left: -35px;
  z-index: -1;
  display: block;
  background-image: var(--image-url);
  background-position: center;
  background-size: cover;
  filter: blur(35px);
}
.selection-card__section-form .section-form__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}
.selection-card__section-form .section-form__books-amount {
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: start;
}
.selection-card__section-form .section-form__books-amount.private::after, .selection-card__section-form .section-form__books-amount.friends::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -38px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/img/skins/ll2019/SVGsprite16.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.selection-card__section-form .section-form__books-amount.private::after {
  background-position: -226px -104px;
}
.selection-card__section-form .section-form__books-amount.friends::after {
  background-position: -252px -104px;
}
.selection-card__section-form .section-form__search {
  grid-column: -1/-2;
  grid-row: 1/2;
}
.selection-card__section-form .section-form__title {
  display: -webkit-box;
  width: auto;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 51px;
  line-height: 56px;
  grid-column: 1/-1;
  grid-row: 2/3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.selection-card__section-form .section-form__inner {
  padding-right: 28px;
  padding-left: 28px;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
}
.selection-card__section-form .section-form__inner > * {
  width: auto;
  margin-right: 0;
  margin-left: 0;
}
.selection-card__section-form .section-form__toggle:checked ~ .section-form__inner {
  display: grid;
}

.selection-card__adding {
  position: relative;
}
.selection-card__adding .adding__title {
  position: relative;
  z-index: 10;
  margin-right: 60px;
  margin-bottom: 26px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #252626;
}
.selection-card__adding .adding__search-input {
  position: relative;
  z-index: 10;
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 12px);
  padding-left: 56px;
  font-size: 16px;
  line-height: 36px;
  font-family: "Source Sans Pro", sans-serif;
  color: #252626;
  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: 16px center;
  border: 1px solid #edf0f7;
  border-radius: 20px;
}
.selection-card__adding .adding__search-input::placeholder {
  color: #707273;
}
.selection-card__adding .adding__search-input:focus-within ~ .adding__popup {
  display: block;
}
.selection-card__adding .adding__popup {
  position: absolute;
  top: -22px;
  right: -16px;
  left: -28px;
  z-index: 9;
  display: none;
  box-sizing: border-box;
  min-height: 152px;
  padding-top: 152px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.selection-card__adding .adding__popup.active {
  display: block;
}
.selection-card__adding .adding__close-button {
  position: absolute;
  top: 28px;
  right: 28px;
  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__adding .adding__filter {
  padding-right: 28px;
  padding-bottom: 24px;
  padding-left: 28px;
}
.selection-card__adding .adding__filter-input {
  display: none;
}
.selection-card__adding .adding__filter-input:checked + .adding__filter-label {
  color: #ffffff;
  background-color: #707273;
}
.selection-card__adding .adding__filter-label {
  display: inline-block;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 16px;
  line-height: 32px;
  font-family: "Source Sans Pro", sans-serif;
  color: #252626;
  background-color: #edf0f7;
  border-radius: 16px;
  cursor: pointer;
}
.selection-card__adding .adding__filter-label:not(:last-child) {
  margin-right: 14px;
}
.selection-card__adding .adding__list {
  height: 376px;
  padding-right: 28px;
  padding-left: 28px;
  overflow: auto;
}
.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: 73px 1fr 150px;
  grid-column-gap: 16px;
  grid-template-rows: auto 1fr;
}
.selection-card__adding .adding__item-cover {
  height: 112px;
  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 {
  display: -webkit-box;
  padding-top: 5px;
  overflow: hidden;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #252626;
  grid-column: 2/3;
  grid-row: 1/2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.selection-card__adding .adding__item-title:visited {
  color: inherit;
}
.selection-card__adding .adding__item-author {
  font-size: 16px;
  line-height: 24px;
  color: #252626;
  grid-row: 2/3;
  grid-column: 2/3;
}
.selection-card__adding .adding__item-author:visited {
  color: #252626;
}
.selection-card__adding .adding__item-buttons {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  grid-row: 1/-1;
}
.selection-card__adding .adding__item-button {
  font-weight: 600;
  font-size: 16px;
  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:not(:last-child) {
  margin-bottom: 16px;
}
.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: 39px;
  margin-bottom: 17px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #252626;
}

.selection-card__main {
  display: grid;
  margin-top: 39px;
  grid-template-areas: "members      options" "date         views" "categories   categories" "description  description" "actions      share";
  grid-template-rows: 32px 32px auto auto 28px;
  grid-template-columns: 1fr 1fr;
}

.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;
}
.selection-card__members .members__item {
  position: relative;
  display: inline-block;
}
.selection-card__members .members__item:not(:first-child) {
  margin-left: -16px;
}
.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;
  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: 8px;
  padding: 0;
  font-size: 0;
  background-color: transparent;
  background-image: url("/img/skins/ll2019/SVGsprite16.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;
  justify-self: end;
}
.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: 6px;
  margin-bottom: 2px;
  font-size: 0;
  background-color: transparent;
  background-image: url("/img/skins/ll2019/SVGsprite16.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;
  padding-right: 4px;
  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/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: -182px -78px;
}

.selection-card__categories {
  margin-top: 7px;
  font-size: 18px;
  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: 19px;
  font-size: 18px;
  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: 2px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 28px;
  color: #88898c;
  cursor: pointer;
}
.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/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  transform: translateY(-50%);
}
.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/ll2019/SVGsprite16.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/ll2019/SVGsprite16.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: 32px;
  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/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: -78px 0;
  transform: translateY(-50%);
}

.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: rgba(0, 0, 0, 0.7);
}
.selection-card__add-authors.hidden {
  display: none;
}
.selection-card__add-authors .add-authors__result-wrapper {
  height: 312px;
  margin-top: 32px;
  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;
  width: 622px;
  min-height: 320px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.selection-card__add-authors .add-authors__close {
  position: absolute;
  top: 16px;
  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: 40px;
  padding-left: 40px;
}
.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: 39px 40px 25px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  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: 6px;
  font-weight: 400;
  font-size: 16px;
  color: #88898c;
  transform: translateY(-5px);
}
.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% - 40px * 2);
  margin-top: 32px;
  margin-right: 40px;
  margin-left: 40px;
  padding: 7px 16px 11px 55px;
  font-size: 16px;
  line-height: 1;
  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: 15px 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: 40px;
  margin-left: 40px;
  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__list-header {
  display: flex;
  justify-content: space-between;
  margin-top: 43px;
}
.selection-card__list-header .selection-card__stats {
  position: relative;
  z-index: 8;
  margin-left: 206px;
  padding-bottom: 20px;
}
.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: 20px;
  line-height: 24px;
  color: #3e99ed;
  transform: translateY(-1px);
  cursor: pointer;
}
.selection-card__list-header .selection-card__stats .stats__popup {
  position: absolute;
  top: calc(100% - 16px);
  left: -9px;
  display: none;
  box-sizing: border-box;
  min-height: 400px;
  padding: 21px 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: 13px;
  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/ll2019/SVGsprite16.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;
}
.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/ll2019/SVGsprite16.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/ll2019/SVGsprite16.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/ll2019/SVGsprite16.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-comments {
  position: relative;
  margin-top: 57px;
}

.selection-card-comments__title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #252626;
}

.selection-card-comments__options {
  position: absolute;
  top: 11px;
  right: 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 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;
  margin-bottom: 40px;
}

.afisha-new-comment_bottom {
  margin-top: 64px;
  margin-bottom: 65px;
}

.afisha-new-comment__avatar {
  flex: initial;
  margin-right: 16px;
}

.afisha-new-comment__form {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: calc(100% - 48px - 16px);
  min-height: 64px;
  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: 8px;
  pointer-events: none;
}

.afisha-new-comment__content {
  position: relative;
  display: block;
  flex: auto;
  padding: 13px 20px 11px;
  overflow: auto;
  font-size: 18px;
}

.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;
  align-self: flex-end;
  width: 32px;
  height: 32px;
  margin-top: 6px;
  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__button:hover {
  background-color: #e6e9f0;
  cursor: pointer;
}

.afisha-new-comment__button:active {
  background-color: #dfe1e6;
}

.afisha-new-comment__buttons {
  position: absolute;
  right: 0;
  bottom: -48px;
  left: 0;
  display: flex;
  justify-content: flex-end;
}

.afisha-new-comment__cancel,
.afisha-new-comment__submit {
  flex: initial;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
}

.afisha-new-comment__cancel {
  margin-left: auto;
  padding: 3px 26px 7px;
  font-weight: 400;
  color: #88898c;
  background-color: #ffffff;
  border: none;
}

.afisha-new-comment__cancel:hover {
  color: #252626;
  cursor: pointer;
}

.afisha-new-comment__cancel:active {
  color: #88898c;
}

.afisha-new-comment__submit {
  padding: 3px 25px 7px;
  font-weight: 600;
  color: #ffffff;
  background-color: #3e99ed;
  border: 1px solid #3e99ed;
  border-radius: 24px;
}

.afisha-new-comment__submit:hover {
  background-color: #3b91e0;
  border-color: #3b91e0;
  cursor: pointer;
}

.afisha-new-comment__submit:active {
  background-color: #217dd1;
  border-color: #217dd1;
}

.afisha-pagination {
  margin-right: auto;
  margin-left: auto;
}

.afisha-pagination_after-comments {
  margin-bottom: 40px;
}

.afisha-pagination__list {
  display: flex;
  justify-content: center;
  margin-right: -4px;
  margin-left: -4px;
  padding-left: 0;
  list-style: none;
}

.afisha-pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin: 0 4px;
  padding-bottom: 2px;
  font-family: inherit;
  color: #88898c;
  text-decoration: none;
  background-color: #edf0f7;
  border-radius: 50%;
}

.afisha-pagination__link:visited {
  color: #88898c;
}

.afisha-pagination__link:hover {
  background-color: #e6e9f0;
  border-color: #e6e9f0;
  cursor: pointer;
}

.afisha-pagination__link:active {
  background-color: #dfe1e6;
  border-color: #dfe1e6;
}

.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: 20px;
  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: 20px;
  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 {
  margin-right: 11px;
  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 {
  margin-left: 11px;
  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: 28px;
  margin-bottom: 33px;
}

.selection-card-comments__item:not(:first-of-type) {
  margin-top: 17px;
}

.selection-card-comments__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -6px;
}

.selection-card-comments__user-avatar {
  flex: initial;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 50%;
}

.selection-card-comments__user-avatar:hover {
  opacity: 0.7;
}

.selection-card-comments__user-avatar:active {
  opacity: 0.5;
}

.selection-card-comments__user-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
}

.selection-card-comments__user-name {
  flex: initial;
  margin-right: 3px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #252626;
}

.selection-card-comments__user-name:visited {
  color: #252626;
}

.selection-card-comments__user-name:hover {
  opacity: 0.7;
}

.selection-card-comments__user-name:active {
  opacity: 0.5;
}

.selection-card-comments__user-status {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
  margin-left: 4px;
  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: 16px;
  line-height: 16px;
  color: #88898c;
}

.selection-card-comments__user-name,
.selection-card-comments__timer {
  transform: translateY(-2px);
}

.selection-card-comments__user-status {
  transform: translateY(-1px);
}

.selection-card-comments__settings {
  position: relative;
  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;
  cursor: pointer;
}

.selection-card-comments__settings-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__settings:hover > .selection-card-comments__settings-list {
  visibility: visible;
}

.selection-card-comments__settings-item {
  width: 100%;
  text-align: center;
}

.selection-card-comments__settings-item:hover {
  background-color: rgba(230, 233, 240, 0.5);
}

.selection-card-comments__settings-item:active {
  background-color: #edf0f7;
}

.selection-card-comments__settings-item:not(:last-child) {
  border-bottom: 1px solid #d9dbe0;
}

.selection-card-comments__settings-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 17px 13px;
  color: #252626;
  white-space: nowrap;
}

.selection-card-comments__content {
  padding-left: 64px;
}

.selection-card-comments__text {
  box-sizing: border-box;
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 18px;
  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: 9px;
}

.selection-card-comments__rating {
  flex: initial;
  width: 24px;
  margin-right: 24px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  color: #88898c;
  transform: translate(1px, -1px);
}

.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:hover,
.selection-card-comments__rate-down:hover,
.selection-card-comments__rate-up:hover,
.selection-card-comments__rate-down:hover {
  cursor: pointer;
  opacity: 0.7;
}

.selection-card-comments__rate-up:active,
.selection-card-comments__rate-down:active {
  opacity: 0.5;
}

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

.selection-card-comments__rate-up::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.selection-card-comments__reply {
  flex: initial;
  margin-left: 20px;
  padding-top: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  font-family: "Source Sans Pro", sans-serif;
  color: #88898c;
  background-color: transparent;
  border: none;
}

.selection-card-comments__reply:hover {
  cursor: pointer;
  opacity: 0.7;
}

.selection-card-comments__reply:active {
  opacity: 0.5;
}

.selection-card-comments__favorite {
  flex: initial;
  width: 24px;
  height: 24px;
  margin-left: auto;
  font-size: 0;
  background-color: transparent;
  background-image: url("/img/skins/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: -26px 1px;
  border: none;
  cursor: pointer;
}

.selection-card-comments__favorite-input:checked + .selection-card-comments__favorite {
  background-position: -104px -51px;
}

.selection-card-comments__answer-spoiler {
  position: relative;
  padding-right: 24px;
  padding-left: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  font-family: "Source Sans Pro", sans-serif;
  color: #3e99ed;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.selection-card-comments__answer-spoiler:hover {
  cursor: pointer;
  opacity: 0.7;
}

.selection-card-comments__answer-spoiler:active {
  opacity: 0.5;
}

.selection-card-comments__answer-spoiler::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 7px solid transparent;
  border-top: 7px solid #3e99ed;
}

.selection-card-comments__answer-spoiler.active::after {
  transform: rotate(180deg);
  transform-origin: 7px 3.5px;
}

.selection-card-comments__wrapper {
  padding-top: 19px;
}

.selection-card-comments__answer-list {
  padding-top: 10px;
}

.selection-card-comments__answer-list .selection-card-comments__user-avatar {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}

.selection-card-comments__answer-list .selection-card-comments__header {
  margin-bottom: 4px;
}

.selection-card-comments__answer-list .selection-card-comments__content {
  padding-left: 40px;
}

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

.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__edit {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  min-height: 512px;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.selection-card__edit .edit__close-button {
  position: absolute;
  top: 16px;
  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;
}
.selection-card__edit .edit__cover {
  position: relative;
  flex: none;
  width: 73px;
  height: 112px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 6px;
}
.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: 5px;
  margin-bottom: 1px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #252626;
}
.selection-card__edit .edit__subtitle {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #252626;
}
.selection-card__edit .edit__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.selection-card__edit .edit__tags a {
  color: #217dd1;
}
.selection-card__edit .edit__tags a:not(:last-child) {
  margin-right: 16px;
}
.selection-card__edit .edit__stats {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  color: #88898c;
}
.selection-card__edit .edit__stat {
  position: relative;
  box-sizing: content-box;
  width: 24px;
  padding-left: 31px;
}
.selection-card__edit .edit__stat:not(:last-child) {
  margin-right: 10px;
}
.selection-card__edit .edit__stat::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/skins/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
}
.selection-card__edit .edit__stat_added::before {
  background-position: -278px -78px;
}
.selection-card__edit .edit__stat_read::before {
  background-position: -328px -78px;
}
.selection-card__edit .edit__stat_review::before {
  background-position: -225px -78px;
}
.selection-card__edit .edit__stat_quote::before {
  background-position: -252px -78px;
}
.selection-card__edit .edit__order {
  display: block;
  box-sizing: border-box;
  width: 341px;
  height: 40px;
  margin-top: 38px;
  padding-right: 20px;
  padding-left: 20px;
  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: 160px;
  margin-top: 24px;
  padding: 9px 19px 12px;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  color: #252626;
  border-color: #d0d2d6;
  border-radius: 8px;
  resize: none;
}
.selection-card__edit .edit__textarea::placeholder {
  color: #88898c;
}
.selection-card__edit .edit__footer {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.selection-card__edit .edit__remove-input {
  display: none;
}
.selection-card__edit .edit__remove-label {
  position: relative;
  margin-right: auto;
  padding-left: 40px;
  font-size: 16px;
  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/ll2019/SVGsprite16.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: 206px;
  margin-right: 16px;
  padding: 3px 12px 7px;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
  color: #707273;
  background-color: #ffffff;
  border: 1px solid #88898c;
  border-radius: 20px;
}
.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: 150px;
  height: 32px;
  padding: 3px 12px 7px;
  font-weight: 600;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
  color: #ffffff;
  background-color: #3e99ed;
  border: 1px solid #3e99ed;
  border-radius: 20px;
}
.selection-card__edit .edit__slider {
  overflow: hidden;
  min-width: 100%;
  margin-top: 38px;
  margin-bottom: -13px;
}
.selection-card__edit .edit__slider-limiter {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.selection-card__edit .edit__slider-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: 100%;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  justify-content: space-between;
}
.selection-card__edit .edit__slider-item {
  display: flex;
  flex: none;
}
.selection-card__edit .edit__slider-item:nth-child(even) {
  transform: translateX(20px);
}
.selection-card__edit .edit__isbn {
  color: #88898c;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
.selection-card__edit .slick-prev {
  left: 20px;
}
.selection-card__edit .slick-next {
  right: 20px;
}
.selection-card__edit .slick-arrow {
  top: 228px;
}

@media (min-width: 1140px) {
  .left-column {
    margin-top: 4px;
  }
}
/* Selections view page - end */
/* Selections creating page - start */
.selection-creating .section-form__title {
  display: -webkit-box;
  width: auto;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.selection-creating .section-form__wrap {
  height: auto;
  padding-top: 18px;
  padding-right: 32px;
  padding-bottom: 18px;
}

.selection-creating__container {
  flex: auto;
  width: calc(100% - (320px + 10px));
}

.selection-creating__form {
  display: grid;
  margin-top: 17px;
  grid-gap: 45px 32px;
  grid-template-columns: 1fr 1fr;
}

.form-group {
  grid-column: span 2;
}
.form-group_half {
  grid-column: span 1;
}

.form-label {
  display: block;
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  font-family: "Source Sans Pro", sans-serif;
  color: #252626;
}

.form-control {
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  font-size: 16px;
  line-height: 38px !important;
  font-family: "Source Sans Pro", sans-serif !important;
  background-color: #ffffff !important;
  border: 1px solid #d0d2d6 !important;
  border-radius: 24px !important;
}
.form-control::placeholder {
  color: #88898c;
}
.form-control_link ~ .form-control_link {
  margin-top: 24px;
}

.form-textarea-with-settings {
  position: relative;
  margin-bottom: 16px;
}

.form-textarea-with-settings__textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 304px;
  padding: 10px 20px 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  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/ll2019/SVGsprite16.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: 40px;
  font-weight: 600;
  font-size: 20px;
  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/ll2019/SVGsprite16.svg");
  background-repeat: no-repeat;
  background-position: -166px -156px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-select {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 40px;
}

.form-select details {
  width: 100%;
  border-radius: 20px;
}

.form-select summary {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 6px 19px 8px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  background: #fff;
  border: 1px solid #D2D4D6;
  border-radius: 20px;
}

.form-select summary::-webkit-details-marker {
  display: none;
}

.form-select summary::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 22px;
  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] {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
}

.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 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 0 20px 20px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.form-select a {
  padding: 8px 20px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
}
.form-select a:hover {
  font-weight: 600;
  background-color: #edf0f7;
}

.selection-creating__footer {
  display: grid;
  margin-top: 46px;
  grid-template-columns: 1fr 1fr;
  grid-gap: 46px 20px;
}

.selection-creating__draft {
  font-size: 18px;
  line-height: 24px;
  color: #217dd1;
  grid-column: 1/2;
}

.selection-creating__log {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #88898c;
  grid-column: 2/3;
  justify-self: end;
}

.selection-creating__buttons-group {
  display: flex;
  min-height: 20px;
  padding: 32px;
  background-color: #edf0f7;
  border-radius: 24px;
  grid-column: 1/-1;
}

.selection-creating__button {
  min-width: 175px;
  padding-top: 0;
  padding-bottom: 2px;
  font-size: 18px;
  line-height: 36px;
  font-family: "Source Sans Pro", sans-serif;
  color: #707273;
  background-color: #ffffff;
  border: 1px solid #88898c;
  border-radius: 20px;
}
.selection-creating__button:not(:last-child) {
  margin-right: 24px;
}
.selection-creating__button:last-child {
  margin-left: auto;
}
.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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
}
.selection-creating__captcha .selection-creating__popup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 412px;
  height: 616px;
  margin: auto;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.selection-creating__captcha .selection-creating__header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 34px 70px 14px;
}
.selection-creating__captcha .selection-creating__header-title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #252626;
}
.selection-creating__captcha .selection-creating__header-close {
  position: absolute;
  top: 40px;
  right: 40px;
  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-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: translateX(6px);
}
.selection-creating__captcha .selection-creating__image {
  width: 50px;
  height: 30px;
  margin-right: 35px;
  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: 16px;
  width: 73px;
  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: 40px;
  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;
}
.selection-creating__captcha .selection-creating__footer-button:hover {
  background-color: #3b91e0;
  border-color: #3b91e0;
}
.selection-creating__captcha .selection-creating__footer-button:active {
  background-color: #217dd1;
  border-color: #217dd1;
}
/* Selections creating page - end */

/* Profile.css - start */
.profile .section-form__wrap {
  overflow: hidden;
  height: 148px;
}



.profile__wrap {
  width: calc(100% - 324px);
}
.profile__wrap > * {
  margin: 0 0 32px;
}
.profile-settings__check {
  display: none; }

.profile-settings__check + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 0 0 0 54px;
  text-transform: uppercase;
  font: 16px/16px "Source Sans Pro", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 50%; }
.profile-settings__check + label {
  margin: 0;
}
.profile-settings__check + label:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 1px;
  width: 36px;
  height: 24px;
  border-radius: 12px;
  background: #88898C;
  -webkit-transition: .2s;
  transition: .2s; }

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

.profile-settings__check:checked + label:before {
  background: #3e99ed; }

.profile-settings__check:checked + label:after {
  background: #fff;
  left: 14px; }


.profile-settings {
  display: flex;
  flex-wrap: wrap;
  margin: 27px 0 32px;
}
.profile-settings h3 {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  padding: 5px 0 0;
  margin: 0 0 27px;
}
.profile-settings p {
  font: 12px/16px "Source Sans Pro", sans-serif;
  color: #6F7073;
  padding: 4px 0 0;
  margin: 0 0 28px;
}
.profile-settings a,
.profile-settings a:visited {
  border-radius: 24px;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  margin: 0 0 28px;
  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; }
.profile-settings-btn__wrap {
  display: flex;
  justify-content: space-between;
  border-radius: 24px;
  padding: 32px;
  width: 100%;
  background: #EDF0F7;
  box-sizing: border-box;
  margin-top: 45px;
}
.profile-settings button {
  border-radius: 20px;
  height: 40px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 157px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  padding: 0 0 4px;
  color: #fff;
  background: #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; }

.profile-settings button[type="reset"] {
  border: 1px solid #88898C;
  color: #6F7073;
  background-color: #fff;
  font-weight: 400;
  width: 115px;
}
/* Profile.css - end */

/* Author blogs css - start */
.blogs__list {
  width: 816px;
}
.blog-card:not(:first-child) {
  border-top: 1px solid #D9DBE0;
  padding: 24px 0 0;
}

.blog-card .header-card__menu {
  align-self: flex-start;
  margin: 6px 0 0 0;
}
.blog-card .header-card__wrapper {
  width: calc(100% - 224px);
}
.blog-card .header-card-user__name {
  font: 600 16px/16px "Source Sans Pro", sans-serif;
}
.blog-card .header-card-user__avatar {
  margin: 18px 8px 18px 12px;
}
.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 {
  margin-left: 12px;
  margin-right: 12px; }
.blog-card .lenta-card__text > h2 {
  font: 600 26px/32px "Source Sans Pro", sans-serif;
  margin-bottom: 8px;
}
.blog-card .footer-card {
  padding: 26px 12px 0 2px;
}

.blog-card .footer-card__soc-active {
  width: 294px;
}
.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;
  margin-bottom: 16px;
}
/* Author blogs css - end */

/* Стили связанные со спецификой работы ЛЛ */
.footer-card .friends-like {
  margin:0px;
}
body#body {
  background-color: #fff;
}

.ll_reader {
    background: none;
}
.ll_reader a {
    padding-left: 0;
}

.lenta-card__thanks p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #898b8c;
}

.header-card .header-card__overlap .compare-back.comparison.spinning,
.statuses-card-top .header-card__overlap .compare-back.comparison.spinning {
    width: 17px;
    height: 17px;
    position: initial;
    top: 0px;
    background: url(/img/skins/ll2015b/loading-gray1.png);
    animation: recspin 2s linear infinite;background-size: contain;
}

.search-right-more {
  display: flex;
  justify-content: flex-end;
}

.darkstyle {
    background-color: #000 !important;
}

.swiper-container.swiper-carousel-books-ll2019 {
    margin: 0px 0px -20px;
}

.modal-alert {display:none; position: fixed; top:50%;left:50%;background-color: white;border-radius: 10px;box-shadow: 0 5px 20px rgba(56, 65, 76, 0.2), 0 2px 5px rgba(0, 0, 0, 0.05); z-index: 1001;}
.modal-alert { width: 558px; margin-left:-279px; margin-top:-114px; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.modal-alert .refuse-icon { display: block; width: 32px; height: 32px; margin: 0 auto 10px; background: url(/img/skins/vizov2016/refuse-ico.png) no-repeat; }
.modal-alert .accept-icon { display: block; width: 32px; height: 32px; margin: 0 auto 10px; background: url(/img/skins/vizov2016/accept-ico.png) no-repeat; }
.modal-alert .modal-title { color: #39424c; font-family: 'PT Sans', sans-serif;font-size: 24px;font-weight: 700;text-align: center; display: block; margin-bottom: 15px; }
.modal-alert .modal-text { color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 18px;font-weight: 400;display: block; text-align: center; margin-bottom: 15px;}
.modal-bg { display:none; background: url(/img/popup-bg.png); position: fixed; top: 0; right:0; bottom:0; left:0; z-index: 1000;}
.modal-alert .control-block { text-align: center; }
.modal-alert .modal-btn { display: inline-block;width: 145px;height:35px;color: #0768d8;font-family: 'PT Sans', sans-serif;font-size: 16px;font-weight: 700;line-height: 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.modal-alert .modal-btn { background-color: #fff; border: 1px solid #0768d8; }
.modal-alert .modal-btn.refuse-btn { margin-left: 40px; background-color: #0768d8; color: #fff;}
.modal-alert .modal-btn:hover { background-color: #0768d8; color: #fff; }

.modal-alert .network-wrapper {text-align: center; margin-bottom: 25px;}
.modal-alert .network-wrapper .network-icon { display: inline-block; width: 32px; height: 32px; margin-right: 15px; }
.modal-alert .network-wrapper .network-icon.vkontakte-network { background: url(/img/skins/litres/vk.png) no-repeat; }
.modal-alert .network-wrapper .network-icon.facebook-network { background: url(/img/skins/litres/fb.png) no-repeat; }
.modal-alert .network-wrapper .network-icon.twitter-network { background: url(/img/skins/litres/tw.png) no-repeat; }
.modal-alert .network-wrapper .share-link:last-child .network-icon { margin-right: 0px !important; }

.page-content {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.icon-vkontakte {
    background: url("/img/skins/ll2019/SVGsprite16.svg") 0 -336px no-repeat; }

.icon-facebook {
background: url("/img/skins/ll2019/SVGsprite16.svg") -26px -336px no-repeat; }

.icon-mailru {
background: url("/img/skins/ll2019/SVGsprite16.svg") -104px -336px no-repeat; }

.icon-twitter {
background: url("/img/skins/ll2019/SVGsprite16.svg") -78px -336px no-repeat; }

.icon-odnoklassniki {
background: url("/img/skins/ll2019/SVGsprite16.svg") -52px -336px no-repeat; }

.icon-livejournal {
background: url("/img/skins/ll2019/SVGsprite16.svg") -130px -336px no-repeat; }

.icon-liveinternet {
background: url("/img/skins/ll2019/SVGsprite16.svg") -156px -336px no-repeat; }

.icon-llcode {
position: relative;
background: url("/img/skins/ll2019/SVGsprite16.svg") -182px -336px no-repeat; }

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

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

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

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

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

/* #carousel-read-container .slide-book__item { height: 384px; }  */

.kv-popup:not(.hidden) { display: flex; }

.darkstyle .page-footer-soc__link {
  background-color: #000 !important; }

/*чтобы попап не был над меню*/
.kv-popup {
    z-index: 9 !important;
}

.kv-sorting details {
    z-index: 8 !important;
}

.kv-friends__inner .ll-loader-outer, .kv-book .ll-loader-outer{
    margin: 0 auto;
}

/* чтобы работал поиск удалить у header z-index:10 */
.kv-logo {
    z-index: -1;
}

.pagination__page--active {
  background: #898B8C !important;
  color: #fff !important; }
/*Карточка книги*/
.bc-header-soc .sab__wrapper {
    margin-left: 0;
    padding: 0;
}

.book-card {
    justify-content: center !important;
}

.swiper-button-next, .swiper-button-prev {
  background-image: none;
}
.slide__btn-prev, .slide__btn-next {
  top: auto;
}

.kv-friends__wrapper .kv-friends__limiter,
.slide-book .swiper-container {
  position: static;
}
/**/
.kv-slider .slide-book {
  position: relative;
}

.kv-slider .slide-book .slide__btn-prev {
  left: 0;
}

.kv-slider .slide-book .slide__btn-next {
  right: 0;
}

b { font-weight: 600; }

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

.swiper-container.swiper-carousel-challenge-friends .kv-friends__link:last-of-type {
  margin-right: 16px; }

.bc-header-soc .header-card__menu::after {
    left: 9px !important;
}

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

.bc__content .sab__wrapper:hover .sab__detailing, .bc__content .sab__wrapper:focus .sab__detailing {
    z-index: 111;
}

.darkstyle .header-pshadow {
  background-color: #000 !important;
}

.lenta-card__text.without-readmore, .lists__text .without-readmore {
  max-height: initial;
}

.lenta-card__text .lenta-card__text--loader-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.6;
}

.quote-card .lenta-card .lenta-card__text .lenta-card__text--loader-bg {
  background: #EDF0F2;
}

.quote-card:nth-child(even) .lenta-card .lenta-card__text .lenta-card__text--loader-bg {
  background: #EEEDDE;
}

.lenta-card__text #loader-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lenta-card__text.without-readmore .ll_book {
  background: none
}

.lenta-card__text.without-readmore .ll_book a {
  padding-left: 0px;
}

.lenta-card__text.without-readmore .ll_author {
  background: none
}

.lenta-card__text.without-readmore .ll_author a {
  padding-left: 0px;
}

.lenta-form input[type="search"] {
  visibility: visible;
}

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

.popup-redactor {
    position: relative;
}

.bc-about__wrapper {
    position: relative;
}

.bc-detailing article {
    overflow: inherit;
}

/* Чтоб стрелки не прятались после добавления новых слайдов */
.slick-show {
  display: inline-block;
}

.school .kv-menu {
  z-index: 1;
}

/**/

.lenta-card__text.without-readmore .i-book {
  display: none;
}
.writers-slide {
    position: relative;
    overflow: initial;
}

.writers-slide__limiter {
    overflow: hidden;
}

.bc-awtb__popup {
    display: flex;
}
/**/

.school-kv-banner-top{
  border-radius: 0;
  max-height: 65px;
}

.school-kv-banner-bottom{
border-radius: 0;
max-height: 129px;
}

.swiper-carousel-books .slick-arrow,
.swiper-carousel-challenge-friends .slick-arrow {
  display: block;
}

.swiper-carousel-books .swiper-button-prev,
.swiper-carousel-books .swiper-button-next,
.swiper-carousel-challenge-friends .swiper-button-prev,
.swiper-carousel-challenge-friends .swiper-button-next {
  margin-top: 0;
}

/**/

.school-kv-banner-top{
  border-radius: 0;
  max-height: 65px;
}

.school-kv-banner-bottom{
border-radius: 0;
max-height: 129px;
}

.kv-wtr__item .slick-arrow {
  top: calc(50% - 3px);
}

.lenta-card__thanks p {
    margin-bottom: 0;
}

#sources-api-ajax {
    position: relative;
}

.icon-llcode:hover #textllcode {
    visibility: visible;
    opacity: 1; }
.reg-school__add-value-button_result {
  padding: 0 20px;
  text-align: left;
}

.user-profile#profile-bg-wrapper,
.author-profile#profile-bg-wrapper {
  overflow: visible;
  background-size: cover !important;
  margin: 0 !important;
}
/**/

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

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

.header-tag li {
margin: 0 16px 8px 0;
min-width: 68px; }

.header-tag a, .header-tag a:visited {
color: #707273;
font: 16px/26px "Source Sans Pro", sans-serif;
border: 1px solid #898B8C;
border-radius: 16px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.header-tag a:hover {
background: rgba(150, 151, 153, 0.07); }

.header-tag a:active {
background: #EBEDF0; }



@media (min-width: 1140px) {

    /* .bc-header {
        width: 100%; } */
        .header-tag {
        margin: 0;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

}
/* При display: flex не работает главный поиск  */
.page-header {
    display: block !important;

}

.quote-card blockquote {
    color: #252626;
}

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

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

    /* #fixed-menu-2019 {
        top: 0px;
        left:0px;
        right:0px;
        z-index: 1003;
        width:100%;
        height:58px;
    } */

    #fixed-menu-2019.show-fixd-2019 {
        transition-property: top;
        transition-duration: 500ms;
        top: 0px !important;
    }

    #fixed-menu-2019.fixd-2019 {
        position: fixed;
        top: -58px;
        left: 0px;
        right: 0px;
        z-index: 1003;
        width: 100%;
        /* height: 58px; */
        border-bottom: 1px solid #D9DBE0;
    }

  .share-popup-main__social-vkontakte {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%234C6C91'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.328 31.437s.487-.052.737-.314c.229-.24.22-.69.22-.69s-.03-2.102.975-2.418c.99-.307 2.262 2.037 3.61 2.939 1.02.68 1.793.532 1.793.532l3.605-.049s1.886-.113.991-1.556c-.074-.119-.522-1.068-2.68-3.02-2.262-2.043-1.958-1.712.764-5.251 1.659-2.152 2.321-3.466 2.11-4.028-.198-.538-1.418-.395-1.418-.395l-4.058.024s-.301-.04-.525.09c-.218.128-.36.425-.36.425s-.641 1.665-1.497 3.082c-1.808 2.987-2.53 3.148-2.825 2.96-.688-.432-.517-1.738-.517-2.664 0-2.897.451-4.104-.878-4.416-.441-.105-.766-.173-1.895-.185-1.45-.014-2.673.006-3.368.336-.462.22-.818.711-.601.74.268.034.875.159 1.198.585.415.552.401 1.79.401 1.79s.24 3.408-.558 3.832c-.547.29-1.297-.303-2.909-3.014-.825-1.388-1.449-2.923-1.449-2.923s-.12-.287-.335-.442c-.26-.186-.623-.245-.623-.245l-3.856.024s-.58.016-.792.26c-.189.218-.015.67-.015.67s3.02 6.879 6.439 10.345c3.136 3.178 6.694 2.97 6.694 2.97h1.614' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%233B5998'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.702 37.31V24.25h3.604l.478-4.5h-4.082l.006-2.252c0-1.174.112-1.802 1.797-1.802h2.253v-4.5h-3.605c-4.33 0-5.854 2.183-5.854 5.854v2.702H17.6v4.5h2.7v13.06H25.7' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-odnoklassniki {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%23F58223'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.505 17.07c0 4.083-3.37 7.384-7.498 7.384-4.146 0-7.497-3.301-7.497-7.367 0-4.083 3.351-7.384 7.497-7.384 4.128 0 7.48 3.301 7.498 7.367zm-4.393.017c0-1.685-1.394-3.058-3.105-3.058s-3.105 1.373-3.105 3.058c0 1.686 1.394 3.058 3.105 3.058s3.105-1.372 3.105-3.058zm4.27 11.624a14.545 14.545 0 01-4.358 1.772l4.198 4.117a2.127 2.127 0 010 3.058 2.207 2.207 0 01-3.104 0L23.99 33.61l-4.11 4.048a2.207 2.207 0 01-1.553.626 2.207 2.207 0 01-1.553-.626 2.127 2.127 0 010-3.058l4.199-4.135a14.36 14.36 0 01-4.357-1.772 2.161 2.161 0 01-.706-2.97 2.222 2.222 0 013.034-.678 9.672 9.672 0 0010.091 0 2.218 2.218 0 013.034.677c.653 1.025.335 2.346-.688 2.989z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-twitter {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2355ACEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.281 19.508l.05.83-.839-.102c-3.055-.39-5.725-1.712-7.991-3.932l-1.108-1.102-.285.814c-.604 1.813-.218 3.73 1.041 5.02.672.712.52.814-.638.39-.403-.136-.755-.237-.789-.186-.118.12.285 1.661.604 2.271.436.847 1.326 1.678 2.3 2.17l.823.39-.974.016c-.94 0-.974.017-.873.373.336 1.102 1.662 2.271 3.139 2.78l1.041.355-.907.542a9.448 9.448 0 01-4.499 1.254c-.755.017-1.377.085-1.377.136 0 .17 2.048 1.12 3.24 1.491 3.576 1.102 7.823.627 11.01-1.254 2.266-1.339 4.533-4 5.59-6.576.571-1.373 1.142-3.88 1.142-5.084 0-.78.05-.88.99-1.813.554-.542 1.074-1.136 1.175-1.305.168-.322.151-.322-.705-.034-1.427.508-1.628.441-.923-.322.52-.542 1.142-1.525 1.142-1.813 0-.05-.252.034-.537.186-.302.17-.974.424-1.477.576l-.907.288-.823-.559c-.453-.305-1.091-.644-1.427-.746-.856-.237-2.166-.203-2.938.068-2.098.763-3.425 2.73-3.274 4.881' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-mailru {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24z' fill='%2307C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.531 16.105c2.064 0 4.004.95 5.428 2.439v.006c0-.715.462-1.253 1.103-1.253l.162-.002c1.002 0 1.207.989 1.207 1.302l.005 11.11c-.07.727.72 1.102 1.159.637 1.712-1.834 3.76-9.426-1.064-13.824-4.495-4.101-10.528-3.425-13.735-1.121-3.41 2.451-5.593 7.876-3.473 12.971 2.31 5.56 8.922 7.216 12.852 5.564 1.99-.837 2.91 1.966.843 2.882-3.123 1.388-11.814 1.248-15.874-6.083-2.744-4.95-2.597-13.66 4.678-18.172 5.566-3.451 12.903-2.495 17.328 2.32 4.625 5.036 4.356 14.464-.156 18.131-2.044 1.665-5.08.044-5.06-2.383l-.022-.794c-1.423 1.473-3.317 2.331-5.38 2.331-4.077 0-7.665-3.74-7.665-7.986 0-4.293 3.587-8.075 7.664-8.075zm5.132 7.766c-.154-3.11-2.37-4.982-5.046-4.982h-.1c-3.089 0-4.801 2.531-4.801 5.406 0 3.22 2.072 5.253 4.788 5.253 3.03 0 5.021-2.313 5.165-5.048l-.006-.629z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-livejournal {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%231DB1E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 16.3a12.032 12.032 0 016.073-6.073l2.824 2.824a12.032 12.032 0 00-6.073 6.073l9.883 9.883a12.033 12.033 0 016.073-6.073l-9.883-9.883a11.941 11.941 0 014.883-1.045 11.997 11.997 0 11-10.956 7.118L10.219 16.3zm19.489 9.62a8.853 8.853 0 00-3.797 3.796l4.724.927-.927-4.724z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-liveinternet {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2336869D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.813 13.497h-4.318v21.004H26.2v-4.122h-8.386V13.497zm12.609 8.419v12.587h4.083V21.916h-4.083zm0-8.417H34.5v4.076h-4.077V13.5z' fill='%23fff'/%3E%3C/svg%3E");
  }

    .find-hint { background-color: #fde77e; }

    header .page-header__search input.focus {
        width: calc(100% - 64px);
        z-index: 2;
        background: #fff;
        border: 1px solid #898B8C;
        border-radius: 20px;
        cursor: text; }

    @media (min-width: 1140px) {
        /*****/
        header .page-header__search input.focus {
            width: calc(100% - 32px); }
    }

  .share-popup-main__social-llcode {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='url(%23paint0_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.47 35.603c2.962-1.758 6.869-4.086 8.253-4.903C35.108 29.883 36 29.21 36 27.707c0-1.504-.009-10.782-.009-12.08 0-1.3-1.192-2.144-2.692-1.268-1.305.762-9.298 5.523-9.298 5.523s-7.83-4.664-9.299-5.523c-1.468-.86-2.692-.056-2.692 1.278 0 1.335-.005 11.124-.01 12.067 0 1.526.942 2.187 2.276 2.996 1.335.81 5.255 3.153 8.259 4.903.233.136.728.397 1.467.397.738 0 1.26-.274 1.468-.397z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='48' y1='28.56' x2='0' y2='28.557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E99ED'/%3E%3Cstop offset='1' stop-color='%2359C7FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: relative;
    display: inline-block;
  }

  .share-popup-group__item input:checked + .share-popup-group__submenu-button {
    font-weight: 400;
    color: var(--gray-40);
    background-color: var(--white);
    border-color: var(--gray-40);
  }
    .bc-detailing__notify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px 0 4px auto;
    width: 24px;
    height: 24px;
    background: url(/img/skins/ll2019/SVGsprite3.svg) -82px -24px no-repeat;
    }
  /**/
    /* .user-nav__toggle::before {
        position: absolute;
        content: '';
        width: 24px;
        height: 24px;
        background: url(/img/skins/ll2019/SVGsprite16.svg) -312px 0 no-repeat;
    } */

    .searchhint-background {
        display: block;
        background: transparent !important;
        opacity: .3;
        z-index: 999;
        top: 0px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        position: fixed;
        height: 100%;
        width: 100%;
    }

    /* header {
        z-index: 1001;
    } */

  .bc-hero__bookmark--active {
    background: url("/img/skins/ll2019/SVGsprite3.svg") -72px 0 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 16px/16px "Source Sans Pro", sans-serif;
    margin: 0 0 4px 16px; }
.bc-tag {
    margin: 0 12px 16px; }

  .bc-tag__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .bc-tag__item {
    margin: 0 17px 16px 0; }

  .bc-tag__item:last-child {
    margin: 0 0 16px 0; }

  .bc-tag__link, .bc-tag__link:visited {
    font: 16px/28px "Source Sans Pro", sans-serif;
    color: #252626;
    background-color: #EDF0F2;
    height: 32px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px; }

  .bc-tag__link:hover {
    background: #e5e7e9; }

  .bc-tag__link:active {
    background: #d2d4d6; }

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

  .share-popup-main__social-vkontakte {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%234C6C91'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.328 31.437s.487-.052.737-.314c.229-.24.22-.69.22-.69s-.03-2.102.975-2.418c.99-.307 2.262 2.037 3.61 2.939 1.02.68 1.793.532 1.793.532l3.605-.049s1.886-.113.991-1.556c-.074-.119-.522-1.068-2.68-3.02-2.262-2.043-1.958-1.712.764-5.251 1.659-2.152 2.321-3.466 2.11-4.028-.198-.538-1.418-.395-1.418-.395l-4.058.024s-.301-.04-.525.09c-.218.128-.36.425-.36.425s-.641 1.665-1.497 3.082c-1.808 2.987-2.53 3.148-2.825 2.96-.688-.432-.517-1.738-.517-2.664 0-2.897.451-4.104-.878-4.416-.441-.105-.766-.173-1.895-.185-1.45-.014-2.673.006-3.368.336-.462.22-.818.711-.601.74.268.034.875.159 1.198.585.415.552.401 1.79.401 1.79s.24 3.408-.558 3.832c-.547.29-1.297-.303-2.909-3.014-.825-1.388-1.449-2.923-1.449-2.923s-.12-.287-.335-.442c-.26-.186-.623-.245-.623-.245l-3.856.024s-.58.016-.792.26c-.189.218-.015.67-.015.67s3.02 6.879 6.439 10.345c3.136 3.178 6.694 2.97 6.694 2.97h1.614' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%233B5998'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.702 37.31V24.25h3.604l.478-4.5h-4.082l.006-2.252c0-1.174.112-1.802 1.797-1.802h2.253v-4.5h-3.605c-4.33 0-5.854 2.183-5.854 5.854v2.702H17.6v4.5h2.7v13.06H25.7' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-odnoklassniki {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%23F58223'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.505 17.07c0 4.083-3.37 7.384-7.498 7.384-4.146 0-7.497-3.301-7.497-7.367 0-4.083 3.351-7.384 7.497-7.384 4.128 0 7.48 3.301 7.498 7.367zm-4.393.017c0-1.685-1.394-3.058-3.105-3.058s-3.105 1.373-3.105 3.058c0 1.686 1.394 3.058 3.105 3.058s3.105-1.372 3.105-3.058zm4.27 11.624a14.545 14.545 0 01-4.358 1.772l4.198 4.117a2.127 2.127 0 010 3.058 2.207 2.207 0 01-3.104 0L23.99 33.61l-4.11 4.048a2.207 2.207 0 01-1.553.626 2.207 2.207 0 01-1.553-.626 2.127 2.127 0 010-3.058l4.199-4.135a14.36 14.36 0 01-4.357-1.772 2.161 2.161 0 01-.706-2.97 2.222 2.222 0 013.034-.678 9.672 9.672 0 0010.091 0 2.218 2.218 0 013.034.677c.653 1.025.335 2.346-.688 2.989z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-twitter {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2355ACEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.281 19.508l.05.83-.839-.102c-3.055-.39-5.725-1.712-7.991-3.932l-1.108-1.102-.285.814c-.604 1.813-.218 3.73 1.041 5.02.672.712.52.814-.638.39-.403-.136-.755-.237-.789-.186-.118.12.285 1.661.604 2.271.436.847 1.326 1.678 2.3 2.17l.823.39-.974.016c-.94 0-.974.017-.873.373.336 1.102 1.662 2.271 3.139 2.78l1.041.355-.907.542a9.448 9.448 0 01-4.499 1.254c-.755.017-1.377.085-1.377.136 0 .17 2.048 1.12 3.24 1.491 3.576 1.102 7.823.627 11.01-1.254 2.266-1.339 4.533-4 5.59-6.576.571-1.373 1.142-3.88 1.142-5.084 0-.78.05-.88.99-1.813.554-.542 1.074-1.136 1.175-1.305.168-.322.151-.322-.705-.034-1.427.508-1.628.441-.923-.322.52-.542 1.142-1.525 1.142-1.813 0-.05-.252.034-.537.186-.302.17-.974.424-1.477.576l-.907.288-.823-.559c-.453-.305-1.091-.644-1.427-.746-.856-.237-2.166-.203-2.938.068-2.098.763-3.425 2.73-3.274 4.881' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-mailru {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24z' fill='%2307C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.531 16.105c2.064 0 4.004.95 5.428 2.439v.006c0-.715.462-1.253 1.103-1.253l.162-.002c1.002 0 1.207.989 1.207 1.302l.005 11.11c-.07.727.72 1.102 1.159.637 1.712-1.834 3.76-9.426-1.064-13.824-4.495-4.101-10.528-3.425-13.735-1.121-3.41 2.451-5.593 7.876-3.473 12.971 2.31 5.56 8.922 7.216 12.852 5.564 1.99-.837 2.91 1.966.843 2.882-3.123 1.388-11.814 1.248-15.874-6.083-2.744-4.95-2.597-13.66 4.678-18.172 5.566-3.451 12.903-2.495 17.328 2.32 4.625 5.036 4.356 14.464-.156 18.131-2.044 1.665-5.08.044-5.06-2.383l-.022-.794c-1.423 1.473-3.317 2.331-5.38 2.331-4.077 0-7.665-3.74-7.665-7.986 0-4.293 3.587-8.075 7.664-8.075zm5.132 7.766c-.154-3.11-2.37-4.982-5.046-4.982h-.1c-3.089 0-4.801 2.531-4.801 5.406 0 3.22 2.072 5.253 4.788 5.253 3.03 0 5.021-2.313 5.165-5.048l-.006-.629z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-livejournal {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%231DB1E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 16.3a12.032 12.032 0 016.073-6.073l2.824 2.824a12.032 12.032 0 00-6.073 6.073l9.883 9.883a12.033 12.033 0 016.073-6.073l-9.883-9.883a11.941 11.941 0 014.883-1.045 11.997 11.997 0 11-10.956 7.118L10.219 16.3zm19.489 9.62a8.853 8.853 0 00-3.797 3.796l4.724.927-.927-4.724z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-liveinternet {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24z' fill='%2336869D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.813 13.497h-4.318v21.004H26.2v-4.122h-8.386V13.497zm12.609 8.419v12.587h4.083V21.916h-4.083zm0-8.417H34.5v4.076h-4.077V13.5z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .share-popup-main__social-llcode {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='url(%23paint0_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.47 35.603c2.962-1.758 6.869-4.086 8.253-4.903C35.108 29.883 36 29.21 36 27.707c0-1.504-.009-10.782-.009-12.08 0-1.3-1.192-2.144-2.692-1.268-1.305.762-9.298 5.523-9.298 5.523s-7.83-4.664-9.299-5.523c-1.468-.86-2.692-.056-2.692 1.278 0 1.335-.005 11.124-.01 12.067 0 1.526.942 2.187 2.276 2.996 1.335.81 5.255 3.153 8.259 4.903.233.136.728.397 1.467.397.738 0 1.26-.274 1.468-.397z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='48' y1='28.56' x2='0' y2='28.557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E99ED'/%3E%3Cstop offset='1' stop-color='%2359C7FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: relative;
    display: inline-block;
  }

  .share-popup-group__item input:checked + .share-popup-group__submenu-button {
    font-weight: 400;
    color: var(--gray-40);
    background-color: var(--white);
    border-color: var(--gray-40);
  }

  /* Убрать, когда верстальщица добавит класс ссылке Развернуть*/
  .lenta-card__text .read-more__link {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #88898C;
    width: auto; }

  .lenta-popup {
    z-index: 12000;
  }
    .page-header__search input[type="submit"] {
        position: relative;
        height: 24px;
        width: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
       /* background: url("/img/skins/ll2019/SVGsprite16.svg") -234px 0 no-repeat;*/
       background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.5836 15.2908C14.3555 16.3556 12.753 17 11 17C7.13401 17 4 13.866 4 10C4 6.13401 7.13401 3 11 3C14.866 3 18 6.13401 18 10C18 11.7531 17.3556 13.3556 16.2907 14.5837L21.9062 20.1992C22.1014 20.3944 22.1014 20.711 21.9062 20.9063C21.7109 21.1015 21.3943 21.1015 21.1991 20.9063L15.5836 15.2908ZM17 10C17 13.3137 14.3137 16 11 16C7.68629 16 5 13.3137 5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10Z' fill='%23252626'/%3E%3C/svg%3E%0A") no-repeat;
        border: none;
        z-index: 2;
        cursor: pointer; }

  /* ll2019 texteditor ugc form - start */
  .form-texteditor.ll2019-form-texteditor .editor-textarea {
    padding: 0;
    border: 1px solid var(--gray-84);
    border-radius: 6px;
    box-shadow: none;
  }

  .form-texteditor.ll2019-form-texteditor .editor-textarea .textarea-outer {
    padding: 0;
  }

  .form-texteditor.ll2019-form-texteditor .ed_textarea.input-textarea {
    height: 304px;
    padding: 10px 20px 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--main-dark);
    resize: none;
  }
  /*ll2019 texteditor ugc form - end */

  .modal-preview__wrapper {
    min-width: 670px;
  }

  .ugc-popup_dialog {
    display: flex !important;
  }

  .modal-preview {
    display: flex;
  }

  .ugc-popup {
    display: flex;
  }

.mb-10 {
  margin-bottom: 10px;
}.mt-10 {
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .card-narrow-content {width:394px;max-width: 394px;}
}
.lists__list .ll-loader-outer{
    margin: 0 auto;
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lists-3 .btn-add-plus__wrapper {
    margin: auto 0;
}

/**/

.bc-menu__status-lists, .bc-menu__status-lists:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 600 14px/18px "Source Sans Pro", sans-serif;
    background-color: #3E99ED;
    border-radius: 16px;
    color: #fff;
    padding: 3px 16px;
    position: absolute;
    height: 48px;
    min-width: 138px;
    max-width: 162px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 1;

}


.popup-lists p {
    font: 18px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    margin: 0 25px 0 0;
}
/**/

.bc__book-title:after {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background: #3E99ED;
    height: 28px;
    border-radius: 14px;
    font: 14px/26px "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: "Электронная"; }

.header-v7 .page-header__search form,
.header-v4 .page-header__search form,
.header-v6 .page-header__search form {
    z-index: 20;
}

.slide-author-picture__item {
    position: relative;
    width: 96px !important;
    height: 96px;
    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: 3px;
    background-color: #ffffff;
    margin: 16px 16px 0 0;
}

.slide-author-picture__item .arow-avatar {
    width:96px;
    height:96px;
    border-radius:3px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

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

.sab__link.icon-share + .sab__detailing {
    left: auto;
    width: auto;
    border-radius: 20px 0 20px 20px; }

.ugc-popup__icon_vkontakte {
    background-position: 0 -286px;
    }

    .ugc-popup__icon_facebook {
    background-position: -50px -286px;
    }

    .ugc-popup__icon_mailru {
    background-position: -200px -286px;
    }

    .ugc-popup__icon_twitter {
    background-position: -150px -286px;
    }

    .ugc-popup__icon_odnoklassniki {
    background-position: -100px -286px;
    }

    /*.gp-wrapper.group-profile#profile-bg-wrapper,
    .gp-wrapper.user-profile#profile-bg-wrapper {
      background-size: contain !important;
    }*/

#object-subscription-authreview .btn-icon-empty {
    vertical-align: initial !important;
}

.popup-author-subscribe br {
    margin-top: 20px;
}
.gp-wrapper.group-profile#profile-bg-wrapper,
.gp-wrapper.user-profile#profile-bg-wrapper {
    background-size: contain !important;
}

.gp-wrapper.group-profile#profile-bg-wrapper.isset-profpic,
.gp-wrapper.user-profile#profile-bg-wrapper.isset-profpic {
  background-size: cover !important;
}

.lenta-form__select details[open] {
  z-index: 11;
}

.gp-wrapper.group-profile  .header-profile-login {
  font-size: 20px !important;
  line-height: 23px !important;
  margin-top: 0px;
}

.gp-wrapper.group-profile div.profile-avatar {
  width: 100px;
  height: 100px;
  vertical-align: middle;
}

.slides-img300 .main-slider__img,
.slides-rockbook .main-slider__img {
  height: 208px;
  width: 208px;
  left: 60px;
  top: calc(50% - 104px); }

@media (min-width: 1140px) {
    .slides-img300 .main-slider__img,
  .slides-rockbook .main-slider__img {
    height: 296px;
    width: 296px;
    top: calc(50% - 148px);
    left: 103px; }
}

/* .slides-rockbook {
    background: url("/img/skins/ll2019/vc_fon.jpg") 50% 50% no-repeat;
    background-size: cover; }
.slides-rockbook .main-slider__link {
    background: #FA385D; } */

.popup-lists #read-stats {
    width: 100%;
}
.bc-rating-ten {
    width: initial !important;
}

.slides-author .main-slider__head span {
    vertical-align: bottom;
}

.section-form__link.icon-calendar::before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    left: 20px;
    top: 10px;
    background: url("/img/skins/ll2019/SVGsprite11.svg") -364px 0 no-repeat;
}

.section-form__link.icon-calendar::after {
    content:unset;
}
.userbook-container {
    position: initial !important;
    display: contents;
}

#sitereview-holder {
    float: inherit !important;
}

.dot-new-recs {color: #FA385D; margin-left: 5px; font-size:17px;}

.lists__item .brow-owner.checkboxgroup.checkgroup-checkbook-owner {
  position: absolute;
  top: -23px;
}

.userevents-form-filter-submitwrapper {
  position: relative;
}

.userevents-form-filter-submitwrapper .ll-loader.small {
  position: absolute;
  top: 16px;
  left: 165px;
}
.unreg-load-form .modal, .ub-load-form .modal {
    z-index: 1001;
}
.main-sp a {
    text-decoration: initial !important;
}
.lists__status:visited {
    color: #252626;
}

.slide-book__item .bc-menu__status-lists {
    top: -24px;
    left: 1px;
}
.open-menu-redactor-btn {
    display: block;
}

.menu-redactor {
    z-index: 1005;
}

@media (min-width: 1024px) {
    .open-menu-redactor-btn {
        display: none;
    }
    .menu-redactor {
        z-index: 40 !important;
    }
}

.header-context.profile-context {
  background: #fff;
}

.slide-book__item .bc-menu__status {
    top: -24px;
    left: 1px;
}


@media (min-width: 1140px) {
    .kv-side { padding:20px 8px 40px; }
    .kv-side__logo {
        font: 300 47px/48px "Source Sans Pro", sans-serif;
        width:236px;
    }
    .kv-side__year {
        width:95px;
        height:36px;
    }
    .kv-side__logo b {
        letter-spacing: 1.5px;
    }
    .kv-side__progress {
        width: 216px;
        height: 216px;
        margin: 15px auto 0;
    }
    .kv-side-stats {
        margin-top: -108px;
        border-radius: 24px;
        font: 300 27px/32px "Source Sans Pro", sans-serif;
    }
    .kv-side__avatar {
        margin:-60px auto 20px;
        height: 120px;
    }
    .kv-side__avatar img {
        width:120px;
        height:120px;
    }
    .kv-side__result { width:200px;margin:0 auto; }
    .kv-side__button {
        width: 236px;
        height: 40px;
        line-height:40px;
        margin: 8px auto 0px;
        border-radius: 20px;
        bottom: -20px;
    }
}
.blist-compact .brow .book-data.book-data-small .userbook-container.btn-add-plus__wrapper {
  width: 120px;
}

.kv-book .slide-book__status-lists {
    top: -24px;
}

.partner .kv-partner-logo img {
  margin-bottom: 108px; }
.partner .kv-partner-logo p {
  font-size: 28px; }

.i-profile-down { background-position: -180px -303px; height:16px;vertical-align: -3px; }
.i-profile-up { background-position: -160px -303px; height:16px; }

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

.ugc-form__select.ugc-form__select-search div {
  padding-top: 23px;
  padding-bottom: 3px;
  overflow: auto;
  max-height: 312px;
}

.ugc-form__select.ugc-form__select-search input[type="search"]::placeholder {
  color: var(--gray-55);
}

.ugc-form__select-checkbox label {
  display: -webkit-inline-box;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
  padding-left: 54px;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  -webkit-box-align: center;
  width: 100%;
  line-height: 40px;
}

.ugc-form__select-checkbox label::before {
  content: '';
  position: absolute;
  left: 20px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-color: var(--white);
  border: 2px solid var(--gray-84);
  border-radius: 25%;
}

.ugc-form__select-checkbox input[type="checkbox"]:checked + label::before {
  border-color: var(--blue-2);
}

.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');
  background-position:center;
}

.ugc-form__select-checkbox label:hover {
  background-color: var(--gray-95);
  cursor: pointer;
}

.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 input[type="checkbox"] {
  display: none;
}

.ugc-form__select-checkbox input[type="checkbox"]:checked + label {
  background-color: var(--gray-95);
  font-weight: 600;
}

.wtr__item-bookblock-reclist-loader {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0.8;
}

.wtr__item-bookblock-reclist-loader .ll-loader-outer{
  position: absolute;
  top: 50%;
  margin-top: -36px;
  left: 50%;
  margin-left: -36px;
}

.bc-curator__cabinet {
    font-size: 11px;
    line-height: 11px;
    display: block;
    margin-top:2px;
}

.lenta-card__text-escaped--formatting p {
  margin: 0 0 24px; }

.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
  height: 60px;
}
.progressbar li {
  list-style-type: none;
  width: 50%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: green;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background-color: #55b776;
}

.recovery-wrapper {
  width: 100%;
}

.lists__book-info__wrapper {
  position: absolute;
  top: 3px;
  left: 206px;
  width: calc(100% - 206px);
  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;
  height: auto;
  max-height: 370px; }

.lists__book-info__wrapper .book-info__item, .book-info__details {
  position: unset;
  width: 100%;
  min-height: 20px;
  margin-bottom: 5px;
  flex-shrink: 0; }

.lists__book-info__wrapper .lists__book-title {
  margin: 0;
  width: 95%; }

.lists__book-info__wrapper .lists-stat a, .lists-stat a:visited {
  margin: 0 15px 5px 0; }

.lists__book-info__wrapper .lists__text {
  flex-shrink: 1;
  margin: 15px 0 0 0; }

.lists__book-info__wrapper .book-info__details {
  color: #88898C;
  font: 18px/24px "Source Sans Pro", sans-serif;
  margin: 0; }

.lists__book-info__wrapper .book-info__details__link, .book-info__details__link:visited {
  color: #217DD1; }

.lists-3 .lists__rating {
  margin: 20px 10px; }

.lists-3 .lists__book-title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  -webkit-line-clamp: 1;
  max-height: 24px;
  width: 66%; }

.header {
  min-width: initial !important;
}

.afisha-events__calendar .datepicker--content {
  height: auto;
}

.afisha-events__calendar .datepicker {
  width: 304px;
}

.popup-dateevent {
  width: 689px;
}

.bc-sp__title {
  font: 600 32px/40px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 15px; }
.bc-sp {
  margin-bottom: 55px;
  text-align:left; }
.bc-sp__wrapper {
  border-radius: 14px;
  overflow: hidden;
}
.bc-sp__image {
  vertical-align:middle;
}

.menu-redactor__btn {
  display: flex;
}

.bc-new .menu-redactor {
  display: block;
}

.suspicious-account-tag {
  background-color: #FA385D;
  padding: 2px 5px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
  margin-left: 5px;
}

@media (max-width: 1023px) {
  .page-content .menu-redactor {
    display: none;
  }
}

@media (min-width: 1024px) {
  .page-content .menu-redactor {
    display: flex;
  }
}

.section-form__select a {
  display: block;
}
.bc-curator__info span {
  z-index: 41;
}

.menu-redactor__btn {
  z-index: 25;
}

.account-editnetworks-wrapper {
  display: flex;
  flex-direction: column;
}

.account-editnetworks-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.share-popup-main__actions input:checked + .share-popup-main__label {
  font-weight: 400;
}

.editor-btn-cont a {
  margin-left: 0 !important;
}

.form-texteditor .text-editor-buttons {
  table-layout: fixed;
}

.ll-together-login-popup .reg-popup__wrapper#together-login-popup__wrapper.processing:after {content: ' ';position: absolute;top: 0;border: 0;left: 0;right: 0;background: white;display: block;width: 100%;height: 100%;opacity: 0.5;border-radius: 20px;}

.mybook-choose-date .mybook-choose-date__label {
  position: relative;
}

.selection-card__add-authors .add-authors__result-add {
  height: 28px;
  align-self: center;
}

.selection-slide__footer {
  grid-column-start: 1;
  grid-column-end: 3;
}

.account-recovery-inputwrapper__div {
    justify-content: flex-end;
    display: flex;
}

.account-recovery-captchawrapper__div {
  justify-content: flex-start;
  display: flex;
}

.account-recovery-captchawrapper__div .input-inline {
  width: 30%;
}
.selection-creating__container .selection-creating__footer {
  grid-template-columns: none;
}

.plot-param-group-name {
  font-weight: 700;
  line-height: 135%;
  font-size: 20px;
}

.plot-param-group {
  margin-bottom: 26px;
}

.plot-param-group .plot-param-group-delete {
  top: 0;
}

.plot-param-block .plot-param-delete {
  top: 0;
  right: 17px;
}

.plot-param-block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
}

.plot-param-block .subgenre:nth-child(2n) {
  padding-left: 20px;
  box-sizing: border-box;
}

.plot-param-delete, .plot-param-group-delete {
  top: 0px;
}

.plot-param-group a.right, .plot-param-block a.right {
  position: relative;
  width: 24px;
  height: 24px;
}

.plot-param-group-add {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0px;
}

.plot-param-group-add::before {
  background: url("/img/skins/ll2019/SVGsprite16.svg") -322px -155px no-repeat;
  content: '';
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  opacity: 0.5;
}

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

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

.input-textarea, .form-texteditor.ll2019-form-texteditor .ed_textarea.input-textarea {
    resize: vertical;
}

.bc-detailing .exchange-card .lenta-card {
  padding: 0 12px 32px;
}

.bc-detailing .exchange-card .lenta-card .lenta-card-book .lenta-card-book__link {
  margin-left: 0px;
}

.page-content .selection-creating {
  margin-top: 19px;
}

.selection-creating {
  margin-bottom: 22px;
}
.lenta-group__title {
  position: relative;
  color: #252626;
  padding: 15px 16px 11px 0;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  text-transform: uppercase; }
.selection-card__edit {
  z-index: 11;
}

#author-list-exits-simplebar {
  max-height: 312px;
}

.selection-card__section-form {
  margin-top: 10px;
}

.selection-card__members .members__link img {
    height: 32px;
    width: 32px;
}

.object-ban-title {
  display: block;
  margin-bottom: 12px;
  line-height: 20px;
  margin: 0 12px 15px;
  color: red;
}

.plot-param-block .input-checkbox {
  font-weight: normal;
  font-size: 16px;
}

.plot-param-block .subgenre a {
  font-weight: normal;
}

.plot-param-group-name__div {
  width: 50%;
  padding-right: 50px;
  box-sizing: border-box;
}

.plot-param-group-name__div .ugc-popup__close {
  right: -33px;
}

.menu-redactor {
  margin-top: 29px;
  top: 80px; }

.popup-redactor.popup-redactor-recmaster {
  width: auto;
}

 .actions__button_nomargl {
   margin-left: 0px;
 }

td.bc-add-info__heading {
  width: auto;
  padding-right: 1rem;
}

.editor-tools .editor-tools__link {
  color: red;
}

.bc-tag__wrapper {
  margin: 10px 0;
  display: flex;
  width: calc(100% + 56px);
  height: max-content;
  flex-wrap: wrap;
  gap: 10px;
}

.editions .section-form__meta-info span {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 400;
}

.editions .section-form__meta-info .bc-author__all {
  margin-left: 16px;
  color: #fff;
  line-height: 40px;
}

.afisha-import-sources label, .afisha-import-sources .afisha__select {
  display: table-cell;
  padding-right: 5px;
}

.afisha-source-form__inner {
  display: block;
  width: 100%;
  padding: 12px 16px 1px;
  -ms-flex-pack: start;
  background: #EDF0F7;
  border-radius: 24px;
  -webkit-transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: display 0.4s cubic-bezier(0, 0.795, 0, 1);
  z-index: 30;
}

.afisha-source-form__link {
  height: 40px;
  margin: 0 12px 16px;
}

.reg-school__wrapper {
  overflow: visible;
}

.post-attached-objects__table th:nth-of-type(1), .post-attached-objects__table td:nth-of-type(1) {
  width: 230px;
}

.post-attached-objects__table td {
  height: 35px;
  min-height: 35px;
  font-size: 16px;
  line-height: 18px;
}

.main-ec__list li:last-child {
  margin-bottom: 0;
}

.lists__title h1 {
  color: #252626;
  margin: 0 16px 0 0;
  font: 600 32px/40px "Source Sans Pro", sans-serif; }

.editions .editor-tools__popup {
  position: absolute;
  top: calc(90% + 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;
}


.lists__toggle--with-settings {
  width:144px;
}

.lists__toggle--large-settings {
  background-image: url(/img/skins/ll2019/admin-view-icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.lists__toggle--large-settings.lists__toggle--active {
  background-image: url(/img/skins/ll2019/admin-active-view-icon.svg);
}

.section-form__title-link {
  color: #fff !important;
}

.post-card__wrap .lenta-card__text p {
  margin: 0 0 24px;
}

.post-card__content figcaption p {
  margin: 0;
  color: #88898C;
  font: 14px/28px "Source Sans Pro", sans-serif;
  text-align: center;
}

.post-picture {
  margin: 47px auto 38px !important;
}

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

.sab__detailing-wrap {
  display:none;
  position:absolute;
  z-index:1003;
}

.post-waiting summary::before {
  opacity:0.5;
}

.post-card__wrap .post-test__item p {
  margin-bottom:0;
}

.post-btn__link-admin {
  margin:0 24px 0 auto;
}

.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/SVGsprite16.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-card__inner .post-sab {
  z-index: 111;
}

.post-btn-blue {
  background: #3E99ED;
  border-radius: 20px;
  display: flex;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  padding: 0 112px 4px;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  color: #fff;
  margin: 0 auto;
  border: none;
}

.buttond {
  display: flex;
  width: 100%;
  margin: 24px 12px;
}

div .post-yvideo {
  margin-bottom:24px;
}

.post-btn__link-voted {
  display: flex;
  align-items: center;
  border: 1px solid #3E99ED;
  border-radius: 16px;
  height: 32px;
  box-sizing: border-box;
  background: #fff;
  padding: 0 16px 4px;
  color: #3E99ED;
  font: 16px/16px "Source Sans Pro", sans-serif;
}

.post-card__form .post-btn__link-voted {
  margin-right: 31px;
}

.post-btn__link-result {
  display: flex;
  align-items: center;
  border: 1px solid #88898c;
  border-radius: 16px;
  height: 32px;
  box-sizing: border-box;
  background: #fff;
  padding: 0 16px 4px;
  color: #6F7073;
  font: 16px/16px "Source Sans Pro", sans-serif;
  margin-left: auto;
  cursor:pointer;
}

.post-btn__link-result:hover {
  background-color:#e6e9f0;
}

.post-card__form .post-btn__wrap {
  width:auto;
}

@media (max-width: 1024px) {
  .page-content.post-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.lenta-card-book__figure {
  width:100%;
}

/* 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 32px/40px "Source Sans Pro", sans-serif;
  margin: 0;
}
.commentary-feed__headline span {
  font: 300 32px/40px "Source Sans Pro", sans-serif;
}
.comment-wrapper {
  width: 100%;
}
.comment-wrapper:not(:first-child) {
  border-top: 1px solid #D9DBE0;
  padding-top: 18px;
}
.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;
  font: 600 16px/16px "Source Sans Pro", sans-serif;
  word-wrap: break-word;
  max-width: 90%;
  color: #252626;
  display: inline-block;
}



.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 {
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
  margin: 0 1px 0 0;
  display: inline-block;
}

.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-block;
  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;
  padding: 2px 12px;
  margin: 0 0 0 25px;
  display: inline-block;
  border: none;
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 15px 0;
}
.comment-content__text-escaped a.spoiler-open,
.comment-content__text-escaped a.spoiler-close,
.comment-content__text-full a.spoiler-open,
.comment-content__text-full a.spoiler-close {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed;
}
.comment-content__text-escaped div.spoiler-body,
.comment-content__text-full div.spoiler-body {
  display: none;
  word-wrap: break-word;
  white-space: normal;
}

.comment-content__read-more-link {
  color: #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 16px;
  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 13px;
}
.comment-content__btns-wrapper:nth-of-type(2) {
  margin-left: auto;
}
.comment-content__btns-wrapper:nth-of-type(2) > a {
  color: #6F7073;
  font: 400 16px/20px "Source Sans Pro", sans-serif;
}

.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: 0 3px 0 28px;
  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/20px "Source Sans Pro", sans-serif;
  color: #3E99ED;
}

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

.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 {
  position: relative;
  background: none;
  font: 400 16px/16px "Source Sans Pro", sans-serif;
  color: #88898c;
  padding: 0 0 4px 28px;
}
.view-comment-btn {
  margin-left: auto;
}
.cancel-comment-btn::before,
.view-comment-btn::before,
.clear-comment-btn::before {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.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 ");
}

.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: 670px;
  margin: 64px auto 80px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 16px;
  padding: 72px 32px 32px;
  box-sizing: border-box;
}
.modal-preview__wrap h3 {
  font: 600 32px/40px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0 0 16px;
}
.modal-preview__wrap .comment-content__body {
  padding: 16px;
  border-radius: 16px;
  background: #F6F7FA;
}
.btn-close {
  position: absolute;
  height: 24px;
  right: 24px;
  top: 24px;
  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: 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;
  margin-top: 32px;
  padding: 0 16px;
  border: 1px solid #88898C;
  color: #6F7073;
  background: #fff;
  font: 16px/20px "Source Sans Pro", sans-serif; }



.add-comment-content__inner,
.comment-content__inner {
  padding: 0;
  width: calc(100% - 56px);
}
.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: 0;
  margin: 16px 0 0;
}

.sub-comment-wrapper .comment-content {
  gap: 0 8px;
}
.sub-comment-wrapper .comment-content__inner {
  width: calc(100% - 40px);
  padding: 0;
}
.sub-comment-wrapper .comment-content__authors-icon {
  flex: 0 0 48px;
}
.sub-comment-wrapper .comment-content__authors-icon img {
  width: 48px;
}

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

.add-comment-content__authors-icon img,
.comment-content__authors-icon img {
  border-radius: 50%;
  width: 48px;
  height: auto;
  object-fit: cover;
}
.user-group-status {
  color: #00A725;
  font: 400 14px/16px "Source Sans Pro", sans-serif;
  margin-bottom: 4px;
  display: inline-block;
}
.user-online-status::before {
  position: absolute;
  content: "";
  bottom: 3px;
  right: 3px;
  border-radius: 50%;
  background: #00C950;
  width: 8px;
  height: 8px;
  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%;
  gap: 0 29px;
  margin: 23px 0;
}

.filter__select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.filter__select details {
  position: absolute;
  z-index: 10;
  width: 100%;
  border-radius: 20px;
}
.filter__select summary {
  display: block;
  position: relative;
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 6px 19px 8px;
  width: 100%;
  height: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #d2d4d6;
}
.filter__select summary::-webkit-details-marker {
  display: none;
}
.filter__select summary::after {
  position: absolute;
  content: "";
  right: 22px;
  top: 12px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.filter__select details[open] {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  max-height: 321px;
  overflow: hidden;
}
.filter__select details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none;
}
.filter__select details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 17px;
}
.filter__select div {
  border-top: 1px solid #d2d4d6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  max-height: 320px;
  overflow: auto;
}
.filter__select div::-webkit-scrollbar, .filter__select div::-webkit-scrollbar-thumb {
  width: 11px;
  border-radius: 0;
  background-clip: padding-box;
  border: 4px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.filter__select div::-webkit-scrollbar-thumb {
  box-shadow: #bfbfbf inset 0 0 0 10px;
}
.filter__select a {
  font: 16px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  padding: 6px 20px 10px;
}
.filter__select a:hover {
  background: #edf0f7;
}
.filter__select a:last-child {
  border-radius: 0 0 20px 20px;
}
.filter__select .selected-list-item {
  font-weight: 600;
}
.filter__select input {
  display: none;
}
.filter__select a {
  display: block;
}

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

  .add-comment-content,
.comment-content {
    gap: 0 8px;
  }

  .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: 8px 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }
  .comment-content__text-escaped p {
    margin: 0;
  }

  blockquote {
    font: 400 16px/24px "Source Sans Pro", sans-serif;
  }

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

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

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

.comment-content__answer-btn {
    font: 400 16px/16px "Source Sans Pro", sans-serif;
  }

  .sub-comment-wrapper .comment-content {
    gap: 0 8px;
  }
  .sub-comment-wrapper .comment-content__inner {
    width: calc(100% - 24px);
  }
  .sub-comment-wrapper .comment-content__authors-icon {
    flex: 0 0 16px;
    margin: 5px 0 0;
  }
  .sub-comment-wrapper .comment-content__authors-icon img {
    max-width: 16px;
  }

  .add-comment-content__authors-icon,
.comment-content__authors-icon {
    flex: 0 0 24px;
    margin: 1px 0 0;
  }
  .add-comment-content__authors-icon img,
.comment-content__authors-icon img {
    max-width: 24px;
  }

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

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

  .comment-content__actions {
    gap: 0 23px;
  }

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

  .add-comment-content__text-field {
    padding: 3px 8px 6px;
    border-radius: 6px;
    font: 400 16px/20px "Source Sans Pro", sans-serif;
  }

  .add-comment-content__btn {
    height: 28px;
    font: 600 14px/16px "Source Sans Pro", sans-serif;
    border-radius: 14px;
    margin: 6px 0 0 0;
    padding: 0 19px 3px;
  }

  .add-comment-content__inner,
.comment-content__inner {
    padding: 0;
    width: calc(100% - 32px);
  }

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

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

  .comment-content__authors-name {
    margin: 0 2px 0 0;
  }

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

  .comment-content__more-answers-btn {
    font: 600 14px/16px "Source Sans Pro", sans-serif;
  }
  .comment-content__more-answers-btn:after {
    margin: 0 0 0 10px;
    padding: 0 0 2px;
  }

  .commentary-feed__comments {
    gap: 9px 0;
    margin: 0 0 26px;
  }

  .comment-content__sub-comments {
    gap: 9px 0;
    margin: 9px 0 0;
  }

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

  .add-comment-content__btns-wrapper {
    gap: 0;
    flex-wrap: wrap;
  }

  .clear-comment-btn {
    padding: 0;
    font: 400 14px/16px "Source Sans Pro", sans-serif;
  }

  .add-inner-comment .add-comment-content__authors-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
}
.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;
}
/* new comments end */

/* .commentary-feed__pagination .pagination__page--unactive { 
  visibility:hidden;
} */

.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, .commentary-feed-wrapper p,
.comment-content__body p {
  font: 400 16px/20px "Source Sans Pro", sans-serif;
}

.commentary-feed__nodes {
  width:100%;
}
.book-item__item {
  text-align:left; }
.book-item--singletile.book-item__item {
  margin: 53px auto 10px; }
.book-item--singletile .book-item__wrapper {
  border: none;
  grid-template-rows: min-content min-content 40px 45px; }
.comment-content__body .book-item--min .book-item__wrapper { 
  grid-template-rows: 29px 28px 18px;  }
.comment-content__body .book-item--min {
  margin: 32px 0; }  

.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__authors-status {
  margin: 0 4px 0 0;
  font-weight: 400;
  color: #04A00C;
}

.comment-content__recipient {
  color: #252626 !important;
  font-weight: 600;
}

/* .comment-content__sub-comments .add-comment-content__authors-icon {
  flex: 0 0 28px;
}

.comment-content__sub-comments .add-comment-content__authors-icon img {
  max-width:28px;
} */

.comment-content__rating--hide {
  display:none;
}

.add-comment-content__btn--cancel {
  margin-right: auto;
}

.post-com {
  margin: 0 -16px -24px;
}
@media (min-width: 1140px) {
  .post-com {
      margin: 0 -97px -24px;
  }
}

/* Для фикса на странице "Моё избранное" */
.fr-rating {
  overflow: hidden;
  margin: 0 12px 4px; }

.fr-rating__wrapper {
  overflow-x: hidden;
  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; }

.block-rightdown .btn-close {
  z-index: 4;
}

.page-header__search#header-top-search {
  z-index: 1006;
}

.wtr__title-thin {
  margin: 0 12px 0 0;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  color: #252626;
}

.share-popup-main__label {
  margin-bottom: 15px;
}

.section-menu + .lenta__wrapper {
  z-index: 1;
}

.tags .section-form__meta-info {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 42px);
}

.tags .section-form__product, .tags .section-form__author {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
}

.tags .section-form__product {
  margin-right: 7px;
  font-weight: 600;
}

.tags .section-form__wrap {
  flex-direction: column;
  align-items: start;
  height: auto;
  min-height: 72px;
  padding-top: 25px;
  padding-bottom: 19px;
  line-height: 1;
}

.tags .section-form__title {
  width: auto;
  margin-top: 5px;
  line-height: 1;
}

.tags .section-form__author {
  font-weight: 400;
}

.wrapper-ugc {
  max-width: 100%;
}

@media (min-width: 1024px) {
  .wrapper-ugc {
    max-width: calc(100% - 256px);
  }
}

@media (min-width: 1140px) {
  .wrapper-ugc {
    max-width: calc(100% - 324px);
  }
}

.ugc-form__column {
  max-width: 50%;
  min-width: 50%;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  margin:0;
}

.ugc-form__select summary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 36px;
}

.ugc-form__select a {
  display:block;
}

.ugc-form__select.ugc-form__select-search input[type="search"] {
  width: calc(100% - 32px);
}

.ugc-form__fieldset .ugc-form__columns {
  margin-bottom:0;
}

.ugc-form__find {
  position: absolute;
  height: 36px;
  width: 40px;
  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;
  right: 2px;
  top: 1px;
}

.ugc-form__find: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/ll2019/SVGsprite16.svg) -234px 0 no-repeat;
}

.ugc-form__subtitle--small {
  font-size:16px;
}

.ugc-form__indent, .ugc-form__fieldset .ugc-form__indent {
  margin-top:24px;
}

.ugc-form__btn-color {
  display:inline-block; 
  width:40px;
  height:40px; 
  border-radius:20px;
  box-sizing:border-box;
  border: 1px solid var(--gray-84);
  vertical-align:middle;
  cursor:pointer;
}

.ugc-form__other .input-checkbox {
  margin-top:10px;
}

.ugc-form__fieldset--fix-width {
  min-inline-size: auto;
}

.similar-posts__selected {
  margin-top:24px;
}

.similar-posts__item, .post-voting__answer {
  margin-top:10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.similar-posts__add {
  margin-left: auto;
  color: var(--gray-55);
  font-size: 14px;
}

.post-sources__row {
  margin-top:24px;
}

.post-voting__answer span {
  margin-right:12px;
  width:30px;
  line-height: 24px;
}

.input-checkbox input:disabled + label::before, .input-checkbox input:disabled + label::after {
  opacity:0.5;
}

.input-checkbox input[type="radio"] + label::before {
  position: absolute;
  content: "";
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #D0D2D6;
  background: #fff;
  box-sizing: border-box;
}

.input-checkbox input[type="radio"] + label::after {
  display: none;
  position: absolute;
  content: '';
  left: 6px;
  top: 6.5px;
  border-radius: 50%;
  background: #3E99ED;
  width: 12px;
  height: 12px; }

.input-checkbox input[type="radio"]:checked + label::before {
  border-color: #3E99ED;
}

.input-checkbox input[type="radio"]:checked + label::after {
  display: block;
}

.post-card__content.clear-sizes  {
  width:auto;
  padding:0;
}

.post-card__sticky {
  width: 615px;
}

@media (min-width: 1140px) {
  .post-card__sticky {
    width: 728px;
  }
} 

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

.post-card__wrap .lenta-card__text img.picleft, #lenta-card__text-post-full img.picleft {
  margin: 4px 22px 10px 0;
}

.post-card__wrap .lenta-card__text img.picright, #lenta-card__text-post-full img.picright {
  margin: 4px 0 10px 22px;
}

.prm-block-54 { margin-bottom:48px;margin-top:-25px; }
.prm-block-57 {
  margin-bottom: 32px;
}

.post-card__wrap--without-bottom-sab {
  margin-bottom:48px;
}

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

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

.ugc-form__fieldset {
  margin-bottom: 22px;
}

@media (max-width: 1140px) {
  .lists {
    width: 100%; } }

.reg-author__wrap .sab__wrapper span {
  display: inline-flex;
}

.sab__subscription-detailing {
  flex-direction: column;
  padding: 24px 24px 16px;
  top: auto;
  bottom: 0px;
  left: -170px;
  width: 300px;
  border-radius: 20px 20px 0 20px;
  box-shadow: 0px 4px 12px 0px #00000040;
  max-height: 340px;
}

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

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

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

.commentary-feed-wrapper {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.popup-rockbook-modal {
  z-index: 1016 !important;
}

.comment-wrapper .more-options-btn {
  position: relative;
}

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

.kv-popup {
  position: fixed;
  top: 100px;
}

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

.group-selection-data {
  margin-top: 24px;
}