.ModalDialog__container {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto; }

.ModalDialog__fill {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }

.ModalDialog__fullSize {
  display: flex;
  align-content: center;
  justify-content: center;
  min-width: 288px;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 999; }

.ModalDialog__dialog {
  position: relative;
  z-index: 1;
  color: #393f45; }

.ModalDialog__dialogContent {
  position: relative;
  text-align: center; }
  .ModalDialog__dialogContent.hasIcon {
    padding-top: 42px; }
  .ModalDialog__dialogContent.hasActions {
    padding-bottom: 42px; }

.ModalDialog__icon {
  padding: 4px 0;
  line-height: 1em; }

.ModalDialog__emojiIcon {
  font-size: 20px; }
  @media (min-width: 767px) {
    .ModalDialog__emojiIcon {
      font-size: 48px; } }

.ModalDialog__actions {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; }

.ModalDialog__action {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d2dae5;
  border-right: 1px solid #d2dae5;
  cursor: pointer; }
  .ModalDialog__action:last-child {
    border-right: 0; }

.ModalDialog__closeButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer; }
  .ModalDialog__closeButton::before, .ModalDialog__closeButton::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background: #be5b04; }
  .ModalDialog__closeButton::before {
    transform: rotate(45deg); }
  .ModalDialog__closeButton::after {
    transform: rotate(135deg); }

.SpinnerLoader__spinnerLoader {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  color: #be5b04; }
  .SpinnerLoader__spinnerLoader.themePassive {
    color: #252628; }
  .SpinnerLoader__spinnerLoader.themeLight {
    color: #ffffff; }
  .SpinnerLoader__spinnerLoader.premium {
    color: #FEC420; }
  .SpinnerLoader__spinnerLoader.smallSize {
    width: 24px;
    height: 24px; }
  .SpinnerLoader__spinnerLoader.bigSize {
    width: 96px;
    height: 96px; }
  .SpinnerLoader__spinnerLoader.isMargined {
    margin-top: 16px; }

.SpinnerLoader__spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-animation: SpinnerLoader__rotate 2s linear infinite;
          animation: SpinnerLoader__rotate 2s linear infinite;
  transform-origin: center center; }

.SpinnerLoader__path {
  stroke: currentColor;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-width: 2px;
  -webkit-animation: SpinnerLoader__dash 1.5s ease-in-out infinite, SpinnerLoader__color 6s ease-in-out infinite;
          animation: SpinnerLoader__dash 1.5s ease-in-out infinite, SpinnerLoader__color 6s ease-in-out infinite;
  stroke-linecap: round; }

@-webkit-keyframes SpinnerLoader__rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes SpinnerLoader__rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes SpinnerLoader__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@keyframes SpinnerLoader__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

.Button__primaryButton, .Button__secondaryButton, .Button__advertButton, .Button__mobileFloatButton {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 48px;
  border-radius: 12px;
  padding: 0 4px;
  font-family: firasans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  outline: 0;
  text-align: center;
  transition: all 0.3s;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .Button__primaryButton:hover, .Button__secondaryButton:hover, .Button__advertButton:hover, .Button__mobileFloatButton:hover {
    transition: all 0.3s; }
    .Button__primaryButton:hover svg, .Button__secondaryButton:hover svg, .Button__advertButton:hover svg, .Button__mobileFloatButton:hover svg {
      fill: currentColor; }
  .Button__primaryButton[disabled], .Button__secondaryButton[disabled], .Button__advertButton[disabled], .Button__mobileFloatButton[disabled], .Button__primaryButton.isDisabled, .Button__secondaryButton.isDisabled, .Button__advertButton.isDisabled, .Button__mobileFloatButton.isDisabled {
    background: linear-gradient(to bottom, #dbdbdb, #d2d2d2);
    color: #afafaf;
    cursor: default; }
  .Button__primaryButton .Button__spinner, .Button__secondaryButton .Button__spinner, .Button__advertButton .Button__spinner, .Button__mobileFloatButton .Button__spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }

.Button__primaryButton:before, .Button__advertButton:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 12px; }

.Button__primaryButton:hover:before, .Button__advertButton:hover:before {
  opacity: 1; }

.Button__primaryButton:focus:before, .Button__advertButton:focus:before {
  opacity: 0; }

.Button__primaryButton:active:before, .Button__advertButton:active:before {
  opacity: 0; }

.Button__primaryButton[disabled]:active, .Button__advertButton[disabled]:active, .Button__primaryButton.isDisabled:active, .Button__advertButton.isDisabled:active {
  background: linear-gradient(to bottom, #dbdbdb, #d2d2d2); }

.Button__primaryButton[disabled]:before, .Button__advertButton[disabled]:before, .Button__primaryButton.isDisabled:before, .Button__advertButton.isDisabled:before {
  opacity: 0; }

.Button__primaryButton {
  z-index: 1;
  padding-right: 32px;
  padding-left: 32px;
  line-height: 50px;
  color: #252628;
  background: linear-gradient(to bottom, #fed96f, #fec41f); }
  .Button__primaryButton:before {
    background: linear-gradient(to bottom, #f7bf68, #f39c13); }
  .Button__primaryButton:active {
    background: linear-gradient(to bottom, #eeac70, #e67e21); }

.Button__secondaryButton {
  line-height: 2.6em;
  color: #be5b04;
  border: 2px solid #be5b04; }
  .Button__secondaryButton svg {
    fill: currentColor; }
    .Button__secondaryButton svg path {
      stroke: inherit;
      stroke-width: inherit;
      fill: inherit; }
  .Button__secondaryButton:hover {
    background-color: #e67e21;
    border-color: #e67e21;
    color: #ffffff; }
  .Button__secondaryButton:active {
    background-color: #be5b04;
    border-color: #be5b04;
    color: #ffffff; }
    .Button__secondaryButton:active svg {
      fill: currentColor; }
  .Button__secondaryButton[disabled], .Button__secondaryButton.isDisabled {
    border-color: #cecece; }
    .Button__secondaryButton[disabled] svg, .Button__secondaryButton.isDisabled svg {
      fill: currentColor; }
    .Button__secondaryButton[disabled]:hover, .Button__secondaryButton.isDisabled:hover {
      color: #afafaf; }
  .Button__secondaryButton.smallSize {
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.3em;
    border-width: 1px;
    border-radius: 8px; }

.Button__advertButton {
  line-height: 50px;
  color: #ffffff;
  background: linear-gradient(to bottom, #ff8100, #e44b03);
  z-index: 1; }
  .Button__advertButton:before {
    background: linear-gradient(to bottom, #ffb262, #ff7433); }
  .Button__advertButton:active {
    background: linear-gradient(to bottom, #e17200, #c23e00); }

.Button__mobileFloatButton {
  line-height: 2.6em;
  background-color: #be5b04;
  border-color: #be5b04;
  color: #ffffff; }
  .Button__mobileFloatButton svg {
    fill: currentColor; }
    .Button__mobileFloatButton svg path {
      stroke: inherit;
      stroke-width: inherit;
      fill: inherit; }
  .Button__mobileFloatButton.smallSize {
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.3em;
    border-width: 1px;
    border-radius: 8px; }

.AppButton__appList {
  display: flex; }

.AppButton__appListItem {
  margin-left: 4px;
  margin-right: 4px; }
  .AppButton__appListItem:first-child {
    margin-left: 0; }
  .AppButton__appListItem:last-child {
    margin-right: 0; }

.AppButton__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.AppButton__icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 26px; }
  .AppButton__iconWithText {
    display: flex;
    width: 16px;
    height: 16px; }

.AppButton__text {
  margin-left: 8px; }

.AppButton__name {
  margin-top: 2px;
  margin-left: 8px; }

.AppButton__appNameText {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center; }

.PopoverText__text {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #000000;
  cursor: default; }

.PopoverText__popoverBlock {
  position: absolute;
  top: -80px;
  left: -5px;
  max-width: 256px;
  padding: 16px 32px 16px 16px;
  border-radius: 8px;
  text-align: left;
  background-color: #ffffff;
  color: #abacac;
  z-index: 100;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); }
  .PopoverText__popoverBlockCloseButton {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./i/close_6fe2a7b9.svg); }

.TrialButton__trialButton {
  width: 288px;
  flex-shrink: 0; }
  @media (min-width: 574px) {
    .TrialButton__trialButton {
      width: 288px; } }

.TrialButton__loadedButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px !important; }

.TrialButton__mtsButton {
  max-width: 288px;
  height: 48px;
  padding-left: 24%;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  background-repeat: no-repeat;
  background-position: 12% 50%;
  background-image: url(./i/mts_23ef0816.svg);
  cursor: pointer; }
  @media (min-width: 574px) {
    .TrialButton__mtsButton {
      width: 288px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .TrialButton__mtsButton {
      margin-left: unset; } }

.TrialButton__megafonButton {
  max-width: 288px;
  height: 48px;
  padding-left: 73px;
  padding-right: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  background-repeat: no-repeat;
  background-position: 18px 50%;
  background-image: url(./i/megafon_fda23a07.svg);
  cursor: pointer; }
  @media (min-width: 574px) {
    .TrialButton__megafonButton {
      width: 256px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .TrialButton__megafonButton {
      margin-left: unset;
      margin-bottom: 0; } }

.TrialButton__megafonIconmiddle {
  padding-left: 84px !important;
  background-position: 24px 50% !important;
  background-image: url(./i/megafon_fda23a07.svg); }

.TrialButton__megafonIconsmall {
  padding-left: 70px;
  background-position: 24px 50%;
  background-image: url(./i/smallMegafon_d12d30f4.svg);
  font-size: 14px; }
  .TrialButton__megafonIconsmall br {
    display: none; }

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

.TrialButton__dashedText {
  display: flex;
  cursor: pointer;
  color: #be5b04; }
  @media (max-width: 1136px) {
    .TrialButton__dashedText {
      justify-content: center; } }

.TrialButton__popoverTextContainer {
  align-items: center;
  padding-top: 12px;
  text-align: center; }

.TopBlock__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 425px;
  margin-bottom: 24px;
  padding: 0 0 24px;
  background-size: cover;
  background: linear-gradient(to top, #fad961, #fb9e4a); }

.TopBlock__title {
  order: -1;
  width: 50%;
  line-height: 1.17; }
  @media (max-width: 1136px) {
    .TopBlock__title {
      order: unset;
      width: 100%;
      text-align: center; } }
  @media (max-width: 767px) {
    .TopBlock__title {
      width: 288px;
      margin: 20px auto 0;
      text-align: unset; } }

@media (min-width: 414px) {
  .TopBlock__breakMobile {
    display: none; } }

@media (max-width: 767px) {
  .TopBlock__breakTablet {
    display: none; } }

.TopBlock__breakFull {
  display: none; }
  @media (min-width: 1136px) {
    .TopBlock__breakFull {
      display: block; } }

.TopBlock__titleBlock {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1136px;
  min-width: 320px;
  padding: 42px 16px 0;
  background: url(./i/oval_925921dd.svg) no-repeat center top/100%; }
  @media (max-width: 1136px) {
    .TopBlock__titleBlock {
      justify-content: center; } }
  @media (max-width: 767px) {
    .TopBlock__titleBlock {
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      padding: 24px 16px; } }

.TopBlock__oval {
  max-width: 1247px;
  width: 100%;
  min-height: 112px;
  max-height: 200px;
  height: 26vw;
  background-position-x: center;
  background-position-y: bottom;
  background-image: url(./i/oval_925921dd.svg); }

@media (min-width: 1136px) {
  .TopBlock__picture::before {
    content: "";
    position: absolute;
    top: 40px;
    width: 552px;
    min-height: 142px;
    max-height: 266px;
    height: 35vw;
    background-size: 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url(./i/girl-horizontal_c58b9356.svg); } }

@media (max-width: 1136px) {
  .TopBlock__picture {
    width: 100%;
    min-height: 142px;
    max-height: 266px;
    height: 35vw;
    background-size: contain;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url(./i/girl-horizontal_c58b9356.svg); }
    .TopBlock__picture::before {
      content: "";
      height: 0;
      width: 0; } }

@media (max-width: 767px) {
  .TopBlock__picture {
    width: 100%; } }

.TopBlock__featureList {
  display: flex;
  justify-content: left;
  max-width: 704px;
  margin: 24px 0; }
  @media (max-width: 1136px) {
    .TopBlock__featureList {
      justify-content: center;
      width: 100%; } }
  @media (max-width: 767px) {
    .TopBlock__featureList {
      flex-direction: column;
      justify-content: center;
      align-self: center;
      max-width: unset;
      width: 288px; } }

.TopBlock__featureItem {
  display: flex;
  flex-direction: column;
  width: auto;
  margin-right: 32px; }
  .TopBlock__featureItem:last-child {
    margin-right: 0; }
  @media (min-width: 1136px) {
    .TopBlock__featureItem {
      justify-content: left; } }
  @media (max-width: 767px) {
    .TopBlock__featureItem {
      flex-direction: row;
      justify-content: left;
      align-items: center;
      width: 100%;
      margin-bottom: 16px; } }

.TopBlock__featureText {
  font-size: 16px; }
  @media (max-width: 1136px) {
    .TopBlock__featureText {
      margin-left: 0;
      text-align: center; } }

.TopBlock__booksIcon, .TopBlock__audioBooksIcon, .TopBlock__starIcon, .TopBlock__puzzleIcon, .TopBlock__offlineIcon {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0;
  margin-bottom: 16px; }
  @media (max-width: 1136px) {
    .TopBlock__booksIcon, .TopBlock__audioBooksIcon, .TopBlock__starIcon, .TopBlock__puzzleIcon, .TopBlock__offlineIcon {
      margin: 0 auto 16px; } }
  @media (max-width: 767px) {
    .TopBlock__booksIcon, .TopBlock__audioBooksIcon, .TopBlock__starIcon, .TopBlock__puzzleIcon, .TopBlock__offlineIcon {
      margin: 0 16px 0 0; } }

.TopBlock__booksIcon {
  background-image: url(./i/books_fc322dfc.svg); }

.TopBlock__audioBooksIcon {
  background-image: url(./i/audio-books_af030f9e.svg); }

.TopBlock__starIcon {
  background-image: url(./i/star_b42d303f.svg); }

.TopBlock__puzzleIcon {
  background-image: url(./i/puzzle_b16141c3.svg); }

.TopBlock__offlineIcon {
  background-image: url(./i/offline_66e5edb5.svg); }

@media (max-width: 767px) {
  .TopBlock__breakFeature {
    display: none; } }

.TopBlock__buttonList {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media (max-width: 1136px) {
    .TopBlock__buttonList {
      justify-content: center; } }
  @media (max-width: 767px) {
    .TopBlock__buttonList {
      flex-direction: column;
      align-self: center;
      justify-items: flex-start;
      width: 288px; } }

.TopBlock__trialButton {
  width: 288px;
  flex-shrink: 0; }
  @media (min-width: 574px) {
    .TopBlock__trialButton {
      width: 288px; } }

.TopBlock__appButton {
  width: 288px;
  flex-shrink: 0;
  margin-top: 16px; }
  @media (min-width: 574px) {
    .TopBlock__appButton {
      width: 288px;
      margin-top: 0;
      margin-left: 32px; } }
  @media (max-width: 767px) {
    .TopBlock__appButton {
      margin-left: unset; } }

.TopBlock__isMobileButton {
  display: none; }

.TopBlock__megafonButton {
  max-width: 288px;
  height: 48px;
  padding-left: 73px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  background-repeat: no-repeat;
  background-position: 18px 50%;
  background-image: url(./i/megafon_fda23a07.svg);
  cursor: pointer; }
  @media (min-width: 574px) {
    .TopBlock__megafonButton {
      width: 256px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .TopBlock__megafonButton {
      margin-left: unset;
      margin-bottom: 16px; } }

.TopBlock__mtsButton {
  max-width: 288px;
  height: 48px;
  padding-left: 14%;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  background-repeat: no-repeat;
  background-position: 10% 50%;
  background-image: url(./i/mts_23ef0816.svg);
  cursor: pointer; }
  @media (min-width: 574px) {
    .TopBlock__mtsButton {
      width: 288px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .TopBlock__mtsButton {
      margin-left: unset; } }

.TopBlock__offerText {
  display: flex;
  justify-content: flex-start;
  max-width: 1136px;
  width: 100%;
  padding: 12px 20px 0 0; }
  .TopBlock__offerTextNewLine {
    display: none; }
    @media (max-width: 414px) {
      .TopBlock__offerTextNewLine {
        display: block; } }
  @media (max-width: 1136px) {
    .TopBlock__offerText {
      justify-content: center; } }

.TopBlock__dashedText {
  display: flex; }
  @media (max-width: 1136px) {
    .TopBlock__dashedText {
      justify-content: center; } }

.TopBlock__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.TopBlock__mtsButtonContainer {
  display: flex; }

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

.TopBlock__popoverTextContainer {
  align-items: center;
  padding-top: 12px; }
  @media (min-width: 1136px) {
    .TopBlock__popoverTextContainer {
      align-items: flex-start; } }
  @media (max-width: 767px) {
    .TopBlock__popoverTextContainer {
      align-items: center;
      padding-bottom: 12px; } }
  @media (max-width: 414px) {
    .TopBlock__popoverTextContainer {
      align-items: flex-start; } }

/**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
 .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.ContentCarousel__button, .ContentCarousel__buttonPrev, .ContentCarousel__buttonNext {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.13);
  z-index: 2;
  background-image: none;
  cursor: pointer; }

.ContentCarousel__buttonPrev {
  left: -20px;
  top: calc(50% - 20px); }

.ContentCarousel__buttonNext {
  right: -20px;
  top: calc(50% - 20px); }

.ContentCarousel__wrapper {
  position: relative; }

.BlurrImage__image {
  transition: -webkit-filter linear .2s;
  transition: filter linear .2s;
  transition: filter linear .2s, -webkit-filter linear .2s; }

.isBlurred {
  -webkit-filter: blur(3px);
          filter: blur(3px); }

.BookCover__book {
  position: relative;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  border-radius: 8px;
  font-size: 0;
  background: #f7f7f7;
  overflow: hidden; }
  .BookCover__book::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain; }
  .BookCover__book.BookCover__-free::after {
    background-image: url(./i/book-cover-free_3559505a.svg); }
  .BookCover__book.BookCover__-standard::after {
    background-image: url(./i/book-cover-standard_c4a53dea.svg); }
  .BookCover__book.BookCover__-premium::after {
    background-image: url(./i/book-cover-premium_4b43cfdd.svg); }
  .BookCover__book.BookCover__rent::after {
    background-image: url(./i/book-cover-rent_480c9855.svg); }
  .BookCover__book.BookCover__isActive {
    width: 110px;
    height: 160px;
    box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #fec41f; }
  .BookCover__book.BookCover__isAudioBook:after {
    margin-right: 4px;
    margin-bottom: 4px;
    background-image: url(./i/book-cover-audio-book_dc65033e.svg); }
  .BookCover__bookImage {
    max-width: 100%; }

.BookCover__bookAvailableAttention {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  font-size: 8px;
  font-weight: 700;
  color: #ffffff;
  background-color: #d0021b; }

.BookRating__bookRating {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  font: 12px/1.5 firasans, sans-serif; }

.BookRating__rating {
  background-image: url(./i/emptyStar_ed840a04.svg);
  background-repeat: repeat-x;
  background-size: 20px 20px;
  width: 100px;
  height: 20px; }
  .BookRating__ratingInner {
    background: url(./i/filledStar_acf7c4fa.svg);
    background-repeat: repeat-x;
    height: 100%;
    background-size: inherit; }
  .BookRating__rating.BookRating__-tiny {
    width: 82px;
    height: 16px;
    background-size: 16px 16px; }
  .BookRating__ratingValue {
    margin-left: 4px;
    font-size: 14px;
    line-height: 0.8;
    font-weight: 600; }
  .BookRating__rating.isTiny .BookRating__ratingValue {
    margin-left: 2px; }
  .BookRating__ratingVotes {
    margin-left: 8px;
    color: #7c7f84; }
  .BookRating__rating.BookRating__-tiny .BookRating__ratingVotes {
    margin-left: 4px; }

.VerticalBookCard__tinyBook {
  width: 124px;
  align-self: baseline; }
  .VerticalBookCard__tinyBook:first-child {
    margin-left: 16px; }
  .VerticalBookCard__tinyBook:last-child {
    margin-right: 16px; }
  .VerticalBookCard__tinyBook .VerticalBookCard__rating {
    display: flex;
    align-items: center;
    margin: 2px 0 8px; }

.VerticalBookCard__tinyBook + .VerticalBookCard__tinyBook {
  margin-left: 24px; }

.VerticalBookCard__bookCover {
  padding: 8px 0; }

.VerticalBookCard__bookInfo {
  height: 96px; }

.VerticalBookCard__bookOrder {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.9;
  text-align: center;
  border-radius: 12px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7); }

.VerticalBookCard__bookName {
  font-family: firasans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: left;
  color: #252628; }

.VerticalBookCard__bookAuthorWrapper {
  margin-top: 4px; }

.VerticalBookCard__bookAuthor {
  font-family: firasans, sans-serif;
  font-size: 12px;
  line-height: 1.33em;
  text-align: left;
  color: #7c7f84; }

.FakeVerticalBookCard__fakeBookWrapper {
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  width: 124px;
  align-self: auto;
  height: 196px;
  border-radius: 8px;
  background: #FFFFFF;
  overflow: hidden;
  margin: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  color: #bd5900;
  border: 1px solid transparent;
  transition: .2s;
  display: flex;
  align-items: center;
  padding-left: 16px;
  white-space: pre; }
  .FakeVerticalBookCard__fakeBookWrapper path {
    transition: .2s; }
  .FakeVerticalBookCard__fakeBookWrapper:hover {
    border-color: #e67e21;
    color: #e67e21; }
    .FakeVerticalBookCard__fakeBookWrapper:hover path {
      fill: #e67e21; }

.FakeVerticalBookCard__arrow {
  position: absolute;
  left: 16px;
  bottom: 16px;
  transform: rotate(180deg); }

.VerticalBookCardEmpty__tinyBook .VerticalBookCardEmpty__rating, .VerticalBookCardEmpty__bookCover, .VerticalBookCardEmpty__bookName, .VerticalBookCardEmpty__bookAuthor, .VerticalBookCardEmpty__bookAuthorEnd {
  margin-top: 8px;
  background: #f6f6f6;
  border-radius: 4px; }

.VerticalBookCardEmpty__tinyBook {
  display: inline-block;
  width: 124px;
  height: 234px;
  margin-left: 8px; }
  .VerticalBookCardEmpty__tinyBook:first-child {
    margin-left: 16px; }
  .VerticalBookCardEmpty__tinyBook:last-child {
    margin-right: 16px; }
  .VerticalBookCardEmpty__tinyBook .VerticalBookCardEmpty__rating {
    display: flex;
    width: 124px;
    height: 16px; }

.VerticalBookCardEmpty__tinyBook + .VerticalBookCardEmpty__tinyBook {
  margin-left: 40px; }

.VerticalBookCardEmpty__bookCover {
  min-width: 124px;
  height: 160px;
  padding: 8px 0; }

.VerticalBookCardEmpty__bookName {
  width: 96px;
  height: 16px; }

.VerticalBookCardEmpty__bookAuthor {
  width: 96px;
  height: 8px; }

.VerticalBookCardEmpty__bookAuthorEnd {
  width: 82px;
  height: 8px; }

.VerticalBookCardList__emptyBookList {
  display: flex;
  overflow: hidden; }

.VerticalBookCardList__tinyBook {
  width: 124px; }
  .VerticalBookCardList__tinyBook .VerticalBookCardList__rating {
    display: flex;
    align-items: center;
    margin: 2px 0 8px; }

.VerticalBookCardList__bookCover {
  padding: 8px 0; }

.VerticalBookCardList__bookOrder {
  width: 20px;
  height: 12px;
  margin-right: 2px;
  font-family: firasans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  border-radius: 12px;
  color: #252628;
  background-color: #fec41f; }

.VerticalBookCardList__bookName {
  font-family: firasans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: left;
  color: #252628; }

.VerticalBookCardList__bookAuthor {
  font-family: firasans, sans-serif;
  font-size: 12px;
  line-height: 1.33em;
  text-align: left;
  color: #7c7f84; }

.LandingContentContainer__title {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.LandingContentContainer__link {
  margin-left: 8px; }

.LandingContentContainer__linkText {
  display: none; }
  @media (min-width: 767px) {
    .LandingContentContainer__linkText {
      display: inline-block;
      margin-right: 16px; } }

.TagLabel__brown, .TagLabel__grey, .TagLabel__withoutBorder {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  font-family: firasans, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid; }

.TagLabel__brown {
  color: #be5b04;
  border-color: #be5b04; }
  .TagLabel__brown:hover {
    background-color: #e67e21;
    border-color: #e67e21;
    color: #ffffff; }
  .TagLabel__brown.TagLabel__hasLink {
    cursor: pointer; }

.TagLabel__grey {
  color: #abacac;
  border-color: #cecece; }

.TagLabel__withoutBorder {
  color: #be5b04;
  border: 0;
  padding: 0; }
  .TagLabel__withoutBorder.TagLabel__hasLink {
    cursor: pointer; }

.swiper-pagination {
  position: relative;
  padding-top: 16px; }

.swiper-slide-point {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #393f45; }

.AllBooksBlock__catalogImage, .AllBooksBlock__recomendationsImage, .AllBooksBlock__statisticsImage {
  width: 294px;
  height: 294px;
  margin: 0 auto;
  background-size: 100% 100%; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .AllBooksBlock__catalogImage, .AllBooksBlock__recomendationsImage, .AllBooksBlock__statisticsImage {
      margin-right: 0; } }

.AllBooksBlock__catalogImage {
  background-image: url(./i/girl-books_2e5e3a37.svg); }

.AllBooksBlock__recomendationsImage {
  background-image: url(./i/girl-recomendations_78e2daea.svg); }

.AllBooksBlock__statisticsImage {
  background-image: url(./i/girl-statistics_c5d3880c.svg); }

.AllBooksBlock__information {
  padding: 0 32px; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .AllBooksBlock__information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-basis: 50%;
      padding-left: 0; } }

.AllBooksBlock__title {
  max-width: 256px;
  margin: 0 auto;
  text-align: center;
  white-space: pre-line; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .AllBooksBlock__title {
      margin-left: 0;
      text-align: left; } }

.AllBooksBlock__description {
  display: block;
  max-width: 256px;
  margin: 12px auto 0;
  text-align: center;
  color: #393f45; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .AllBooksBlock__description {
      margin-left: 0;
      text-align: left; } }

.AllBooksBlock__allBookButton {
  display: block;
  max-width: 288px;
  margin: 8px auto 24px; }

.AllBooksBlock__slider {
  margin-top: 32px; }
  @media (min-width: 1024px) {
    .AllBooksBlock__slider {
      display: none; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .AllBooksBlock__sliderItem {
    display: flex; } }

.AllBooksBlock__features {
  display: flex;
  justify-content: center;
  margin-bottom: 32px; }
  @media (max-width: 1023px) {
    .AllBooksBlock__features {
      display: none; } }

.BooksetHorizontalCard__item {
  position: relative;
  width: 240px;
  height: 304px;
  margin: 8px 0 12px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  background-color: #ffffff;
  transition: .1s linear; }
  .BooksetHorizontalCard__item:first-child {
    margin-left: 16px; }
  .BooksetHorizontalCard__item:last-child {
    margin-right: 16px; }

.BooksetHorizontalCard__item + .BooksetHorizontalCard__item {
  margin-left: 16px; }

.BooksetHorizontalCard__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }

.BooksetHorizontalCard__image {
  position: relative;
  display: flex;
  width: 100%;
  flex-grow: 2;
  background-color: #f7f7f7; }
  .BooksetHorizontalCard__image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.BooksetHorizontalCard__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 133px;
  padding: 16px 16px 12px; }

.BooksetHorizontalCard__rubric {
  display: flex;
  align-items: center;
  font-family: firasans, sans-serif;
  font-size: 14px;
  line-height: 1.33em;
  color: #7c7f84; }

.BooksetHorizontalCard__bookCount {
  font-size: 12px;
  line-height: 1.33em;
  color: #7c7f84; }

.BooksetHorizontalCard__title {
  max-height: 208px;
  font-family: firasans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  color: #252628;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.8em; }

.BooksetHorizontalCard__author {
  display: flex;
  align-items: center;
  align-self: flex-end;
  width: 100%;
  height: 70px;
  padding: 30px 16px 16px;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.58%, #000000 78.65%); }
  .BooksetHorizontalCard__authorName {
    max-width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white; }
  .BooksetHorizontalCard__authorImage {
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    margin-right: 8px;
    border-radius: 8px; }

.BooksetHorizontalCardEmpty__item {
  display: inline-block;
  width: 270px;
  height: 354px;
  margin: 8px 0 8px 8px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  background-color: #ffffff; }
  .BooksetHorizontalCardEmpty__item:first-child {
    margin-left: 16px; }
  .BooksetHorizontalCardEmpty__item:last-child {
    margin-right: 16px; }

.BooksetHorizontalCardEmpty__image {
  width: 100%;
  max-width: 278px;
  height: 232px;
  background-color: #f7f7f7; }

.BooksetHorizontalCardEmpty__content {
  padding: 16px 12px; }

.BooksetHorizontalCardEmpty__amount {
  display: flex;
  align-items: center;
  margin-bottom: 14px; }
  .BooksetHorizontalCardEmpty__amountBook {
    height: 18px;
    width: 70px;
    background-color: #f7f7f7;
    border-radius: 8px; }

.BooksetHorizontalCardEmpty__title {
  height: 24px;
  width: 200px;
  background-color: #f7f7f7;
  border-radius: 8px; }

.BooksetListEmpty__containerEmpty {
  max-width: 100%; }

.BooksetListEmpty__titleEmpty {
  width: 160px;
  min-height: 24px;
  margin: 0 16px 16px;
  border-radius: 8px;
  background: #f7f7f7; }

.BooksetsCarousel__bookset.isMargined {
  margin-top: 16px; }

.BooksetsCarousel__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 16px; }

.BooksetsCarousel__link {
  align-self: flex-start;
  background-repeat: no-repeat;
  background-position: 100% calc(100% - 2px);
  background-image: url(./i/arrow_57df35f6.svg); }

.BooksetsCarousel__linkText {
  margin-right: 12px; }

.BooksetsCarousel__subtitle {
  font-size: 14px;
  color: #7c7f84; }

.BooksetsCarousel__titleEmpty, .BooksetsCarousel__subTitleEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.BooksetsCarousel__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.BooksetsCarousel__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin-top: 8px; }

.BooksetsCarousel__booksetListEmpty {
  overflow: hidden; }

.BottomBlock__bottomContent {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  overflow: visible;
  margin-bottom: 16px; }

.BottomBlock__footerContainer {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
  overflow: hidden; }
  @media (min-width: 767px) {
    .BottomBlock__footerContainer {
      max-height: 288px;
      flex-direction: row;
      align-items: center;
      padding-left: 32px;
      padding-right: 32px;
      padding-bottom: 0; } }

.BottomBlock__info {
  width: 100%;
  padding: 0 16px; }
  @media (max-width: 767px) {
    .BottomBlock__info {
      width: 256px;
      margin: 0 auto;
      padding: 0; } }

.BottomBlock__footerImage {
  order: 2;
  align-self: center;
  min-width: 288px;
  width: 100%;
  height: 288px;
  margin-left: 32px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url(./i/girl-airplane_78cc2c1c.svg); }
  @media (max-width: 767px) {
    .BottomBlock__footerImage {
      width: 256px;
      min-width: unset;
      order: unset;
      margin: 16px; } }

.BottomBlock__appButton {
  max-width: 256px; }

.SeoText__container {
  margin: 32px 0 -24px; }

.SeoText__article {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1023px) {
    .SeoText__article {
      flex-direction: column; } }

.SeoText__title {
  margin-bottom: 16px; }

.SeoText__paragraph {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  padding: 0 0 16px;
  margin: 0; }

.SeoText__column {
  width: calc(50% - 8px); }
  @media (max-width: 1023px) {
    .SeoText__column {
      width: 100%; } }

.UserAttention__wrapper {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1023px), (max-height: 1023px) {
    .UserAttention__wrapper {
      position: relative; } }

.UserAttention__container {
  max-width: 382px;
  text-align: center;
  padding: 32px 16px; }

.UserAttention__icon {
  font-size: 44px; }

.UserAttention__description {
  font-size: 16px;
  line-height: 24px;
  color: #393f45; }

.UserAttention__linkButton {
  margin-top: 24px;
  line-height: 44px; }

.UserAttention__bottomText {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #393f45; }

.LandingView__loginModalWindowContainer {
  width: 394px;
  margin: 0 auto; }

.LandingView__loginWindowContent {
  position: relative;
  top: 70px;
  text-align: center;
  z-index: 101; }

.LandingView__errorWindow {
  width: 320px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  text-align: center; }

.Form__form {
  padding: 4px 0;
  line-height: 1.5em; }
  .Form__formControl {
    margin: 4px 0 0;
    padding: 4px 0; }
  .Form__formRow {
    padding: 8px 0; }
  .Form__formExtra {
    padding: 4px;
    color: #393f45;
    font-size: 12px;
    line-height: 1.43em; }

.FormTextInput__formTextInput {
  display: block; }

.FormTextInput__control {
  display: block;
  margin-top: 8px; }

.FormTextInput__input {
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 16px;
  transition: all 0.25s; }
  .FormTextInput__input.FormTextInput__isInvalid {
    background-color: #fae5e8; }

.FormTextInput__label {
  display: block;
  font-size: 14px; }

.FormTextInput__note {
  font-size: 12px;
  line-height: 1em; }

.FormTextInput__errorValidationMessage {
  display: block;
  padding: 4px 0;
  color: #ff0000; }
  .FormTextInput__errorValidationMessage a {
    color: #BE5B04; }

.FormTextInput__passwordInput .FormTextInput__control {
  position: relative; }
  .FormTextInput__passwordInput .FormTextInput__control .FormTextInput__input {
    padding-right: 32px; }

.FormTextInput__passwordVisibilitySwitcher {
  position: absolute;
  height: 50%;
  right: 4%;
  top: 25%;
  color: #393f45;
  cursor: pointer;
  text-align: right; }
  .FormTextInput__passwordVisibilitySwitcher.showPassword {
    color: #fec41f; }
  .FormTextInput__passwordVisibilitySwitcherIcon {
    width: 20px;
    height: 20px;
    fill: currentColor;
    transition: fill 0.25s; }

.TabContentItem__tabItem {
  width: 100%;
  margin-bottom: 16px;
  background-image: linear-gradient(to bottom, #ffffff, #f7f7f7 73px); }

.TabContentContainer__tabContentContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.TabContentContainer__tabLeftBorderActive, .TabContentContainer__tabRightBorderActive {
  align-self: flex-end;
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px; }

.TabContentContainer__tabLabelsContainer {
  display: flex;
  height: 48px;
  width: 100%; }

.TabContentContainer__tabLabelText {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .TabContentContainer__tabLabelTextHidden {
    padding-bottom: 8px; }

.TabContentContainer__tabsPosition {
  display: flex; }
  .TabContentContainer__tabsPositioncenter {
    align-items: center;
    justify-content: center; }
  .TabContentContainer__tabsPositionleft {
    align-items: flex-start;
    justify-content: flex-start; }
  .TabContentContainer__tabsPositionright {
    align-items: flex-end;
    justify-content: flex-end; }

.TabContentContainer__tabLeftBorder {
  display: block;
  width: 12px; }
  .TabContentContainer__tabLeftBorderActive {
    background-position: 0 100%;
    background-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 12px, #ffffff 12px); }

.TabContentContainer__tabRightBorder {
  display: block;
  width: 12px; }
  .TabContentContainer__tabRightBorderActive {
    background-position: 0 100%;
    background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 12px, #ffffff 12px); }

.TabContentContainer__tabsNavigation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  overflow: hidden; }
  .TabContentContainer__tabsNavigationContainerActive {
    display: flex;
    flex-wrap: wrap;
    max-width: 170px;
    height: 100%; }
    .TabContentContainer__tabsNavigationContainerActive .TabContentContainer__tabItem {
      display: flex;
      align-items: center;
      height: 100%;
      border-radius: 12px 12px 0 0;
      background-color: #ffffff;
      padding: 0 12px;
      font-size: 16px;
      font-weight: 700;
      color: #383434;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      cursor: default; }
  .TabContentContainer__tabsNavigationContainer {
    display: flex;
    flex-wrap: wrap;
    max-width: 170px;
    height: 100%; }
    .TabContentContainer__tabsNavigationContainer .TabContentContainer__tabItem {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 12px;
      font-size: 16px;
      font-weight: 700;
      color: #be5b04;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer; }

.TabContentContainer__hiddenTabsContainer {
  display: flex;
  align-self: flex-end;
  width: 72px;
  height: 100%;
  margin-right: 24px; }

.TabContentContainer__tabsNavigationHiddenContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 48px;
  border-bottom: solid 1px rgba(255, 200, 0, 0.09); }
  .TabContentContainer__tabsNavigationHiddenContainerActive {
    background-repeat: no-repeat;
    background-position: 100% 6px;
    background-image: url(./i/selected_d02c036f.svg); }
  .TabContentContainer__tabsNavigationHiddenContainer:last-child {
    border-bottom: 0; }
  .TabContentContainer__tabsNavigationHiddenContainer .TabContentContainer__tabItem {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 12px;
    font-size: 16px;
    color: #be5b04;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; }

.TabContentContainer__hiddenTabs {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 48px;
  height: 100%;
  border-radius: 12px 12px 0 0;
  color: #be5b04;
  padding: 0 8px;
  font-size: 25px;
  letter-spacing: 7px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .TabContentContainer__hiddenTabsActive {
    background-color: #ffffff;
    color: #383434;
    cursor: default; }

.TabContentContainer__toggleMenu {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: auto;
  right: 0;
  width: 200px;
  height: auto;
  margin-top: 64px;
  border-radius: 12px;
  background-color: #ffffff;
  z-index: 100;
  overflow: hidden;
  outline: 0;
  box-shadow: 0px 0px 20px 2px rgba(37, 38, 40, 0.2); }

.UserSettingsHeader__tabContentContainer {
  min-height: 100px;
  padding-top: 28px; }

.UserSettingsHeader__blockWrapper {
  max-width: 1136px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (min-width: 767px) {
    .UserSettingsHeader__blockWrapper {
      min-width: 768px;
      padding: 0 112px; } }
  @media (min-width: 1023px) {
    .UserSettingsHeader__blockWrapper {
      padding: 0 16px; } }

.UserSettingsHeader__tabContainer {
  max-width: 1136px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (min-width: 767px) {
    .UserSettingsHeader__tabContainer {
      min-width: 768px;
      padding: 0 112px; } }
  @media (min-width: 1023px) {
    .UserSettingsHeader__tabContainer {
      padding: 0 16px; } }

.FileInput__fileInput {
  position: relative; }

.FileInput__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  overflow: hidden; }
  .FileInput__container .FileInput__holder {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .FileInput__container .FileInput__holder input[type="file"] {
      position: absolute;
      top: 100%;
      left: 100%;
      cursor: inherit;
      opacity: 0; }

.UserSettingsView__billetContainer {
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff; }

.UserSettingsView__userSettings {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  .UserSettingsView__userSettingsContainer {
    background-color: rgba(0, 0, 0, 0); }
  .UserSettingsView__userSettingsColumn {
    width: calc(100% / 3 - 32px);
    max-width: 356px;
    min-width: 288px;
    height: auto;
    min-height: 690px;
    max-height: 790px; }
    .UserSettingsView__userSettingsColumn:first-child {
      margin-right: 32px; }
    .UserSettingsView__userSettingsColumn:nth-child(2n) {
      margin-right: 32px; }
    .UserSettingsView__userSettingsColumn:last-child {
      margin-right: 0; }
    @media (max-width: 1023px) {
      .UserSettingsView__userSettingsColumn {
        min-width: 100%;
        min-height: unset;
        max-height: 100%;
        margin: 0 0 24px; }
        .UserSettingsView__userSettingsColumn:first-child {
          margin-right: 0; }
        .UserSettingsView__userSettingsColumn:nth-child(2n) {
          margin-right: 0; } }

.UserSettingsView__userSettingsBlocks {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: end;
  max-height: 790px;
  width: 100%; }
  @media (max-width: 1023px) {
    .UserSettingsView__userSettingsBlocks {
      flex-direction: row;
      max-width: 100%;
      max-height: 100%;
      height: auto; } }

.UserSettingsAvatar__changeAvatar {
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsAvatar__changeAvatar:last-child {
    margin-bottom: 0; }

.UserSettingsAvatar__userImagePanoram {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden; }
  .UserSettingsAvatar__userImagePanoramImage {
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: #d2dae5 center center no-repeat;
    background-size: 100% auto;
    -webkit-filter: blur(24px);
            filter: blur(24px); }

.UserSettingsAvatar__userImage {
  position: relative;
  z-index: 1;
  text-align: center; }
  .UserSettingsAvatar__userImagePreview {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 8px auto;
    border-radius: 8px;
    overflow: hidden; }
    .UserSettingsAvatar__userImagePreviewContent {
      width: 100%;
      height: 100%;
      border-radius: inherit; }
    .UserSettingsAvatar__userImagePreviewEmpty {
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background: #bebebe; }

.UserSettingsAvatar__control {
  margin: 12px 0; }

.UserSettingsAvatar__description {
  margin: 4px 0; }

.UserSettingsPersonalData__personalSettings {
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsPersonalData__personalSettings:last-child {
    margin-bottom: 0; }

.UserSettingsPassword__passwordSettings {
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsPassword__passwordSettings:last-child {
    margin-bottom: 0; }

.UserSettingsEmail__emailSettings {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsEmail__emailSettings:last-child {
    margin-bottom: 0; }

.UserSettingsEmail__description {
  color: #393f45;
  font-size: 16px; }

.UserSettingsEmail__message {
  width: 100%;
  border-radius: 12px;
  padding: 16px;
  background-color: #fffbf1; }
  .UserSettingsEmail__messageHeader {
    width: 100%;
    margin-bottom: 8px;
    font-size: 16px;
    color: #393f45;
    background-image: url(./i/warning_d4d323f4.svg);
    background-position: 100% 2px;
    background-repeat: no-repeat; }
  .UserSettingsEmail__messageTitle {
    padding-right: 16px;
    font-size: 14px;
    line-height: 1.43;
    color: #7c7f84; }

.UserSettingsEmail__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #393f45; }

button.UserSettingsEmail__countDownButtonTimer {
  background: none; }
  button.UserSettingsEmail__countDownButtonTimer:disabled {
    background: none; }
    button.UserSettingsEmail__countDownButtonTimer:disabled:hover {
      color: #afafaf; }

.UserSettingsSocialNetworks__socialNetworks {
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsSocialNetworks__socialNetworks:last-child {
    margin-bottom: 0; }
  .UserSettingsSocialNetworks__socialNetworksDescription {
    color: #393f45;
    margin: 6px 0 12px; }

.UserSettingsSocialNetworks__socialAuth {
  padding: 4px 0; }

.UserSettingsSocialNetworks__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
  margin-right: 0; }

.UserSettingsSocialNetworks__item {
  width: 100%;
  margin: 4px 0; }

.UserSettingsSocialNetworks__socialNetwork {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .UserSettingsSocialNetworks__socialNetworkTitle {
    margin-left: 8px; }
  .UserSettingsSocialNetworks__socialNetworkIcon svg {
    width: 16px;
    height: 16px;
    display: block; }
    .UserSettingsSocialNetworks__socialNetworkIcon svg path {
      fill: #ffffff; }
  .UserSettingsSocialNetworks__socialNetworkStatus {
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #ffffff;
    font-weight: 100;
    color: #be5b04; }
  .UserSettingsSocialNetworks__socialNetworkIsUnboundStatus {
    padding: 2px 8px;
    font-weight: 100;
    color: #ffffff; }
  .UserSettingsSocialNetworks__socialNetwork:hover .UserSettingsSocialNetworks__socialNetworkStatus {
    transition: all 0.3s;
    color: #ffffff;
    background-color: #be5b04; }
  .UserSettingsSocialNetworks__socialNetwork:hover .UserSettingsSocialNetworks__socialNetworkIsUnboundStatus {
    transition: all 0.3s;
    color: #e67e21; }
  .UserSettingsSocialNetworks__socialNetwork.theme-facebook {
    background-color: #3b5998; }
  .UserSettingsSocialNetworks__socialNetwork.theme-vkontakte {
    background-color: #4d7299; }
  .UserSettingsSocialNetworks__socialNetwork.theme-twitter {
    background-color: #00abf8; }
  .UserSettingsSocialNetworks__socialNetwork.theme-googleplus {
    background-color: #DB3236; }
  .UserSettingsSocialNetworks__socialNetwork.theme-odnoklassniki {
    background-color: #ff983a; }
  .UserSettingsSocialNetworks__socialNetwork.theme-litres-bg {
    background-color: #e7ebed; }
  .UserSettingsSocialNetworks__socialNetwork.theme-apple {
    background-color: black; }

.UserSettingsLitres__litresSettings {
  width: 100%;
  margin-bottom: 24px; }
  .UserSettingsLitres__litresSettings:last-child {
    margin-bottom: 0; }
  .UserSettingsLitres__litresSettingsDescription {
    color: #393f45;
    margin: 6px 0 12px; }

.UserSettingsLitres__litresLogin {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .UserSettingsLitres__litresLoginTitle {
    margin-left: 8px; }
  .UserSettingsLitres__litresLoginIcon {
    width: 40px;
    height: 40px; }
  .UserSettingsLitres__litresLoginStatus {
    padding: 2px 8px;
    border-radius: 8px;
    font-weight: 100;
    color: #be5b04; }
  .UserSettingsLitres__litresLoginUnboundStatus {
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #ffffff;
    font-weight: 100;
    color: #be5b04; }
  .UserSettingsLitres__litresLogin:hover .UserSettingsLitres__litresLoginStatus {
    transition: all 0.3s;
    color: #e67e21; }
  .UserSettingsLitres__litresLogin:hover .UserSettingsLitres__litresLoginUnboundStatus {
    transition: all 0.3s;
    color: #ffffff;
    background-color: #be5b04; }
  .UserSettingsLitres__litresLogin.theme-litres-bg {
    background-color: #e7ebed; }

.NavigationButton__prev, .NavigationButton__next {
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-top-color: #be5b04;
  margin: 0;
  padding: 0;
  float: left;
  cursor: pointer; }
  .NavigationButton__prev[disabled], .NavigationButton__next[disabled] {
    border-top-color: #e7e7e7;
    cursor: text; }
  .NavigationButton__prev::before, .NavigationButton__next::before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-radius: 4px;
    border-top-color: #f7f7f7;
    transform: translate(-10px, -13px); }

.NavigationButton__prev {
  transform: rotate(90deg); }

.NavigationButton__next {
  transform: rotate(270deg); }

.PageButton__pageButton {
  min-width: 24px;
  height: 40px;
  margin: 0 7px;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
  color: #be5b04;
  border-radius: 0; }
  .PageButton__pageButton .PageButton__button {
    display: inline-block;
    height: 100%;
    margin: 0 auto;
    padding: 8px 4px;
    cursor: pointer; }
  .PageButton__pageButton[disabled] {
    font-weight: 600;
    color: #252628; }
    .PageButton__pageButton[disabled] .PageButton__button {
      border-bottom: 2px solid #252628;
      cursor: text; }

.ContextPagination__contextPagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 320px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f7f7;
  border-radius: 12px; }
  .ContextPagination__contextPagination .ContextPagination__ellipsis {
    margin: 0 7px; }
  .ContextPagination__contextPagination .ContextPagination__pagesButtons {
    display: flex; }
  .ContextPagination__contextPagination .ContextPagination__pages {
    display: flex;
    overflow: hidden; }
  .ContextPagination__contextPagination .ContextPagination__firstPage {
    display: flex; }
  .ContextPagination__contextPagination .ContextPagination__lastPage {
    display: flex; }

.PaymentListPaymentData__wrapperDesktop {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 0 16px;
  padding-top: 4px; }
  @media (max-width: 1023px) {
    .PaymentListPaymentData__wrapperDesktop {
      display: none; } }

.PaymentListPaymentData__wrapperMobile {
  background: #FFFFFF;
  border-radius: 12px; }
  @media (min-width: 1023px) {
    .PaymentListPaymentData__wrapperMobile {
      display: none; } }

.PaymentListPaymentData__row {
  display: grid;
  grid-column-gap: 8px;
  border-collapse: collapse;
  min-width: 100%;
  grid-template-columns: 4fr 3fr 3fr 2fr 2fr 4fr 3fr 2fr;
  border-bottom: 1px solid #E3E3E3; }
  .PaymentListPaymentData__row:nth-last-child(1) {
    border: none; }

.PaymentListPaymentData__rowTop {
  font-weight: 600;
  font-size: 14px;
  color: #393F45; }

.PaymentListPaymentData__rowBody:hover {
  background: #F0F0F0;
  margin: 0 -16px;
  padding: 0 16px; }

.PaymentListPaymentData__column {
  display: flex;
  align-items: center;
  padding: 16px 0; }

.PaymentListPaymentData__date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  color: #A1A1A1; }
  @media (max-width: 1023px) {
    .PaymentListPaymentData__date {
      margin-right: 6px; } }

@media (max-width: 1023px) {
  .PaymentListPaymentData__dateWrapper {
    display: flex;
    margin-top: 8px; } }

.PaymentListPaymentData__datePill {
  background: #FEC420;
  border-radius: 12px;
  width: 70px;
  padding: 2px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin-top: 5px; }
  @media (max-width: 1023px) {
    .PaymentListPaymentData__datePill {
      margin: 0; } }

.PaymentListPaymentData__itemHeader {
  padding-top: 4px; }

.PaymentListPaymentData__linkContainer {
  position: relative; }

.PaymentListPaymentData__link {
  max-width: 170px;
  color: #be5b04; }
  .PaymentListPaymentData__link:hover + .PaymentListPaymentData__linkHover {
    display: block; }

.PaymentListPaymentData__linkHover {
  display: none;
  position: absolute;
  border-radius: 8px;
  max-width: 250px;
  padding: 8px;
  background: #FFF7DF;
  color: #393F45;
  font-size: 12px; }

.PaymentListPaymentData__wrapper div {
  background: none; }

.PaymentListPaymentData__statusText {
  display: flex;
  align-items: center; }

.PaymentListPaymentData__successImage {
  margin-right: 5px;
  margin-top: -6px;
  width: 16px;
  height: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(./i/success_ca4ace40.svg); }

.PaymentListPaymentData__refundImage {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(./i/refund_60803c2b.svg); }

.SubscriptionIcon__subscriptionIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: center center no-repeat;
  background-size: cover; }
  .SubscriptionIcon__subscriptionIcon.themeFree {
    background-image: url(./i/freeSubscription_3eb54562.svg); }
  .SubscriptionIcon__subscriptionIcon.themeRent {
    background-image: url(./i/rentSubscription_701cd081.svg); }
  .SubscriptionIcon__subscriptionIcon.themeStandard {
    background-image: url(./i/standardSubscription_8d0beb59.svg); }
  .SubscriptionIcon__subscriptionIcon.themePremium {
    background-image: url(./i/proSubscription_6226dc51.svg); }
  .SubscriptionIcon__subscriptionIcon.themeStandardChecked {
    background-image: url(./i/standardSubscriptionChecked_3bedd50a.svg); }
  .SubscriptionIcon__subscriptionIcon.themePremiumChecked {
    background-image: url(./i/proSubscriptionChecked_fd107fd8.svg); }

@charset "UTF-8";
.BtnSubscriptionIcon__standard, .BtnSubscriptionIcon__premium, .BtnSubscriptionIcon__free, .BtnSubscriptionIcon__rent {
  display: inline-block;
  position: relative;
  background: #F6F6F6;
  border-radius: 6px;
  width: 104px; }
  .BtnSubscriptionIcon__standard::before, .BtnSubscriptionIcon__premium::before, .BtnSubscriptionIcon__free::before, .BtnSubscriptionIcon__rent::before {
    display: inline-block;
    width: 104px;
    height: 32px;
    margin-right: 8px;
    padding: 10px 10px 8px 32px;
    border-radius: 6px;
    font-family: firasans, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #252628;
    box-sizing: border-box; }

.BtnSubscriptionIcon__standard::before {
  content: "Стандарт"; }

.BtnSubscriptionIcon__standard .BtnSubscriptionIcon__svg {
  position: absolute;
  top: 2px;
  left: 0; }

.BtnSubscriptionIcon__premium::before {
  content: "Премиум"; }

.BtnSubscriptionIcon__premium .BtnSubscriptionIcon__svg {
  position: absolute;
  top: 0;
  left: 0; }

.BtnSubscriptionIcon__free::before {
  content: "Бесплатно"; }

.BtnSubscriptionIcon__free .BtnSubscriptionIcon__svg {
  position: absolute;
  top: 4px;
  left: 5px; }

.BtnSubscriptionIcon__rent::before {
  content: "Аренда"; }

.BtnSubscriptionIcon__rent .BtnSubscriptionIcon__svg {
  position: absolute;
  top: 2px;
  left: 3px; }

.Accordion__accordionList {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden; }
  .Accordion__accordionListItem + .Accordion__accordionListItem {
    border-top: 1px solid #E3E3E3; }

.Accordion__accordionItemOpened .Accordion__accordionItemIcon {
  transform: rotate(180deg); }

.Accordion__accordionItemOpened .Accordion__accordionItemInner {
  max-height: 100rem;
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-duration: 0.5s;
  transition-property: max-height; }

.Accordion__accordionItemOpened .Accordion__accordionItemContent {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transition-property: opacity, transform; }

.Accordion__accordionItemLine {
  min-height: 56px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  z-index: 2;
  position: relative; }

.Accordion__accordionItemTitle {
  font-size: 1.6rem;
  margin: 0;
  font-weight: 700;
  color: #393f45; }

.Accordion__accordionItemIcon {
  width: 12px;
  height: 8px;
  transition: transform 0.3s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(./i/arrow_5d09ae49.svg); }

.Accordion__accordionItemInner {
  padding: 0 20px;
  background: #F0F0F0;
  max-height: 0;
  overflow: hidden;
  text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transition-duration: 0.5s;
  transition-property: max-height;
  z-index: 1;
  position: relative; }

.Accordion__accordionItemContent {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  height: 56px;
  opacity: 0;
  transform: translateY(-1rem);
  transition-timing-function: linear, ease;
  transition-duration: 0.1s;
  transition-property: opacity, transform;
  transition-delay: 0.5s;
  border-bottom: 1px solid #E3E3E3; }
  .Accordion__accordionItemContent:nth-last-child(1) {
    border: none; }

.Accordion__linkWrapper {
  min-height: 56px;
  border-bottom: 1px solid #E3E3E3;
  display: flex;
  align-items: center; }

.Accordion__link {
  color: #be5b04; }

.PaymentListView__emptyPaymentList {
  min-height: 360px; }

.PaymentListView__wrapper {
  max-width: 1136px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }

.BookCoverImage__coverImage {
  border-radius: 8px;
  background: #f7f7f7;
  width: 120px; }
  .BookCoverImage__coverImageWrapper {
    position: relative;
    box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.2);
    transition: all ease-in-out 300ms;
    cursor: pointer; }
    .BookCoverImage__coverImageWrapper:hover {
      box-shadow: 0 37px 20px -20px rgba(0, 0, 0, 0.1);
      transform: translate(0, -10px); }
    @media (max-width: 1023px) {
      .BookCoverImage__coverImageWrapper {
        transform: none; }
        .BookCoverImage__coverImageWrapper:hover {
          transform: none; } }
  @media (min-width: 767px) {
    .BookCoverImage__coverImage {
      width: 184px; } }
  @media (min-width: 1136px) {
    .BookCoverImage__coverImage {
      width: 256px; } }

.BookCoverImage__coverImageText {
  height: 180px; }
  @media (min-width: 767px) {
    .BookCoverImage__coverImageText {
      height: 274px; } }
  @media (min-width: 1136px) {
    .BookCoverImage__coverImageText {
      height: 382px; } }

.BookCoverImage__coverImageAudio {
  height: 112px; }
  @media (min-width: 767px) {
    .BookCoverImage__coverImageAudio {
      height: 256px;
      width: 256px; } }

.BookCoverImage__audioBookIcon {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 48px;
  height: 48px;
  margin-right: 4px;
  margin-bottom: 4px;
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRjZGNkY2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0UxRTFFMSIgZD0iTTE3IDFjOC44MzcgMCAxNiA3LjE2MyAxNiAxNnMtNy4xNjMgMTYtMTYgMTZTMSAyNS44MzcgMSAxNyA4LjE2MyAxIDE3IDF6Ii8+PGcgZmlsbD0iIzFCMUQxRSI+PHBhdGggZD0iTTEwLjQ5NSAxNy4zNzZsMS40MDUtLjM1MWExIDEgMCAwIDEgMS4yNDMuOTd2NS4xNTNhMSAxIDAgMCAxLTEuMjQzLjk3bC0xLjQwNS0uMzUxYTMuMjkzIDMuMjkzIDAgMCAxIDAtNi4zOXoiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMS44NzIgMTcuMzU3djEuMjg2SDkuM3YtMS4yODZjMC00LjczOCAyLjc4OS03Ljg2NiA3LjY5Ny03Ljg2NiA0Ljg0NCAwIDcuNjk3IDMuMjgzIDcuNjk3IDcuODY2djEuMjg2aC0yLjU3MnYtMS4yODZjMC0zLjIzNy0xLjc4OC01LjI5NC01LjEyNS01LjI5NC0zLjQxOCAwLTUuMTI1IDEuOTE0LTUuMTI1IDUuMjk0eiIvPjxwYXRoIGQ9Ik0yMi4xIDE3LjAyNWwxLjQwNS4zNTFhMy4yOTMgMy4yOTMgMCAwIDEgMCA2LjM5bC0xLjQwNS4zNTJhMSAxIDAgMCAxLTEuMjQzLS45N3YtNS4xNTNhMSAxIDAgMCAxIDEuMjQzLS45N3oiLz48L2c+PC9nPjwvc3ZnPg==); }
  @media (max-width: 767px) {
    .BookCoverImage__audioBookIcon {
      width: 32px;
      height: 32px;
      right: 4px;
      bottom: 4px; } }

.BookCoverImage__coverImageContainer {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  z-index: 101; }

.BookCoverImage__coverImageFullSize {
  min-width: 320px;
  max-width: 100%;
  max-height: 100%; }

.BookAuthor__coverAuthor {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  @media (min-width: 1136px) {
    .BookAuthor__coverAuthor {
      margin-bottom: 24px; } }

.BookAuthor__authorList {
  margin-right: 8px;
  color: #ffffff; }

.BookAuthor__authorName {
  font-size: 16px;
  color: #ffffff; }

.BookAuthor__link {
  font-size: 0; }

.BookStatusShield__shield {
  display: inline-block;
  height: 24px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  cursor: default; }

.BookStatusShield__text {
  display: flex;
  align-items: center; }

.BookStatusShield__icon {
  margin-right: 6px; }
  .BookStatusShield__icon path {
    fill: #ffffff; }

.BookRightholder__genresThemes {
  margin-left: 0;
  z-index: 1;
  padding: 16px 0;
  border-bottom: 1px solid #edf1f3; }

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

.BookRightholder__rightholderName {
  margin: 0; }

.BookRightholder__rightholderCounter {
  font-size: 12px;
  color: #7c7f84; }

.BookRightholder__shareLinks {
  position: relative;
  padding: 16px 0;
  border-top: 1px solid #edf1f3;
  z-index: 1; }

@-webkit-keyframes SocialShareMenu__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes SocialShareMenu__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.SocialShareMenu__fbIcon, .SocialShareMenu__vkIcon {
  width: 24px;
  height: 24px; }

.SocialShareMenu__theme-white {
  color: #ffffff;
  background-position: 0 40%;
  background-repeat: no-repeat;
  background-image: url(./i/share-white_728150f7.svg); }

.SocialShareMenu__theme-yellow {
  color: #be5b04;
  background-position: 0px -2px;
  background-repeat: no-repeat;
  background-image: url(./i/share_19227bd7.svg); }

.SocialShareMenu__menu {
  display: flex; }

.SocialShareMenu__menuToggle {
  display: flex;
  align-items: center;
  height: 24px;
  padding-left: 36px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }

.SocialShareMenu__menuItemList {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 256px;
  margin-top: 40px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 2px rgba(37, 38, 40, 0.2);
  overflow: hidden;
  -webkit-animation: SocialShareMenu__opacityAnimation .3s ease-in-out;
          animation: SocialShareMenu__opacityAnimation .3s ease-in-out;
  z-index: 2; }
  .SocialShareMenu__menuItemList:focus {
    outline: 0; }
  .SocialShareMenu__menuItemList:hover .SocialShareMenu__linkText {
    border-top: 0; }

.SocialShareMenu__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  color: #be5b04;
  cursor: pointer; }
  .SocialShareMenu__item .SocialShareMenu__linkText {
    border-top: 1px solid #d6d6d6; }
  .SocialShareMenu__item:first-child .SocialShareMenu__linkText {
    border-top: 0; }
  .SocialShareMenu__item:active:hover {
    background-color: rgba(228, 134, 53, 0.9);
    color: #be5b04; }
    .SocialShareMenu__item:active:hover svg path {
      fill: #be5b04; }
  .SocialShareMenu__item:hover {
    background-color: rgba(228, 134, 53, 0.9);
    color: #ffffff; }
    .SocialShareMenu__item:hover svg path {
      fill: #ffffff; }

.SocialShareMenu__linkText {
  display: flex;
  align-items: center;
  height: 48px;
  width: 100%;
  margin-left: 16px; }

.SocialShareMenu__fbIcon {
  fill: #3b5998; }

.SocialShareMenu__vkIcon {
  fill: #4d7299; }

.Rating__ratingStar {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  transition: all .2s ease-in-out;
  cursor: pointer; }

.Rating__ratingStarHover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  cursor: pointer; }

.Rating__filledStar {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer; }
  .Rating__filledStar svg {
    cursor: pointer; }
    .Rating__filledStar svg path {
      cursor: pointer; }

.Rating__emptyStar {
  position: relative;
  display: inline-block;
  z-index: 1;
  cursor: pointer; }
  .Rating__emptyStar svg {
    cursor: pointer; }
    .Rating__emptyStar svg path {
      cursor: pointer; }

.AuthFormSocialAuth__socialAuth {
  padding: 4px 0; }

.AuthFormSocialAuth__items {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  margin: 0 -4px; }

.AuthFormSocialAuth__item {
  width: calc(33% - 8px);
  margin: 4px; }

.AuthFormSocialAuth__socialNetwork.themeFacebook svg, .AuthFormSocialAuth__socialNetwork.themeVK svg, .AuthFormSocialAuth__socialNetwork.themeTwitter svg, .AuthFormSocialAuth__socialNetwork.themeGooglePlus svg, .AuthFormSocialAuth__socialNetwork.themeOdnoklassniki svg, .AuthFormSocialAuth__socialNetwork.themeGoogleplus svg {
  width: 16px;
  height: 16px;
  display: block; }
  .AuthFormSocialAuth__socialNetwork.themeFacebook svg path, .AuthFormSocialAuth__socialNetwork.themeVK svg path, .AuthFormSocialAuth__socialNetwork.themeTwitter svg path, .AuthFormSocialAuth__socialNetwork.themeGooglePlus svg path, .AuthFormSocialAuth__socialNetwork.themeOdnoklassniki svg path, .AuthFormSocialAuth__socialNetwork.themeGoogleplus svg path {
    fill: #ffffff; }

.AuthFormSocialAuth__socialNetwork {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .AuthFormSocialAuth__socialNetworkTitle {
    margin-left: 8px; }
  .AuthFormSocialAuth__socialNetwork.themeFacebook {
    background-color: #3b5998; }
  .AuthFormSocialAuth__socialNetwork.themeVK {
    background-color: #4d7299; }
  .AuthFormSocialAuth__socialNetwork.themeTwitter {
    background-color: #00abf8; }
  .AuthFormSocialAuth__socialNetwork.themeGooglePlus {
    background-color: #DB3236; }
  .AuthFormSocialAuth__socialNetwork.themeOdnoklassniki {
    background-color: #ff983a; }
  .AuthFormSocialAuth__socialNetwork.themeGoogleplus {
    background-color: #DB3236; }
  .AuthFormSocialAuth__socialNetwork.themeLitres {
    background-color: #e7ebed; }
    .AuthFormSocialAuth__socialNetwork.themeLitres svg {
      width: 32px;
      height: 16px;
      display: block; }

.AuthLoginForm__signIn {
  height: 38px;
  background: black;
  border-radius: 8px;
  width: 100%;
  margin: 12px 0 0;
  color: white;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .AuthLoginForm__signIn:before {
    width: 12px;
    height: 14px;
    content: "";
    display: block;
    margin: auto 10px auto 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.2715C11.6732 10.9999 11.5155 11.3242 11.0935 11.9695C10.5047 12.8682 9.67377 13.9892 8.64408 13.9974C7.73018 14.0065 7.49534 13.4007 6.25381 13.4081C5.01392 13.4147 4.75444 14.0081 3.83972 13.9999C2.81085 13.9909 2.02422 12.9793 1.43466 12.0798C-0.212509 9.5662 -0.385766 6.61477 0.63078 5.04524C1.35337 3.93084 2.49226 3.27899 3.56382 3.27899C4.65344 3.27899 5.33908 3.87817 6.24149 3.87817C7.11598 3.87817 7.64889 3.27735 8.91013 3.27735C9.86427 3.27735 10.8742 3.79833 11.5935 4.69709C9.23529 5.99338 9.61793 9.36784 12 10.2715ZM7.95434 2.27241C8.41171 1.68312 8.75986 0.850201 8.63423 0C7.88537 0.0510285 7.00924 0.529215 6.4985 1.15143C6.03375 1.71522 5.6511 2.55389 5.79973 3.3687C6.6192 3.39422 7.46414 2.90451 7.95434 2.27241Z' fill='white'/%3E%3C/svg%3E%0A"); }

.AuthWithPhoneForm__signIn {
  height: 38px;
  background: black;
  border-radius: 8px;
  width: 100%;
  margin: 12px 0 0;
  color: white;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .AuthWithPhoneForm__signIn:before {
    width: 12px;
    height: 14px;
    content: "";
    display: block;
    margin: auto 10px auto 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.2715C11.6732 10.9999 11.5155 11.3242 11.0935 11.9695C10.5047 12.8682 9.67377 13.9892 8.64408 13.9974C7.73018 14.0065 7.49534 13.4007 6.25381 13.4081C5.01392 13.4147 4.75444 14.0081 3.83972 13.9999C2.81085 13.9909 2.02422 12.9793 1.43466 12.0798C-0.212509 9.5662 -0.385766 6.61477 0.63078 5.04524C1.35337 3.93084 2.49226 3.27899 3.56382 3.27899C4.65344 3.27899 5.33908 3.87817 6.24149 3.87817C7.11598 3.87817 7.64889 3.27735 8.91013 3.27735C9.86427 3.27735 10.8742 3.79833 11.5935 4.69709C9.23529 5.99338 9.61793 9.36784 12 10.2715ZM7.95434 2.27241C8.41171 1.68312 8.75986 0.850201 8.63423 0C7.88537 0.0510285 7.00924 0.529215 6.4985 1.15143C6.03375 1.71522 5.6511 2.55389 5.79973 3.3687C6.6192 3.39422 7.46414 2.90451 7.95434 2.27241Z' fill='white'/%3E%3C/svg%3E%0A"); }

.AuthRegistrationForm__signIn {
  height: 38px;
  background: black;
  border-radius: 8px;
  width: 100%;
  margin: 12px 0 0;
  color: white;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .AuthRegistrationForm__signIn:before {
    width: 12px;
    height: 14px;
    content: "";
    display: block;
    margin: auto 10px auto 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.2715C11.6732 10.9999 11.5155 11.3242 11.0935 11.9695C10.5047 12.8682 9.67377 13.9892 8.64408 13.9974C7.73018 14.0065 7.49534 13.4007 6.25381 13.4081C5.01392 13.4147 4.75444 14.0081 3.83972 13.9999C2.81085 13.9909 2.02422 12.9793 1.43466 12.0798C-0.212509 9.5662 -0.385766 6.61477 0.63078 5.04524C1.35337 3.93084 2.49226 3.27899 3.56382 3.27899C4.65344 3.27899 5.33908 3.87817 6.24149 3.87817C7.11598 3.87817 7.64889 3.27735 8.91013 3.27735C9.86427 3.27735 10.8742 3.79833 11.5935 4.69709C9.23529 5.99338 9.61793 9.36784 12 10.2715ZM7.95434 2.27241C8.41171 1.68312 8.75986 0.850201 8.63423 0C7.88537 0.0510285 7.00924 0.529215 6.4985 1.15143C6.03375 1.71522 5.6511 2.55389 5.79973 3.3687C6.6192 3.39422 7.46414 2.90451 7.95434 2.27241Z' fill='white'/%3E%3C/svg%3E%0A"); }

.TinyRegistrationForm__tinyRegistrationFormRow {
  max-width: 456px;
  margin: 0 auto; }

.TinyRegistrationForm__tinyRegistrationControl {
  max-width: 352px;
  margin: 0 auto; }

.BookAddToMyBooks__plus {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-right: -1px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzM4MzQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOSA3aDZhMSAxIDAgMCAxIDAgMkg5djZhMSAxIDAgMCAxLTIgMFY5SDFhMSAxIDAgMCAxIDAtMmg2VjFhMSAxIDAgMCAxIDIgMHY2eiIvPjwvc3ZnPg==); }

.MyShelves__root {
  border-radius: 12px;
  background-color: #ffffff; }

.MyShelves__header {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #252628; }

.MyShelves__counter {
  text-align: left;
  font-size: 14px;
  color: #7c7f84;
  padding-bottom: 16px; }

.MyShelves__scrollListWrapper {
  max-height: 228px;
  border-radius: 12px;
  background-color: #f5f5f5;
  padding: 16px 8px 16px 16px;
  margin: 0 auto;
  margin-bottom: 16px;
  overflow: hidden; }

.MyShelves__scrollList {
  overflow: auto;
  max-height: 192px;
  padding-right: 12px; }
  .MyShelves__scrollList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e6e6e6;
    border-radius: 10px;
    background-color: #F5F5F5; }
  .MyShelves__scrollList::-webkit-scrollbar {
    height: 2em;
    width: 4px;
    background-color: #F5F5F5;
    border: 0.5em solid rgba(0, 0, 0, 0); }
  .MyShelves__scrollList::-webkit-scrollbar-thumb {
    height: 1em;
    border-radius: 2px;
    background-color: #ffffff; }

.ShelveScrollList__scrollListPill {
  padding: 12px 8px 12px 16px;
  border-radius: 12px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #252628;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .ShelveScrollList__scrollListPill span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 79%; }

.ShelveScrollList__removeFromShelve {
  min-width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iIzdFRDMyMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS43MTEgMTUuNzIybDcuOTU1LTcuOTU1YS45MzcuOTM3IDAgMSAxIDEuMzI2IDEuMzI2bC04LjYxOCA4LjYxOGEuOTM1LjkzNSAwIDAgMS0xLjMyNiAwbC0zLjk3Ny0zLjk3OGEuOTM4LjkzOCAwIDAgMSAxLjMyNS0xLjMyNmwzLjMxNSAzLjMxNXoiLz48L3N2Zz4=); }

.ShelveScrollList__addToShelve {
  min-width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0JFNUIwNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMgMTFoNmExIDEgMCAwIDEgMCAyaC02djZhMSAxIDAgMCAxLTIgMHYtNkg1YTEgMSAwIDAgMSAwLTJoNlY1YTEgMSAwIDAgMSAyIDB2NnoiLz48L3N2Zz4=); }

.NewShelveDialog__form {
  text-align: left; }

.BookStatusChangePopup__container {
  border-radius: 12px;
  position: absolute;
  width: 288px;
  background: #ffffff;
  z-index: 1;
  box-shadow: 0px 6px 10px 3px rgba(37, 38, 40, 0.2);
  z-index: 100; }

.BookStatusChangePopup__button {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #f7f7f7;
  height: 119px;
  width: calc(100% / 3);
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.1s linear; }
  .BookStatusChangePopup__button:not(.BookStatusChangePopup__buttonRemove):last-of-type {
    border-radius: 0px 12px 0 0;
    border-width: 0 0 1px; }
  .BookStatusChangePopup__button:not(.BookStatusChangePopup__buttonRemove):first-of-type {
    border-radius: 12px 0 0; }
  .BookStatusChangePopup__buttonActive {
    background-color: #fec41f; }
  .BookStatusChangePopup__buttonFunctional {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 51px;
    padding: 0 16px;
    font-size: 16px;
    border: none; }

.BookStatusChangePopup__corner {
  position: absolute;
  bottom: -13px;
  right: 10px; }

.BookStatusChangePopup__isBookInReadingList {
  display: flex;
  flex-direction: row; }

.BookStatusChangePopup__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 36px 0 16px; }
  .BookStatusChangePopup__iconWant {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNy41IDQuNWg5QTEuNSAxLjUgMCAwIDEgMTggNnYxMy41bC02LTIuOTc0TDYgMTkuNVY2YTEuNSAxLjUgMCAwIDEgMS41LTEuNXoiLz48L2RlZnM+PHVzZSBmaWxsPSIjMzgzNDM0IiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==); }
  .BookStatusChangePopup__iconRead {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzM4MzQzNCIgZD0iTTcuNSAxNi4xODF2Mi45MjdjMCAuNDk3LS40NzYgMS4zNDgtMS41IDEuMzQ4LTEuMDIzIDAtMS41LS44LTEuNS0xLjI5N1Y1LjY4QTEuNSAxLjUgMCAwIDEgNiA0LjE4aDEzLjVsLTMgNiAzIDZoLTEyeiIvPjwvc3ZnPg==); }
  .BookStatusChangePopup__iconReading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzM4MzQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNC41IDUuNjI1bDcuNSAzIDcuNS0zdjkuODIzYTEgMSAwIDAgMS0uNjI5LjkyOGwtNi4xMjggMi40NTJhMiAyIDAgMCAxLTEuNDg2IDBMNS4xMyAxNi4zNzZhMSAxIDAgMCAxLS42MjktLjkyOFY1LjYyNXoiLz48L3N2Zz4=); }
  .BookStatusChangePopup__iconRemove {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxkZWZzPiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMCA0YTIgMiAwIDEgMSA0IDBoNGEyIDIgMCAwIDEgMiAydjFINFY2YTIgMiAwIDAgMSAyLTJoNHpNNyA4djEwYTEgMSAwIDAgMCAxIDFoOGExIDEgMCAwIDAgMS0xVjhoMnYxMWEyIDIgMCAwIDEtMiAySDdhMiAyIDAgMCAxLTItMlY4aDJ6bTIgMGgydjhhMSAxIDAgMSAxLTIgMFY4em00IDBoMnY4YTEgMSAwIDEgMS0yIDBWOHoiLz4gICAgPC9kZWZzPiAgICA8dXNlIGZpbGw9IiM3QzdGODQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=);
    margin: 0; }
  .BookStatusChangePopup__iconRemoveMinus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iIzdDN0Y4NCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNWExIDEgMCAwIDEgMSAxdjEyYTEgMSAwIDAgMS0yIDBWNmExIDEgMCAwIDEgMS0xeiIvPjwvc3ZnPg==);
    margin: 0;
    transform: rotate(90deg); }
  .BookStatusChangePopup__iconAdd {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iIzdDN0Y4NCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMgMTFoNmExIDEgMCAwIDEgMCAyaC02djZhMSAxIDAgMCAxLTIgMHYtNkg1YTEgMSAwIDAgMSAwLTJoNlY1YTEgMSAwIDAgMSAyIDB2NnoiLz48L3N2Zz4=);
    margin: 0; }

.BookOpenStatusChangePopup__dots {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE0IDEyYTIgMiAwIDAgMS00IDAgMiAyIDAgMCAxIDQgMHptLTggMGEyIDIgMCAwIDEtNCAwIDIgMiAwIDAgMSA0IDB6bTE2IDBhMiAyIDAgMCAxLTQgMCAyIDIgMCAwIDEgNCAweiIgZmlsbD0iIzM4MzQzNCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); }

.BookStatusChangeButton__container {
  position: relative; }

.BookStatusChangeButton__button {
  width: 48px;
  text-align: center;
  padding: 0;
  margin: 0 0 0 16px; }

.BookPaymentBookPageTest__bookPayment {
  align-self: baseline;
  width: 256px;
  margin: 12px 4px 20px;
  border-radius: 12px;
  overflow: hidden;
  z-index: 2;
  transition: all ease-in-out 300ms;
  cursor: pointer;
  border: 1px solid #E5E5E5; }
  .BookPaymentBookPageTest__bookPayment:hover {
    box-shadow: 0 37px 20px -20px rgba(0, 0, 0, 0.1);
    transform: translate(0, -10px); }
  @media (max-width: 767px) {
    .BookPaymentBookPageTest__bookPayment {
      box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.2);
      width: 237px;
      margin-left: 16px;
      flex-shrink: 0; }
      .BookPaymentBookPageTest__bookPayment:hover {
        transform: none; } }

.BookPaymentBookPageTest__subscriptionStandard, .BookPaymentBookPageTest__subscriptionPremium {
  display: flex;
  justify-content: space-between;
  min-height: 180px;
  padding: 16px 0 16px 16px;
  flex-grow: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative; }

.BookPaymentBookPageTest__subscriptionStandard {
  background-image: url(./i/stars_06e63bda.svg), linear-gradient(180deg, #dbeaff 100%, #f3f8ff 0%); }

.BookPaymentBookPageTest__subscriptionPremium {
  background-image: url(./i/stars_06e63bda.svg), linear-gradient(187.83deg, #ffe790 100%, #fdf1c6 0%); }

.BookPaymentBookPageTest__rent {
  height: 180px;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #d6d6d6; }

.BookPaymentBookPageTest__typeHeader {
  font-size: 16px;
  font-weight: 600; }

.BookPaymentBookPageTest__price {
  margin: 16px 0;
  font-size: 24px;
  font-weight: 600; }

.BookPaymentBookPageTest__trialText {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-top: 8px;
  font-size: 12px;
  color: #ffffff;
  background-color: #e44b03;
  border-radius: 14px; }

.BookPaymentBookPageTest__imageStandard {
  position: absolute;
  top: 16px;
  right: 0;
  min-width: 28px;
  height: 34px;
  margin-right: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./i/standard_03169989.svg); }

.BookPaymentBookPageTest__imagePremium {
  position: absolute;
  top: 16px;
  right: 0;
  min-width: 28px;
  height: 34px;
  margin-right: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./i/premium_45e7d0a4.svg); }

.BookPaymentBookPageTest__footer {
  padding: 16px;
  background-color: #ffffff;
  height: auto; }
  .BookPaymentBookPageTest__footer.isMobileOperatorTrial {
    height: 134px; }
    @media (max-width: 767px) {
      .BookPaymentBookPageTest__footer.isMobileOperatorTrial {
        height: 131px; } }

.BookPaymentBookPageTest__title {
  width: 205px;
  line-height: 20px; }

.BookPaymentBookPageTest__megafonButton {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  cursor: pointer; }
  @media (max-width: 767px) {
    .BookPaymentBookPageTest__megafonButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.BookPaymentBookPageTest__megafonButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.BookPaymentBookPageTest__megafonButtonText {
  margin-left: 8px; }

.BookPaymentBookPageTest__mtsButton {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  cursor: pointer; }
  @media (max-width: 767px) {
    .BookPaymentBookPageTest__mtsButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.BookPaymentBookPageTest__mtsButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.BookPaymentBookPageTest__mtsButtonText {
  margin-left: 8px; }

.BookPaymentBookPageTest__hiddenBlock {
  width: 100%;
  height: 48px;
  margin-bottom: 10px; }

.BookPaymentBookPageTest__attentionText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000; }
  .BookPaymentBookPageTest__attentionTextDashed {
    display: flex; }

.BookPaymentBookPageTest__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.BookPaymentBookPageTest__trialButton {
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: none !important; }
  .BookPaymentBookPageTest__trialButton + div div {
    text-align: left;
    align-items: start; }

.BookPaymentBookPageTest__trialButtonAudio {
  max-width: 411px;
  width: 100%; }

.BookPaymentBookPageTest__emptyBlock {
  height: 40px; }
  @media (max-width: 767px) {
    .BookPaymentBookPageTest__emptyBlock {
      display: none; } }

.BookPaymentBookPageTest__testButton {
  padding: 0;
  display: flex;
  justify-content: center; }

.ButtonsBlock__registrationForm {
  position: relative;
  margin-bottom: 16px;
  padding: 4px 16px 8px;
  border-radius: 12px;
  background-color: #f6f6f6;
  overflow: hidden; }
  @media (max-width: 1136px) {
    .ButtonsBlock__registrationForm {
      margin-bottom: 0; } }

.ButtonsBlock__bookReadButtons {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 16px;
  margin-right: 16px; }
  @media (max-width: 1136px) {
    .ButtonsBlock__bookReadButtons {
      margin-right: 0;
      width: 100%; } }
  @media (min-width: 1136px) {
    .ButtonsBlock__bookReadButtons {
      width: 266px; } }
  @media (max-width: 1136px) {
    .ButtonsBlock__bookReadButtons {
      padding: 16px;
      padding-top: 0; } }

.ButtonsBlock__appButton {
  width: 100%;
  flex-shrink: 0;
  margin-top: 16px; }
  @media (max-width: 768px) {
    .ButtonsBlock__appButton {
      margin-left: unset;
      margin-top: 16px;
      width: 100%; } }
  @media (min-width: 1136px) {
    .ButtonsBlock__appButton {
      width: 256px;
      margin-top: 0;
      margin-left: 32px; } }

.ButtonsBlock__readBtn {
  padding: 0; }
  .ButtonsBlock__readBtnRent {
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 100%; }
    .ButtonsBlock__readBtnRent span span {
      font-size: 13px;
      font-weight: 500; }
  .ButtonsBlock__readBtnRead {
    flex: 1;
    display: block; }
  .ButtonsBlock__readBtnReadWhithoutLogin {
    flex: 1;
    display: block; }

.ButtonsBlock__testBlocks {
  flex-wrap: wrap; }
  .ButtonsBlock__testBlocksTestA {
    flex: 1;
    display: flex; }
  .ButtonsBlock__testBlocksTestB {
    width: 100%; }
    @media (max-width: 767px) {
      .ButtonsBlock__testBlocksTestB {
        margin-top: -50px;
        margin-bottom: -35px; } }

.ButtonsBlock__readBtnUnknownLogin {
  display: block;
  width: 100%; }

.ButtonsBlock__readBtnUnknownRead {
  display: none; }

.ButtonsBlock__rentToTwoWeekText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 218px;
  height: 100%;
  line-height: 14px; }
  .ButtonsBlock__rentToTwoWeekTextHeader {
    font-weight: 600;
    font-size: 16px; }
  .ButtonsBlock__rentToTwoWeekTextSmall {
    font-size: 12px;
    font-weight: 400; }

.ButtonsBlock__audioWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  @media (max-width: 767px) {
    .ButtonsBlock__audioWrapper {
      flex-wrap: wrap; } }

.ButtonsBlock__buttonWrapper {
  display: flex; }
  @media (max-width: 1136px) {
    .ButtonsBlock__buttonWrapper {
      width: 100%; } }

.ButtonsBlock__appLinkTextBook {
  height: 48px;
  width: 100%; }
  @media (min-width: 1136px) {
    .ButtonsBlock__appLinkTextBook {
      margin-left: 16px;
      width: calc(586px - 256px - 42px); } }
  @media (max-width: 1136px) {
    .ButtonsBlock__appLinkTextBook {
      margin-top: 16px; } }
  .ButtonsBlock__appLinkTextBook.isForAnonymous {
    margin-left: unset;
    width: 100%; }
  .ButtonsBlock__appLinkTextBook.isMobileAndTest {
    height: 0;
    margin: 0; }

.ButtonsBlock__isMobileButton {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 290px;
  z-index: 100; }

.ButtonsBlock__appLinkTextBookRentWithoutLogin {
  height: 48px;
  width: 100%; }
  @media (max-width: 1136px) {
    .ButtonsBlock__appLinkTextBookRentWithoutLogin {
      margin-top: 16px; } }
  .ButtonsBlock__appLinkTextBookRentWithoutLogin.isForAnonymous {
    margin-left: unset; }
  .ButtonsBlock__appLinkTextBookRentWithoutLogin.isMobileAndTest {
    height: 0;
    margin: 0; }

.ButtonsBlock__appLinkAudioBook {
  height: 48px;
  width: 100%;
  margin-top: 16px; }
  @media (max-width: 1136px) {
    .ButtonsBlock__appLinkAudioBook {
      margin-top: 16px; } }
  .ButtonsBlock__appLinkAudioBook.isForAnonymous {
    width: 100%; }
  .ButtonsBlock__appLinkAudioBook.isMobileAndTest {
    height: 0;
    margin: 0; }

.ButtonsBlock__bookPaymentTypesContainer {
  display: flex;
  width: 100%; }
  @media (max-width: 586px) {
    .ButtonsBlock__bookPaymentTypesContainer {
      padding-left: 16px;
      justify-content: unset;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .ButtonsBlock__bookPaymentTypesContainer {
      display: none; } }

.ButtonsBlock__bookPaymentTypesSliderContainer {
  display: none; }
  @media (max-width: 767px) {
    .ButtonsBlock__bookPaymentTypesSliderContainer {
      display: unset;
      position: relative;
      overflow: visible;
      margin: 0 -16px; } }

.ButtonsBlock__appLinkAudioBookRentWithoutLogin {
  height: 48px;
  width: 100%; }
  @media (min-width: 1136px) {
    .ButtonsBlock__appLinkAudioBookRentWithoutLogin {
      margin-left: 16px;
      width: calc(586px - 256px - 108px); } }
  @media (max-width: 1136px) {
    .ButtonsBlock__appLinkAudioBookRentWithoutLogin {
      margin-top: 16px; } }
  .ButtonsBlock__appLinkAudioBookRentWithoutLogin.isForAnonymous {
    width: 100%; }
  .ButtonsBlock__appLinkAudioBookRentWithoutLogin.isMobileAndTest {
    height: 0;
    margin: 0; }

.ButtonsBlock__buttonRentToTwoWeek {
  order: 2; }
  @media (min-width: 1136px) {
    .ButtonsBlock__buttonRentToTwoWeek {
      order: 2; } }
  @media (max-width: 1136px) {
    .ButtonsBlock__buttonRentToTwoWeek {
      order: 0;
      margin-bottom: unset;
      margin-top: 16px; } }

.ButtonsBlock__buttonRentToTwoWeekAudio {
  order: 2;
  margin-top: 16px; }
  @media (max-width: 1136px) {
    .ButtonsBlock__buttonRentToTwoWeekAudio {
      order: 0;
      margin-bottom: unset;
      margin-top: 16px; } }

.ButtonsBlock__offerContainer {
  background: #f6f6f6;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 12px;
  max-width: 586px;
  margin-left: 288px; }
  @media (max-width: 1136px) {
    .ButtonsBlock__offerContainer {
      margin-left: 0;
      margin-top: 112px;
      margin-bottom: -100px; } }
  @media (max-width: 767px) {
    .ButtonsBlock__offerContainer {
      margin-top: 0;
      margin-bottom: 12px; } }

.ButtonsBlock__offerText {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px; }

.ButtonsBlock__carousel {
  width: 100%; }

.PPDBlock__bookPayment {
  align-self: baseline;
  width: 256px;
  height: 100%;
  margin: 12px 4px 20px;
  border-radius: 12px;
  overflow: hidden;
  z-index: 2;
  transition: all ease-in-out 300ms;
  cursor: pointer;
  border: 1px solid #E5E5E5; }
  .PPDBlock__bookPayment:hover {
    box-shadow: 0 37px 20px -20px rgba(0, 0, 0, 0.1);
    transform: translate(0, -10px); }
  @media (max-width: 767px) {
    .PPDBlock__bookPayment {
      box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.2);
      width: 237px;
      margin-left: 16px;
      flex-shrink: 0; }
      .PPDBlock__bookPayment:hover {
        transform: none; } }

.PPDBlock__top {
  height: 180px;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #d6d6d6; }

.PPDBlock__footer {
  padding: 16px;
  background-color: #ffffff; }

.PPDBlock__mobileOperatorFooter {
  height: 134px; }
  @media (max-width: 767px) {
    .PPDBlock__mobileOperatorFooter {
      height: 131px; } }

.PPDBlock__price {
  margin: 16px 0;
  font-size: 24px;
  font-weight: 600; }

.PPDBlock__title {
  font-weight: 600;
  font-size: 16px;
  color: #000000; }

.PPDBlock__subTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

.PPDBlock__megafonButton {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  cursor: pointer; }
  @media (max-width: 767px) {
    .PPDBlock__megafonButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.PPDBlock__megafonButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.PPDBlock__megafonButtonText {
  margin-left: 8px; }

.PPDBlock__mtsButton {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  cursor: pointer; }
  @media (max-width: 767px) {
    .PPDBlock__mtsButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.PPDBlock__mtsButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.PPDBlock__mtsButtonText {
  margin-left: 8px; }

.PPDBlock__hiddenBlock {
  width: 100%;
  height: 48px;
  margin-bottom: 10px; }

.PPDBlock__attentionText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000; }
  .PPDBlock__attentionTextDashed {
    display: flex; }

.PPDBlock__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.PPDBlock__trialButton {
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: none !important; }
  .PPDBlock__trialButton + div div {
    text-align: left;
    align-items: start; }

.PPDBlock__trialButtonAudio {
  max-width: 411px;
  width: 100%; }

.PPDBlock__emptyBlock {
  height: 40px; }
  @media (max-width: 767px) {
    .PPDBlock__emptyBlock {
      display: none; } }

.PPDBlock__testButton {
  padding: 0;
  display: flex;
  justify-content: center; }

@charset "UTF-8";
.BookPageHeaderContent__rentTimeBlock {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #006CFF;
  color: #ffffff; }

.BookPageHeaderContent__rentTimeBlockEnd {
  background-color: #FB8A05;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff; }

.BookPageHeaderContent__cover {
  position: relative;
  min-height: 120px;
  max-width: 100%; }

.BookPageHeaderContent__coverTitle {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 8px;
  text-align: left;
  color: #ffffff; }
  .BookPageHeaderContent__coverTitle a {
    color: inherit;
    text-decoration: none; }

.BookPageHeaderContent__coverBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.BookPageHeaderContent__coverBackgroundImage {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(246, 246, 246, 0.3);
  transform: scale(1.1);
  -webkit-filter: blur(10px) brightness(80%);
          filter: blur(10px) brightness(80%); }
  .BookPageHeaderContent__coverBackgroundImage img {
    width: 100%;
    height: auto; }

.BookPageHeaderContent__coverContent {
  display: flex;
  flex-direction: column;
  max-width: 586px;
  width: 100%;
  margin: 0 auto;
  padding: 16px; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__coverContent {
      max-width: 1136px;
      flex-direction: row; } }

.BookPageHeaderContent__coverTag {
  margin-left: 136px; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__coverTag {
      margin-left: 212px; }
      .isAudioBook .BookPageHeaderContent__coverTag {
        margin-left: 294px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__coverTag {
      margin-left: 0; }
      .isAudioBook .BookPageHeaderContent__coverTag {
        margin-left: 0; } }

.BookPageHeaderContent__coverBlockImage {
  width: 112px;
  height: 180px;
  max-height: 32px;
  margin-top: -32px;
  font-size: 0;
  border-radius: 12px;
  overflow: visible;
  z-index: 3; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__coverBlockImage {
      width: 184px;
      height: 296px;
      bottom: -80px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__coverBlockImage {
      width: 256px;
      height: 426px;
      margin-top: 0; } }
  @media (min-width: 767px) {
    .BookPageHeaderContent__coverBlockImageAudio {
      width: 256px; } }

.BookPageHeaderContent__coverInformation {
  position: relative;
  width: 100%;
  z-index: 2; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__coverInformation {
      order: 2;
      margin-left: 32px; } }

.BookPageHeaderContent__bookContent {
  display: flex;
  justify-content: space-between;
  max-width: 586px;
  margin: 0 auto;
  padding: 16px 16px 0; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookContent {
      max-width: 1136px; } }
  @media (max-width: 1136px) {
    .BookPageHeaderContent__bookContent {
      display: block; } }

.BookPageHeaderContent__bookRating {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: left;
  color: #252628;
  margin-right: 8px; }

.BookPageHeaderContent__bookRatingCount {
  padding-left: 8px; }

.BookPageHeaderContent__bookUserRating {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 44px;
  padding: 12px;
  border-radius: 12px;
  background: #f6f6f6; }
  @media (max-width: 1136px) {
    .BookPageHeaderContent__bookUserRating .isForAnonymous {
      margin-top: 24px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookUserRating {
      position: absolute;
      top: 492px;
      left: auto;
      width: 256px; }
      .isAudioBook .BookPageHeaderContent__bookUserRating {
        top: 322px; } }
  @media (max-width: 1136px) {
    .BookPageHeaderContent__bookUserRating {
      margin-top: 10px; } }

.BookPageHeaderContent__bookUserRatingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer; }

.BookPageHeaderContent__bookUserRatingText {
  margin-right: 4px;
  font-size: 12px;
  color: #7c7f84; }

.BookPageHeaderContent__bookInformation {
  display: flex;
  flex-direction: column;
  width: auto;
  justify-content: space-between;
  margin-left: 136px; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__bookInformation {
      margin-left: 212px; }
      .isAudioBook .BookPageHeaderContent__bookInformation {
        margin-left: 294px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookInformation {
      margin-left: 288px; } }

.BookPageHeaderContent__bookInformationRating {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookInformationRating {
      flex-direction: row;
      align-items: center;
      margin: 12px 0 2px; } }

.BookPageHeaderContent__bookReaderCount {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.2em;
  color: #7c7f84; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookReaderCount {
      margin-top: 0; } }

.BookPageHeaderContent__bookStatistic {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.2;
  color: #252628; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__bookStatistic {
      display: flex;
      align-items: center; } }
  @media (max-width: 414px) {
    .isAudioBook .BookPageHeaderContent__bookStatistic {
      margin-left: -136px; } }

.BookPageHeaderContent__bookStatisticItem {
  padding-bottom: 8px;
  position: relative;
  padding-right: 24px;
  display: inline-block; }
  .BookPageHeaderContent__bookStatisticItem:after {
    position: absolute;
    content: '·';
    right: 12px; }
  .BookPageHeaderContent__bookStatisticItem:last-of-type {
    padding-right: 0; }
    .BookPageHeaderContent__bookStatisticItem:last-of-type:after {
      content: ''; }

.BookPageHeaderContent__bookStatisticPoint {
  display: none; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__bookStatisticPoint {
      display: block;
      width: 2px;
      height: 2px;
      background: #252628;
      margin-right: 12px;
      border-radius: 4px; } }

.BookPageHeaderContent__appButtonBackground {
  padding: 42px;
  background-image: url(./i/owl_a7c09e2f.svg);
  background-repeat: no-repeat;
  background-position: bottom right; }

.BookPageHeaderContent__mobileCoverTitle {
  display: block; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__mobileCoverTitle {
      display: none; } }

.BookPageHeaderContent__bookStatus {
  margin-bottom: 16px;
  padding-bottom: 16px; }

.BookPageHeaderContent__relatedLinks {
  display: inline-block; }
  @media (min-width: 1136px) {
    .isForAnonymous .BookPageHeaderContent__relatedLinks {
      margin-top: 0px; } }
  @media (max-width: 414px) {
    .BookPageHeaderContent__relatedLinks {
      margin-bottom: 30px;
      margin-top: 30px;
      margin-left: -136px; }
      .isAudioBook .BookPageHeaderContent__relatedLinks {
        margin-top: 0; } }
  .BookPageHeaderContent__relatedLinksEmpty {
    margin: 0;
    height: 16px; }
  .BookPageHeaderContent__relatedLinksItem {
    display: flex;
    font-size: 16px;
    margin: 8px 16px 0 0;
    vertical-align: middle; }
  .BookPageHeaderContent__relatedLinksIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 20px;
    background-repeat: no-repeat; }
    .BookPageHeaderContent__relatedLinksIconFragment {
      background-image: url(./i/text-version_e6cc9db3.svg); }
    .BookPageHeaderContent__relatedLinksIconAudio {
      background-image: url(./i/audio-version_37d2816b.svg); }

.BookPageHeaderContent__readFragment {
  color: #be5b04;
  align-self: center; }
  @media (max-width: 767px) {
    .BookPageHeaderContent__readFragment {
      align-self: auto; } }

.BookPageHeaderContent__booksButtons {
  display: flex;
  flex-direction: column; }
  .isAudioBook .BookPageHeaderContent__booksButtons {
    margin-top: 0; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__booksButtons {
      margin-top: 8px; }
      .BookPageHeaderContent__booksButtons.isForAnonymous,
      .isAudioBook .BookPageHeaderContent__booksButtons {
        margin-top: 0; } }
  @media (min-width: 767px) and (max-width: 1136px) {
    .BookPageHeaderContent__booksButtons.isUnavailable {
      margin-top: 128px; }
    .BookPageHeaderContent__booksButtons.isAudioBook {
      margin-top: 0; } }
  @media (max-width: 767px) {
    .BookPageHeaderContent__booksButtons.isAudioBook {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__booksButtons {
      margin-top: 0; } }

.BookPageHeaderContent__booksButtonsUnavailable {
  display: flex; }

.BookPageHeaderContent__booksButtonBlock {
  margin-left: 0px;
  margin-bottom: 16px; }
  .BookPageHeaderContent__booksButtonBlockItem {
    margin-left: 16px; }
    .isForAnonymous .BookPageHeaderContent__booksButtonBlockItem {
      margin-left: 32px; }
    @media (max-width: 586px) {
      .BookPageHeaderContent__booksButtonBlockItem {
        margin-left: 0; } }
    .BookPageHeaderContent__booksButtonBlockItem:first-of-type {
      margin-left: 0; }
  @media (max-width: 586px) {
    .BookPageHeaderContent__booksButtonBlockAndroid {
      display: none; } }
  .BookPageHeaderContent__booksButtonBlock.isForAnonymous {
    display: flex;
    flex-direction: column; }
  .isAudioBook .BookPageHeaderContent__booksButtonBlock {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between; }
  @media (min-width: 767px) {
    .BookPageHeaderContent__booksButtonBlock {
      display: flex;
      flex-direction: column;
      margin-left: 212px;
      margin-bottom: 16px; }
      .BookPageHeaderContent__booksButtonBlockReadButtonWithRent {
        margin-top: 80px;
        margin-left: 0; }
      .isAudioBook .BookPageHeaderContent__booksButtonBlock {
        margin-left: 0px;
        margin-top: 72px; } }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__booksButtonBlock {
      max-width: 586px;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-left: 288px;
      margin-top: 0; }
      .isAudioBook .BookPageHeaderContent__booksButtonBlock {
        margin: 0 0 0 288px;
        padding-bottom: 16px; } }
  @media (max-width: 767px) {
    .BookPageHeaderContent__booksButtonBlock {
      margin-left: -15px;
      margin-right: -15px; } }

.BookPageHeaderContent__rightHolderContainer {
  position: relative;
  height: 30px; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__rightHolderContainer {
      margin-left: 360px; } }
  @media (max-width: 1136px) {
    .BookPageHeaderContent__rightHolderContainer {
      display: none; } }

.BookPageHeaderContent__shareLinks {
  position: relative;
  padding: 16px 0;
  z-index: 1; }

.BookPageHeaderContent__bookAvailableAttentionText {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 24px;
  font-size: 14px;
  color: #ffffff;
  background-color: #d0021b;
  z-index: 1; }

.BookPageHeaderContent__bookIncSubAttentionText {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 24px;
  font-size: 14px;
  color: #ffffff;
  background-color: #81A7C8;
  z-index: 1; }

.BookPageHeaderContent__bookAvailableAttention {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 76px;
  max-height: 124px;
  margin-left: 0px;
  padding: 16px;
  border-radius: 12px;
  background-color: #f6f6f6; }
  @media (min-width: 1136px) {
    .BookPageHeaderContent__bookAvailableAttention {
      max-width: 586px;
      margin-top: 0px;
      margin-left: 288px; } }
  @media (max-width: 1136px) {
    .BookPageHeaderContent__bookAvailableAttention {
      margin-bottom: 16px; } }

.BookPageHeaderContent__linkContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%; }

.BookPageHeaderContent__changeBookStatusButtonContainer {
  width: 100%;
  margin-top: 16px; }

.BookPageHeaderContent__attentionAvailableText {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 700;
  color: #383434; }

.BookPageHeaderContent__attentionImage {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #383434; }

.BookPageHeaderContent__bookAttentionTillImage {
  width: 32px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-image: url(./i/attention-icon_a6febc71.svg); }

.BookPageHeaderContent__unavailableBookAttentionImage {
  width: 32px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-image: url(./i/unavailable-book-attention_999dcca6.svg); }

.BookPageHeaderContent__buttonDisable[disabled], .BookPageHeaderContent__buttonDisable.isDisabled {
  background: unset; }

.BookPageHeaderContent__unavailableInfoText {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 100; }

.BookPageHeaderContent__unavailableInformationWindow {
  padding-top: 56px; }
  .BookPageHeaderContent__unavailableInformationWindowCausesList {
    display: flex;
    flex-direction: column; }
  .BookPageHeaderContent__unavailableInformationWindowTitle {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #252628; }
  @media (max-width: 320px) {
    .BookPageHeaderContent__unavailableInformationWindowCausesList {
      min-height: 156px; } }

.BookPageHeaderContent__unavailableCauseItem {
  display: flex;
  width: 100%;
  height: 52px;
  text-align: left;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.5; }
  .BookPageHeaderContent__unavailableCauseItemText {
    margin-top: 2px; }

.BookPageHeaderContent__modalWindowContainer {
  max-width: 382px;
  min-width: 288px;
  min-height: 394px;
  margin-top: 52px;
  margin: 16px auto; }
  @media only screen and (min-width: 0px) and (max-width: 586px) {
    .BookPageHeaderContent__modalWindowContainer {
      margin: 0;
      margin-bottom: 0 !important;
      min-width: 100%;
      min-height: 100%; } }

.BookPageHeaderContent__modalWindowHeader {
  display: flex;
  justify-content: space-between;
  padding: 0 8px 16px 0;
  z-index: 999; }
  .BookPageHeaderContent__modalWindowHeaderText {
    width: 242px;
    text-align: left;
    font-weight: 700;
    font-size: 24px; }
  .BookPageHeaderContent__modalWindowHeaderImage {
    width: 51px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(./i/unavailable-book-attention_999dcca6.svg); }

.BookPageHeaderContent__endedContractImage {
  width: 24px;
  height: 100%;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-image: url(./i/ended-contract_0b31dbea.svg); }

.BookPageHeaderContent__rightsMovedImage {
  width: 24px;
  height: 100%;
  margin-right: 21px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
  background-image: url(./i/rights-moved_df5a0356.svg); }

.BookPageHeaderEmpty__title {
  position: relative;
  min-height: 128px;
  padding: 16px; }
  .BookPageHeaderEmpty__title .BookPageHeaderEmpty__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 38, 40, 0.55);
    z-index: -1; }

.BookPageHeaderEmpty__bookInfo {
  display: flex;
  flex-wrap: wrap;
  min-width: 320px;
  max-width: 786px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px 16px; }
  @media (min-width: 414px) {
    .BookPageHeaderEmpty__bookInfo {
      padding: 0 20px 16px; } }
  @media (min-width: 767px) {
    .BookPageHeaderEmpty__bookInfo {
      padding: 0 34px 16px; } }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__book {
    margin-top: -40px; }
    @media (min-width: 767px) {
      .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__book {
        margin-top: -112px; } }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__bookCover {
    display: block;
    width: 104px;
    height: 160px;
    border-radius: 8px;
    background: #f7f7f7; }
    @media (min-width: 414px) {
      .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__bookCover {
        width: 124px;
        height: 184px; } }
    @media (min-width: 767px) {
      .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__bookCover {
        width: 217px;
        height: 350px; } }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__rating {
    width: 140px;
    height: 24px;
    margin: 8px 16px;
    background: #f7f7f7; }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__readCount {
    width: 140px;
    height: 16px;
    margin: 8px 16px;
    background: #f7f7f7; }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__usersVoted {
    width: 140px;
    height: 16px;
    margin: 8px 16px;
    background: #f7f7f7; }
  .BookPageHeaderEmpty__bookInfo .BookPageHeaderEmpty__subscriptionType {
    width: 96px;
    height: 24px;
    margin: 8px 16px;
    border-radius: 8px;
    background: #f7f7f7; }

.BookPageHeaderEmpty__image {
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 100%; }

.BookPageHeaderEmpty__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: flex-end;
  max-width: 704px;
  width: 100%; }
  @media (min-width: 680px) {
    .BookPageHeaderEmpty__buttons {
      flex-wrap: nowrap; } }
  @media (min-width: 767px) {
    .BookPageHeaderEmpty__buttons {
      max-width: 466px;
      flex-wrap: wrap;
      margin-left: 232px;
      margin-top: -120px; } }
  .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__readBtn {
    width: 100%;
    height: 48px;
    margin: 8px 8px 8px 0;
    border-radius: 12px;
    background: #f7f7f7; }
    @media (min-width: 680px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__readBtn {
        max-width: calc(100% / 3); } }
    @media (min-width: 767px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__readBtn {
        max-width: 224px; } }
  .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__appLink {
    width: 100%;
    height: 48px;
    margin: 8px 8px 8px 0;
    border-radius: 12px;
    background: #f7f7f7; }
    @media (min-width: 680px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__appLink {
        max-width: 33.3333333%; } }
    @media (min-width: 767px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__appLink {
        max-width: 224px; } }
  .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__ratingBtn {
    width: 100%;
    height: 48px;
    margin: 8px 8px 4px 0;
    border-radius: 12px;
    background: #f7f7f7; }
    @media (min-width: 680px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__ratingBtn {
        max-width: 33.3333333%; } }
    @media (min-width: 767px) {
      .BookPageHeaderEmpty__buttons .BookPageHeaderEmpty__ratingBtn {
        max-width: 224px; } }

.BreadCrumbs__container {
  height: 48px;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .BreadCrumbs__container {
      height: 32px; } }

.BreadCrumbs__item {
  display: inline; }

.BreadCrumbs__arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  transform-origin: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0JFNUIwNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yIDYuODQzTDkuOCAyLjI2YS44OTQuODk0IDAgMCAxIDEuMjY0IDEuMjYzTDYuNTYyIDguMDI1bDQuNDUyIDQuNDUyYS44OTIuODkyIDAgMCAxLTEuMjYyIDEuMjYzTDQgOC4wMWwxLjItMS4xNjd6Ii8+PC9zdmc+);
  vertical-align: middle;
  background-size: cover;
  transform: rotate(180deg); }
  @media (max-width: 1023px) {
    .BreadCrumbs__arrow {
      transform: none;
      margin-left: 0; } }

.BreadCrumbs__link {
  color: #be5b04;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer; }
  .BreadCrumbs__linkLast {
    color: #7c7f84; }

@media (max-width: 1023px) {
  .BreadCrumbs__hideOnMobile {
    display: none; } }

.BreadCrumbs__dotsWrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BookAuthorReview__author {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-radius: 12px;
  color: #7c7f84; }

.BookAuthorReview__authorImage {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden; }

.BookAuthorReview__authorText {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

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

.BookAuthorReview__noBackgroundTheme .BookAuthorReview__author {
  padding: 8px 0;
  margin-top: 0;
  background-color: transparent; }

.BookAuthorReview__noBackgroundTheme .BookAuthorReview__information {
  display: flex;
  flex-direction: column; }

.BookAuthorReview__noBackgroundTheme .BookAuthorReview__name {
  font-size: 16px;
  font-weight: 600; }

.BookAuthorReview__rating {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #393f45; }

.BookAuthorReview__ratingText {
  padding-right: 8px; }

.BookCardHeader__content {
  border-radius: 12px;
  background-color: #ffffff;
  padding: 16px;
  position: relative; }
  .BookCardHeader__content.BookCardHeader__greyTheme {
    background-color: #f6f6f6; }
  .BookCardHeader__content .BookCardHeader__arrow {
    content: "";
    display: block;
    flex-shrink: 0;
    margin-left: -16px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #be5b04;
    border-left: 2px solid #be5b04;
    transform: rotate(135deg);
    position: absolute;
    right: 16px;
    top: 47%; }

.BookCardHeader__book {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.BookCardHeader__image {
  flex-shrink: 0;
  width: 60px;
  height: 100px;
  border-radius: 8px;
  background-color: #f6f6f6;
  overflow: hidden;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4); }

.BookCardHeader__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100px;
  padding: 0 16px; }

.BookCardHeader__author {
  padding-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.BookCardHeader__bookInformationRating {
  display: flex;
  flex-direction: column;
  margin: 8px 0 2px; }
  @media (min-width: 414px) {
    .BookCardHeader__bookInformationRating {
      flex-direction: row;
      align-items: center; } }

.BookCardHeader__bookRating {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: left;
  color: #252628;
  margin-right: 8px; }

.BookCardHeader__bookReaderCount {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.2em;
  color: #7c7f84; }

.BookCardHeader__bookRatingCount {
  padding-left: 8px; }

.BookCardHeader__button {
  width: 190px;
  padding-top: 16px; }
  @media (max-width: 320px) {
    .BookCardHeader__button {
      width: 100%; } }

.TextTruncate__content {
  position: relative;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  color: #393f45; }

.TextTruncate__wrap {
  position: relative;
  overflow: hidden; }

.TextTruncate__text {
  position: relative;
  display: block;
  padding-right: 16px; }
  .TextTruncate__text p, .TextTruncate__text .TextTruncate__paragraph {
    margin: 24px 0; }
  .TextTruncate__text p:first-child {
    margin-top: 0; }

.TextTruncate__expandLabel, .TextTruncate__collapseLabel {
  text-align: left;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #be5b04;
  cursor: pointer;
  display: inline-block; }

.FormattedDateTime__noWrappedDateTime {
  white-space: nowrap; }

.SeoLink__link {
  cursor: pointer; }

@charset "UTF-8";
.Article__article {
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #393f45; }
  .Article__article a {
    color: #be5b04; }
  .Article__article li {
    margin-left: 42px;
    margin-bottom: 12px;
    line-height: 1.4em;
    color: #393f45; }
  .Article__article ol {
    list-style-position: outside; }
    .Article__article ol li {
      list-style-type: decimal; }
  .Article__article ul {
    list-style-position: outside; }
    .Article__article ul li {
      list-style-type: disc; }
  .Article__article blockquote {
    position: relative;
    margin: 8px 16px 24px 24px;
    padding: 0;
    color: #7c7f84;
    font-size: 16px;
    line-height: 1.4em; }
    .Article__article blockquote::before {
      content: "«";
      position: absolute;
      top: 0;
      left: -12px;
      color: inherit;
      font-size: inherit;
      line-height: inherit; }
  .Article__article img {
    width: 100%;
    height: auto; }

.BookReview__reviewContainer {
  margin-top: 16px; }

.BookReview__review {
  padding: 0 16px; }

.BookReview__reviewDetail {
  padding-top: 16px; }

.BookReview__date {
  display: flex;
  align-items: center;
  padding-top: 8px;
  font-size: 14px;
  color: #7c7f84; }
  .BookReview__date .BookReview__separator {
    display: flex;
    align-items: center; }
    .BookReview__date .BookReview__separator::before {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      margin: 0 8px;
      border-radius: 2px;
      background-color: #7c7f84; }
  .BookReview__date .BookReview__separator:first-child::before {
    display: none; }

.BookReview__dateText {
  color: #7c7f84; }

.BookReview__myReview {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  padding: 8px 0; }

.BookReview__isAuthor {
  padding-left: 16px; }

.BookReview__shareLinks {
  margin-top: 16px;
  padding: 16px 0;
  border-top: 1px solid #edf1f3; }

.BookReview__borderLine {
  width: auto;
  height: 1px;
  margin-bottom: 16px;
  background-color: #edf1f3;
  margin-left: 16px;
  margin-right: 16px; }

.BookDetailReviewList__reviewListWrapper {
  margin-bottom: 16px;
  background: #ffffff;
  border-radius: 12px; }

.BookDetailReviewList__bookReviewContainer {
  position: relative;
  padding: 0 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.BookDetailReviewList__title {
  padding: 8px 16px 0; }

.BookDetailReviewList__image {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #f7f7f7;
  overflow: hidden;
  margin-right: 2%; }
  .BookDetailReviewList__image img {
    width: 100%;
    display: block; }

.BookDetailReviewList__user {
  font-size: 12px;
  line-height: 1.6em;
  text-align: left; }

.BookDetailReviewList__userAbout {
  display: flex;
  padding-bottom: 8px; }

.BookDetailReviewList__userName {
  color: #252628;
  font-weight: 600; }

.BookDetailReviewList__userRating {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px; }

.BookDetailReviewList__userRatingText {
  color: #7c7f84; }

.BookDetailReviewList__item {
  padding: 16px 0 8px;
  border-bottom: 1px solid #edf1f3; }
  .BookDetailReviewList__item:first-of-type {
    padding-top: 0; }
  .BookDetailReviewList__item:last-of-type {
    border-bottom: none; }

.BookDetailReviewList__date {
  color: #7c7f84;
  font-size: 12px;
  line-height: 1.6em; }

.BookDetailReviewList__container {
  padding-bottom: 8px; }

.BookDetailReviewList__reviewTitle {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }
  .BookDetailReviewList__reviewTitle .BookDetailReviewList__link {
    white-space: nowrap; }
    @media (min-width: 767px) {
      .BookDetailReviewList__reviewTitle .BookDetailReviewList__link {
        width: 87px; } }
  @media (min-width: 767px) {
    .BookDetailReviewList__reviewTitle > div:first-child {
      width: calc(100% - 97px); } }

.BookDetailReviewList__reviewTitleHeader {
  padding-top: 8px; }
  .BookDetailReviewList__reviewTitleHeader h2 {
    display: flex;
    flex-wrap: wrap;
    white-space: pre; }

.BookDetailReviewList__subtitle {
  color: #7c7f84;
  font-size: 14px; }

.BookDetailReviewList__others {
  text-align: center;
  padding: 26px 0 20px;
  border-top: 1px solid #edf1f3; }

.BookDetailReviewList__othersLink {
  color: #be5b04;
  font-size: 16px; }

@media (max-width: 414px) {
  .BookDetailReviewList__linkTextPrefix {
    display: none; } }

.BookDetailReviewList__arrow {
  margin: -1px 0 0 10px; }

.BookDetailReviewList__titleBookName {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .BookDetailReviewList__titleBookName {
      display: none; } }

.BookDetailAuthorBookList__title {
  width: 100%;
  font-family: firasans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  text-align: left;
  color: #252628; }

.BookDetailAuthorBookList__author {
  padding: 0 16px;
  display: flex;
  margin-top: 6px;
  margin-bottom: 16px; }
  .BookDetailAuthorBookList__author a {
    color: #be5b04; }
  .BookDetailAuthorBookList__author img {
    border-radius: 4px; }
  .BookDetailAuthorBookList__authorInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 8px; }
  .BookDetailAuthorBookList__authorName {
    font-family: firasans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.67em;
    color: #be5b04; }
  .BookDetailAuthorBookList__authorBooks {
    font-family: firasans, sans-serif;
    font-size: 12px;
    line-height: 1.33em;
    color: #7c7f84; }

.BookDetailAuthorBookList__container {
  padding: 0 16px;
  display: flex;
  justify-content: space-between; }

.BookDetailAuthorBookList__allAudiobooksLink {
  display: flex;
  font-size: 16px;
  height: 100%; }

.BookDetailAuthorBookList__arrow {
  margin: -1px 0 0 10px; }

.BookDetailAuthorBookList__subscriptionButtonContainer {
  display: block; }

.BookDetailAuthorBookList__subscribeButton {
  width: 222px;
  margin-left: 16px;
  margin-bottom: 16px; }
  .BookDetailAuthorBookList__subscribeButton.isFollowedByUser {
    color: white;
    border: unset;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: 48px 7px;
    background-color: #E67E21;
    background-image: url(./i/favoriteButton_6388565c.svg); }

.BookDetailSeriesList__container {
  padding-bottom: 24px; }

.BookDetailSeriesList__link {
  display: inline-block;
  color: #be5b04;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 16px; }

.BookDetailSeriesList__name {
  margin-bottom: 4px;
  font-family: firasans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  color: #252628; }

.BookDetailSeriesList__order {
  margin-bottom: 4px;
  font-family: firasans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33em;
  color: #7c7f84; }

.BookDetailSeriesList__content {
  padding: 0 16px 8px; }

.BookGenresThemes__genresThemes {
  margin-left: 0;
  z-index: 1; }

.BookGenresThemes__listItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BookGenresThemes__genresThemesSection {
  padding: 16px 0;
  border-bottom: 1px solid #edf1f3; }
  .BookGenresThemes__genresThemesSection:last-of-type {
    padding-bottom: 0;
    border-bottom: none; }

.BookGenresThemes__itemList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }

.BookGenresThemes__actor {
  color: #be5b04;
  border-color: #be5b04;
  font-size: 14px;
  display: inline-block;
  margin-top: 8px; }

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

.BookGenresThemes__rightholderName {
  margin: 0; }

.BookGenresThemes__rightholderCounter {
  font-size: 12px;
  color: #7c7f84; }

.BookGenresThemes__shareLinks {
  position: relative;
  padding: 16px 0;
  border-top: 1px solid #edf1f3;
  z-index: 1; }

.BookDetailAnnotation__annotationBlock {
  width: 100%;
  margin-bottom: 16px;
  padding: 8px 0;
  border-radius: 12px; }
  @media (min-width: 1136px) {
    .BookDetailAnnotation__annotationBlock {
      display: flex;
      flex-wrap: wrap;
      margin-top: 0px;
      margin-left: 78px; } }

.BookDetailAnnotation__genresThemes {
  margin-left: 0; }
  @media (min-width: 1136px) {
    .BookDetailAnnotation__genresThemes {
      margin-left: 16px; } }

.BookDetailAnnotation__descriptionWrapper {
  position: relative;
  padding-bottom: 16px; }
  .BookDetailAnnotation__descriptionWrapperEmpty {
    height: 156px; }
    @media (max-width: 1136px) {
      .BookDetailAnnotation__descriptionWrapperEmpty {
        height: 16px; } }
  @media (min-width: 1136px) {
    .BookDetailAnnotation__descriptionWrapper {
      width: 586px;
      flex-shrink: 0;
      margin-left: 16px;
      margin-right: 32px; } }

.BookDetailAnnotation__descriptionWrapperEmptyIsAnonymous {
  height: 16px; }
  @media (max-width: 1136px) {
    .BookDetailAnnotation__descriptionWrapperEmptyIsAnonymous {
      height: 16px; } }

.BookDetailAnnotation__genresThemesSection {
  padding: 16px 0;
  border-bottom: 1px solid #edf1f3; }
  .BookDetailAnnotation__genresThemesSection:last-of-type {
    padding-bottom: 0;
    border-bottom: none; }
  @media (min-width: 1136px) {
    .BookDetailAnnotation__genresThemesSection {
      width: 198px; } }

.BookDetailAnnotation__itemList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }

.BookDetailAnnotation__actor {
  color: #be5b04;
  border-color: #be5b04;
  font-size: 14px;
  display: inline-block;
  margin-top: 8px; }

.BookDetailAnnotation__container {
  padding: 16px 0 12px; }

.BookDetailAnnotation__bookDetailItem {
  padding-top: 16px; }

.BookDetailAnnotation__meta {
  display: flex;
  margin-top: 14px; }
  .BookDetailAnnotation__metaBlock {
    width: 50%; }
  .BookDetailAnnotation__metaParagraph:first-of-type {
    margin-top: 0; }
  @media (max-width: 414px) {
    .BookDetailAnnotation__meta {
      flex-direction: column; }
      .BookDetailAnnotation__metaBlock {
        width: 100%; } }

.BookDetailAnnotation__bookGenresBlock {
  display: none; }
  @media (max-width: 1136px) {
    .BookDetailAnnotation__bookGenresBlock {
      display: block; } }

.BookDetailAnnotation__rightHolderContainer {
  display: none;
  position: relative; }
  @media (max-width: 1136px) {
    .BookDetailAnnotation__rightHolderContainer {
      display: block;
      border-top: 1px solid #edf1f3; } }

.BookDetailAnnotation__shareLinks {
  position: relative;
  padding: 16px 0;
  z-index: 10; }

.BookDetailFact__box {
  padding-bottom: 24px; }

.BookDetailFact__container {
  padding: 8px 0; }

.BookCitation__container {
  position: relative;
  border-radius: 12px;
  padding-bottom: 16px;
  background-color: #ffffff; }

.BookCitation__listContainer {
  padding-top: 16px;
  margin-bottom: 24px; }

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

.BookCitation__citationImage {
  width: 22px;
  margin: 0 16px;
  background-image: url(./i/citation_6571f1c9.svg);
  background-repeat: no-repeat;
  background-position: 50% 5px; }

.BookCitation__userCitationHeader {
  padding-left: 16px; }

.BookCitation__citationText {
  width: calc(100% - 22px); }

.BookCitation__citationTextWrapper {
  display: flex;
  justify-content: left;
  width: 100%; }

.BookCitation__date {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px 16px 0;
  font-size: 14px;
  color: #7c7f84; }
  .BookCitation__date .BookCitation__separator {
    display: flex;
    align-items: center; }

.BookCitation__myCitation {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  padding-bottom: 8px; }

.BookCitation__borderLine {
  width: 100%;
  height: 1px;
  margin-bottom: 16px;
  background-color: #edf1f3; }
  .BookCitation__borderLineBookHeader {
    width: auto;
    height: 1px;
    margin-bottom: 16px;
    background-color: #edf1f3;
    margin-left: 16px;
    margin-right: 16px; }

.BookCitation__shareLinks {
  padding: 16px 16px 0; }

.BookDetailCitationList__citationContainer {
  padding: 0; }

.BookDetailCitationList__title {
  padding: 0 16px; }

.BookDetailCitationList__reviewTitle {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }
  .BookDetailCitationList__reviewTitle .BookDetailCitationList__link {
    white-space: nowrap; }
    @media (min-width: 767px) {
      .BookDetailCitationList__reviewTitle .BookDetailCitationList__link {
        width: 87px; } }
  @media (min-width: 767px) {
    .BookDetailCitationList__reviewTitle > div:first-child {
      width: calc(100% - 97px); } }

.BookDetailCitationList__reviewTitleHeader {
  padding-top: 8px; }
  .BookDetailCitationList__reviewTitleHeader h2 {
    display: flex;
    flex-wrap: wrap;
    white-space: pre; }

.BookDetailCitationList__item {
  padding: 16px 0 0;
  border-bottom: 1px solid #edf1f3; }
  .BookDetailCitationList__item:last-of-type {
    border-bottom: none; }

.BookDetailCitationList__subtitle {
  color: #7c7f84;
  font-size: 14px; }

.BookDetailCitationList__others {
  text-align: center;
  padding: 26px 0 12px;
  border-top: 1px solid #edf1f3; }

.BookDetailCitationList__othersLink {
  color: #be5b04;
  font-size: 16px; }

@media (max-width: 414px) {
  .BookDetailCitationList__linkTextPrefix {
    display: none; } }

.BookDetailCitationList__arrow {
  margin: -1px 0 0 10px; }

.BookDetailCitationList__titleBookName {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .BookDetailCitationList__titleBookName {
      display: none; } }

.UserBookshelf__bookshelf {
  margin: 16px 0px 16px 16px;
  padding: 16px;
  width: 240px;
  background-color: #ffffff;
  border-radius: 8px; }

.UserBookshelf__bookshelfContent {
  display: flex;
  justify-content: space-between; }

.UserBookshelf__image {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: #eaeaea;
  border-radius: 4px;
  overflow: hidden; }

.UserBookshelf__title {
  max-width: 72%;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  color: #393f45; }

.UserBookshelf__count {
  font-size: 14px;
  color: #7c7f84; }

.UserBookshelf__circle {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 8px;
  border-radius: 2px;
  background: #eaeaea;
  vertical-align: middle; }

.UserBookshelvesList__bookshelfItem {
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.09); }

.BookDetailUserBookshelves__bookshelf {
  width: 100%;
  margin: 0 0 16px; }
  .BookDetailUserBookshelves__bookshelf:first-child {
    margin-left: 0; }
  .BookDetailUserBookshelves__bookshelfTitle {
    margin-top: -12px;
    padding: 0 16px; }

.SimilarBookList__similarBooksTitle {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0 16px; }
  .SimilarBookList__similarBooksTitle > a {
    width: 23px;
    white-space: nowrap; }
  .SimilarBookList__similarBooksTitle > div {
    width: calc(100% - 33px); }
    .SimilarBookList__similarBooksTitle > div h2 {
      display: flex;
      flex-wrap: wrap;
      white-space: pre; }

.SimilarBookList__subTitle {
  padding: 0 16px; }

.SimilarBookList__titleBookName {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BookDetailView__bookAnnotationContent, .BookDetailView__bookPageContent {
  min-width: 320px;
  max-width: 586px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 16px 0; }

@media (min-width: 1136px) {
  .BookDetailView__bookAnnotationContent {
    max-width: 1136px;
    padding-right: 0; } }

.BookDetailView__bookPageContent {
  position: relative; }
  @media (min-width: 1136px) {
    .BookDetailView__bookPageContent {
      max-width: 748px; } }

.BookDetailView__breadcrumbs {
  max-width: 1136px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px; }

.BookDetailView__playerContainer {
  position: fixed;
  z-index: 999; }

.BookRentHeader__bookRentHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 332px;
  color: #ffffff;
  overflow: hidden; }
  @media (max-width: 414px) {
    .BookRentHeader__bookRentHeader {
      height: 128px;
      flex-direction: unset; } }

.BookRentHeader__headerBackgroundContainer {
  position: absolute;
  width: 100%;
  height: 332px;
  overflow: hidden; }
  .BookRentHeader__headerBackgroundContainerImage {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    -webkit-filter: blur(24px) brightness(80%);
            filter: blur(24px) brightness(80%);
    transform: scale(1.1); }
  @media (max-width: 414px) {
    .BookRentHeader__headerBackgroundContainer {
      height: 128px; } }

.BookRentHeader__headerBackground {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-filter: blur(24px);
          filter: blur(24px);
  transform: scale(1.1); }

.BookRentHeader__bookCover {
  margin-top: 24px;
  border-radius: 8px;
  z-index: 1; }
  @media (max-width: 414px) {
    .BookRentHeader__bookCover {
      width: 60px;
      height: 96px;
      margin-top: unset; } }
  .BookRentHeader__bookCoverAudioBook {
    width: 112px;
    height: 112px; }
    @media (max-width: 414px) {
      .BookRentHeader__bookCoverAudioBook {
        width: 60px;
        height: 60px;
        margin-top: unset; } }

.BookRentHeader__bookName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.BookRentHeader__authorName {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.BookRentHeader__bookTitle {
  width: 100%;
  padding: 22px 0 16px;
  text-align: center;
  overflow: hidden;
  z-index: 2; }
  @media (max-width: 414px) {
    .BookRentHeader__bookTitle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      margin-left: 16px;
      text-align: unset; } }

.BookRentInfo__bookRentInfo {
  min-width: 288px;
  max-width: 608px;
  width: 100%;
  margin-top: 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.BookRentInfo__successImage {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #7ed321;
  background-image: url(./i/success_8905ee84.svg); }
  @media (max-width: 414px) {
    .BookRentInfo__successImage {
      position: absolute;
      right: 32px; } }

.BookRentInfo__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px; }
  .BookRentInfo__headerText {
    margin-bottom: 8px;
    font-size: 16px; }
    @media (max-width: 414px) {
      .BookRentInfo__headerText {
        max-width: calc(100% - 48px); } }
  .BookRentInfo__headerTitle {
    line-height: 20px;
    font-size: 14px;
    text-align: center; }
    @media (max-width: 414px) {
      .BookRentInfo__headerTitle {
        text-align: unset;
        max-width: calc(100% - 48px); } }
  @media (max-width: 414px) {
    .BookRentInfo__header {
      align-items: unset; } }

@media (max-width: 414px) {
  .BookRentInfo__mobileTitleText {
    display: none; } }

.BookRentInfo__linkContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #d6d6d6; }

.BookRentInfo__arrow {
  margin: -1px 0 0 4px; }

.BookRentIncludeSubscription__bookRentIncludeSubscription {
  min-width: 288px;
  max-width: 608px;
  width: 100%;
  margin-top: 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.BookRentIncludeSubscription__successImage {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat; }
  .BookRentIncludeSubscription__successImage.premium {
    background-image: url(./i/premium_7020cd82.svg); }
  .BookRentIncludeSubscription__successImage.standard {
    background-image: url(./i/standard_afe398fd.svg); }
  @media (max-width: 414px) {
    .BookRentIncludeSubscription__successImage {
      position: absolute;
      right: 32px; } }

.BookRentIncludeSubscription__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px; }
  .BookRentIncludeSubscription__headerText {
    margin-bottom: 8px;
    font-size: 16px; }
    @media (max-width: 414px) {
      .BookRentIncludeSubscription__headerText {
        max-width: calc(100% - 48px); } }
  .BookRentIncludeSubscription__headerTitle {
    line-height: 20px;
    font-size: 14px; }
    @media (max-width: 414px) {
      .BookRentIncludeSubscription__headerTitle {
        max-width: calc(100% - 48px); } }
  @media (max-width: 414px) {
    .BookRentIncludeSubscription__header {
      align-items: unset; } }

@media (max-width: 414px) {
  .BookRentIncludeSubscription__mobileTitleText {
    display: none; } }

.BookRentIncludeSubscription__linkContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #d6d6d6; }

.BookRentIncludeSubscription__arrow {
  margin: -1px 0 0 4px; }

.BookRentAppButtons__mobileAppsTitleContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px; }

.BookRentAppButtons__mobileAppsInfo {
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  color: #393f45;
  line-height: 20px;
  text-align: center; }
  @media (max-width: 767px) {
    .BookRentAppButtons__mobileAppsInfo {
      max-width: 488px;
      text-align: unset; } }

.BookRentAppButtons__mobileButtons {
  width: 100%;
  max-width: 488px; }
  @media (min-width: 1023px) {
    .BookRentAppButtons__mobileButtons {
      max-width: 288px; } }

.BookRentAppButtons__textWrapLarge {
  display: none; }
  @media (min-width: 1023px) {
    .BookRentAppButtons__textWrapLarge {
      display: block; } }

.BookRentAppButtons__textWrapMiddle {
  display: none; }
  @media (min-width: 767px) {
    .BookRentAppButtons__textWrapMiddle {
      display: block; } }
  @media (min-width: 1023px) {
    .BookRentAppButtons__textWrapMiddle {
      display: none; } }

.BookBuyRentView__bookBuyRent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px; }

.BookBuyRentView__formContainer {
  min-width: 288px;
  max-width: 488px;
  width: 100%;
  margin-top: 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.BookBuyRentView__formContainerHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px; }
  .BookBuyRentView__formContainerHeaderTitle {
    margin-top: 8px;
    text-align: center;
    font-size: 14px; }
    @media (max-width: 414px) {
      .BookBuyRentView__formContainerHeaderTitle {
        text-align: unset; } }
  .BookBuyRentView__formContainerHeaderPrice {
    margin-top: 8px;
    font-size: 24px;
    font-weight: 600; }
  @media (max-width: 414px) {
    .BookBuyRentView__formContainerHeader {
      align-items: unset; } }

.BookBuyRentView__formInputsContainer {
  display: flex;
  flex-direction: column;
  padding: 0px 16px 4px; }

.BookBuyRentView__form {
  width: 100%;
  color: #393f45; }

.BookBuyRentView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84; }

.BookBuyRentView__isAudio {
  order: 1; }

.BookFragmentViewTrial__freeSubscriptionContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: 12px; }
  @media (min-width: 767px) {
    .BookFragmentViewTrial__freeSubscriptionContainer {
      flex-direction: row; } }

.BookFragmentViewTrial__freeSubscriptionContainer {
  background-image: linear-gradient(210deg, #eaffc4, #8dd96e); }

.BookFragmentViewTrial__threeMonthOfferContainer {
  position: relative;
  display: flex;
  justify-content: center;
  height: 186px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: url(./i/offer-background_4646e212.svg) no-repeat center/100%, linear-gradient(to bottom, #fed96f, #fec41f); }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__threeMonthOfferContainer {
      flex-direction: column;
      align-items: center;
      height: 412px;
      padding: 32px 24px 24px; } }

.BookFragmentViewTrial__threeMonthOfferTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 344px;
  text-align: center; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__threeMonthOfferTitle {
      text-align: unset;
      align-items: unset; } }

.BookFragmentViewTrial__threeMonthOfferHeader {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px; }

.BookFragmentViewTrial__offerHeaderWordWrap {
  display: none; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__offerHeaderWordWrap {
      display: block; } }

.BookFragmentViewTrial__threeMonthOfferText {
  font-size: 16px;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__threeMonthOfferText {
      align-self: flex-start; }
      .BookFragmentViewTrial__threeMonthOfferText:nth-child(3n) {
        margin-bottom: unset; } }

.BookFragmentViewTrial__tabletImage, .BookFragmentViewTrial__headPhonesImage {
  position: absolute;
  width: 159px;
  height: 148px;
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__tabletImage, .BookFragmentViewTrial__headPhonesImage {
      display: none; } }

.BookFragmentViewTrial__headPhonesWithTabletImage {
  display: none;
  width: 240px;
  height: 110px;
  margin-bottom: 12px; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__headPhonesWithTabletImage {
      display: flex;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      background-image: url(./i/head-phones-and-tablet_a0fdecad.svg); } }

.BookFragmentViewTrial__tabletImage {
  top: 38px;
  left: 0px;
  background-image: url(./i/tablet_08fa3c62.svg); }

.BookFragmentViewTrial__headPhonesImage {
  left: calc(100% - 159px);
  background-image: url(./i/head-phones_78bd7499.svg); }

.BookFragmentViewTrial__subscriptionFreeIcon, .BookFragmentViewTrial__subscriptionStandardIcon, .BookFragmentViewTrial__subscriptionPremiumIcon {
  min-width: 288px;
  min-height: 288px;
  align-self: flex-end;
  margin-top: -24px;
  margin-right: -24px;
  margin-bottom: -24px;
  background-repeat: no-repeat;
  background-size: contain; }
  @media (min-width: 767px) {
    .BookFragmentViewTrial__subscriptionFreeIcon, .BookFragmentViewTrial__subscriptionStandardIcon, .BookFragmentViewTrial__subscriptionPremiumIcon {
      min-width: 200px;
      min-height: 200px;
      order: 2; } }

.BookFragmentViewTrial__subscriptionFreeIcon {
  background-image: url(./i/free-icon_721ba0f9.svg); }

.BookFragmentViewTrial__subscriptionStandardIcon {
  background-image: url(./i/standard-icon_4a9dbd0a.svg); }

.BookFragmentViewTrial__subscriptionPremiumIcon {
  background-image: url(./i/premium-icon_b71df315.svg); }

.BookFragmentViewTrial__offerInfo {
  margin-top: -64px; }
  @media (min-width: 767px) {
    .BookFragmentViewTrial__offerInfo {
      margin-top: 0; } }

.BookFragmentViewTrial__trialButton {
  max-width: 240px; }

.BookFragmentViewTrial__rentBookOfferContainer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 236px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: #ABA9FF; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__rentBookOfferContainer {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 425px;
      padding: 0 24px 24px; } }

.BookFragmentViewTrial__rentBookOfferBookWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px 60px;
  background-repeat: no-repeat;
  background-image: url(./i/stars_bfc8abc7.svg);
  background-position: -23px 3px; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__rentBookOfferBookWrapper {
      padding: 40px 90px;
      background-position: 21px 3px; } }

.BookFragmentViewTrial__rentBookOfferTextWrapper {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__rentBookOfferTextWrapper {
      align-items: center; } }

.BookFragmentViewTrial__rentBookOfferText {
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .BookFragmentViewTrial__rentBookOfferText {
      text-align: center;
      max-width: 337px; } }

.BookFragmentViewTrial__rentBookOfferButton {
  max-width: 296px; }

.BookFragmentViewTrial__appButton {
  width: 100%;
  max-width: 272px; }

.BookFragmentView__bookFragment {
  max-width: 586px;
  margin: 0 auto;
  padding: 32px 16px 16px; }
  @media (min-width: 767px) and (max-width: 1136px) {
    .BookFragmentView__bookFragment {
      padding-top: 208px; } }

.BookFragmentView__breadcrumbs {
  max-width: 1136px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px; }

.BookFragmentView__bookText {
  margin: 32px 16px; }

.ContextBookCardLong__book {
  max-width: 820px;
  position: relative;
  width: 100%;
  padding-bottom: 32px; }
  @media (max-width: 414px) {
    .ContextBookCardLong__book {
      padding-bottom: 32px; } }
  .ContextBookCardLong__bookWrapper {
    display: flex; }
  .ContextBookCardLong__bookTitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    z-index: 1; }
  .ContextBookCardLong__bookOrder {
    display: inline-block;
    width: 24px;
    height: 20px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    text-align: center;
    border-radius: 12px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7); }
  .ContextBookCardLong__bookStatus {
    display: inline-block;
    height: 20px;
    padding: 2px 10px;
    border-radius: 10px;
    border: solid 2px #fec41f;
    font-size: 12px;
    font-weight: 600;
    color: #393f45; }
  .ContextBookCardLong__bookCover {
    flex-shrink: 0;
    padding: 8px 0; }
  .ContextBookCardLong__bookDetail {
    width: 100%;
    padding: 2px 0 8px 16px; }
  .ContextBookCardLong__bookData {
    max-width: 90%;
    padding: 8px 0 4px; }
  .ContextBookCardLong__bookTools {
    padding-top: 4px;
    display: flex;
    margin-bottom: 8px; }
    @media (max-width: 414px) {
      .ContextBookCardLong__bookTools {
        display: block;
        margin-bottom: 6px; } }
  .ContextBookCardLong__bookRating {
    margin-bottom: 8px; }
  .ContextBookCardLong__bookAuthor {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    color: #be5b04; }
  .ContextBookCardLong__bookReaders {
    color: #7c7f84;
    font: 12px/1.5 firasans, sans-serif;
    white-space: nowrap; }

.ContextBookCardLong__info {
  display: inline-block;
  padding-bottom: 2px; }

.ContextBookCardLong__subscriptionContainer {
  display: flex;
  margin-top: -6px;
  margin-left: 16px; }
  @media (max-width: 414px) {
    .ContextBookCardLong__subscriptionContainer {
      margin: 0; } }

.ContextBookCardLong__bookDescription {
  font: 14px/1.5 firasans, sans-serif;
  color: #393f45; }
  @media (max-width: 414px) {
    .ContextBookCardLong__bookDescription {
      display: none; } }
  .ContextBookCardLong__bookDescriptionMobile {
    font: 14px/1.5 firasans, sans-serif;
    color: #393f45;
    display: none; }
    @media (max-width: 414px) {
      .ContextBookCardLong__bookDescriptionMobile {
        display: block;
        margin-top: 5px; } }

.ContextBookCardLong__link {
  display: inline;
  margin-left: 10px;
  font-weight: 600;
  color: #BE5B04; }

.ContextBookCardLong__buttonWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 353px;
  margin-top: 16px; }

.ContextBookCardLong__button {
  height: 32px;
  width: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  border-width: 1px;
  border-radius: 8px;
  font-size: 14px; }

.ContextBookCard__book {
  position: relative;
  max-width: 288px;
  width: 100%;
  display: flex;
  padding-bottom: 32px; }
  @media (max-width: 414px) {
    .ContextBookCard__book {
      padding-bottom: 16px; } }
  .ContextBookCard__bookWithSubscribeButtons {
    padding-bottom: 40px; }
  .ContextBookCard__bookTitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    z-index: 1; }
  .ContextBookCard__bookOrder {
    display: inline-block;
    width: 24px;
    height: 20px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    text-align: center;
    border-radius: 12px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7); }
  .ContextBookCard__bookStatus {
    display: inline-block;
    height: 20px;
    padding: 2px 10px;
    border-radius: 10px;
    border: solid 2px #fec41f;
    font-size: 12px;
    font-weight: 600;
    color: #393f45; }
  .ContextBookCard__bookCover {
    flex-shrink: 0;
    padding: 8px 0; }
  .ContextBookCard__bookDetail {
    width: 100%;
    padding: 2px 0 8px 12px; }
  .ContextBookCard__bookData {
    max-width: 90%;
    padding: 8px 0 4px; }
  .ContextBookCard__bookTools {
    padding-top: 4px; }
  .ContextBookCard__bookRating {
    margin-bottom: 8px; }
  .ContextBookCard__bookAuthor {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    color: #be5b04; }
  .ContextBookCard__bookReaders {
    color: #7c7f84;
    font: 12px/1.5 firasans, sans-serif;
    white-space: nowrap; }

.ContextBookCard__info {
  display: inline-block;
  padding-bottom: 2px; }

.ContextBookCard__subscriptionContainer {
  display: flex; }

.ContextBookCard__deleteButton {
  width: 24px;
  height: 24px;
  align-self: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(./i/delete_d2274629.svg);
  cursor: pointer; }

.ContextBookCard__subscribeButtonsContainer {
  position: absolute;
  left: 0;
  bottom: 17px;
  align-self: flex-end;
  width: 100%;
  max-width: 250px;
  height: 18px;
  color: #be5b04;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.ContextBookCard__addToRentButton {
  min-width: 85px;
  margin-right: 12px;
  padding-left: 22px;
  font-size: 12px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(./i/addToRent_828e6deb.svg); }

.ContextBookCard__subscribeButton {
  min-width: 113px;
  padding-left: 18px;
  font-size: 12px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(./i/subscribe_f2eb57a0.svg); }

.EmptyBookCard__bookCover, .EmptyBookCard__bookContent .EmptyBookCard__title, .EmptyBookCard__bookContent .EmptyBookCard__name, .EmptyBookCard__bookContent .EmptyBookCard__description, .EmptyBookCard__bookContent .EmptyBookCard__info {
  background: #ffffff;
  border-radius: 8px; }

.EmptyBookCard__book {
  display: flex; }

.EmptyBookCard__bookCover {
  min-width: 106px;
  height: 160px;
  margin: 8px 4px; }

.EmptyBookCard__bookContent {
  width: 100%;
  margin: 16px 0 0 8px; }
  .EmptyBookCard__bookContent .EmptyBookCard__title {
    width: 100%;
    height: 16px; }
  .EmptyBookCard__bookContent .EmptyBookCard__name {
    width: 90%;
    height: 16px;
    margin-top: 8px; }
  .EmptyBookCard__bookContent .EmptyBookCard__description {
    width: 75%;
    height: 8px;
    margin-top: 16px; }
  .EmptyBookCard__bookContent .EmptyBookCard__info {
    width: 70%;
    height: 8px;
    margin-top: 8px; }

.BookList__bookList {
  z-index: 0; }
  .BookList__bookList .BookList__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 414px) {
      .BookList__bookList .BookList__items {
        justify-content: center;
        max-width: 288px; } }
  .BookList__bookList .BookList__item {
    width: 25%; }
    @media (min-width: 1023px) {
      .BookList__bookList .BookList__item.BookList__treeColsLayout {
        width: 33%; } }
    .BookList__bookList .BookList__item.BookList__oneColsLayout {
      width: 100%; }
    @media (max-width: 1023px) {
      .BookList__bookList .BookList__item {
        width: 33%; } }
    @media (max-width: 767px) {
      .BookList__bookList .BookList__item {
        width: calc(46% + 16px); } }
    @media (max-width: 414px) {
      .BookList__bookList .BookList__item {
        width: 100%; } }

.BookList__contexBookCardShort {
  display: block; }
  .BookList__contexBookCardShortNone {
    display: none; }

.BookList__contexBookCardLong {
  display: block; }
  .BookList__contexBookCardLongNone {
    display: none; }

.BackLink__arrow {
  position: relative;
  min-height: 16px;
  padding-left: 24px;
  color: #be5b04;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .BackLink__arrow::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #be5b04;
    border-top: 2px solid #be5b04;
    transform: rotate(-45deg); }
  .BackLink__arrow::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 2px;
    display: block;
    width: 16px;
    height: 1px;
    border-bottom: 2px solid #be5b04; }
  .BackLink__arrow.isMargined {
    margin-top: 16px; }

.BooksetAuthor__author {
  display: flex; }
  .BooksetAuthor__author > span {
    display: flex;
    padding: 8px 8px 8px 0px;
    margin-top: 16px;
    border-radius: 12px; }

.BooksetAuthor__authorInfo {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 12px;
  overflow: hidden; }

.BooksetAuthor__authorName {
  max-width: 100%;
  font-size: 16px;
  color: #393f45;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis; }

.BooksetAuthor__authorImage {
  border-radius: 12px; }

.CatalogHeader__header {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px; }
  .CatalogHeader__headerText {
    display: inline-block;
    vertical-align: top;
    padding-left: 8px;
    font-family: firasans, sans-serif;
    font-size: 18px;
    color: #bd5900; }
  .CatalogHeader__headerEmpty {
    width: 100%;
    height: 24px;
    border-radius: 8px;
    background-color: #e7e7e7; }

.CatalogHeader__bookshelf {
  margin-right: 6px; }

.CatalogHeader__bookCount {
  display: flex;
  color: #7c7f84;
  font: 14px/1.43em firasans, sans-serif;
  white-space: nowrap;
  margin-top: -8px; }

.CatalogHeader__bookCountEmpty {
  width: 80px;
  height: 20px;
  margin-top: 8px;
  border-radius: 8px;
  background-color: #e7e7e7; }

.CatalogHeader__description {
  margin-top: 8px; }

.EmptyCatalogDescription__tagsEmpty {
  width: 160px;
  height: 24px;
  margin: 16px 0 24px;
  border-radius: 4px;
  background-color: #e7e7e7; }

.EmptyCatalogDescription__descriptionEmpty {
  height: 16px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: #e7e7e7; }
  .EmptyCatalogDescription__descriptionEmpty:nth-child(2) {
    width: 90%; }
  .EmptyCatalogDescription__descriptionEmpty:nth-child(3) {
    width: 95%; }
  .EmptyCatalogDescription__descriptionEmpty:nth-child(4) {
    width: 85%; }
  .EmptyCatalogDescription__descriptionEmpty:nth-child(5) {
    width: 75%; }
  .EmptyCatalogDescription__descriptionEmpty:nth-child(6) {
    width: 70%; }

.CatalogDescription__tags {
  margin-top: 8px; }

.CatalogDescription__description {
  margin: 8px 0;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.5em;
  color: #393f45; }
  .CatalogDescription__description a {
    color: #be5b04; }

.BooksetDetailView__mainPicture {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 16px;
  min-width: 320px;
  width: 100%;
  max-height: 230px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden; }
  .BooksetDetailView__mainPicture .BooksetDetailView__image {
    min-width: 420px;
    max-width: 100%;
    width: 100%;
    height: auto; }
    .BooksetDetailView__mainPicture .BooksetDetailView__image img {
      max-width: 100%;
      width: 100%; }
    .BooksetDetailView__mainPicture .BooksetDetailView__imageEmpty {
      width: 100%;
      height: 230px;
      background-color: #e7e7e7; }

.BooksetDetailView__headerEmpty {
  width: 100%;
  height: 48px;
  background-color: #e7e7e7; }

.BooksetDetailView__defaultBackground {
  position: relative;
  width: 100%;
  height: 230px;
  background: linear-gradient(253deg, #fad961, #fb9e4a); }
  .BooksetDetailView__defaultBackground::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.32); }

.BooksetDetailView__contentWrapper {
  max-width: 820px; }

.BooksetDetailView__rubricsList {
  width: 100%;
  min-height: 92px;
  margin-top: 24px;
  padding: 12px 0px 16px;
  border-radius: 8px;
  background-color: #ffffff; }

.BooksetDetailView__paginator:not:last-child {
  margin-bottom: 16px; }

@media (min-width: 767px) {
  .BooksetDetailView__mainPicture {
    max-height: 374px;
    max-width: 1136px; }
  .BooksetDetailView__imageEmpty {
    height: 374px; }
  .BooksetDetailView__defaultBackground {
    height: 374px; } }

.BooksetDetailView__separator {
  width: 100%;
  height: 1px;
  margin-bottom: 24px;
  background-color: #d6d6d6; }

.BooksetDetailView__shareMenu {
  margin-bottom: 24px; }

.DashboardBookList__container {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  border-radius: 8px;
  width: 100%; }

.DashboardBookList__wrapper {
  padding-bottom: 8px; }

.DashboardBookList__title {
  display: block;
  position: relative;
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  color: #000000;
  margin-left: 16px !important; }
  .DashboardBookList__title.hasNoRubrics {
    padding-right: 112px; }

.DashboardBookList__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  height: 380px;
  min-width: 280px;
  width: 100%;
  border-radius: 8px; }
  .DashboardBookList__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    border-radius: 8px; }
  .DashboardBookList__content .DashboardBookList__image {
    min-width: 1008px;
    max-width: 100%;
    width: 100%;
    height: auto; }

.DashboardBookList__slider {
  position: relative;
  width: 100%; }

.DashboardBookList__rubrics {
  margin: 0 0 8px 16px;
  padding-right: 112px; }
  .DashboardBookList__rubricsItem {
    color: #7c7f84;
    display: inline; }

.DashboardBookList__linkMore {
  position: absolute;
  font-size: 16px;
  color: #be5b04;
  right: 16px;
  top: 20px;
  display: flex;
  align-items: center; }
  .DashboardBookList__linkMore.hasNoRubrics {
    top: 20px; }
  .DashboardBookList__linkMoreText {
    margin-right: 5px; }
    @media (max-width: 414px) {
      .DashboardBookList__linkMoreText {
        display: none; } }

.DashboardBookList__booksetAuthor {
  display: flex;
  align-items: center;
  align-self: flex-end;
  width: 100%;
  height: 40px;
  padding: 8px 16px;
  overflow: hidden; }
  .DashboardBookList__booksetAuthorName {
    max-width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #393f45; }
  .DashboardBookList__booksetAuthorImage {
    margin-right: 8px;
    border-radius: 8px; }

.DashboardBookListEmpty__container {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 400px;
  width: 100%;
  padding: 24px 0;
  border-radius: 8px;
  overflow: hidden; }

.DashboardBookListEmpty__title {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 0 4%;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  color: #000000; }
  .DashboardBookListEmpty__titleWhite {
    color: #ffffff; }

.DashboardBookListEmpty__content {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 400px;
  min-width: 280px;
  width: 100%;
  z-index: 1; }
  .DashboardBookListEmpty__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 97%;
    background: radial-gradient(ellipse, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); }
  .DashboardBookListEmpty__contentImage {
    display: flex;
    justify-content: center;
    align-items: baseline;
    min-width: 280px;
    width: 100%;
    height: 400px;
    font-size: 0;
    text-align: center;
    white-space: nowrap; }
  .DashboardBookListEmpty__content .DashboardBookListEmpty__image {
    min-width: 1008px;
    max-width: 100%;
    width: 100%;
    height: auto; }

.DashboardBookListEmpty__slider {
  position: relative;
  z-index: 3;
  width: 100%;
  white-space: nowrap;
  padding-left: 4%; }
  .DashboardBookListEmpty__slider::before {
    content: "";
    position: absolute;
    bottom: -11%;
    left: 0;
    display: block;
    width: 100%;
    height: 152px;
    background-color: #f7f7f7;
    z-index: -1; }

.BooksetListView__headerTitle {
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.BooksetListView__count {
  color: #393f45;
  font-size: 14px;
  margin-bottom: 16px; }

.CatalogItemImage__image {
  width: 100%;
  height: 100%; }

.CatalogItemImage__imageBlock {
  height: 100%;
  width: 100%;
  background-image: url(./i/bg_1aefcaa0.svg);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden; }

.CatalogItem__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 92px;
  height: 100%;
  padding: 16px;
  border-radius: 12px;
  background-color: #ffffff;
  color: #393f45;
  font-size: 14px;
  font-weight: 400; }
  .CatalogItem__content.CatalogItem__greyTheme {
    background-color: #f6f6f6; }

.CatalogItem__image {
  width: 96px;
  height: 96px; }

.CatalogItem__count {
  color: #7c7f84; }

.CatalogItem__inner {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 64%;
  font-family: firasans, sans-serif;
  line-height: 1.5em;
  text-align: left; }

.CatalogItem__arrow {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  height: 100%;
  width: 30px; }
  .CatalogItem__arrow::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #bd5900;
    border-left: 2px solid #bd5900;
    transform: rotate(135deg); }

.CatalogAbout__paragraph {
  font-size: 14px; }

.CatalogAbout__columnsContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 1023px) {
    .CatalogAbout__columnsContainer {
      flex-direction: row; } }

@media (min-width: 1023px) {
  .CatalogAbout__column {
    flex-basis: calc(50% - 16px); } }

.CatalogAsideMenu__nicheItem {
  padding: 12px 0; }

.CatalogAsideMenu__nicheName {
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  overflow: hidden; }

.CatalogAsideMenu__nicheListContainer {
  margin-right: 32px; }
  @media (max-width: 1023px) {
    .CatalogAsideMenu__nicheListContainer {
      display: none; } }

.CatalogAsideMenu__nicheBookCount {
  margin-left: 8px;
  font-size: 12px;
  color: #7c7f84; }

.CatalogAsideMenu__titleEmpty, .CatalogAsideMenu__subTitleEmpty, .CatalogAsideMenu__nicheItemEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.CatalogAsideMenu__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.CatalogAsideMenu__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin: 8px 0 32px; }

.CatalogAsideMenu__nicheItemEmpty {
  width: 149px;
  height: 16px;
  margin: 16px 0; }

.CatalogAsideMenu__line {
  height: 1px;
  background: #f0f0f0; }

.stackBookCover__wrapper {
  display: flex;
  padding-top: 10px; }

.stackBookCover__image {
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px; }
  .stackBookCover__image:nth-child(1) {
    z-index: 3; }
  .stackBookCover__image:nth-child(2) {
    z-index: 2;
    margin-left: -60px; }
  .stackBookCover__image:nth-child(3) {
    z-index: 1;
    margin-left: -60px; }

.stackBookCover__audioBook:nth-child(2) {
  z-index: 2;
  margin-left: -110px; }

.stackBookCover__audioBook:nth-child(3) {
  z-index: 1;
  margin-left: -110px; }

.BookTagsCarousel__bookset.isMargined {
  margin-top: 16px; }

.BookTagsCarousel__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 14px; }

.BookTagsCarousel__link {
  align-self: flex-start;
  background-repeat: no-repeat;
  background-position: 100% calc(100% - 2px);
  background-image: url(./i/arrow_57df35f6.svg); }

.BookTagsCarousel__linkText {
  margin-right: 12px; }

.BookTagsCarousel__subtitle {
  font-size: 14px;
  color: #7c7f84; }

.BookTagsCarousel__titleEmpty, .BookTagsCarousel__subTitleEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.BookTagsCarousel__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.BookTagsCarousel__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin-top: 8px; }

.BookTagsCarousel__booksetListEmpty {
  overflow: hidden; }

.BookTagsCarousel__wrapper {
  display: block;
  height: 230px;
  margin-left: 16px;
  margin-right: 24px; }

.BookTagsCarousel__tagHeading {
  margin-top: 16px;
  font-family: firasans, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  color: #252628;
  font-size: 16px;
  margin-bottom: 4px; }
  .BookTagsCarousel__tagHeading:first-letter {
    text-transform: uppercase; }

.BookTagsCarousel__tagCounter {
  font-family: firasans, sans-serif;
  text-align: left;
  color: #7c7f84;
  font-size: 14px;
  line-height: 1.43; }

.BooksCarousel__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  font-weight: 700; }

.BooksCarousel__subtitle {
  display: block;
  color: #7c7f84; }

.BooksCarousel__name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px; }

.BooksCarousel__linkName {
  margin-right: 8px; }
  @media (max-width: 414px) {
    .BooksCarousel__linkName {
      display: none; } }

.BooksCarousel__titleEmpty, .BooksCarousel__subTitleEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.BooksCarousel__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.BooksCarousel__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin: 8px 0 24px; }

.NicheCatalog__catalogHeader {
  padding-top: 16px; }

.NicheCatalog__bottomContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.NicheCatalog__catalogContent {
  max-width: calc(100% - 288px - 32px); }
  @media (max-width: 1023px) {
    .NicheCatalog__catalogContent {
      max-width: 100%; } }

.NicheCatalog__nicheAsideMenuHeader {
  padding-top: 8px; }

.NicheCatalog__menuSubtitle {
  display: block;
  margin-bottom: 16px;
  color: #7c7f84; }

.NicheCatalogBestsellers__name {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.NicheCatalogBestsellers__subtitle {
  display: block;
  margin-bottom: 16px;
  color: #7c7f84; }

.NicheCatalogBestsellers__linkName {
  margin-right: 8px; }
  @media (max-width: 414px) {
    .NicheCatalogBestsellers__linkName {
      display: none; } }

.NicheCatalogBestsellers__titleEmpty, .NicheCatalogBestsellers__subTitleEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogBestsellers__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogBestsellers__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin: 8px 0 24px; }

.VerticalAuthorCard__tinyBook {
  width: 112px;
  align-self: baseline; }
  .VerticalAuthorCard__tinyBook:first-child {
    margin-left: 16px; }
  .VerticalAuthorCard__tinyBook:last-child {
    margin-right: 16px; }
  .VerticalAuthorCard__tinyBook .VerticalAuthorCard__rating {
    display: flex;
    align-items: center;
    margin: 2px 0 8px; }

.VerticalAuthorCard__tinyBook + .VerticalAuthorCard__tinyBook {
  margin-left: 56px; }

.VerticalAuthorCard__authorCover {
  overflow: hidden;
  height: 112px;
  width: 112px;
  border-radius: 8px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  margin-bottom: 16px; }

.VerticalAuthorCard__bookInfo {
  height: 70px; }

.VerticalAuthorCard__bookOrder {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.9;
  text-align: center;
  border-radius: 12px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7); }

.VerticalAuthorCard__authorName {
  font-family: firasans, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  color: #252628;
  font-size: 16px;
  margin-bottom: 4px; }

.VerticalAuthorCard__authorCounter {
  font-family: firasans, sans-serif;
  text-align: left;
  color: #7c7f84;
  font-size: 14px;
  line-height: 1.43; }

.NicheCatalogBestAuthors__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 16px; }

.NicheCatalogBestAuthors__subtitle {
  display: block;
  color: #7c7f84; }

.NicheCatalogBestAuthors__link {
  align-self: flex-start;
  background-repeat: no-repeat;
  background-position: 100% calc(100% - 2px);
  background-image: url(./i/arrow_57df35f6.svg); }

.NicheCatalogBestAuthors__linkText {
  margin-right: 12px; }

.NicheCatalogBestAuthors__linkName {
  margin-right: 8px; }
  @media (max-width: 414px) {
    .NicheCatalogBestAuthors__linkName {
      display: none; } }

.NicheCatalogBestAuthors__titleEmpty, .NicheCatalogBestAuthors__subTitleEmpty {
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogBestAuthors__titleEmpty {
  width: 149px;
  height: 24px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogBestAuthors__subTitleEmpty {
  width: 69px;
  height: 16px;
  margin: 8px 0 24px; }

.CatalogNicheItem__nicheItem {
  width: 240px;
  height: 112px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2); }

.CatalogNicheItem__nicheImage {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  margin-top: 16px;
  align-self: flex-start; }

.CatalogNicheItem__nicheBookCount {
  display: block;
  margin-top: 8px;
  color: #7c7f84; }

.CatalogNicheItem__audioCount {
  margin-left: 24px; }

.CatalogNicheItem__bookCountIcon, .CatalogNicheItem__audioCountIcon {
  display: inline-block;
  margin-left: 4px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.CatalogNicheItem__bookCountIcon {
  min-width: 12px;
  height: 12px;
  background-image: url(./i/books_8581438b.svg); }

.CatalogNicheItem__audioCountIcon {
  min-width: 12px;
  height: 12px;
  background-image: url(./i/headphones_7d7f8c72.svg); }

@media (max-width: 1023px) {
  .NicheCatalogPopularList__popularNicheList {
    display: none; } }

.NicheCatalogPopularList__title {
  margin-bottom: 20px; }

.NicheCatalogPopularList__nameEmpty {
  width: 149px;
  height: 24px;
  margin-bottom: 24px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogPopularList__nicheCarouselItem, .NicheCatalogPopularList__nicheCarouselItemEmpty {
  width: 240px;
  height: 120px; }
  .NicheCatalogPopularList__nicheCarouselItem:first-child, .NicheCatalogPopularList__nicheCarouselItemEmpty:first-child {
    margin-left: 16px; }
  .NicheCatalogPopularList__nicheCarouselItem:last-child, .NicheCatalogPopularList__nicheCarouselItemEmpty:last-child {
    margin-right: 16px; }

.NicheCatalogPopularList__nicheCarouselItem + .NicheCatalogPopularList__nicheCarouselItem, .NicheCatalogPopularList__nicheCarouselItemEmpty + .NicheCatalogPopularList__nicheCarouselItem, .NicheCatalogPopularList__nicheCarouselItem + .NicheCatalogPopularList__nicheCarouselItemEmpty, .NicheCatalogPopularList__nicheCarouselItemEmpty + .NicheCatalogPopularList__nicheCarouselItemEmpty {
  margin-left: 16px; }

.NicheCatalogPopularList__nicheCarouselItemEmpty {
  margin-bottom: 8px;
  background: #f6f6f6;
  border-radius: 12px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2); }

.NicheCatalogPopularList__nicheListEmpty {
  margin-bottom: 16px;
  padding-top: 8px; }

.NicheCatalogListCarousel__name {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.NicheCatalogListCarousel__subtitle {
  display: block;
  margin-bottom: 16px;
  color: #7c7f84; }

.NicheCatalogListCarousel__nameEmpty {
  width: 149px;
  height: 24px;
  margin-bottom: 24px;
  border-radius: 12px;
  background-color: #f6f6f6; }

.NicheCatalogListCarousel__linkName {
  margin-right: 8px; }
  @media (max-width: 414px) {
    .NicheCatalogListCarousel__linkName {
      display: none; } }

.NicheCatalogListCarousel__nicheListCarousel {
  display: none; }
  @media (max-width: 1023px) {
    .NicheCatalogListCarousel__nicheListCarousel {
      display: block; } }

.NicheCatalogListCarousel__nicheCarouselItem, .NicheCatalogListCarousel__nicheCarouselItemEmpty {
  width: 240px;
  height: 120px; }
  .NicheCatalogListCarousel__nicheCarouselItem:first-child, .NicheCatalogListCarousel__nicheCarouselItemEmpty:first-child {
    margin-left: 16px; }
  .NicheCatalogListCarousel__nicheCarouselItem:last-child, .NicheCatalogListCarousel__nicheCarouselItemEmpty:last-child {
    margin-right: 16px; }

.NicheCatalogListCarousel__nicheCarouselItem + .NicheCatalogListCarousel__nicheCarouselItem, .NicheCatalogListCarousel__nicheCarouselItemEmpty + .NicheCatalogListCarousel__nicheCarouselItem, .NicheCatalogListCarousel__nicheCarouselItem + .NicheCatalogListCarousel__nicheCarouselItemEmpty, .NicheCatalogListCarousel__nicheCarouselItemEmpty + .NicheCatalogListCarousel__nicheCarouselItemEmpty {
  margin-left: 16px; }

.NicheCatalogListCarousel__nicheCarouselItemEmpty {
  margin-bottom: 8px;
  background: #f6f6f6;
  border-radius: 12px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2); }

.NicheCatalogListCarousel__nicheListEmpty {
  padding-top: 8px; }

.CatalogIndexView__container {
  padding-top: 16px; }

.CatalogIndexView__list {
  display: flex;
  flex-wrap: wrap; }

.CatalogIndexView__item {
  display: block;
  width: 100%;
  padding-top: 16px; }

.CatalogIndexView__content {
  display: flex;
  justify-content: space-between;
  min-height: 112px;
  padding: 8px 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.CatalogIndexView__inner {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  font-family: firasans, sans-serif;
  line-height: 1.5em;
  text-align: left; }
  .CatalogIndexView__inner .CatalogIndexView__title {
    color: #252628;
    font-size: 16px;
    font-weight: 600; }
  .CatalogIndexView__inner .CatalogIndexView__text {
    color: #393f45;
    font-size: 12px;
    font-weight: 400; }

.CatalogIndexView__freeBookIcon {
  position: relative; }
  .CatalogIndexView__freeBookIcon::before {
    content: "";
    position: absolute;
    top: 24px;
    right: 16px;
    display: block;
    width: 96px;
    height: 96px;
    background: url(./i/free_a4c39df2.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1; }

@media (min-width: 703px) {
  .CatalogIndexView__list {
    margin-right: -20px; }
  .CatalogIndexView__item {
    width: 47.5%;
    margin-right: 16px; } }

@media (min-width: 1023px) {
  .CatalogIndexView__item {
    width: 31.5%;
    margin-right: 16px; } }

.CatalogFreeIndexView__container {
  padding-top: 16px; }

.CatalogFreeIndexView__list {
  display: flex;
  flex-wrap: wrap; }

.CatalogFreeIndexView__item {
  display: block;
  width: 100%;
  padding-top: 16px; }

.CatalogFreeIndexView__content {
  display: flex;
  justify-content: space-between;
  min-height: 112px;
  padding: 8px 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.CatalogFreeIndexView__inner {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  font-family: firasans, sans-serif;
  line-height: 1.5em;
  text-align: left; }
  .CatalogFreeIndexView__inner .CatalogFreeIndexView__title {
    color: #252628;
    font-size: 16px;
    font-weight: 600; }
  .CatalogFreeIndexView__inner .CatalogFreeIndexView__text {
    color: #393f45;
    font-size: 12px;
    font-weight: 400; }

.CatalogFreeIndexView__freeBookIcon {
  position: relative;
  padding-bottom: 16px; }
  .CatalogFreeIndexView__freeBookIconImage {
    position: absolute;
    top: 0;
    right: 0;
    height: 96px;
    width: 96px; }
    .CatalogFreeIndexView__freeBookIconImage::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 96px;
      height: 96px;
      background: url(./i/free_a4c39df2.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 1; }
      @media (max-width: 414px) {
        .CatalogFreeIndexView__freeBookIconImage::before {
          height: 56px;
          width: 56px; } }
    @media (max-width: 414px) {
      .CatalogFreeIndexView__freeBookIconImage {
        height: 56px;
        width: 56px; } }

@media (min-width: 703px) {
  .CatalogFreeIndexView__list {
    margin-right: -16px; }
  .CatalogFreeIndexView__item {
    width: 50%;
    padding-right: 16px; } }

@media (min-width: 1023px) {
  .CatalogFreeIndexView__item {
    width: 33%;
    padding-right: 16px; } }

.Select__container {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .Select__container {
      display: block;
      width: 100%; } }
  .Select__container input {
    font-size: 16px; }
  .Select__container .Select__cy-jest-select-order {
    width: 231px; }
  .Select__container .Select__cy-jest-select-subscription {
    width: 231px; }
  .Select__container .Select__cy-jest-select-bookType {
    width: 231px; }

.Select__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.Select__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.OrderByNewPopular__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.OrderByNewPopular__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.FilterBySubscriptionType__optionIcon {
  margin-left: 8px; }

.FilterBySubscriptionType__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.FilterBySubscriptionType__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.FilterBySubscriptionType__valueTextpremium {
  width: 76px; }

.FilterBySubscriptionType__valueTextfree {
  width: 96px; }

.FilterBySubscriptionType__valueTextstandard {
  width: 104px; }

.FilterBySubscriptionType__valueTextrent {
  width: 64px; }

.FilterByLanguage__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.FilterByLanguage__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.FilterBookType__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.FilterBookType__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.CatalogFilter__container {
  position: relative;
  z-index: 2; }

.CatalogFilter__resetFilters {
  display: inline-block;
  width: 250px;
  height: 38px !important;
  vertical-align: middle;
  margin-bottom: 8px; }
  @media (max-width: 414px) {
    .CatalogFilter__resetFilters {
      display: block;
      width: 100%;
      margin-bottom: 16px; } }

.EmptyFilterResult__container {
  width: 100%;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.EmptyFilterResult__icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-bottom: -7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMzgzNDM0IiBkPSJNMjAuMTUzIDE4LjM5bDMuNDgyIDMuNDgxYTEuMjQ3IDEuMjQ3IDAgMCAxLTEuNzY0IDEuNzY0bC0zLjQ4Mi0zLjQ4MmE2LjY1IDYuNjUgMCAxIDEgMS43NjQtMS43NjR6bS01LjUwMiAxLjI1YTQuOTg4IDQuOTg4IDAgMSAwIDAtOS45NzcgNC45ODggNC45ODggMCAwIDAgMCA5Ljk3NnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjQuOTcgNmwxLjQxNSAxLjQxNC0xNi45NyAxNi45N0w4IDIyLjk3eiIvPjxwYXRoIGZpbGw9IiMzODM0MzQiIGQ9Ik0yMy45NyA2bDEuNDE1IDEuNDE0LTE2Ljk3IDE2Ljk3TDcgMjIuOTd6Ii8+PC9nPjwvc3ZnPg==); }

.CatalogFilterMobile__container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%; }

.CatalogFilterMobile__close {
  position: absolute;
  cursor: pointer;
  left: -48px;
  top: 3px;
  height: 16px;
  width: 16px;
  background-image: url(./i/cross_167fe77b.svg); }

.CatalogFilterMobile__resetFilters {
  margin-top: auto; }

.CatalogFilterMobile__header {
  font-weight: 600;
  font-size: 20px;
  color: #1D1D1B;
  margin-bottom: 30px; }

.CatalogFilterMobile__headerBack {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 20px;
  color: #1D1D1B; }
  .CatalogFilterMobile__headerBack svg {
    transform: scale(-1, 1);
    margin-right: 20px; }

.CatalogFilterMobile__filterBlock {
  border-bottom: 1px solid #EBEBEB;
  padding: 12px 0;
  cursor: pointer;
  position: relative; }
  .CatalogFilterMobile__filterBlock::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    display: block;
    height: 12px;
    width: 8px;
    background-image: url(./i/arrow_fa77b959.svg); }
  .CatalogFilterMobile__filterBlock:last-child {
    border-bottom: 1px solid transparent; }

.CatalogFilterMobile__filterBlockOpen {
  border-bottom: 1px solid #EBEBEB;
  padding: 12px 0;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center; }
  .CatalogFilterMobile__filterBlockOpen span {
    width: 100%;
    display: flex;
    align-items: center; }
    .CatalogFilterMobile__filterBlockOpen span::after {
      content: '';
      display: block;
      height: 8px;
      width: 11px;
      margin-left: auto; }
  .CatalogFilterMobile__filterBlockOpen:last-child {
    border-bottom: 1px solid transparent; }
  .CatalogFilterMobile__filterBlockOpen:first-child {
    margin-top: 30px; }

.CatalogFilterMobile__optionIcon {
  margin-left: 8px; }

.CatalogFilterMobile__filterBlockMarked {
  color: #BD5B04;
  width: 100%;
  display: flex;
  align-items: center; }
  .CatalogFilterMobile__filterBlockMarked::after {
    content: '';
    display: block;
    height: 8px;
    width: 11px;
    background-image: url(./i/check_16bc21a4.svg);
    margin-left: auto; }

.CatalogFilterMobile__filterName {
  font-weight: 600;
  font-size: 16px;
  color: #383434;
  line-height: 24px; }

.CatalogFilterMobile__filterTypes {
  width: 80%;
  line-height: 20px; }
  .CatalogFilterMobile__filterTypes .CatalogFilterMobile__filterType {
    font-size: 14px;
    color: #979797; }
    .CatalogFilterMobile__filterTypes .CatalogFilterMobile__filterType::after {
      content: ', '; }
    .CatalogFilterMobile__filterTypes .CatalogFilterMobile__filterType:last-child::after {
      content: ''; }

.SidebarFilter__filter {
  font-size: 16px;
  color: #BD5B04;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center; }
  .SidebarFilter__filter::before {
    margin-right: 9px;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./i/filter_757c1939.svg); }
  .SidebarFilter__filterActive::before {
    background-image: url(./i/filterActive_d898856d.svg); }

.Banner__container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  min-height: 218px;
  margin-bottom: 48px;
  padding: 24px;
  background: #ffffff;
  border-radius: 12px; }
  @media (max-width: 767px) {
    .Banner__container {
      flex-direction: column; } }

.Banner__imageContainer {
  min-width: 192px;
  height: 100%; }

.Banner__image {
  width: 100%;
  height: 170px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(./i/phone_000707cf.png); }

.Banner__textContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 16px; }
  @media (max-width: 767px) {
    .Banner__textContainer {
      flex-direction: column;
      padding-left: unset; } }

.Banner__title {
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px; }
  .Banner__title h2 {
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px; }
  .Banner__title p {
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    color: #1D1D1B; }
  @media (max-width: 1023px) {
    .Banner__title {
      flex-direction: column; } }
  @media (max-width: 767px) {
    .Banner__title {
      text-align: center; } }

.Banner__description {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .Banner__description {
      text-align: center; } }

.Banner__highlight {
  color: #db3500; }

.Banner__linkContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 144px;
  margin-left: 24px; }
  .Banner__linkContainer a {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    line-height: 35px;
    font-weight: 600;
    font-size: 16px; }
  @media (max-width: 767px) {
    .Banner__linkContainer {
      margin-left: unset; } }

.ActorAudiobookListView__headerTitle {
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ActorAudiobookListView__count {
  color: #393f45;
  font-size: 14px;
  margin-bottom: 16px; }

.SeriesItem__item {
  position: relative;
  width: 240px;
  border-radius: 12px;
  margin-bottom: 8px;
  height: 112px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2); }
  .SeriesItem__item:first-child {
    margin-left: 16px; }
  .SeriesItem__item:last-child {
    margin-right: 16px; }

.SeriesItem__item + .SeriesItem__item {
  margin-left: 16px; }

.SeriesItem__container {
  position: relative;
  width: 240px;
  height: 112px;
  padding: 16px;
  border-radius: 12px;
  background-color: #f6f6f6;
  overflow: hidden; }
  .SeriesItem__container::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }

.SeriesItem__containerBackground {
  position: absolute;
  top: -16px;
  left: -16px;
  width: calc(100% + 32px);
  min-height: calc(100% + 32px);
  background-repeat: no-repeat;
  -webkit-filter: blur(10px);
          filter: blur(10px); }

.SeriesItem__coverContainer::after, .SeriesItem__coverContainer::before, .SeriesItem__cover {
  display: block;
  position: absolute;
  top: 0;
  width: 58px;
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.35); }

.SeriesItem__coverContainer {
  position: relative;
  margin-right: 32px;
  width: 58px;
  height: 80px;
  float: left; }
  .SeriesItem__coverContainer::after {
    content: "";
    position: absolute;
    height: 78px;
    left: 4px;
    z-index: 2; }
  .SeriesItem__coverContainer::before {
    content: "";
    height: 78px;
    left: 8px;
    z-index: 3; }

.SeriesItem__cover {
  height: 80px;
  background-color: #d6d6d6;
  overflow: hidden;
  z-index: 4; }

.SeriesItem__image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 4; }

.SeriesItem__content {
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 2; }

.SeriesItem__information {
  position: relative;
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
  height: 100%; }

.SeriesItem__title {
  min-width: 100px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding-bottom: 8px; }

.SeriesItem__count {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5); }

.AuthorDetailListTitle__container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 16px 16px; }

.AuthorDetailListTitle__count {
  font-size: 14px;
  color: #7c7f84; }

.AuthorDetailListTitle__content {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #393f45; }

.AuthorDetailListTitle__arrow {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.3em; }
  .AuthorDetailListTitle__arrow::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 4px;
    align-items: center;
    border-top: 2px solid #bd5900;
    border-left: 2px solid #bd5900;
    transform: rotate(135deg); }

@media (max-width: 414px) {
  .AuthorDetailListTitle__arrowText {
    display: none; } }

.SimilarAuthorHorizontalCard__item {
  position: relative;
  width: 132px;
  min-height: 200px;
  margin: 8px 0;
  border-radius: 8px;
  padding: 0 10px;
  overflow: hidden;
  background-color: #ffffff; }
  .SimilarAuthorHorizontalCard__item:first-child {
    margin-left: 16px; }
  .SimilarAuthorHorizontalCard__item:last-child {
    margin-right: 16px; }

.SimilarAuthorHorizontalCard__image {
  position: relative;
  width: 100%;
  max-width: 240px;
  height: 112px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  background-color: #f7f7f7; }

.SimilarAuthorHorizontalCard__title {
  font-family: firasans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5em;
  color: #252628; }

.SimilarAuthorHorizontalCard__authorName {
  margin-left: 12px; }

.SimilarAuthorHorizontalCard__content {
  max-height: 132px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 0px 0px; }

.SimilarAuthorHorizontalCard__amount {
  display: flex;
  align-items: center;
  font-family: firasans, sans-serif;
  line-height: 1.33em;
  color: #7c7f84; }

.SimilarAuthorHorizontalCard__authorAmount {
  font-family: firasans, sans-serif;
  font-size: 12px;
  line-height: 1.43em;
  color: #7c7f84; }

.AuthorDetailHeader__wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  background-color: #d6d6d6; }

.AuthorDetailHeader__blurredImageWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.AuthorDetailHeader__image {
  height: 128px;
  flex-shrink: 0;
  margin-right: 32px;
  background-color: #abacac;
  border-radius: 8px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .AuthorDetailHeader__image {
      margin-bottom: 16px; } }

.AuthorDetailHeader__container {
  position: relative;
  max-width: 1136px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 40px 16px 26px; }
  @media (max-width: 1023px) {
    .AuthorDetailHeader__container {
      padding: 24px 16px; } }
  @media (max-width: 767px) {
    .AuthorDetailHeader__container {
      flex-direction: column;
      align-items: flex-start; } }

@media (max-width: 767px) {
  .AuthorDetailHeader__authorInfoBlock {
    width: 100%; } }

.AuthorDetailHeader__paddingBlock {
  height: 34px; }
  @media (max-width: 767px) {
    .AuthorDetailHeader__paddingBlock {
      height: unset; } }

.AuthorDetailHeader__name {
  color: #ffffff; }

.AuthorDetailHeader__photo {
  display: block;
  height: 128px; }

.AuthorDetailHeader__cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.07);
  -webkit-filter: blur(24px) brightness(80%);
          filter: blur(24px) brightness(80%); }

.AuthorDetailHeader__subtitle {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.43; }

.AuthorDetailHeader__linksContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end; }

.AuthorDetailHeader__addToFavorites {
  display: flex;
  align-items: center;
  margin-top: 16px; }
  .AuthorDetailHeader__addToFavoritesButton {
    width: 224px;
    padding-right: 22px;
    padding-left: 22px; }
  .AuthorDetailHeader__addToFavoritesInfo {
    max-width: 308px;
    margin-left: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #ffffff; }
  @media (max-width: 1023px) {
    .AuthorDetailHeader__addToFavorites {
      align-items: unset;
      flex-direction: column; }
      .AuthorDetailHeader__addToFavoritesInfo {
        margin-left: unset;
        margin-top: 8px; } }
  @media (max-width: 767px) {
    .AuthorDetailHeader__addToFavorites {
      flex-direction: column;
      width: 100%; }
      .AuthorDetailHeader__addToFavoritesInfo {
        margin-left: unset;
        margin-top: 8px; }
      .AuthorDetailHeader__addToFavoritesButton {
        width: 100%; } }

.AuthorDetailHeader__favoriteText {
  width: 120px;
  margin: 0 auto;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url(./i/favoriteButton_526d3445.svg); }
  .AuthorDetailHeader__favoriteText:hover {
    -webkit-animation: AuthorDetailHeader__opacityAnimation 0.3s linear;
            animation: AuthorDetailHeader__opacityAnimation 0.3s linear; }

.AuthorDetailHeader__unsubscribeText {
  width: 120px;
  margin: 0 auto;
  -webkit-animation: AuthorDetailHeader__opacityAnimation 0.3s linear;
          animation: AuthorDetailHeader__opacityAnimation 0.3s linear; }
  .AuthorDetailHeader__unsubscribeText::before {
    opacity: 0; }

.AuthorDetailHeader__inFavoritesButton {
  width: 224px;
  background: #ffffff; }
  .AuthorDetailHeader__inFavoritesButton:before {
    background: #ffffff !important; }
  @media (max-width: 767px) {
    .AuthorDetailHeader__inFavoritesButton {
      width: 100%; } }

.AuthorDetailHeader__inFavoritesText {
  -webkit-animation: AuthorDetailHeader__opacityAnimation 0.3s linear;
          animation: AuthorDetailHeader__opacityAnimation 0.3s linear; }
  .AuthorDetailHeader__inFavoritesText::before {
    opacity: 0; }

.AuthorDetailHeader__unsubscribeButton {
  width: 224px; }
  @media (max-width: 767px) {
    .AuthorDetailHeader__unsubscribeButton {
      width: 100%; } }

.AuthorDetailHeader__separator {
  width: 100%;
  height: 1px;
  margin: 24px 0;
  opacity: .2;
  background-color: #edf1f3; }

@-webkit-keyframes AuthorDetailHeader__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes AuthorDetailHeader__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.AuthorDetailView__avatar {
  padding-top: 56px;
  position: relative;
  text-align: center; }

.AuthorDetailView__authorImage {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 0; }

.AuthorDetailView__authorImagePreview {
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 8px;
  overflow: hidden; }

.AuthorDetailView__authorImagePanoram {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  font-size: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden; }

.AuthorDetailView__authorImagePanoramImage {
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  -webkit-filter: blur(24px);
          filter: blur(24px); }

.AuthorDetailView__authorListLink {
  padding-bottom: 16px;
  width: 49%; }

.AuthorDetailView__authorListCount {
  font-size: 14px;
  color: #7c7f84; }

.AuthorDetailView__similarAuthorListLink {
  min-height: 92px;
  border-radius: 8px;
  padding-top: 8px;
  background-color: #ffffff; }

.AuthorDetailView__container {
  min-height: 92px;
  height: 100%;
  padding: 16px 0;
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: #ffffff; }
  .AuthorDetailView__containerAbout {
    padding-left: 16px;
    padding-right: 16px; }

.AuthorDetailView__authorLinksContainer {
  display: flex;
  justify-content: space-between; }

@media (max-width: 514px) {
  .AuthorDetailView__authorLinksContainer {
    display: block; }
  .AuthorDetailView__authorListLink {
    width: 100%; } }

.AuthorDetailView__modalWindowContainer {
  max-width: 382px;
  min-width: 288px;
  margin-top: 52px;
  margin: 16px auto; }
  @media only screen and (min-width: 0px) and (max-width: 586px) {
    .AuthorDetailView__modalWindowContainer {
      margin: 0;
      margin-bottom: 0 !important;
      min-width: 100%;
      min-height: 100%; } }

.AuthorDetailView__modalWindowHeader {
  display: flex;
  justify-content: space-between;
  padding: 0 8px 16px 0;
  z-index: 999; }
  .AuthorDetailView__modalWindowHeaderText {
    margin-right: 48px;
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px; }
  .AuthorDetailView__modalWindowHeaderImage {
    width: 51px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain; }

.AuthorDetailView__modalWindowText {
  display: flex;
  text-align: left;
  line-height: 24px; }

.AuthorDetailView__linkToSettingsButton {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin-top: 24px;
  border: 1px solid #be5b04;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px; }
  .AuthorDetailView__linkToSettingsButton .AuthorDetailView__settingsLinkText {
    background-position: 100% 50%;
    background-size: 6px 8px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-image: url(./i/arrow_57df35f6.svg); }
  .AuthorDetailView__linkToSettingsButton:hover .AuthorDetailView__settingsLinkText {
    background-image: url(./i/arrow-hover_f13ec3e5.svg); }

.ContextAuthorCard__author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px; }

.ContextAuthorCard__authorBlock {
  display: flex;
  width: 100%; }

.ContextAuthorCard__authorImage {
  border-radius: 8px; }

.ContextAuthorCard__authorInfo {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 8px; }

.ContextAuthorCard__authorName {
  max-width: 80%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ContextAuthorCardEmpty__author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px; }

.ContextAuthorCardEmpty__authorBlock {
  display: flex;
  width: 100%; }

.ContextAuthorCardEmpty__authorImage {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f7f7f7; }

.AuthorList__authorList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px; }

.AuthorList__author {
  width: calc(50% - 16px); }
  @media (max-width: 1136px) {
    .AuthorList__author {
      width: 100%; } }

.AuthorList__initialLetter {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 16px; }
  .AuthorList__initialLetterInsideText {
    margin-top: 40px; }

.AuthorList__letter {
  font-weight: 600;
  font-size: 20px;
  color: #252628; }

.AuthorListView__count {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }
  .AuthorListView__countEmpty {
    width: 100px;
    height: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    background-color: #ffffff; }

.AuthorBookListView__filters {
  margin-bottom: 8px; }

.BookHasNotReviews__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 24px 0;
  text-align: center; }

.BookHasNotReviews__image {
  width: 287px;
  height: 189px;
  background-image: url(./i/owl_b4fee157.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto; }

.AuthorInformation__author {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 12px;
  color: #7c7f84; }

.AuthorInformation__authorImage {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden; }

.AuthorInformation__authorText {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.AuthorInformation__information {
  width: 88%; }

.AuthorInformation__noBackgroundTheme .AuthorInformation__author {
  padding: 8px 0;
  margin-top: 0;
  background-color: transparent; }

.AuthorInformation__noBackgroundTheme .AuthorInformation__information {
  display: flex;
  flex-direction: column; }

.AuthorInformation__noBackgroundTheme .AuthorInformation__name {
  font-size: 16px;
  font-weight: 600; }

.AuthorInformation__count {
  padding-top: 4px;
  font-size: 14px;
  color: #7c7f84; }

.BookListItemEmpty__content {
  border-radius: 12px;
  background-color: #ffffff;
  padding: 16px;
  margin-top: 16px; }

.BookListItemEmpty__author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 16px;
  background-color: #f6f6f6;
  border-radius: 12px;
  color: #7c7f84; }
  .BookListItemEmpty__authorImage {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #ffffff;
    overflow: hidden; }
  .BookListItemEmpty__authorText {
    width: 250px;
    height: 16px;
    margin-bottom: 5px;
    border-radius: 8px;
    background-color: #ffffff; }

.BookListItemEmpty__rating {
  width: 50%;
  height: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #f6f6f6;
  border-radius: 8px; }

.BookListItemEmpty__text {
  width: 100%;
  height: 16px;
  margin-bottom: 5px;
  border-radius: 8px;
  background-color: #f6f6f6; }

.BookListItemEmpty__date {
  width: 100px;
  height: 16px;
  margin-bottom: 4px;
  background-color: #f6f6f6; }

.AuthorReviewListView__container {
  max-width: 1136px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (max-width: 1023px) {
    .AuthorReviewListView__container {
      max-width: 686px; } }
  @media (max-width: 767px) {
    .AuthorReviewListView__container {
      max-width: 642px; } }

.AuthorReviewListView__list {
  margin-top: 16px;
  padding-bottom: 16px; }

.AuthorReviewListView__billetContainer {
  position: relative;
  margin-bottom: 16px;
  padding: 8px 0;
  border-radius: 12px;
  background-color: #ffffff; }

.AuthorReviewListView__headerTitleReviewCount {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }

.AuthorCitationListView__list {
  margin-top: 16px;
  padding-bottom: 16px; }

.AuthorCitationListView__headerTitleReviewCount {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }

.DashboardBanner__item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
  width: 100%;
  background-color: #f7f7f7; }
  .DashboardBanner__itemImage {
    width: 100%;
    font-size: 0;
    overflow: hidden; }
  .DashboardBanner__item .DashboardBanner__image img {
    max-width: 100%;
    width: 100%; }

.DashboardBannerEmpty__item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  background-color: #e7e7e7; }

.DashboardBannerEmpty__image {
  max-width: 100%;
  width: 1024px;
  height: 150px; }

@media (min-width: 568px) and (max-width: 767px) {
  .DashboardBannerEmpty__image {
    height: 220px; } }

@media (min-width: 768px) and (max-width: 1124px) {
  .DashboardBannerEmpty__image {
    height: 296px; } }

@media (min-width: 768px) {
  .DashboardBannerEmpty__image {
    height: 430px; } }

.DashboardRecoBlock__container {
  position: relative;
  max-height: 280px;
  padding: 16px 0;
  border-radius: 8px;
  margin-bottom: 16px;
  width: 100%;
  background: linear-gradient(to top, #fb9e4a 50%, #fad961 100%); }

.DashboardRecoBlock__title, .DashboardRecoBlock__titleAnon {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  z-index: 1;
  font-weight: 700; }
  .DashboardRecoBlock__titleAnon {
    margin-bottom: 8px; }

.DashboardRecoBlock__titleWhite {
  color: #ffffff; }

.DashboardRecoBlock__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  height: 380px;
  min-width: 280px;
  width: 100%;
  border-radius: 8px; }
  .DashboardRecoBlock__content .DashboardRecoBlock__image {
    min-width: 1008px;
    max-width: 100%;
    width: 100%;
    height: auto; }

.DashboardRecoBlock__contentImage {
  display: flex;
  justify-content: center;
  align-items: baseline;
  min-width: 280px;
  width: 100%;
  height: 400px;
  font-size: 0;
  text-align: center;
  white-space: nowrap; }

.DashboardRecoBlock__user {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  margin: 0 0 16px 16px; }

.DashboardRecoBlock__avatar {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: #ffffff;
  overflow: hidden;
  cursor: pointer; }

.DashboardRecoBlock__item {
  width: 124px;
  margin: 4px 8px 8px 16px; }
  .DashboardRecoBlock__item:first-of-type {
    margin-left: 16px; }

.DashboardRecoBlock__emptyItem {
  position: relative;
  width: 124px;
  height: 196px;
  box-shadow: 0 4px 6px 0 rgba(37, 38, 40, 0.2);
  border-radius: 8px;
  margin: 0 16px;
  font-size: 0;
  background: #f7f7f7;
  overflow: hidden; }

.BooksetList__title {
  padding: 0 16px;
  margin-bottom: 16px; }

.DashboardBooksetList__container {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 8px;
  overflow: hidden; }

.DashboardSingleBookset__container {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  min-width: 280px;
  width: 100%;
  align-items: baseline;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  transition: .1s linear;
  background-color: #ffffff; }
  @media (min-width: 767px) {
    .DashboardSingleBookset__container {
      height: 240px; } }

.DashboardSingleBookset__image {
  display: flex;
  width: 50%;
  background-color: #e7e7e7;
  flex-grow: 2;
  position: relative;
  height: 240px; }
  @media (max-width: 767px) {
    .DashboardSingleBookset__image {
      width: 100%; } }
  .DashboardSingleBookset__image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .DashboardSingleBookset__imageEmpty {
    width: 100%;
    height: 100%;
    background-color: #e7e7e7; }

.DashboardSingleBookset__wrapper {
  width: 100%;
  display: flex; }
  @media (max-width: 767px) {
    .DashboardSingleBookset__wrapper {
      flex-direction: column; } }

.DashboardSingleBookset__content {
  align-items: left;
  justify-content: space-between;
  padding: 16px 16px 64px;
  width: 50%;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .DashboardSingleBookset__content {
      width: 100%;
      padding: 16px; } }

.DashboardSingleBookset__rubrics {
  margin-bottom: 8px; }
  .DashboardSingleBookset__rubricsItem {
    color: #7c7f84;
    display: inline; }

.DashboardSingleBookset__text {
  display: flex;
  flex-flow: column;
  align-items: left;
  width: 100%; }

.DashboardSingleBookset__title {
  width: 100%;
  font-family: firasans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  text-align: left;
  color: #393f45; }

.DashboardSingleBookset__count {
  font-family: firasans, sans-serif;
  font-size: 14px;
  line-height: 1.43em;
  text-align: left;
  color: #393f45; }

.DashboardSingleBookset__link {
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  text-align: right;
  color: #bd5900;
  padding-left: 16px; }

.DashboardSingleBookset__arrow {
  position: absolute;
  bottom: 16px;
  left: calc(50% + 16px);
  transform: rotate(180deg);
  transform-origin: center center; }
  .DashboardSingleBookset__arrow:hover path {
    fill: #e07d23; }
  @media (max-width: 767px) {
    .DashboardSingleBookset__arrow {
      display: none; } }

.DashboardSingleBookset__halfContainer {
  width: 100%; }
  .DashboardSingleBookset__halfContainer .DashboardSingleBookset__wrapper {
    flex-direction: column;
    max-height: 392px; }
  .DashboardSingleBookset__halfContainer .DashboardSingleBookset__content {
    width: 100%; }
  .DashboardSingleBookset__halfContainer .DashboardSingleBookset__image {
    width: 100%; }
  .DashboardSingleBookset__halfContainer .DashboardSingleBookset__arrow {
    left: 16px; }
  @media (min-width: 767px) {
    .DashboardSingleBookset__halfContainer {
      width: calc(50% - 8px);
      height: 392px; } }

.DashboardSingleBookset__booksetAuthor {
  display: flex;
  align-items: center;
  align-self: flex-end;
  width: 100%;
  height: 70px;
  padding: 30px 16px 16px;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.58%, #000000 78.65%); }
  .DashboardSingleBookset__booksetAuthorName {
    max-width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white; }
  .DashboardSingleBookset__booksetAuthorImage {
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    margin-right: 8px;
    border-radius: 8px; }

.DashboardSingleBooksetEmpty__title, .DashboardSingleBooksetEmpty__count {
  background: #ffffff;
  border-radius: 4px; }

.DashboardSingleBooksetEmpty__container {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  height: 400px;
  min-width: 280px;
  width: 100%;
  align-items: baseline;
  background-color: #f7f7f7; }
  .DashboardSingleBooksetEmpty__containerImage {
    display: flex;
    justify-content: center;
    align-items: start;
    min-width: 320px;
    width: 100%;
    height: 400px; }

.DashboardSingleBooksetEmpty__content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  align-items: left;
  justify-content: space-between;
  display: flex;
  min-height: 152px;
  width: 100%;
  padding: 24px 4%;
  background-color: #f7f7f7; }

.DashboardSingleBooksetEmpty__text {
  display: flex;
  flex-flow: column;
  align-items: left;
  width: 100%; }

.DashboardSingleBooksetEmpty__title {
  width: 50%;
  height: 24px;
  margin-bottom: 8px; }

.DashboardSingleBooksetEmpty__count {
  width: 40px;
  height: 16px; }

.YouTubePlayer__youtubePlayer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000000; }
  .YouTubePlayer__youtubePlayer.YouTubePlayer__isEmpty {
    background-color: #ffffff; }
  .YouTubePlayer__youtubePlayerEmpty {
    width: 64px;
    height: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(./i/emptyPlayer_7ebc7410.svg); }

.YouTubePlayer__playerContainer {
  width: 100%; }

.YouTubePlayer__previewContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.YouTubePlayer__previewImage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  background-color: #000000; }
  .YouTubePlayer__previewImage .YouTubePlayer__image {
    height: 100%;
    max-width: 900px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.YouTubePlayer__playButton {
  position: absolute;
  width: 68px;
  height: 47px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(./i/play_41ed1785.svg);
  cursor: pointer; }

.DashboardVideoBlock__videoContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden; }

.DashboardVideoBlock__youtubeContainer {
  height: 320px; }
  .DashboardVideoBlock__youtubeContainer.isMobile {
    height: 240px; }

.DashboardVideoBlock__videoTitle {
  padding: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #252628; }

.DashboardSectionByDate__dateBlocksWrapper {
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.DashboardSectionByDate__dateBlocksTitle {
  margin-bottom: 16px; }

.DashboardSectionByDate__dateBlocksTitleMain {
  font-size: 28px;
  font-weight: 700; }

.DashboardSectionByDate__dateBlocksTitleSub {
  font-size: 14px;
  color: #7c7f84; }

.DashboardView__content {
  padding-top: 16px; }

.DashboardView__loaderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.DashboardView__button {
  width: 232px;
  margin: 0 auto; }

.GenreDetailView__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: -28px; }
  .GenreDetailView__contentAside {
    width: 25%; }
    @media (max-width: 1023px) {
      .GenreDetailView__contentAside {
        display: none; } }
  .GenreDetailView__contentMain {
    width: 100%; }

.GenreDetailView__filters {
  padding-bottom: 8px; }

.GenreDetailView__pagination {
  margin-bottom: 28px; }

.NicheBookListView__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: -28px; }
  .NicheBookListView__contentAside {
    width: 25%; }
    @media (max-width: 1023px) {
      .NicheBookListView__contentAside {
        display: none; } }
  .NicheBookListView__contentMain {
    width: 75%; }
    @media (max-width: 1023px) {
      .NicheBookListView__contentMain {
        width: 100%; } }

.NicheBookListView__filters {
  padding-bottom: 8px; }

.NicheBookListView__pagination {
  margin-bottom: 28px; }

.GenreList__genreList {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }
  @media (min-width: 767px) {
    .GenreList__genreList {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }

.GenreList__genreItem {
  position: relative;
  width: 100%;
  height: 112px; }

@media (min-width: 767px) {
  .GenreList__genreItem ~ .GenreList__genreItem,
  .GenreList__genreItem:first-child:not(:last-child) {
    width: calc(50% - 16px); } }

.GenreList__genre {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.GenreList__genreInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  height: 80px; }

.GenreList__genreBookCount {
  color: #7c7f84; }

.GenreList__genreInfoEmpty {
  position: absolute;
  top: 8px;
  left: 16px;
  height: 17px;
  width: 160px;
  background-color: #f6f6f6;
  border-radius: 4px; }

.GenreList__genreBookCountEmpty {
  position: absolute;
  bottom: 8px;
  left: 16px;
  height: 12px;
  width: 80px;
  background-color: #f6f6f6;
  border-radius: 4px; }

.NicheHeader__backLink {
  display: none;
  min-width: 96px; }
  @media (min-width: 767px) {
    .NicheHeader__backLink {
      display: block;
      margin-top: 20px; } }

@media (min-width: 767px) {
  .NicheHeader__backLinkTitle {
    display: none; } }

.NicheHeader__header {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }
  @media (min-width: 767px) {
    .NicheHeader__header {
      flex-direction: row;
      margin-top: 16px; } }

.NicheHeader__headerContent {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.NicheHeader__headerInner {
  display: flex;
  flex-flow: column;
  width: 80%;
  font-family: firasans, sans-serif;
  line-height: 1.5em;
  text-align: left; }

.NicheHeader__headerInnerText {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 8px;
  font-family: firasans, sans-serif;
  font-size: 18px;
  color: #bd5900; }

.NicheHeader__headerImage {
  position: absolute;
  top: 0;
  right: 0;
  height: 64px;
  width: 64px; }
  @media (min-width: 767px) {
    .NicheHeader__headerImage {
      height: 96px;
      width: 96px; } }

.NicheHeader__headerCount {
  display: flex;
  flex-direction: column;
  margin: 16px 0 0;
  white-space: nowrap; }
  @media (min-width: 767px) {
    .NicheHeader__headerCount {
      flex-direction: row;
      align-items: center; } }

.NicheHeader__headerText {
  color: #393f45;
  font-size: 12px;
  font-weight: 400; }

.NicheHeader__link {
  display: inline-block;
  vertical-align: middle; }

.NicheHeader__link ~ .NicheHeader__link {
  margin-top: 8px; }
  @media (min-width: 767px) {
    .NicheHeader__link ~ .NicheHeader__link {
      margin-top: 0; } }

.NicheHeader__circle {
  display: none;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin: 0 16px;
  border-radius: 2px;
  background-color: #abacac; }
  @media (min-width: 767px) {
    .NicheHeader__circle {
      display: inline-block; } }

.NicheDetailView__content {
  display: flex;
  align-items: flex-start;
  margin-top: 16px; }

.NicheDetailView__rightColumn {
  display: flex;
  flex-direction: column;
  max-width: 100%; }
  @media (min-width: 1023px) {
    .NicheDetailView__rightColumn {
      max-width: calc(100% - 288px - 32px); } }

@media (min-width: 1023px) {
  .NicheDetailView__list {
    display: none; } }

.NicheDetailView__nicheDescription {
  margin-top: 8px; }

.NicheDetailView__asideMenu {
  width: 25%; }

.UserProfileView__typeSelectorActive::after, .UserProfileView__typeSelectorActive::before {
  position: absolute;
  bottom: 0;
  content: " ";
  align-self: flex-end;
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 0 100%; }

.UserProfileView__carousel {
  height: 216px; }
  .UserProfileView__carouselContainer {
    padding-top: 16px; }

.UserProfileView__item {
  display: block;
  width: 124px;
  margin: 4px 8px 8px 16px;
  align-self: flex-end; }

.UserProfileView__title {
  display: flex;
  position: relative;
  margin-right: 24px;
  width: 100%;
  align-items: flex-end; }
  @media (max-width: 767px) {
    .UserProfileView__title {
      justify-content: space-between; } }
  .UserProfileView__titleLink {
    line-height: 24px;
    margin-left: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #be5b04; }
    .UserProfileView__titleLink .shortArrow {
      margin-left: 4px; }

.UserProfileView__orange {
  padding: 16px 0 1px;
  margin-bottom: 16px;
  position: relative;
  min-height: 260px;
  background: linear-gradient(to top, #fb9e4a 50%, #fad961 100%); }

.UserProfileView__latestBooksWrapper {
  position: relative;
  border-radius: 12px;
  height: 228px;
  width: 100%;
  max-width: 1136px;
  background: rgba(190, 91, 4, 0.2); }
  @media (max-width: 1023px) {
    .UserProfileView__latestBooksWrapper {
      background: transparent; } }

.UserProfileView__latestBooksContainer {
  max-width: 1136px;
  min-width: 320px;
  padding: 0 16px;
  margin: 0 auto 16px; }
  @media (max-width: 1023px) {
    .UserProfileView__latestBooksContainer {
      padding: 0; } }

.UserProfileView__noBooks {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative; }
  .UserProfileView__noBooksTitle {
    position: relative;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    font-weight: 700;
    z-index: 2; }
  .UserProfileView__noBooksLink {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 208px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 8px;
    color: #ffffff;
    background: #be5b04;
    z-index: 2; }

.UserProfileView__fakeCovers {
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  z-index: 0; }
  .UserProfileView__fakeCoversItem {
    display: inline-block;
    width: 124px;
    height: 196px;
    margin-right: 24px;
    background: rgba(190, 91, 4, 0.1); }

.UserProfileView__typeSelector {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: -1px; }
  .UserProfileView__typeSelectorItem {
    padding: 0 16px;
    height: 48px;
    font-size: 16px;
    border-radius: 12px 12px 0 0;
    color: #be5b04; }
  .UserProfileView__typeSelectorActive {
    background: #f6f6f6;
    color: #383434;
    position: relative; }
    .UserProfileView__typeSelectorActive::after {
      background-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 12px, #f6f6f6 12px);
      left: -12px; }
    .UserProfileView__typeSelectorActive::before {
      background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 12px, #f6f6f6 12px);
      right: -12px; }

.UserProfileView__statusSelector {
  width: 100%; }

.UserProfileView__bookshelves {
  padding: 16px 0px;
  margin-bottom: 16px;
  position: relative;
  border-radius: 12px;
  background: #ffffff; }
  .UserProfileView__bookshelvesTitle {
    margin-left: 16px; }
  .UserProfileView__bookshelvesLink {
    position: absolute;
    right: 16px;
    top: 21px; }
    .UserProfileView__bookshelvesLinkText {
      margin-right: 8px;
      color: #be5b04; }

.UserProfileView__selectIcon {
  margin-right: 8px; }

.UserProfileView__counter {
  color: #7c7f84;
  margin: 16px 0; }

.UserProfileView__optionTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.UserProfileView__valueTextContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 13px);
  height: 100%;
  line-height: 48px; }

.UserProfileView__shelfSection {
  max-width: 1136px;
  min-width: 320px;
  padding: 0 16px;
  margin: 0 auto 16px; }

.UserProfileView__shelfWrapper {
  position: relative;
  border-radius: 12px;
  height: 112px;
  width: 100%;
  max-width: 1136px;
  background: #ffffff;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media (max-width: 320px) {
    .UserProfileView__shelfWrapper {
      height: 144px; } }

.UserProfileView__shelfText {
  margin-bottom: 8px;
  text-align: center;
  color: #393f45; }
  @media (max-width: 320px) {
    .UserProfileView__shelfText {
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 1.5;
      text-align: left; } }

.UserProfileView__shelfButton {
  width: 256px;
  line-height: normal; }
  @media (max-width: 320px) {
    .UserProfileView__shelfButton {
      width: 100%; } }

.UserProfileView__bookmark {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  color: #373434; }
  .UserProfileView__bookmark:hover, .UserProfileView__bookmark:active {
    color: #BE5B04; }
    .UserProfileView__bookmark:hover path, .UserProfileView__bookmark:active path {
      fill: #BE5B04; }
  @media (max-width: 414px) {
    .UserProfileView__bookmark {
      display: none; } }

.UserProfileView__bookmarkMobile {
  display: none;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  margin: 20px 0;
  color: #373434; }
  .UserProfileView__bookmarkMobile:hover, .UserProfileView__bookmarkMobile:active {
    color: #BE5B04; }
    .UserProfileView__bookmarkMobile:hover path, .UserProfileView__bookmarkMobile:active path {
      fill: #BE5B04; }
  @media (max-width: 414px) {
    .UserProfileView__bookmarkMobile {
      display: inline-flex; } }

.UserProfileView__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px; }
  @media (max-width: 767px) {
    .UserProfileView__icon {
      position: relative;
      margin-bottom: 0; } }

.UserProfileViewBooks__more {
  display: block;
  width: 288px;
  margin: 0 auto; }

.UserProfileViewBooksEmpty__container {
  display: flex;
  flex-direction: column;
  align-items: center; }

.UserProfileViewBooksEmpty__text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #7c7f84; }

.BaseUserBooksView__button {
  width: 232px;
  margin: 0 auto; }

.UserBookshelvesView__bookshelf {
  width: 100%;
  margin: 0 0 16px; }
  .UserBookshelvesView__bookshelf:first-child {
    margin-left: 0; }
  .UserBookshelvesView__bookshelfList {
    padding-top: 16px; }

.UserBookmarkView__typeSelectorActive::after, .UserBookmarkView__typeSelectorActive::before {
  position: absolute;
  bottom: 0;
  content: " ";
  align-self: flex-end;
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 0 100%; }

.UserBookmarkView__container {
  max-width: 1136px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (max-width: 414px) {
    .UserBookmarkView__container {
      padding-top: 12px; } }

.UserBookmarkView__typeSelector {
  width: 100%;
  display: flex;
  margin-bottom: -1px; }
  .UserBookmarkView__typeSelectorItem {
    padding: 0 16px;
    height: 48px;
    font-size: 16px;
    border-radius: 12px 12px 0 0;
    color: #be5b04; }
  .UserBookmarkView__typeSelectorActive {
    background: #ffffff;
    color: #383434;
    position: relative; }
    .UserBookmarkView__typeSelectorActive::after {
      background-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 12px, #ffffff 12px);
      left: -12px; }
    .UserBookmarkView__typeSelectorActive::before {
      background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 12px, #ffffff 12px);
      right: -12px; }

.UserBookmarkView__tabWrapper {
  min-height: 100px;
  background: linear-gradient(0deg, #F6F6F6 50%, #FFFFFF 100%);
  padding: 0 16px;
  padding-top: 25px; }

.UserBookmarkView__counter {
  font-size: 14px;
  line-height: 20px;
  color: #7c7f84;
  margin-bottom: 30px; }

.UserBookmarkView__itemsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 1023px) {
    .UserBookmarkView__itemsList {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 767px) {
    .UserBookmarkView__itemsList {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 414px) {
    .UserBookmarkView__itemsList {
      grid-template-columns: repeat(1, 1fr); } }

.UserBookmarkView__item {
  display: flex;
  padding-right: 20px;
  align-items: center;
  margin-bottom: 32px; }

.UserBookmarkView__itemImage {
  cursor: pointer;
  margin-right: 17px; }

.UserBookmarkView__itemImageCover {
  border-radius: 8px; }

.UserBookmarkView__itemText {
  font-family: firasans, sans-serif; }

.UserBookmarkView__itemHeaderBlack {
  cursor: pointer;
  color: #000000;
  font-size: 16px; }

.UserBookmarkView__itemHeader {
  cursor: pointer;
  color: #be5b04;
  font-size: 16px; }

.UserBookmarkView__itemCounter {
  color: #7c7f84; }

.UserBookmarkView__itemPagination {
  margin-top: 30px;
  grid-column-end: span 4; }
  @media (max-width: 1023px) {
    .UserBookmarkView__itemPagination {
      grid-column-end: span 3; } }
  @media (max-width: 767px) {
    .UserBookmarkView__itemPagination {
      grid-column-end: span 2;
      margin-top: 20px; } }
  @media (max-width: 414px) {
    .UserBookmarkView__itemPagination {
      grid-column-end: span 1;
      margin-top: 20px; } }

@-webkit-keyframes DropDownMenu__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes DropDownMenu__opacityAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.DropDownMenu__type-edit {
  color: #be5b04;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(./i/edit_901de376.svg); }

.DropDownMenu__menu {
  display: flex; }

.DropDownMenu__menuToggle {
  display: flex;
  align-items: center;
  height: 24px;
  padding-left: 26px;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }

.DropDownMenu__menuItemList {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 256px;
  margin-top: 40px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 2px rgba(37, 38, 40, 0.2);
  overflow: hidden;
  -webkit-animation: DropDownMenu__opacityAnimation .3s ease-in-out;
          animation: DropDownMenu__opacityAnimation .3s ease-in-out;
  z-index: 3; }
  .DropDownMenu__menuItemList:focus {
    outline: 0; }

.DropDownMenu__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  cursor: pointer;
  color: #be5b04; }
  .DropDownMenu__item:active:hover {
    background-color: rgba(228, 134, 53, 0.9);
    color: #be5b04; }
    .DropDownMenu__item:active:hover svg path {
      fill: #be5b04; }
  .DropDownMenu__item:hover {
    background-color: rgba(228, 134, 53, 0.9);
    color: #ffffff; }
    .DropDownMenu__item:hover svg path {
      fill: #ffffff; }

.DropDownMenu__linkText {
  margin-left: 16px; }

.BookshelfDetailView__bookshelfInfo {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.43em;
  color: #7c7f84; }

.BookshelfDetailView__defaultBackground {
  width: 100%;
  background-image: linear-gradient(to bottom, #fad961, #fb9e4a); }
  @media (min-width: 1136px) {
    .BookshelfDetailView__defaultBackground {
      height: 340px; } }
  @media (max-width: 1136px) {
    .BookshelfDetailView__defaultBackground {
      height: 306px; } }
  @media (max-width: 1023px) {
    .BookshelfDetailView__defaultBackground {
      height: 230px; } }
  @media (max-width: 767px) {
    .BookshelfDetailView__defaultBackground {
      height: 96px; } }

.BookshelfDetailView__circle {
  position: relative;
  margin-left: 8px;
  margin-right: 10px; }
  .BookshelfDetailView__circle::after {
    content: "";
    position: absolute;
    top: 42%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d6d6d6; }

.BookshelfDetailView__emptyContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 184px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #7c7f84;
  border: solid 1px #d6d6d6; }

.BookshelfDetailView__editLink {
  display: block;
  padding-left: 50px;
  color: #be5b04;
  background-position: 16px 50%;
  background-repeat: no-repeat;
  background-image: url(./i/edit_901de376.svg); }
  .BookshelfDetailView__editLinkText {
    display: flex;
    height: 48px;
    font-size: 16px;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
  .BookshelfDetailView__editLink:first-child .BookshelfDetailView__editLinkText {
    border-top: 0; }

.BookshelfDetailView__bookshelfName {
  text-overflow: ellipsis;
  overflow: hidden; }

.BookshelfDetailView__deleteBookchelf {
  display: block;
  padding-left: 50px;
  color: #be5b04;
  background-position: 13px 50%;
  background-repeat: no-repeat;
  background-image: url(./i/delete_d2274629.svg); }
  .BookshelfDetailView__deleteBookchelfText {
    display: flex;
    height: 48px;
    font-size: 16px;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
  .BookshelfDetailView__deleteBookchelf:first-child .BookshelfDetailView__deleteBookchelfText {
    border-top: 0; }

.BookshelfDetailView__modalDialogContainer {
  width: 288px;
  margin: 0 auto; }

.BookshelfDetailView__modalDialog {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 16px; }
  .BookshelfDetailView__modalDialogImage {
    margin-top: 32px;
    margin-bottom: 8px; }
  .BookshelfDetailView__modalDialogHeader {
    font-weight: 600;
    line-height: 1.5; }
  .BookshelfDetailView__modalDialogHeaderTitle {
    line-height: 1.5;
    margin-bottom: 42px; }
  .BookshelfDetailView__modalDialogButtons {
    position: absolute;
    bottom: -16px;
    left: -16px;
    width: 288px;
    display: flex;
    justify-content: center;
    height: 48px;
    border-top: 1px solid #d6d6d6; }

.BookshelfDetailView__deleteDialogButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  border-right: 1px solid #d6d6d6;
  color: #d0021b;
  cursor: pointer; }

.BookshelfDetailView__cancelDialogButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  cursor: pointer; }

.BookshelfDetailView__dropDownMenu {
  margin-bottom: 24px; }

.BookshelfDetailView__menu:hover .BookshelfDetailView__deleteBookchelfText {
  border-top: 0; }

.FormCheckbox__checkBoxContainer {
  display: flex; }

.FormCheckbox__checkBoxInput {
  display: flex;
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border-radius: 4px;
  border: 1px solid #cecece;
  cursor: pointer; }

.FormCheckbox__checkBox {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer; }

.FormCheckbox__label {
  font-size: 14px;
  color: #7c7f84; }

.FormCheckbox__isChecked {
  background-color: #fec41f;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 10px;
  background-image: url(./i/checked_cd54dec5.svg); }

.FilesInputArea__fileInputArea {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  .FilesInputArea__fileInputArea.isDrag {
    cursor: copy; }

.FilesInputArea__caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #393f45;
  cursor: pointer;
  z-index: 1; }

.FilesInputArea__hiddenFileInput {
  width: 0px;
  height: 0px;
  opacity: 0;
  z-index: 0; }

.FilesInputArea__uploadIcon {
  width: 12px;
  height: 17px;
  margin-bottom: 16px;
  background-image: url(./i/uploaded_abf8b117.svg); }

.FilesInputArea__bookshelfHeaderBorderContainer {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 16px; }
  .FilesInputArea__bookshelfHeaderBorderContainer.isDrag {
    cursor: copy; }
  @media (max-width: 767px) {
    .FilesInputArea__bookshelfHeaderBorderContainer {
      display: none; } }

.FilesInputArea__dashedBorder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 1; }
  .FilesInputArea__dashedBorder.isDrag {
    cursor: copy; }

.FilesInputArea__isDisabled {
  display: none; }

.FilesInputArea__dashedBorder:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(237, 241, 243, 0.5) 10px, transparent 10px), linear-gradient(90deg, rgba(237, 241, 243, 0.5) 10px, transparent 10px);
  background-size: 17px 2px;
  background-repeat: repeat-x;
  background-position: 0px 0px, 0px 100%; }

.FilesInputArea__dashedBorder:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(237, 241, 243, 0.5) 10px, transparent 10px), linear-gradient(0deg, rgba(237, 241, 243, 0.5) 10px, transparent 10px);
  background-size: 2px 17px;
  background-repeat: repeat-y;
  background-position: 0px 0px, 100% 0px; }

.FilesInputArea__topCorners {
  position: absolute;
  height: 100%;
  width: 100%; }
  .FilesInputArea__topCorners:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0;
    left: 0;
    border-top: 2px solid rgba(237, 241, 243, 0.5);
    border-left: 2px solid rgba(237, 241, 243, 0.5); }
  .FilesInputArea__topCorners:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0;
    right: 0;
    border-top: 2px solid rgba(237, 241, 243, 0.5);
    border-right: 2px solid rgba(237, 241, 243, 0.5); }

.FilesInputArea__bottomCorners {
  position: absolute;
  height: 100%;
  width: 100%; }
  .FilesInputArea__bottomCorners:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: calc(100% - 7px);
    left: 0;
    border-bottom: 2px solid rgba(237, 241, 243, 0.5);
    border-left: 2px solid rgba(237, 241, 243, 0.5); }
  .FilesInputArea__bottomCorners:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: calc(100% - 7px);
    right: 0;
    border-bottom: 2px solid rgba(237, 241, 243, 0.5);
    border-right: 2px solid rgba(237, 241, 243, 0.5); }

.BookshelfEditView__bookshelfHeader {
  display: flex;
  width: 100%;
  height: 340px;
  background-image: linear-gradient(to bottom, #fad961, #fb9e4a);
  overflow: hidden; }
  .BookshelfEditView__bookshelfHeader.isMobile {
    opacity: 0.7; }
  @media (max-width: 1136px) {
    .BookshelfEditView__bookshelfHeader {
      height: 306px; } }
  @media (max-width: 1023px) {
    .BookshelfEditView__bookshelfHeader {
      height: 230px; } }
  @media (max-width: 767px) {
    .BookshelfEditView__bookshelfHeader {
      height: 96px; } }

.BookshelfEditView__uploadButton {
  margin-top: 8px;
  margin-bottom: 32px; }

.BookshelfEditView__headerBackgroundContainerImage {
  position: absolute;
  min-width: 420px;
  max-width: 100%;
  width: 100%;
  height: 340px; }
  @media (max-width: 1136px) {
    .BookshelfEditView__headerBackgroundContainerImage {
      height: 306px; } }
  @media (max-width: 1023px) {
    .BookshelfEditView__headerBackgroundContainerImage {
      height: 230px; } }
  @media (max-width: 767px) {
    .BookshelfEditView__headerBackgroundContainerImage {
      height: 96px; } }

.BookshelfEditView__headerBackgroundContainerUploadedImage {
  position: absolute;
  min-width: 420px;
  max-width: 100%;
  width: 100%;
  height: auto; }

.BookshelfEditView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84;
  border-radius: 8px;
  font-size: 16px; }
  .BookshelfEditView__input:focus {
    border: 2px solid #fec41f;
    color: #393f45;
    outline: none;
    background-color: #ffffff;
    caret-color: #be5b04; }

.BookshelfEditView__descriptionText {
  min-height: 200px;
  resize: vertical;
  transition: unset; }

.ResetPasswordView__container {
  max-width: 352px;
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto; }

.ResetPasswordView__text {
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 16px;
  padding-top: 16px; }

.ResetPasswordView__form {
  font-size: 14px; }

.ResetPasswordView__returnButtonContainer {
  padding-top: 8px; }

.RightholderBooksView__headerTitle {
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.RightholderBooksView__count {
  color: #393f45;
  font-size: 14px;
  margin-bottom: 16px; }

.AppsStoreIcons__androidApp, .AppsStoreIcons__iosApp {
  display: inline-block;
  width: 144px;
  height: 48px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0; }

.AppsStoreIcons__linkApp {
  display: block;
  width: 144px;
  height: 48px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -999px; }

.AppsStoreIcons__androidApp {
  background-image: url(./i/google_aa96e58a.svg); }

.AppsStoreIcons__iosApp {
  background-image: url(./i/ios_0712897b.svg); }

.MtsUserSetPassword__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1136px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }

.MtsUserSetPassword__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 646px; }
  .MtsUserSetPassword__header p {
    margin: 0; }

.MtsUserSetPassword__title {
  margin-top: 40px;
  text-align: center; }
  .MtsUserSetPassword__title h1 {
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1em; }
    @media (min-width: 767px) {
      .MtsUserSetPassword__title h1 {
        font-size: 32px; } }
    @media (min-width: 1023px) {
      .MtsUserSetPassword__title h1 {
        font-size: 48px;
        padding-bottom: 16px; } }

.MtsUserSetPassword__description {
  margin-top: 12px;
  text-align: center; }
  .MtsUserSetPassword__description p {
    font-size: 16px;
    line-height: 24px;
    color: #000000; }

.MtsUserSetPassword__formDescription {
  margin: 20px 0;
  text-align: center; }
  .MtsUserSetPassword__formDescription p {
    font-size: 16px;
    line-height: 24px;
    color: #000000; }

.MtsUserSetPassword__formContainer {
  width: 100%;
  max-width: 288px;
  padding: 8px 16px 16px;
  /* neutral / 1 */
  background: #FFFFFF;
  border-radius: 12px; }

.MtsUserSetPassword__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 646px; }

.MtsUserSetPassword__footerText {
  margin-top: 20px;
  text-align: center; }
  .MtsUserSetPassword__footerText p {
    display: inline;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }

.SetNewPasswordView__container {
  max-width: 352px;
  padding-top: 24px;
  padding-left: 4%;
  padding-right: 4%;
  margin: 0 auto; }
  .SetNewPasswordView__container.SetNewPasswordView__megafon {
    max-width: 560px;
    text-align: center; }

.SetNewPasswordView__text {
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 16px; }
  .SetNewPasswordView__text.SetNewPasswordView__megafon {
    max-width: 288px;
    margin: 0 auto; }

.SetNewPasswordView__form {
  font-size: 14px; }
  .SetNewPasswordView__form.SetNewPasswordView__megafon {
    max-width: 288px;
    margin: 0 auto;
    background: white;
    padding: 16px;
    border-radius: 12px; }
    .SetNewPasswordView__form.SetNewPasswordView__megafon label {
      text-align: left; }

.SetNewPasswordView__appButtonContainer {
  margin: 16px auto 0; }

.SetNewPasswordView__note {
  max-width: 288px;
  margin: 16px auto 0;
  font-size: 12px; }

.SeriesDetailView__authorContainer {
  display: flex;
  align-items: center; }

.SeriesDetailView__author {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: 100%; }
  .SeriesDetailView__authorInfo {
    font-family: firasans, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-align: left; }
  .SeriesDetailView__authorName {
    color: #be5b04;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600; }

.SeriesDetailView__photo {
  border-radius: 8px;
  margin-right: 16px; }

.SeriesDetailView__description {
  padding-bottom: 16px;
  max-width: 820px;
  width: 100%; }

.SeriesDetailView__filter {
  margin-bottom: 8px; }

.SeriesDetailView__resetFilters {
  display: inline-block;
  width: 239px;
  height: 38px !important;
  vertical-align: middle;
  margin-bottom: 8px; }
  @media (max-width: 414px) {
    .SeriesDetailView__resetFilters {
      display: block;
      width: 100%;
      margin-bottom: 16px; } }

.SeriesDetailView__modalWindowContainer {
  max-width: 382px;
  min-width: 288px;
  margin-top: 52px;
  margin: 16px auto; }
  @media only screen and (min-width: 0px) and (max-width: 586px) {
    .SeriesDetailView__modalWindowContainer {
      margin: 0;
      margin-bottom: 0 !important;
      min-width: 100%;
      min-height: 100%; } }

.SeriesDetailView__modalWindowHeader {
  display: flex;
  justify-content: space-between;
  padding: 0 8px 16px 0;
  z-index: 999; }
  .SeriesDetailView__modalWindowHeaderText {
    margin-right: 48px;
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px; }
  .SeriesDetailView__modalWindowHeaderImage {
    width: 51px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain; }

.SeriesDetailView__modalWindowText {
  display: flex;
  text-align: left;
  line-height: 24px; }

.SeriesDetailView__addToFavorites {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 28px; }
  .SeriesDetailView__addToFavoritesButton {
    width: 256px;
    padding-right: 22px;
    padding-left: 22px; }
  .SeriesDetailView__addToFavoritesInfo {
    max-width: 308px;
    margin-left: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #1B1D1E; }
  @media (max-width: 1023px) {
    .SeriesDetailView__addToFavorites {
      align-items: unset;
      flex-direction: column; }
      .SeriesDetailView__addToFavoritesInfo {
        margin-left: unset;
        margin-top: 8px; } }
  @media (max-width: 767px) {
    .SeriesDetailView__addToFavorites {
      flex-direction: column;
      width: 100%; }
      .SeriesDetailView__addToFavoritesInfo {
        margin-left: unset;
        margin-top: 8px; }
      .SeriesDetailView__addToFavoritesButton {
        width: 100%; } }

.SeriesDetailView__favoriteButtonText {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px; }
  .SeriesDetailView__favoriteButtonText:hover {
    -webkit-animation: SeriesDetailView__opacityAnimation 0.3s linear;
            animation: SeriesDetailView__opacityAnimation 0.3s linear; }
  .SeriesDetailView__favoriteButtonTextTitle {
    margin-left: 8px; }

.SeriesDetailView__unsubscribeText {
  width: 120px;
  margin: 0 auto;
  -webkit-animation: SeriesDetailView__opacityAnimation 0.3s linear;
          animation: SeriesDetailView__opacityAnimation 0.3s linear; }
  .SeriesDetailView__unsubscribeText::before {
    opacity: 0; }

.SeriesDetailView__inFavoritesButton {
  width: 224px;
  background: #ffffff; }
  .SeriesDetailView__inFavoritesButton:before {
    background: #ffffff !important; }
  @media (max-width: 767px) {
    .SeriesDetailView__inFavoritesButton {
      width: 100%; } }

.SeriesDetailView__inFavoritesText {
  -webkit-animation: SeriesDetailView__opacityAnimation 0.3s linear;
          animation: SeriesDetailView__opacityAnimation 0.3s linear; }
  .SeriesDetailView__inFavoritesText::before {
    opacity: 0; }

.SeriesDetailView__unsubscribeButton {
  width: 224px; }
  @media (max-width: 767px) {
    .SeriesDetailView__unsubscribeButton {
      width: 100%; } }

.TagList__tagLabelList {
  -moz-columns: 4 230px;
       columns: 4 230px;
  -moz-column-fill: auto;
       column-fill: auto; }
  @media (max-width: 1023px) {
    .TagList__tagLabelList {
      -moz-columns: 3 230px;
           columns: 3 230px; } }
  @media (max-width: 767px) {
    .TagList__tagLabelList {
      -moz-columns: 2 230px;
           columns: 2 230px; } }
  @media (max-width: 320px) {
    .TagList__tagLabelList {
      -moz-columns: 1 230px;
           columns: 1 230px; } }

.TagList__tag {
  display: flex;
  min-height: 16px;
  margin-right: 32px;
  margin-bottom: 16px; }
  .TagList__tagEmpty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 16px;
    min-height: 16px;
    margin-right: 32px;
    margin-bottom: 16px;
    padding: 0 8px;
    border-radius: 12px;
    background-color: #ffffff; }
  .TagList__tagInsideText {
    margin-top: 40px; }

.TagList__letter {
  font-weight: 600;
  font-size: 20px;
  color: #383434; }

.TagList__name {
  max-width: 200px;
  font-size: 14px;
  margin-right: 8px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .TagList__nameEmpty {
    width: 150px;
    height: 6px;
    margin-right: 8px;
    border-radius: 12px;
    background-color: #cecece; }

.TagList__counter {
  color: #7c7f84;
  font-size: 14px; }
  .TagList__counterEmpty {
    width: 10px;
    height: 6px;
    border-radius: 12px;
    background-color: #cecece; }

.TagListView__count {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }
  .TagListView__countEmpty {
    width: 100px;
    height: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    background-color: #ffffff; }

.TagListView__list {
  margin: 36px 0; }

.SearchResultsCount__title {
  margin: 24px 0 4px;
  font-weight: 600; }

.SearchResultEmpty__wrapper {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1023px), (max-height: 1023px) {
    .SearchResultEmpty__wrapper {
      position: relative; } }

.BooksCarousel__linkName {
  display: none; }
  .BooksCarousel__linkName + .SearchResultEmpty__shortArrow {
    display: none; }

.SearchResultEmpty__newWrapper {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  max-width: 1104px;
  margin: auto;
  width: 100%; }
  @media (max-width: 1023px), (max-height: 1023px) {
    .SearchResultEmpty__newWrapper {
      position: relative; } }

.SearchResultEmpty__container {
  max-width: 320px;
  text-align: center;
  padding: 32px 16px; }

.SearchResultEmpty__picture {
  display: block;
  background-image: url(./i/bird_e0cefb46.svg);
  background-repeat: no-repeat;
  width: 320px;
  height: 171px;
  background-size: cover;
  margin-top: 2px;
  margin-left: -16px; }

.SearchResultEmpty__icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMzgzNDM0IiBkPSJNMjAuMTUzIDE4LjM5bDMuNDgyIDMuNDgxYTEuMjQ3IDEuMjQ3IDAgMCAxLTEuNzY0IDEuNzY0bC0zLjQ4Mi0zLjQ4MmE2LjY1IDYuNjUgMCAxIDEgMS43NjQtMS43NjR6bS01LjUwMiAxLjI1YTQuOTg4IDQuOTg4IDAgMSAwIDAtOS45NzcgNC45ODggNC45ODggMCAwIDAgMCA5Ljk3NnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjQuOTcgNmwxLjQxNSAxLjQxNC0xNi45NyAxNi45N0w4IDIyLjk3eiIvPjxwYXRoIGZpbGw9IiMzODM0MzQiIGQ9Ik0yMy45NyA2bDEuNDE1IDEuNDE0LTE2Ljk3IDE2Ljk3TDcgMjIuOTd6Ii8+PC9nPjwvc3ZnPg==); }
  @media (max-width: 767px) {
    .SearchResultEmpty__icon {
      position: relative;
      margin-bottom: 0; } }

.SearchResultEmpty__newContainer {
  padding: 32px 16px; }

.SearchResultEmpty__newIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-bottom: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNzE0NSAzLjU0ODk1TDE2LjI2MzUgMEwxNy42Nzc3IDEuNDE0MjFMMTQuMDE5MiA1LjA3MjczQzE0LjAxOTIgNS4wNzI3NiAxNC4wMTkyIDUuMDcyOCAxNC4wMTkyIDUuMDcyODNMMTIuNTQ2OSA2LjU0NTEyQzEyLjU0NjkgNi41NDUwOCAxMi41NDY5IDYuNTQ1MDQgMTIuNTQ2OSA2LjU0NUw2LjU0NDk4IDEyLjU0NjlDNi41NDUwMiAxMi41NDY5IDYuNTQ1MDYgMTIuNTQ2OSA2LjU0NTEgMTIuNTQ3TDUuMDcyODEgMTQuMDE5MkM1LjA3Mjc4IDE0LjAxOTIgNS4wNzI3NCAxNC4wMTkyIDUuMDcyNyAxNC4wMTkyTDEuNDE0MjEgMTcuNjc3N0wwIDE2LjI2MzVMMy41NDg5MyAxMi43MTQ1QzEuMzU2MzMgMTAuMTYwOCAxLjQ2OTc1IDYuMzA4NiAzLjg4OTE2IDMuODg5MTlDNi4zMDg1OCAxLjQ2OTc3IDEwLjE2MDggMS4zNTYzNiAxMi43MTQ1IDMuNTQ4OTVaTTExLjI5NDMgNC45NjkxOUM5LjUyNzQyIDMuNTU0MTcgNi45NDEyIDMuNjY1NTcgNS4zMDMzOCA1LjMwMzRDMy42NjU1NSA2Ljk0MTIyIDMuNTU0MTUgOS41Mjc0NSA0Ljk2OTE3IDExLjI5NDNMMTEuMjk0MyA0Ljk2OTE5Wk0xNC4wMTkyIDExLjg5NzlDMTUuMTIxMiAxMC4xMTQzIDE1LjI4MDUgNy45MTM0NSAxNC40OTcxIDYuMDA5MjFMMTIuODk5MyA3LjYwNjk5QzEzLjE4MTIgOS4wMzA1NyAxMi43NzA2IDEwLjU2NDEgMTEuNjY3MyAxMS42Njc0QzEwLjU2NDEgMTIuNzcwNiA5LjAzMDU1IDEzLjE4MTIgNy42MDY5NyAxMi44OTkzTDYuMDA5MTggMTQuNDk3MUM3LjkxMzQxIDE1LjI4MDUgMTAuMTE0MyAxNS4xMjEyIDExLjg5NzkgMTQuMDE5M0wxNS4yMDI5IDE3LjMyNDJDMTUuNzg4NyAxNy45MSAxNi43Mzg0IDE3LjkxIDE3LjMyNDIgMTcuMzI0MkMxNy45MSAxNi43Mzg1IDE3LjkxIDE1Ljc4ODcgMTcuMzI0MiAxNS4yMDI5TDE0LjAxOTIgMTEuODk3OVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==); }
  @media (max-width: 767px) {
    .SearchResultEmpty__newIcon {
      position: relative;
      margin-bottom: 0; } }

.SearchResultEmpty__text {
  text-align: center; }

.SearchResultEmpty__sliderContainer {
  margin-top: 16px; }

.SearchResultEmpty__searchLoader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-height: 610px;
  height: calc(100vh - 56px); }

.LinkToAll__linkToAll {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 12px;
  margin-top: -16px;
  margin-bottom: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 19px; }

.LinkToAll__arrow {
  margin-left: 6px; }

.LinkToAll__noTopMargin {
  margin-top: 0; }

.SearchBookList__section {
  margin-top: 8px; }

.SearchBookList__content {
  margin-top: 16px; }

.SearchAudioBookList__section {
  margin-top: 8px; }

.SearchAudioBookList__content {
  margin-top: 16px; }

.SearchAuthorList__section {
  margin-top: 8px; }

.SearchAuthorList__sectionTitle {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.SearchAuthorList__content {
  margin-top: 16px; }

.SeriesList__seriesList {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }
  @media (min-width: 767px) {
    .SeriesList__seriesList {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }

.SeriesList__seriesItem {
  width: 100%; }

@media (min-width: 767px) {
  .SeriesList__seriesItem ~ .SeriesList__seriesItem,
  .SeriesList__seriesItem:first-child:not(:last-child) {
    width: calc(50% - 16px); } }

.SeriesList__series {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.SeriesList__seriesImage {
  border-radius: 8px; }

.SeriesList__seriesInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  height: 80px; }

.SeriesList__seriesBookCount {
  color: #7c7f84; }

.SearchSeriesList__section {
  margin-top: 8px; }

.SearchSeriesList__content {
  margin-top: 16px; }

.SearchGenresThemesList__section {
  margin-top: 8px; }

.SearchGenresThemesList__content {
  margin-top: 16px; }

.BooksetList__booksetList {
  margin-top: 8px; }

.BooksetList__bookset {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.BooksetList__booksetItem {
  width: 100%; }

@media (min-width: 767px) {
  .BooksetList__booksetItem ~ .BooksetList__booksetItem,
  .BooksetList__booksetItem:first-child:not(:last-child) {
    width: calc(50% - 16px); } }

.BooksetList__booksetImage {
  border-radius: 8px; }

.BooksetList__booksetInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 80%;
  width: 100%;
  height: 80px; }

.BooksetList__booksetBookCount {
  color: #7c7f84; }

.SearchBooksetList__section {
  margin-top: 8px; }

.SearchBooksetList__content {
  margin-top: 16px; }

.RightholdersList__seriesList {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }
  @media (min-width: 767px) {
    .RightholdersList__seriesList {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }

.RightholdersList__seriesItem {
  width: 100%; }

@media (min-width: 767px) {
  .RightholdersList__seriesItem ~ .RightholdersList__seriesItem,
  .RightholdersList__seriesItem:first-child:not(:last-child) {
    width: calc(50% - 16px); } }

.RightholdersList__series {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.RightholdersList__seriesImage {
  border-radius: 8px; }

.RightholdersList__seriesInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  height: 80px; }

.RightholdersList__seriesBookCount {
  color: #7c7f84; }

.RightholdersList__emptyInfo {
  width: 160px;
  min-height: 24px;
  margin: 0 16px 16px;
  border-radius: 8px;
  background: #f7f7f7; }

.RightholdersList__emptyCount {
  width: 160px;
  min-height: 24px;
  margin: 0 16px 16px;
  border-radius: 8px;
  background: #f7f7f7; }

.SearchRightholdersList__section {
  margin-top: 8px; }

.SearchRightholdersList__content {
  margin-top: 16px; }

.SearchResultView__searchLoader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-height: 610px;
  height: calc(100vh - 56px); }

.SearchResultView__searchResults {
  width: 100%;
  min-width: 320px;
  margin: 0 auto -16px; }

.SearchResultView__searchResultsContent {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (min-width: 1023px) {
    .SearchResultView__searchResultsContent {
      padding: 0 72px; } }

.StaticPageView__staticPageView {
  padding-top: 24px;
  padding-bottom: 24px; }

.GiftCodeView__contentBackground {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(./i/books_cdffba8c.svg), linear-gradient(207deg, #fad961, #fb9e4a);
  background-position: center bottom;
  background-repeat: no-repeat; }

.GiftCodeView__wrapper {
  padding-bottom: 200px; }
  @media (max-width: 1023px) {
    .GiftCodeView__wrapper {
      padding-bottom: 0px; } }

.GiftCodeView__content {
  margin: 0 auto;
  width: calc(100% - 32px);
  max-width: 352px; }
  @media (max-width: 414px) {
    .GiftCodeView__content {
      max-width: 288px; } }

.GiftCodeView__title {
  max-width: 1136px;
  width: 100%;
  margin: 21px auto 10px;
  text-align: center; }
  @media (max-width: 1023px) {
    .GiftCodeView__title {
      text-align: left;
      width: calc(100% - 32px);
      max-width: 352px; } }

.GiftCodeView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84; }

.GiftCodeView__giftCodeFormHeaderImage {
  margin-bottom: 8px; }
  .GiftCodeView__giftCodeFormHeaderImage::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 86px;
    margin: 0 0 0 12px;
    background: url(./i/giftcodeIcon_7bfde09a.svg) center center no-repeat; }

.GiftCodeView__giftCodeFormSuccess {
  text-align: center; }

.GiftCodeView__infoModal {
  width: 288px;
  margin: 0 auto;
  position: relative; }

.GiftCodeView__infoTitle {
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: left; }

.GiftCodeView__infoWrapper {
  width: 256px;
  text-align: left; }

.GiftCodeView__infoText {
  font-size: 12px;
  line-height: 18px; }

.GiftCodeView__infoButtonBox {
  margin-top: 24px; }
  .GiftCodeView__infoButtonBox button:not(:first-child) {
    margin-top: 16px; }

.UserBlock__userLoginWrapper {
  margin-top: 4px;
  display: flex;
  align-items: center; }

.UserBlock__subAccInfo {
  font-size: 16px;
  color: black;
  display: flex; }
  .UserBlock__subAccInfo span {
    line-height: 28px;
    order: 2;
    margin-left: 12px; }

.UserBlock__avatar {
  order: 1;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #ffffff;
  overflow: hidden;
  border: solid 2px #be5b04; }

.UserBlock__oneAccItems {
  margin: 16px 0;
  display: flex;
  flex-direction: column; }
  @media (max-width: 767px) {
    .UserBlock__oneAccItemsSocialIcon {
      flex-direction: row; } }

.UserBlock__oneAccTitle {
  font-size: 14px;
  line-height: 22px;
  color: #7C7F84; }
  .UserBlock__oneAccTitleSocialIcon {
    order: 2;
    line-height: 28px; }
    @media (min-width: 768px) {
      .UserBlock__oneAccTitleSocialIcon {
        order: 1; } }

.UserBlock__oneAccInfo {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: flex;
  flex-direction: row; }
  .UserBlock__oneAccInfo ul {
    display: flex; }
  .UserBlock__oneAccInfoSocialIcon {
    order: 1; }
    @media (min-width: 768px) {
      .UserBlock__oneAccInfoSocialIcon {
        order: 2; }
        .UserBlock__oneAccInfoSocialIcon ul {
          margin-top: 4px; } }

.UserBlock__socialNetworkItem {
  width: 28px;
  height: 28px;
  margin-right: 8px; }

.UserBlock__socialNetwork {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 4px; }
  .UserBlock__socialNetwork .UserBlock__socialNetworkIcon {
    margin: 0 auto;
    order: 1; }
    .UserBlock__socialNetwork .UserBlock__socialNetworkIcon svg {
      width: 16px;
      height: 16px;
      display: block; }
  .UserBlock__socialNetwork:not(.theme-litres) svg path {
    fill: #ffffff; }
  .UserBlock__socialNetwork.theme-facebook {
    background-color: #3b5998; }
  .UserBlock__socialNetwork.theme-vkontakte {
    background-color: #4d7299; }
  .UserBlock__socialNetwork.theme-twitter {
    background-color: #00abf8; }
  .UserBlock__socialNetwork.theme-googleplus {
    background-color: #DB3236; }
  .UserBlock__socialNetwork.theme-odnoklassniki {
    background-color: #ff983a; }
  .UserBlock__socialNetwork.theme-litres {
    background-color: #e7ebed; }
    .UserBlock__socialNetwork.theme-litres svg {
      height: 20px;
      width: 20px; }

.PaymentsAvailableContentCounters__counters {
  display: flex;
  align-items: center;
  justify-content: center; }

.PaymentsAvailableContentCounters__countersInner {
  justify-content: left; }

.PaymentsAvailableContentCounters__countersItem {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 128px;
  height: 96px;
  border: 2px solid transparent;
  border-radius: 24px; }

.PaymentsAvailableContentCounters__countersItemInner {
  height: auto;
  width: auto;
  flex-direction: row;
  align-items: left;
  margin-right: 16px; }

.PaymentsAvailableContentCounters__countersLabel {
  display: flex; }

.PaymentsAvailableContentCounters__countersItem .PaymentsAvailableContentCounters__countersLabel {
  flex-direction: column; }

.PaymentsAvailableContentCounters__countersItemInner .PaymentsAvailableContentCounters__countersLabel {
  flex-direction: row; }
  @media (max-width: 414px) {
    .PaymentsAvailableContentCounters__countersItemInner .PaymentsAvailableContentCounters__countersLabel {
      flex-direction: column;
      padding: 8px 0; } }

.PaymentsAvailableContentCounters__countersItemPro {
  border-color: #ffc500; }
  .PaymentsAvailableContentCounters__countersItemPro::after {
    content: '+';
    text-align: center;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: calc(50% - 8px);
    left: -8px;
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    background-color: #ffc500; }

.PaymentsAvailableContentCounters__countersItemPro.PaymentsAvailableContentCounters__countersItemInner {
  padding: 0 8px; }

.PaymentsAvailableContentCounters__countersNumber {
  font-weight: 700; }

.PaymentsAvailableContentCounters__countersIcon {
  margin-bottom: 8px; }

.PaymentsAvailableContentCounters__countersItemInner .PaymentsAvailableContentCounters__countersIcon {
  margin: 0 10px 0 0; }

.PaymentsHeader__paymentsSubscriptionHeader {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 748px;
  margin: 0 auto;
  padding-top: 16px; }
  @media (min-width: 767px) {
    .PaymentsHeader__paymentsSubscriptionHeader {
      padding-right: 160px;
      min-height: 300px;
      padding-top: 40px; } }

.PaymentsHeader__title {
  padding-right: 160px; }
  @media (min-width: 767px) {
    .PaymentsHeader__title {
      padding-right: 0; } }

.PaymentsHeader__subtitle {
  margin: 9px 0 20px;
  color: #393f45; }
  @media (max-width: 414px) {
    .PaymentsHeader__subtitle {
      max-width: 150px; } }

.PaymentsHeader__icon {
  position: absolute;
  width: 140px;
  height: 140px; }
  .PaymentsHeader__iconpro {
    top: 24px;
    right: -12px; }
  .PaymentsHeader__iconstandard {
    top: 19px;
    right: -12px; }
  @media (min-width: 767px) {
    .PaymentsHeader__icon {
      width: 230px;
      height: 230px; } }
  @media (min-width: 1023px) {
    .PaymentsHeader__icon {
      top: 13px;
      right: -35px;
      width: 300px;
      height: 300px; } }
  .PaymentsHeader__icon.hasGift {
    top: 48px; }
    @media (min-width: 767px) {
      .PaymentsHeader__icon.hasGift {
        top: 0;
        right: -70px; } }
  .PaymentsHeader__iconImage {
    position: relative;
    width: 100%;
    height: 100%; }
  .PaymentsHeader__icon.hasGift::before {
    content: "";
    position: absolute;
    left: 13%;
    bottom: 12%;
    width: 72%;
    height: 72%;
    background: url(./i/gift_7e322396.svg) center center no-repeat;
    background-size: 100% auto; }

.PaymentsHeader__description {
  margin: 8px 0 20px;
  color: #393f45; }

.PaymentsHeader__userSubscription {
  margin: 16px 0; }
  @media (max-width: 767px) {
    .PaymentsHeader__userSubscription {
      max-width: 75%; } }

.CurrentSubscriptionLabel__currentSubscriptionContainer {
  width: 100%;
  background-color: #f6ffec;
  margin: 0 auto;
  border-radius: 12px;
  height: 96px; }

.CurrentSubscriptionLabel__currentSubscriptionHeader {
  display: flex;
  justify-content: center;
  height: 62px;
  align-items: center;
  max-width: 256px;
  margin: 0 auto; }

.CurrentSubscriptionLabel__currentSubscriptionText {
  text-align: left;
  font-size: 12px;
  line-height: 1.33; }

.CurrentSubscriptionLabel__currentSubscriptionIcon {
  margin-right: 12px; }

.CurrentSubscriptionLabel__currentSubscriptionFooter {
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-top: 1px solid #d7e6c6; }

.PaymentsActionButton__subscriptionButton {
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 56px;
  padding: 0 16px;
  display: block; }
  .PaymentsActionButton__subscriptionButtonStandard {
    background-image: linear-gradient(to top, #dbeaff, #f3f8ff); }
  .PaymentsActionButton__subscriptionButtonLabel {
    width: calc(100% - 32px);
    height: 100%;
    text-align: left;
    position: absolute;
    left: 16px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .PaymentsActionButton__subscriptionButtonLabelTitle {
      width: 100%;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      line-height: 24px; }
    .PaymentsActionButton__subscriptionButtonLabelSubtitle {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400; }
  .PaymentsActionButton__subscriptionButtonPrice {
    position: absolute;
    right: 16px;
    font-size: 16px;
    line-height: 16px; }
  .PaymentsActionButton__subscriptionButtonFullPrice {
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400; }

.PaymentsActionButton__isOfferText {
  justify-content: center; }

.PaymentsSubscriptionHeader__wrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px 16px;
  background-repeat: no-repeat;
  background-position: top right; }
  @media (max-width: 767px) {
    .PaymentsSubscriptionHeader__wrapper {
      width: 100%;
      padding-bottom: 0; } }
  .PaymentsSubscriptionHeader__wrapper.themePro {
    background-image: url(./i/stars_8491dce5.svg), linear-gradient(42deg, #ffe790, #ffe897 12%, #fdf1c6); }
  .PaymentsSubscriptionHeader__wrapper.themeStandard {
    background-image: url(./i/stars_8491dce5.svg), linear-gradient(42deg, #dbeaff, #f3f8ff); }

.PaymentsSubscriptionHeader__container {
  max-width: 652px;
  width: 100%; }

.PaymentsSubscriptionHeader__description {
  margin: 8px 0 0;
  color: #393f45; }

.PaymentsSubscriptionHeader__userSubscription {
  display: flex;
  width: calc(50% - 16px); }
  @media (max-width: 414px) {
    .PaymentsSubscriptionHeader__userSubscription {
      width: 100%;
      margin-top: 16px; } }

.PaymentsSubscriptionHeader__userSubscriptionSurcharge {
  position: relative;
  padding: 8px 16px;
  border-radius: 12px;
  background: #ffffff;
  width: 100%; }

.PaymentsSubscriptionHeader__surchargeDescription {
  color: #393f45;
  height: 96px; }

.PaymentsSubscriptionHeader__discountIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  padding: 10px;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  background: linear-gradient(to top right, transparent 50%, #fec41f 50%);
  border-top-right-radius: 12px; }

.PaymentsSubscriptionHeader__breadcrumbs {
  max-width: 652px;
  width: 100%;
  margin-top: 16px; }

.PaymentsSubscriptionHeader__surchargeOffer {
  background: #ffffff;
  width: 100%; }
  .PaymentsSubscriptionHeader__surchargeOfferContainer {
    min-height: 88px;
    max-width: 684px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 16px; }
    @media (max-width: 414px) {
      .PaymentsSubscriptionHeader__surchargeOfferContainer {
        flex-direction: column;
        align-items: flex-start; } }
  .PaymentsSubscriptionHeader__surchargeOfferButton {
    margin-right: 24px; }
    @media (max-width: 414px) {
      .PaymentsSubscriptionHeader__surchargeOfferButton {
        margin-bottom: 16px;
        max-width: 100%; } }
  .PaymentsSubscriptionHeader__surchargeOfferText {
    line-height: 1.43;
    font-size: 14px;
    color: #393f45; }

.PaymentsSubscriptionHeader__subscriptionInfo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 16px; }
  @media (max-width: 414px) {
    .PaymentsSubscriptionHeader__subscriptionInfo {
      flex-direction: column; } }

.PaymentsSubscriptionHeader__subscriptionInfoLabel {
  width: 100%; }

.PaymentsSubscriptionHeader__subscriptionInfoSurcharge.PaymentsSubscriptionHeader__subscriptionInfoLabel {
  width: calc(50% - 16px); }
  @media (max-width: 414px) {
    .PaymentsSubscriptionHeader__subscriptionInfoSurcharge.PaymentsSubscriptionHeader__subscriptionInfoLabel {
      width: 100%; } }

.PaymentsSubscriptionHeader__undeleteCode {
  background: #FFF3D2;
  padding: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 16px; }
  .PaymentsSubscriptionHeader__undeleteCodeEmoji {
    font-size: 32px; }
  .PaymentsSubscriptionHeader__undeleteCodeText {
    padding-left: 16px; }

.PaymentsSubscriptionTypeOffer__paymentSubscriptionType {
  display: flex;
  flex-direction: column;
  height: 100%;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4); }
  .PaymentsSubscriptionTypeOffer__paymentSubscriptionType:hover {
    box-shadow: 0 37px 20px -20px rgba(0, 0, 0, 0.2);
    transform: translate(0, -10px); }
  @media (max-width: 767px) {
    .PaymentsSubscriptionTypeOffer__paymentSubscriptionType {
      box-shadow: none;
      transform: none; }
      .PaymentsSubscriptionTypeOffer__paymentSubscriptionType:hover {
        box-shadow: none;
        transform: none; } }

.PaymentsSubscriptionTypeOffer__subscriptionTypeDetail {
  position: relative;
  text-align: center;
  padding: 16px;
  border-radius: 12px 12px 0 0;
  flex-grow: 1;
  background-size: cover; }
  .PaymentsSubscriptionTypeOffer__subscriptionTypeDetail.themeStandard {
    background-image: url(./i/stars_06e63bda.svg), linear-gradient(to top, #dbeaff, #f3f8ff); }
    @media (max-width: 767px) {
      .PaymentsSubscriptionTypeOffer__subscriptionTypeDetail.themeStandard {
        margin-top: 24px; } }
  .PaymentsSubscriptionTypeOffer__subscriptionTypeDetail.themePro {
    background-image: url(./i/stars_06e63bda.svg), linear-gradient(to top, #ffe790, #fdf1c6); }

.PaymentsSubscriptionTypeOffer__icon {
  margin: 8px 0 0;
  text-align: center; }
  .PaymentsSubscriptionTypeOffer__icon .PaymentsSubscriptionTypeOffer__image {
    width: 64px;
    height: 64px; }
    @media (min-width: 414px) {
      .PaymentsSubscriptionTypeOffer__icon .PaymentsSubscriptionTypeOffer__image {
        width: 112px;
        height: 112px; } }
    @media (min-width: 1023px) {
      .PaymentsSubscriptionTypeOffer__icon .PaymentsSubscriptionTypeOffer__image {
        width: 154px;
        height: 154px; } }

.PaymentsSubscriptionTypeOffer__billetContainerFooter {
  padding: 8px 16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #ffffff; }

.PaymentsSubscriptionTypeOffer__toolbox {
  padding: 8px 0;
  text-align: center; }

.PaymentsSubscriptionTypeOffer__subscriptionTitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 8px;
  color: #252628; }

.PaymentsSubscriptionTypeOffer__subscriptionActionButton {
  margin: 8px auto 0; }

.PaymentsSubscriptionTypeOffer__subscriptionDesc {
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #393f45; }

.PaymentsSubscriptionTypeOffer__subscriptionActiveTill {
  justify-content: center; }

.PaymentsSubscriptionTypeOffer__upgradeStandardSubscription {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fffbf1;
  font-size: 14px;
  line-height: 1.5em;
  color: #393f45; }
  .PaymentsSubscriptionTypeOffer__upgradeStandardSubscription::before {
    content: "";
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: url(./i/discount_fbff6aac.svg) center center no-repeat; }

.PaymentsSubscriptionTypeOffer__subscriptionFooterText {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #393f45;
  margin-top: 12px;
  margin-bottom: 8px; }

.PaymentsSubscriptionTypeOffer__currentSubscriptionLabel {
  max-width: 256px;
  margin: 0 auto; }

.PaymentsSubscriptionTypeOffer__subscriptionButton {
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 56px;
  margin: 8px auto 0;
  padding: 0 16px;
  display: block;
  line-height: 56px; }
  .PaymentsSubscriptionTypeOffer__subscriptionButtonLabel {
    width: calc(100% - 32px);
    height: 100%;
    text-align: left;
    position: absolute;
    left: 16px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .PaymentsSubscriptionTypeOffer__subscriptionButtonLabelTitle {
      width: 100%;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      line-height: 24px; }
    .PaymentsSubscriptionTypeOffer__subscriptionButtonLabelSubtitle {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400; }
  .PaymentsSubscriptionTypeOffer__subscriptionButtonPrice {
    position: absolute;
    right: 16px;
    font-size: 16px;
    line-height: 16px; }
  .PaymentsSubscriptionTypeOffer__subscriptionButtonFullPrice {
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400; }

.PaymentsSubscriptionTypeOffer__hiddenBlock {
  width: 100%;
  height: 106px;
  margin: 8px auto 0; }
  @media (max-width: 767px) {
    .PaymentsSubscriptionTypeOffer__hiddenBlock {
      display: none; } }

.PaymentsSubscriptionTypeOffer__megafonButton {
  display: block;
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 56px;
  margin: 8px auto 0;
  padding-left: 73px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  background-repeat: no-repeat;
  background-position: 18px 50%;
  background-image: url(./i/megafon_fda23a07.svg);
  cursor: pointer; }

.PaymentsSubscriptionTypeOffer__mtsButton {
  display: block;
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 56px;
  margin: 8px auto 0;
  padding-left: 54px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  background-repeat: no-repeat;
  background-position: 10% 50%;
  background-image: url(./i/mts_ecb6d29b.svg);
  cursor: pointer; }

.PaymentsSubscriptionTypeOffer__popoverTextContainer {
  align-items: center;
  margin: 12px 0 16px; }

.PaymentsSubscriptionTypeOffer__dashedText {
  display: flex; }

.PaymentsSubscriptionTypeOffer__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.PaymentsSubscriptionTypeOffer__trialButtonContainer {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  .PaymentsSubscriptionTypeOffer__trialButtonContainer .TrialButton__popoverTextContainer {
    padding-top: 8px;
    max-width: 256px; }

.PaymentsPromoCodeRedeemForm__inputCode {
  background: #ffffff;
  border: 1px solid #cecece;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.33em;
  color: #7c7f84;
  text-align: left; }

.PaymentsPromoCodeDeactivateForm__discountInfo {
  display: flex;
  align-items: center;
  margin-top: 8px; }

.PaymentsPromoCodeDeactivateForm__discountImage {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./i/discount_fbff6aac.svg); }

.PaymentsPromoCode__redeemCodeTitle {
  display: flex;
  cursor: pointer;
  justify-content: space-between; }

.PaymentsPromoCode__redeemCodeArrow {
  width: 12px;
  height: 12px;
  margin-top: 8px;
  padding: 0;
  border-right: 2px solid #be5b04;
  border-bottom: 2px solid #be5b04;
  transition: all 0.2s;
  transform: rotate(-45deg); }
  .PaymentsPromoCode__redeemCodeArrow.isExpanded {
    transform: rotate(45deg); }

.PaymentsCheckoutSmsForm__phone {
  padding: 16px 8px;
  background: #f6f6f6;
  border-radius: 12px; }

.PaymentsCheckoutSmsForm__phoneForm {
  display: block;
  max-width: 248px;
  margin: 0 auto; }
  .PaymentsCheckoutSmsForm__phoneForm.isHidden {
    display: none; }

.PaymentsCheckoutSmsForm__input {
  background: #ffffff; }

.PaymentsCheckoutSmsForm__inputLabel {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29em;
  color: #252628; }

.PaymentsCheckoutSmsForm__note {
  font-size: 14px;
  line-height: 1.43;
  color: #393f45; }

.PaymentsCheckoutSmsForm__pending {
  padding-top: 8px;
  max-width: 256px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.43em;
  text-align: center;
  color: #393f45; }

.PaymentsCheckoutSmsForm__warning {
  margin-top: 16px;
  padding: 12px 20px;
  background: #fae5e8;
  border-radius: 12px; }

.PaymentsCheckoutSmsForm__warningText {
  font-size: 14px;
  line-height: 1.43em;
  text-align: left;
  color: #393f45; }

.PaymentsCheckoutSmsForm__authForm {
  margin-top: 16px;
  padding: 4px 8px 12px;
  border-radius: 12px;
  background: #f6f6f6; }

.PaymentsCheckoutCardForm__button {
  max-width: 248px; }

.PaymentsCheckoutCardForm__authForm {
  margin-top: 16px;
  padding: 4px 8px 12px;
  border-radius: 12px;
  background: #f6f6f6; }

.PaymentsCheckoutPaypalForm__button {
  max-width: 248px; }

.PaymentsCheckoutPaypalForm__authForm {
  margin-top: 16px;
  padding: 4px 8px 12px;
  border-radius: 12px;
  background: #f6f6f6; }

.PaymentsCheckoutMTSForm__button {
  max-width: 248px; }

.PaymentsCheckoutMTSForm__authForm {
  margin-top: 16px;
  padding: 4px 8px 12px;
  border-radius: 12px;
  background: #f6f6f6; }

.PaymentsCheckoutForm__priceSection {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ececec; }

.PaymentsCheckoutForm__subscriptionType {
  width: 60%;
  font-size: 14px;
  line-height: 1.43em;
  color: #393f45; }

.PaymentsCheckoutForm__advertPrice {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  color: #393f45; }

.PaymentsCheckoutForm__total {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29em;
  text-align: left;
  color: #393f45; }

.PaymentsCheckoutForm__totalPrice {
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25em;
  color: #393f45; }

.PaymentsCheckoutForm__errorBlock {
  padding: 16px;
  background: #FAE5E8;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin: 0 -16px;
  color: #FF0000;
  margin-top: 10px; }
  .PaymentsCheckoutForm__errorBlock a {
    color: #BE5B04; }

.PaymentsCheckoutForm__description {
  font-size: 14px;
  line-height: 1.43em;
  text-align: left;
  color: #7c7f84; }
  .PaymentsCheckoutForm__description a {
    cursor: hover;
    color: #be5b04;
    text-decoration: underline; }

.PaymentsCheckoutForm__discountIcon {
  margin-right: 8px;
  padding-top: 2px; }

.PaymentsCheckoutForm__discount {
  display: flex;
  margin-top: 16px; }
  .PaymentsCheckoutForm__discount small {
    color: #393f45; }

.PaymentsCheckoutForm__maxDiscount {
  margin-top: 16px;
  color: #393f45; }

@media (min-width: 767px) {
  .PaymentsCheckoutForm__container {
    padding-left: 40px;
    padding-right: 40px; } }

.PaymentsSubscription__subscriptionsList {
  max-width: 652px;
  margin: 0 auto; }

.PaymentsSubscription__paymentTypesBilletContainer {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 0;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff; }

.PaymentsSubscription__paymentTypesTitleContainer {
  padding: 0 16px; }

.PaymentsSubscription__options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 16px;
  border-radius: 12px; }

.PaymentsSubscription__radio {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 72px;
  margin: 8px auto; }

.PaymentsSubscription__radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px; }

.PaymentsSubscription__radioText {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px 12px 8px 44px;
  margin-top: 12px;
  border-radius: 12px;
  border: 1px solid #d6d6d6;
  cursor: pointer; }
  .PaymentsSubscription__radioText::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #ececec;
    border-radius: 50%;
    background: #d6d6d6; }
  .PaymentsSubscription__radioText::after {
    content: "";
    position: absolute;
    top: 29px;
    left: 17px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 5px solid #fec41f;
    background: #ffffff;
    opacity: 0;
    transition: 0.1s; }

.PaymentsSubscription__radio input:checked + .PaymentsSubscription__radioText:after {
  opacity: 1; }

.PaymentsSubscription__radio input:checked + .PaymentsSubscription__radioText {
  background: #fffbf1;
  border-color: #fec41f; }

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

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

.PaymentsSubscription__disabledRadio {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 72px;
  margin: 8px auto; }

.PaymentsSubscription__disabledRadio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px; }

.PaymentsSubscription__disabledRadioText {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px 12px 8px 44px;
  margin-top: 12px;
  border-radius: 12px;
  border: 1px solid #d6d6d6;
  cursor: default; }
  .PaymentsSubscription__disabledRadioText::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #ececec;
    border-radius: 50%;
    background: #d6d6d6; }
  .PaymentsSubscription__disabledRadioText::after {
    content: "";
    position: absolute;
    top: 29px;
    left: 17px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 5px solid #fec41f;
    background: #ffffff;
    opacity: 0;
    transition: 0.1s; }

.PaymentsSubscription__disabledRadio input:checked + .PaymentsSubscription__disabledRadioText:after {
  opacity: 1; }

.PaymentsSubscription__disabledRadio input:checked + .PaymentsSubscription__disabledRadioText {
  background: #fffbf1;
  border-color: #fec41f; }

.PaymentsSubscription__months {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  color: #393f45; }

.PaymentsSubscription__disabledMonths {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  color: #bebebe; }

.PaymentsSubscription__advertPrice {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: left;
  color: #252628; }

.PaymentsSubscription__disabledAdvertPrice {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: left;
  color: #7c7f84; }

.PaymentsSubscription__price {
  margin-left: 8px;
  color: #7c7f84; }

.PaymentsSubscription__disabledPrice {
  margin-left: 8px;
  color: #7c7f84; }

.PaymentsSubscription__cardIcon, .PaymentsSubscription__yandexIcon, .PaymentsSubscription__paypalIcon, .PaymentsSubscription__mtsIcon {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain; }

.PaymentsSubscription__cardIcon {
  width: 185px;
  height: 33px;
  background-image: url(./i/cards_34ea6563.svg); }

.PaymentsSubscription__yandexIcon {
  width: 110px;
  height: 21px;
  background-image: url(./i/yandex-money_e4079d6e.svg); }

.PaymentsSubscription__paypalIcon {
  width: 81px;
  height: 24px;
  background-image: url(./i/paypal_b0b9e944.svg); }

.PaymentsSubscription__mtsIcon {
  width: 68px;
  height: 18px;
  background-image: url(./i/mts_e3524725.svg); }

.PaymentsSubscription__phoneMethodTitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  color: #252628; }

.PaymentsSubscription__phoneMethodDescription {
  font-size: 14px;
  line-height: 1.43em;
  text-align: center;
  color: #7c7f84; }

.PaymentsSubscription__methodsInfo {
  margin-bottom: 0;
  padding: 0 16px;
  font-size: 14px;
  line-height: 1.43em;
  text-align: left;
  color: #7c7f84; }
  .PaymentsSubscription__methodsInfoMTS {
    padding: 16px;
    color: black;
    background-color: #FDF1C6; }

.PaymentsSubscription__discountIcon {
  position: absolute;
  top: 0;
  right: -1px;
  width: 52px;
  height: 52px;
  padding: 5px;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  background: linear-gradient(to top right, transparent 50%, #fec41f 50%);
  border-top-right-radius: 12px; }

.PaymentsSubscription__disabledDiscountIcon {
  position: absolute;
  top: 0;
  right: -1px;
  width: 52px;
  height: 52px;
  padding: 5px;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  background: linear-gradient(to top right, transparent 50%, #fec41f 50%);
  border-top-right-radius: 12px; }

@media (min-width: 767px) {
  .PaymentsSubscription__radioLabel, .PaymentsSubscription__disabledRadioLabel {
    width: 49%; }
  .PaymentsSubscription__container {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 767px) {
  .PaymentsFAQ__subscriptionFaq {
    justify-content: space-between;
    flex-direction: row;
    margin-top: 12px; }
  .PaymentsFAQ__faqColumns {
    -moz-column-count: 2;
         column-count: 2; }
    .PaymentsFAQ__faqColumns h3 {
      margin-top: 0; }
    .PaymentsFAQ__faqColumns p {
      -moz-column-break-inside: avoid;
           break-inside: avoid-column; } }

.PaymentsView__loader {
  padding-top: 24px; }

.PaymentsView__section {
  max-width: 748px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .PaymentsView__section {
      margin: 0 16px; } }

.PaymentsView__payFAQ {
  margin-top: 16px; }

.PaymentsView__subscriptionList {
  position: relative;
  padding-bottom: 16px;
  background: linear-gradient(45deg, #fb9e4a, #fad961);
  overflow: hidden; }
  .PaymentsView__subscriptionListContainer {
    max-width: 752px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .PaymentsView__subscriptionListContainer {
        padding: 0 16px; } }
  .PaymentsView__subscriptionListTitle {
    position: relative;
    z-index: 2;
    padding: 22px 0 12px;
    text-align: center; }

.PaymentsView__subscriptionTitle {
  position: relative;
  z-index: 2;
  max-width: 1024px;
  margin: 0 auto;
  text-align: left; }

.PaymentsView__subscriptionTypes {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media (max-width: 767px) {
    .PaymentsView__subscriptionTypes {
      margin: 0 auto;
      max-width: 748px;
      flex-direction: column; } }

.PaymentsView__subscriptionType {
  position: relative;
  z-index: 2;
  width: calc(50% - 16px);
  max-width: 358px; }
  .PaymentsView__subscriptionType:first-of-type {
    margin-right: 32px; }
  @media (max-width: 767px) {
    .PaymentsView__subscriptionType {
      width: 100%;
      max-width: 100%; }
      .PaymentsView__subscriptionType:first-of-type {
        order: 2; } }

.PaymentsView__description {
  margin: 8px 0 20px;
  font-size: 16px;
  line-height: 1.5em;
  color: #393f45;
  z-index: 1; }

.PaymentsView__navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer; }

.PaymentsView__navigationTitle {
  font-size: 16px;
  line-height: 1.5em;
  color: #be5b04; }

.PaymentsView__paymentsSubscription {
  padding: 16px;
  background: #f6f6f6; }

.PaymentsView__navigationArrow {
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
  border: 9px solid transparent;
  border-top-color: #be5b04;
  transform: rotate(180deg); }
  .PaymentsView__navigationArrow::before {
    content: "";
    width: 0px;
    height: 0px;
    display: inline-block;
    border: 8px solid transparent;
    border-top-color: #ffffff;
    transform: translate(-8px, -12px); }

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

.PaymentsView__promoCampaign {
  background: #FFE5EF;
  position: relative;
  z-index: 2;
  text-align: center;
  color: #252628;
  font-weight: 400;
  font-size: 14px; }
  .PaymentsView__promoCampaign article {
    padding: 14px 16px;
    max-width: 740px;
    margin: 0 auto; }
  .PaymentsView__promoCampaign h2 {
    font-weight: 600;
    font-size: 16px; }

.PaymentsView__promoBackgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .PaymentsView__promoBackgroundImage img {
    max-width: 120%;
    width: 120%;
    height: 100%;
    -webkit-filter: blur(10px);
            filter: blur(10px); }

@media (min-width: 767px) {
  .PaymentsView__container {
    height: 344px; }
  .PaymentsView__subscriptionLabel {
    top: auto;
    right: -82px;
    bottom: 0; }
  .PaymentsView__subscriptionIcon {
    width: 312px;
    height: 312px; } }

.CopyToClipboard__copyContent {
  cursor: pointer; }

.PaymentStatusView__backgroundImage {
  position: relative;
  min-height: 100px; }
  .PaymentStatusView__backgroundImage::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%; }

.PaymentStatusView__container {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 600px;
  width: 100%;
  margin: 24px auto 126px;
  padding: 0 16px;
  text-align: center; }

.PaymentStatusView__contentContainer {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 600px;
  width: 100%;
  margin: 24px auto 0;
  padding: 0 16px;
  text-align: center; }

.PaymentStatusView__oldPremiumWarning {
  width: 288px;
  margin: 0 auto;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .PaymentStatusView__oldPremiumWarning {
      width: 353px; } }

.PaymentStatusView__oldPremiumWarningContainer {
  background: #fefbf2;
  border: 1px solid #f6c54a;
  border-radius: 12px;
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px; }

.PaymentStatusView__oldPremiumIcon {
  display: block;
  width: 45px;
  height: 25px;
  background-image: url(./i/headphones_9bbc964c.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 16px; }

.PaymentStatusView__oldPremiumText {
  text-align: left; }

.PaymentStatusView__oldPremiumTextItem {
  font-size: 14px;
  line-height: 18px; }
  .PaymentStatusView__oldPremiumTextItem:first-child {
    margin-bottom: 8px; }

.PaymentStatusView__subscriptionIcon {
  display: block;
  width: 105px;
  height: 105px;
  margin: 0 auto; }

.PaymentStatusView__note {
  font-size: 12px; }

.PaymentStatusView__errorIcon {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(./i/sad_92d26a76.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 20px auto; }

.PaymentStatusView__appButton {
  max-width: 320px;
  margin: 0 auto; }

.PaymentStatusView__giftContainer {
  text-align: left; }

.PaymentStatusView__giftCode {
  display: inline-block;
  padding: 8px 16px;
  background: #f6f6f6;
  border-radius: 8px;
  color: #393f45;
  line-height: 1;
  transition: background-color 0.5s;
  margin-bottom: 16px;
  width: 100%; }
  .PaymentStatusView__giftCode.isCopied {
    background-color: #bcec87; }

.PaymentStatusView__giftHeader {
  text-align: left; }

.PaymentStatusView__appButtonContainer {
  margin-top: 16px; }

.PaymentStatusView__paymentTitle {
  text-align: center; }

.PaymentStatusView__trialPaymentButton {
  max-width: 256px; }

.PaymentStatusView__trialSuccessButton {
  margin-top: 16px; }

.PaymentStatusView__spinnerContainer {
  margin-top: 16px; }

.PaymentStatusView__trialFailedContainer {
  margin-top: 16px;
  text-align: center; }

.PaymentStatusView__trialFailedText {
  margin-bottom: 20px; }

.PaymentStatusView__trialFailedPicture {
  width: 288px;
  height: 153px;
  margin: 16px auto 0;
  background-image: url(./i/owl_e70b8570.svg);
  background-size: contain;
  background-repeat: no-repeat; }

.PaymentStatusView__trialSuccessInfo {
  display: block;
  margin-top: 16px;
  color: #393f45; }

.PaymentStatusView__trialActiveTill {
  margin-top: 20px; }

.PaymentStatusView__changePassword {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 24px; }
  .PaymentStatusView__changePasswordLink {
    display: flex;
    justify-content: center;
    color: #be5b04;
    font-size: 16px; }
  .PaymentStatusView__changePasswordImage {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./i/lock_74a7ef8d.svg); }
  .PaymentStatusView__changePasswordTitle {
    width: 288px;
    margin-top: 24px;
    font-size: 12px;
    color: #393f45; }

.PaymentStatusView__giftBox {
  margin: 24px auto 0;
  max-width: 352px; }

.PaymentStatusView__promocodeBox {
  background: #fefbf2;
  border: 1px solid #f6c54a;
  border-radius: 12px;
  padding: 16px;
  text-align: left;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  color: #000000; }
  .PaymentStatusView__promocodeBoxEmoji {
    font-size: 32px;
    margin: auto; }
  .PaymentStatusView__promocodeBoxText {
    padding-left: 16px; }

.PaymentStatusView__buttonBox {
  margin-top: 24px; }
  .PaymentStatusView__buttonBox a:not(:first-child) {
    margin-top: 16px; }

.PaymentStatusView__successMtsPaymentText {
  width: 100vw;
  padding: 16px 0;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  background-color: #ffffff; }

.PaymentStatusView__senderSpan {
  font-size: 16px;
  line-height: 24px; }

.PaymentStatusView__giftCodeBox {
  background: #ffffff;
  border-radius: 8px;
  margin-top: 20px;
  padding: 8px;
  text-align: center;
  font-size: 16px;
  line-height: 24px; }
  .PaymentStatusView__giftCodeBox.isCopied {
    background-color: #bcec87; }

.PaymentStatusView__giftInfo {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px; }

.PaymentStatusView__giftInfoOne {
  margin-top: 28px; }

@media (min-width: 768px) {
  .PaymentStatusView__giftAppButton {
    margin-top: 52px; } }

.BookRentPaymentStatus__bookRentPaymentStatus {
  min-width: 288px;
  max-width: 608px;
  width: 100%;
  margin-top: 16px;
  border-radius: 12px;
  background-color: #ffffff; }

.BookRentPaymentStatus__successImage {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #7ed321;
  background-image: url(./i/success_8905ee84.svg); }
  @media (max-width: 414px) {
    .BookRentPaymentStatus__successImage {
      position: absolute;
      right: 32px; } }

.BookRentPaymentStatus__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #d6d6d6; }
  .BookRentPaymentStatus__headerText {
    margin-bottom: 8px;
    font-size: 16px; }
    @media (max-width: 414px) {
      .BookRentPaymentStatus__headerText {
        max-width: calc(100% - 48px); } }
  .BookRentPaymentStatus__headerTitle {
    line-height: 20px;
    font-size: 14px; }
    @media (max-width: 414px) {
      .BookRentPaymentStatus__headerTitle {
        max-width: calc(100% - 48px); } }
  @media (max-width: 414px) {
    .BookRentPaymentStatus__header {
      align-items: unset; } }

.BookRentPaymentStatus__mobileTitleText {
  display: none; }
  @media (max-width: 414px) {
    .BookRentPaymentStatus__mobileTitleText {
      display: unset; } }

.BookRentPaymentStatus__linkContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0; }

.BookRentPaymentStatus__arrow {
  margin: -1px 0 0 4px; }

.PaymentRentStatusView__paymentRentStatus {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px; }

.SubscriptionActiveTill__subscriptionActiveTill {
  font-size: 14px;
  line-height: 1.5em;
  padding: 16px 16px 0;
  font-weight: 700;
  color: #393f45; }

.SubscriptionActiveTill__activeSubscription {
  display: flex;
  align-items: center;
  background-color: #f2fae8;
  padding: 16px; }
  .SubscriptionActiveTill__activeSubscription::before {
    content: "";
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: url(./i/roundedCheck_400d54f1.svg) center center no-repeat; }

.SubscriptionActiveTill__outdatedSubscription {
  background-color: #ffffff; }

.SubscriptionTypeTitle__subscriptionType {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .SubscriptionTypeTitle__subscriptionType.themeStandard {
    background-image: linear-gradient(to right, #dbeaff 0, #f3f8ff 100%); }
  .SubscriptionTypeTitle__subscriptionType.themePremium {
    background-image: linear-gradient(to right, #ffe790 0, #fdf1c6 100%); }
  .SubscriptionTypeTitle__subscriptionTypeTitle {
    width: 50%; }
  .SubscriptionTypeTitle__subscriptionTypeIcon {
    position: relative;
    width: 25%;
    text-align: right; }
    .SubscriptionTypeTitle__subscriptionTypeIconImage {
      width: 80px;
      height: 80px; }
    .SubscriptionTypeTitle__subscriptionTypeIconGift {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      background: url(./i/gift_b40cac03.svg) center center no-repeat; }
    @media (min-width: 767px) {
      .SubscriptionTypeTitle__subscriptionTypeIconImage {
        width: 56px;
        height: 56px; }
      .SubscriptionTypeTitle__subscriptionTypeIconGift {
        width: 24px;
        height: 24px; } }

.SubscriptionTypeTitle__ribbonContainer {
  position: relative;
  top: -70px;
  right: -12px; }
  @media (max-width: 767px) {
    .SubscriptionTypeTitle__ribbonContainer {
      top: -94px;
      right: -15px; } }

.PaymentMethodIcon__paymentMethodIcon {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  background: center center no-repeat;
  margin: 0 0 0 auto; }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__credit_cardMethodIcon {
    background-image: url(./i/credit_card_e9f5767e.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__paypalMethodIcon {
    background-image: url(./i/paypal_93dd7f31.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__yandexmoneyMethodIcon {
    background-image: url(./i/yandexmoney_47fc3182.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__smsMethodIcon {
    background-image: url(./i/sms_a7f4ae0d.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__google-playMethodIcon {
    background-image: url(./i/google-play_4e62bae4.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__itunesMethodIcon {
    top: -3px;
    background-image: url(./i/itunes_c7c3240e.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__giftMethodIcon {
    background-image: url(./i/gift_b40cac03.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__mtsMethodIcon {
    width: 48px;
    background-size: contain;
    background-image: url(./i/mts_981491f0.svg); }
  .PaymentMethodIcon__paymentMethodIcon.PaymentMethodIcon__megafonMethodIcon {
    width: 78px;
    background-size: contain;
    background-image: url(./i/megafon_a1f1f763.svg); }

.TableListItem__tableListItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #393f45;
  font-size: 14px;
  line-height: 1.5em; }
  .TableListItem__tableListItem:not(:last-child) {
    border-bottom: 1px solid #d2dae5; }
  .TableListItem__tableListItem > * {
    order: 6; }
  .TableListItem__tableListItem:not(.TableListItem__faq) > * {
    width: 50%; }

.TableListItem__link {
  position: relative;
  padding-right: 16px;
  font-size: 16px; }
  .TableListItem__link::before, .TableListItem__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3px;
    width: 9px;
    height: 2px;
    background-color: currentColor;
    border-radius: 8px; }
  .TableListItem__link::before {
    margin-top: -3px;
    transform: rotate(45deg); }
  .TableListItem__link::after {
    margin-top: 2px;
    transform: rotate(135deg); }

.TableListItem__title {
  display: flex;
  align-items: center;
  order: 1;
  width: 100%;
  font-weight: 600; }

.TableListItem__icon {
  order: 3;
  width: auto; }
  @media (min-width: 767px) {
    .TableListItem__icon {
      display: flex;
      order: 3;
      margin-left: 4px;
      width: 50%;
      justify-content: flex-end; } }

.TableListItem__icon + .TableListItem__title {
  width: 100%; }

.TableListItem__content {
  line-height: 32px;
  order: 2;
  width: 25% !important; }
  @media (min-width: 767px) {
    .TableListItem__content {
      flex-grow: 1;
      order: 2;
      width: auto; } }

.TableListItem__icon:first-child + .TableListItem__content {
  order: 2;
  width: auto; }
  @media (min-width: 767px) {
    .TableListItem__icon:first-child + .TableListItem__content {
      text-align: left; } }

.UserSubscriptionListSubscriptionData__subscriptionStatus {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5em; }

.UserSubscriptionListSubscriptionData__container {
  margin-top: 30px;
  margin-bottom: 16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden; }

.UserSubscriptionListSubscriptionData__billetContainerContent {
  background: #ffffff; }

.UserSubscriptionListSubscriptionData__walletItem {
  padding: 16px; }

.UserSubscriptionListSubscriptionData__availableContent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border-bottom: 1px solid #d6d6d6; }
  .UserSubscriptionListSubscriptionData__availableContent:last-child {
    border-bottom: 0; }
  @media (max-width: 767px) {
    .UserSubscriptionListSubscriptionData__availableContent {
      height: unset;
      padding: 16px; } }

.UserSubscriptionListSubscriptionData__availableTypeBooks, .UserSubscriptionListSubscriptionData__availableTypeAudioBooks {
  padding-left: 20px;
  background-repeat: no-repeat; }

.UserSubscriptionListSubscriptionData__availableContentTitle {
  font-weight: 600;
  color: #393f45; }

.UserSubscriptionListSubscriptionData__availableType {
  display: flex;
  font-size: 14px;
  color: #383434; }
  .UserSubscriptionListSubscriptionData__availableTypeBooks {
    background-position: 0 4px;
    background-image: url(./i/book_95a96fbd.svg); }
  .UserSubscriptionListSubscriptionData__availableTypeAudioBooks {
    margin-left: 24px;
    background-position: 0 50%;
    background-image: url(./i/head-phones_0761e9bb.svg); }
  @media (max-width: 767px) {
    .UserSubscriptionListSubscriptionData__availableType {
      width: 100%;
      margin-top: 8px; } }

.UserSubscriptionListView__autoRebillingNote {
  padding-left: 24px; }
  .UserSubscriptionListView__autoRebillingNote > *:first-child {
    position: relative; }
    .UserSubscriptionListView__autoRebillingNote > *:first-child::before {
      content: "*";
      position: absolute;
      top: 0;
      left: -16px; }

.UserSubscriptionListView__emptySubscriptionList {
  min-height: 456px;
  background-image: url(./i/emptySubscriptionList_51ecdd3e.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .UserSubscriptionListView__emptySubscriptionListLinks {
    padding: 16px 0; }
  .UserSubscriptionListView__emptySubscriptionListLink {
    width: auto; }

.UserSubscriptionListView__blockWrapper {
  max-width: 1136px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (min-width: 767px) {
    .UserSubscriptionListView__blockWrapper {
      min-width: 768px;
      padding: 0 112px; } }
  @media (min-width: 1023px) {
    .UserSubscriptionListView__blockWrapper {
      padding: 0 16px; } }

.FaqIndexSection__questionListExpander {
  cursor: pointer;
  margin-bottom: 0 !important; }

.FaqIndexSection__billetContainerContent {
  padding: 8px 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #ffffff; }

.FaqIndexSection__faqItem {
  margin-bottom: 16px; }

.FaqQuestionView__sectionHeader {
  padding: 16px 0; }

.FaqQuestionView__billetContainer {
  position: relative;
  margin-bottom: 16px;
  padding: 8px 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff; }

.LoginView__description {
  margin: 4px 0 12px; }

.LoginView__container {
  margin-bottom: 0 !important; }

.LoginView__iconContainer {
  display: flex;
  margin-top: 16px; }

.LoginView__phonesIcon {
  display: inline-block;
  margin-right: 14px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.LoginView__phonesIcon {
  min-width: 21px;
  height: 22px;
  background-image: url(./i/phones_83c2721b.svg); }

.UnsubscribeView__container {
  max-width: 356px;
  margin: 0 auto; }

.UnsubscribeView__title {
  max-width: 540px;
  margin: 0 auto 24px;
  text-align: center; }

.UnsubscribeView__warn,
.UnsubscribeView__regret {
  text-align: center; }

.UnsubscribeView__email {
  margin: 24px auto 20px;
  text-align: center;
  color: #7c7f84; }

.UnsubscribeView__button {
  max-width: 324px; }

.UnsubscribeView__check {
  width: 32px;
  height: 32px;
  margin: 24px auto 16px;
  background: url(./i/roundedCheck_400d54f1.svg) center center no-repeat; }

.UnsubscribeView__description {
  text-align: center; }

.UnsubscribeView__titleForUbsubscribed {
  margin-top: 16px;
  font-size: 18px;
  text-align: center; }

.UnsubscribeView__descriptionForUbsubscribed {
  margin-top: 16px;
  text-align: center; }

.BookReviewListView__container {
  max-width: 1136px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 16px; }
  @media (max-width: 1023px) {
    .BookReviewListView__container {
      max-width: 686px; } }
  @media (max-width: 767px) {
    .BookReviewListView__container {
      max-width: 642px; } }

.BookReviewListView__content {
  margin-top: 16px;
  padding: 16px 16px 0px;
  border-radius: 12px;
  background-color: #ffffff;
  overflow: hidden; }

.BookReviewListView__reviewCount {
  color: #393f45;
  font-size: 14px; }

.BookReviewListView__title {
  padding-bottom: 16px; }

.BookReviewListView__count {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }

.BookReviewCitationHeader__container {
  padding-top: 16px; }

.BookCitationListView__reviewCount {
  color: #393f45;
  font-size: 14px; }

.BookCitationListView__title {
  padding-bottom: 16px; }

.BookCitationListView__container {
  border-radius: 12px;
  background-color: #ffffff;
  padding: 16px 0;
  margin-top: 16px; }

.BookCitationListView__bookCardHeaderContainer {
  margin-bottom: 16px; }

.BookCitationListView__count {
  color: #7c7f84;
  font-size: 14px;
  margin-bottom: 16px; }

.BookCitationListView__citationContainer {
  margin-bottom: 24px;
  padding-top: 16px; }

.BookCitationPageView__citation {
  margin-top: 16px; }

.TrialCardHeaderItem__headerItem {
  display: flex;
  align-items: start;
  min-width: 240px;
  max-width: 50%;
  padding-right: 70px;
  margin-bottom: 32px; }
  @media screen and (max-width: 1023px) {
    .TrialCardHeaderItem__headerItem {
      max-width: 100%;
      padding-right: 80px; } }
  @media screen and (max-width: 767px) {
    .TrialCardHeaderItem__headerItem {
      align-items: center;
      width: 100%;
      padding-right: 0; } }
  .TrialCardHeaderItem__headerItemTitle {
    font-size: 16px;
    line-height: 1.5; }

.TrialCardBillingInfo__billingInfo {
  display: flex;
  max-width: 216px;
  margin-right: 16px; }
  .TrialCardBillingInfo__billingInfo:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .TrialCardBillingInfo__billingInfo {
      width: 100%;
      max-width: 100%;
      margin-bottom: 16px; } }

.TrialCardBillingInfo__billingInfoTitle {
  width: 100%;
  font-size: 12px;
  color: #7c7f84; }

.WeekTrialView__offerPage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  max-width: 768px;
  padding: 0 16px;
  color: #252628; }
  @media screen and (max-width: 1023px) {
    .WeekTrialView__offerPage {
      overflow: hidden;
      width: 100%; } }

.WeekTrialView__header {
  margin-bottom: 8px;
  align-self: flex-start;
  text-align: center; }
  @media screen and (min-width: 1023px) {
    .WeekTrialView__header {
      width: 780px; } }

.WeekTrialView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84; }

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

.WeekTrialView__title {
  display: flex; }
  @media screen and (max-width: 767px) {
    .WeekTrialView__title {
      flex-direction: column; } }

.WeekTrialView__form {
  width: 100%;
  color: #393f45; }

.WeekTrialView__backgroundImage {
  width: 100%;
  min-width: 1024px;
  height: 435px;
  margin-top: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(./i/trialBackground_f05a5d0e.svg); }
  @media screen and (max-width: 1023px) {
    .WeekTrialView__backgroundImage {
      align-self: flex-start;
      margin-top: 24px; } }

.WeekTrialView__backgroundImageContainer {
  position: relative;
  top: 40px;
  width: 100%;
  overflow: hidden; }

.WeekTrialView__billingInfoContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    .WeekTrialView__billingInfoContainer {
      flex-direction: column; } }

.WeekTrialView__subscriptionAlert {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 127px;
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff; }
  .WeekTrialView__subscriptionAlertImage {
    width: 100%;
    height: 32px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(./i/attention_d037b502.svg); }
  .WeekTrialView__subscriptionAlertTitle {
    width: 256px;
    font-size: 16px;
    text-align: center;
    color: #393f45; }

.WeekTrialView__steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.WeekTrialView__stepsProgress {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #be5b04;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }

.WeekTrialView__stepsProgressSecond {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #be5b04;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }

.WeekTrialView__progressLabel {
  transform: rotate(-45deg);
  color: #be5b04;
  font-weight: 600;
  font-size: 20px; }

.WeekTrialView__stepsHeading {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
  text-align: center; }

.WeekTrialView__stepsSubheading {
  color: #7c7f84;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
  padding: 0 10px; }

.WeekTrialView__wordWrap {
  display: none; }
  @media screen and (max-width: 414px) {
    .WeekTrialView__wordWrap {
      display: block; } }

.WeekTrialView__calendarIcon, .WeekTrialView__proSubscriptionIcon, .WeekTrialView__noComissionIcon, .WeekTrialView__lockIcon, .WeekTrialView__applyIcon {
  display: inline-block;
  margin-right: 32px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  @media screen and (max-width: 1023px) {
    .WeekTrialView__calendarIcon, .WeekTrialView__proSubscriptionIcon, .WeekTrialView__noComissionIcon, .WeekTrialView__lockIcon, .WeekTrialView__applyIcon {
      margin-right: 24px; } }

.WeekTrialView__calendarIcon {
  min-width: 40px;
  height: 40px;
  background-image: url(./i/calendar_1ec1ca4d.svg); }

.WeekTrialView__proSubscriptionIcon {
  min-width: 40px;
  height: 40px;
  margin-right: 20px;
  background-image: url(./i/proSubscription_6226dc51.svg); }

.WeekTrialView__noComissionIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 6px;
  background-image: url(./i/no-comission_8b07e973.svg); }

.WeekTrialView__lockIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/lock_ddc472cb.svg); }

.WeekTrialView__applyIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/apply_84a00eb2.svg); }

.WeekTrialView__noteSymbol {
  color: #e44b03; }

.WeekTrialView__trialFormContainer {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (max-width: 1023px) {
    .WeekTrialView__trialFormContainer {
      width: 50%;
      min-height: 275px; } }
  @media screen and (max-width: 767px) {
    .WeekTrialView__trialFormContainer {
      width: 100%;
      margin-bottom: 24px; } }

.TrialMtsHeaderItem__headerItem {
  display: flex;
  align-items: start;
  min-width: 240px;
  max-width: 50%;
  padding-right: 70px;
  margin-bottom: 32px; }
  @media screen and (max-width: 1023px) {
    .TrialMtsHeaderItem__headerItem {
      max-width: 100%;
      padding-right: 80px; } }
  @media screen and (max-width: 767px) {
    .TrialMtsHeaderItem__headerItem {
      align-items: center;
      justify-content: center;
      width: 100%;
      padding-right: 0; } }
  .TrialMtsHeaderItem__headerItemTitle {
    max-width: 420px;
    font-size: 16px;
    line-height: 1.5; }

.TrialMtsView__offerPage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  max-width: 768px;
  padding: 0 16px;
  color: #252628; }
  @media screen and (max-width: 1023px) {
    .TrialMtsView__offerPage {
      overflow: hidden;
      width: 100%; } }

.TrialMtsView__header {
  margin-bottom: 8px;
  align-self: flex-start; }
  @media screen and (min-width: 1023px) {
    .TrialMtsView__header {
      width: 780px; } }

.TrialMtsView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84; }

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

.TrialMtsView__title {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .TrialMtsView__title {
      flex-direction: column; } }

.TrialMtsView__form {
  width: 100%;
  color: #393f45; }

.TrialMtsView__backgroundImage {
  width: 100%;
  min-width: 1024px;
  height: 435px;
  margin-top: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(./i/trialBackground_f05a5d0e.svg); }
  @media screen and (max-width: 1023px) {
    .TrialMtsView__backgroundImage {
      align-self: flex-start;
      margin-top: 24px; } }

.TrialMtsView__backgroundImageContainer {
  position: relative;
  top: 40px;
  width: 100%;
  overflow: hidden; }

.TrialMtsView__billingInfoContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    .TrialMtsView__billingInfoContainer {
      flex-direction: column; } }

.TrialMtsView__subscriptionAlert {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff; }
  .TrialMtsView__subscriptionAlertImage {
    width: 100%;
    height: 32px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(./i/attention_d037b502.svg); }
  .TrialMtsView__subscriptionAlertTitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #393f45; }

.TrialMtsView__steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.TrialMtsView__stepsProgress {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #be5b04;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }

.TrialMtsView__stepsProgressSecond {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #be5b04;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }

.TrialMtsView__progressLabel {
  transform: rotate(-45deg);
  color: #be5b04;
  font-weight: 600;
  font-size: 20px; }

.TrialMtsView__stepsHeading {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
  text-align: center; }

.TrialMtsView__stepsSubheading {
  color: #7c7f84;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
  padding: 0 10px; }

.TrialMtsView__wordWrap {
  display: block; }
  @media screen and (max-width: 767px) {
    .TrialMtsView__wordWrap {
      display: none; } }

.TrialMtsView__calendarIcon, .TrialMtsView__proSubscriptionIcon, .TrialMtsView__noComissionIcon, .TrialMtsView__lockIcon, .TrialMtsView__applyIcon {
  display: inline-block;
  margin-right: 32px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  @media screen and (max-width: 1023px) {
    .TrialMtsView__calendarIcon, .TrialMtsView__proSubscriptionIcon, .TrialMtsView__noComissionIcon, .TrialMtsView__lockIcon, .TrialMtsView__applyIcon {
      margin-right: 24px; } }

.TrialMtsView__calendarIcon {
  min-width: 40px;
  height: 40px;
  background-image: url(./i/calendar_1ec1ca4d.svg); }
  @media screen and (max-width: 414px) {
    .TrialMtsView__calendarIcon {
      margin-right: 16px; } }

.TrialMtsView__proSubscriptionIcon {
  min-width: 40px;
  height: 40px;
  margin-right: 20px;
  background-image: url(./i/proSubscription_6226dc51.svg); }
  @media screen and (max-width: 414px) {
    .TrialMtsView__proSubscriptionIcon {
      margin-right: 16px; } }

.TrialMtsView__noComissionIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 6px;
  background-image: url(./i/no-comission_8b07e973.svg); }

.TrialMtsView__lockIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/lock_ddc472cb.svg); }

.TrialMtsView__applyIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/apply_84a00eb2.svg); }

.TrialMtsView__noteSymbol {
  color: #e44b03; }

.TrialMtsView__trialFormContainer {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (max-width: 1023px) {
    .TrialMtsView__trialFormContainer {
      width: 50%;
      min-height: 275px; } }
  @media screen and (max-width: 767px) {
    .TrialMtsView__trialFormContainer {
      width: 100%;
      margin-bottom: 24px; } }

.TrialMtsView__mtsButtonContainer {
  display: flex;
  flex-direction: column;
  align-items: center; }

.TrialMtsView__mtsButton {
  position: relative;
  display: block;
  width: 100%;
  width: 288px;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  cursor: pointer; }
  @media (max-width: 767px) {
    .TrialMtsView__mtsButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.TrialMtsView__mtsButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.TrialMtsView__mtsButtonText {
  margin-left: 8px; }

.TrialMtsView__paymentsLinkButton {
  width: 256px; }

.TrialMtsView__attentionText {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000; }
  .TrialMtsView__attentionTextDashed {
    display: flex; }

.TrialMtsView__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.TrialMtsView__popoverTextContainer {
  text-align: left; }

.TrialMtsView__textWrapper {
  word-wrap: break-word; }
  .TrialMtsView__textWrapper div {
    display: inline-block; }

.BookAuthorListView__authorsCount {
  color: #393f45; }

.BookAuthorListView__authorTemplate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px; }

.BookAuthorListView__authorBlock {
  display: flex; }

.BookAuthorListView__authorImage {
  width: 40px;
  height: 40px;
  border-radius: 8px; }

.BookAuthorListView__authorInfo {
  margin-left: 8px; }

.BookAuthorListView__authorName {
  margin-bottom: 4px;
  color: #be5b04;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BookAuthorListView__arrow {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-left: -16px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #be5b04;
  border-left: 2px solid #be5b04;
  transform: rotate(135deg); }

.BookAuthorListView__breadCrumbs {
  margin-top: 16px; }

.BookPayment__bookPayment {
  align-self: baseline;
  width: 364px;
  min-height: 256px;
  margin: 20px 4px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.2);
  z-index: 2;
  transition: all ease-in-out 300ms;
  cursor: pointer; }
  .BookPayment__bookPayment:hover {
    box-shadow: 0 37px 20px -20px rgba(0, 0, 0, 0.1);
    transform: translate(0, -10px); }
  @media (max-width: 767px) {
    .BookPayment__bookPayment {
      width: 237px;
      margin-left: 16px; }
      .BookPayment__bookPayment:hover {
        transform: none; } }

.BookPayment__subscriptionStandard, .BookPayment__subscriptionPremium {
  display: flex;
  justify-content: space-between;
  min-height: 180px;
  padding: 16px 0 16px 16px;
  flex-grow: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right; }

.BookPayment__subscriptionStandard {
  background-image: url(./i/stars_06e63bda.svg), linear-gradient(180deg, #dbeaff 100%, #f3f8ff 0%); }

.BookPayment__subscriptionPremium {
  background-image: url(./i/stars_06e63bda.svg), linear-gradient(187.83deg, #ffe790 100%, #fdf1c6 0%); }

.BookPayment__rent {
  height: 180px;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #d6d6d6; }

.BookPayment__mobileOperatorHeightSize {
  height: 119px; }

.BookPayment__typeHeader {
  font-size: 16px;
  font-weight: 600; }

.BookPayment__price {
  margin: 16px 0;
  font-size: 24px;
  font-weight: 600; }

.BookPayment__trialText {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-top: 8px;
  font-size: 12px;
  color: #ffffff;
  background-color: #e44b03;
  border-radius: 14px; }

.BookPayment__imageStandard {
  width: 28px;
  height: 34px;
  margin-right: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./i/standard_03169989.svg); }

.BookPayment__imagePremium {
  width: 28px;
  height: 34px;
  margin-right: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./i/premium_45e7d0a4.svg); }

.BookPayment__footer {
  padding: 16px;
  background-color: #ffffff; }

.BookPayment__title {
  width: 205px;
  line-height: 20px; }

.BookPayment__megafonButton {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px 0 78px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #00B956;
  cursor: pointer; }
  @media (max-width: 767px) {
    .BookPayment__megafonButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.BookPayment__megafonButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.BookPayment__megafonButtonText {
  margin-left: 8px; }

.BookPayment__mtsButton {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 48px;
  margin-bottom: 10px;
  padding: 0 16px 0 82px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ffffff;
  border-radius: 12px;
  background-color: #E30611;
  background-position: 54px 50%;
  cursor: pointer; }
  @media (max-width: 767px) {
    .BookPayment__mtsButton {
      padding: 0 8px;
      font-size: 12px;
      line-height: 16px; } }

.BookPayment__trialButtonContainer button + div > div {
  padding-top: 0; }

.BookPayment__mtsButtonTextContainer {
  display: flex;
  justify-content: center;
  align-items: center; }

.BookPayment__mtsButtonText {
  margin-left: 8px; }

.BookPayment__hiddenBlock {
  width: 100%;
  height: 48px;
  margin-bottom: 10px; }

.BookPayment__attentionText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000; }
  .BookPayment__attentionTextDashed {
    display: flex; }

.BookPayment__dottedBorderText {
  border-bottom: 1px dashed #000000; }

.BookPaymentsView__bookTitle {
  width: 100%;
  padding: 22px 0 16px;
  text-align: center;
  z-index: 2; }
  @media (max-width: 414px) {
    .BookPaymentsView__bookTitle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      margin-left: 16px;
      padding: unset;
      text-align: unset; } }

.BookPaymentsView__bookPayments {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0; }
  @media (max-width: 586px) and (max-width: 414px) {
    .BookPaymentsView__bookPayments {
      padding: 0 16px; } }

.BookPaymentsView__bookPaymentTypesContainer {
  display: flex;
  justify-content: center;
  width: 100%; }
  @media (max-width: 586px) {
    .BookPaymentsView__bookPaymentTypesContainer {
      padding-left: 16px;
      justify-content: unset;
      overflow: hidden; } }
  @media (max-width: 414px) {
    .BookPaymentsView__bookPaymentTypesContainer {
      display: none; } }

.BookPaymentsView__bookPaymentTypesSliderContainer {
  display: none; }
  @media (max-width: 414px) {
    .BookPaymentsView__bookPaymentTypesSliderContainer {
      display: unset;
      position: relative;
      overflow: visible;
      margin: 0 -16px; } }

.BookPaymentsView__carouselWrapper {
  width: 100%; }

.BookPaymentsView__mobileAppsInfo {
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center; }
  @media (min-width: 1023px) {
    .BookPaymentsView__mobileAppsInfoWrap {
      display: none; } }
  @media (max-width: 414px) {
    .BookPaymentsView__mobileAppsInfo {
      max-width: 488px;
      text-align: unset; } }

.BookPaymentsView__mobileButtons {
  width: 100%;
  max-width: 488px; }
  @media (min-width: 1023px) {
    .BookPaymentsView__mobileButtons {
      max-width: 288px; } }

.ContentNotFound__wrapper {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1023px), (max-height: 1023px) {
    .ContentNotFound__wrapper {
      position: relative; } }

.ContentNotFound__container {
  max-width: 948px;
  width: 100%;
  padding: 32px 20px; }
  @media (max-width: 320px) {
    .ContentNotFound__container {
      max-width: 320px; } }

.ContentNotFound__text {
  text-align: center; }

.ContentNotFound__icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iIzM4MzQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDYpIj48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMC43MDcgMi4zYTEgMSAwIDAgMC0xLjQxNCAwTDIuMjk5IDkuMjkyYTEgMSAwIDAgMCAwIDEuNDE0TDkuMjkzIDE3LjdhMSAxIDAgMCAwIDEuNDE0IDBsNi45OTQtNi45OTRhMSAxIDAgMCAwIDAtMS40MTRsLTYuOTk0LTYuOTk0ek0xMi4xMjEuODg0bDYuOTk0IDYuOTk0YTMgMyAwIDAgMSAwIDQuMjQybC02Ljk5NCA2Ljk5NGEzIDMgMCAwIDEtNC4yNDIgMEwuODg1IDEyLjEyYTMgMyAwIDAgMSAwLTQuMjQyTDcuODguODg1YTMgMyAwIDAgMSA0LjI0MiAweiIvPjxlbGxpcHNlIGN4PSIxMCIgY3k9IjEyLjk5MiIgcng9IjEiIHJ5PSIxIi8+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iNC45NjEiIHg9IjkiIHk9IjYiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==); }
  @media (max-width: 767px) {
    .ContentNotFound__icon {
      position: relative;
      margin-bottom: 0; } }

.ContentNotFound__supportText {
  font-size: 14px;
  color: #7c7f84;
  border-top: 1px solid #c4c4c4;
  padding-top: 24px;
  margin-bottom: 24px;
  margin-top: 24px; }

.ContentNotFound__link {
  color: #be5b04; }

.SearchBooksView__breadCrumbs {
  display: block;
  margin-bottom: 16px; }
  @media (min-width: 767px) {
    .SearchBooksView__breadCrumbs {
      display: none; } }

@media (min-width: 767px) {
  .SearchAudioBooksView__breadCrumbs {
    display: none; } }

@media (min-width: 767px) {
  .SearchSeriesView__breadCrumbs {
    display: none; } }

@media (min-width: 767px) {
  .SearchGenresThemesView__breadCrumbs {
    display: none; } }

@media (min-width: 767px) {
  .SearchRightholdersView__breadCrumbs {
    display: none; } }

.SimilarBooksView__bookList {
  margin-top: 8px; }

@media (min-width: 767px) {
  .SearchAuthorsView__breadCrumbs {
    display: none; } }

.SearchBooksetsView__breadCrumbs {
  display: block;
  margin-bottom: 16px; }
  @media (min-width: 767px) {
    .SearchBooksetsView__breadCrumbs {
      display: none; } }

.SearchBooksetsView__bookset {
  margin: 16px 0; }

.PreferencesSlider__slider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 200px; }
  @media screen and (max-width: 767px) {
    .PreferencesSlider__slider {
      flex-direction: column; } }

.PreferencesSlider__sliderButton {
  position: absolute;
  margin-left: -20px;
  margin-top: 1px;
  z-index: 101;
  width: 40px;
  height: 40px;
  border: 0px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #FED96F 0%, #FEC41F 100%);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16); }
  .PreferencesSlider__sliderButton:hover {
    background: linear-gradient(180deg, #F7BF68 0%, #F39C13 100%); }
  .PreferencesSlider__sliderButton:active {
    background: linear-gradient(180deg, #EEAC70 0%, #E67E21 100%); }
  .PreferencesSlider__sliderButtonDisabled {
    cursor: default;
    background: #F6F6F6; }
    .PreferencesSlider__sliderButtonDisabled:hover {
      background: #F6F6F6; }
    .PreferencesSlider__sliderButtonDisabled:active {
      background: #F6F6F6; }

.PreferencesSlider__minTickText {
  min-width: 160px;
  max-width: 160px;
  margin-right: 32px;
  text-align: right;
  font-size: 16px;
  overflow-wrap: break-word; }
  .PreferencesSlider__minTickText span {
    text-transform: capitalize; }
  .PreferencesSlider__minTickText.isDisabled {
    color: #9D9D9D; }
  @media screen and (max-width: 767px) {
    .PreferencesSlider__minTickText {
      display: none; } }
  @media screen and (max-width: 1023px) {
    .PreferencesSlider__minTickText {
      overflow-wrap: break-word; } }

.PreferencesSlider__maxTickText {
  min-width: 160px;
  max-width: 160px;
  margin-left: 32px;
  font-size: 16px;
  overflow-wrap: break-word; }
  .PreferencesSlider__maxTickText span {
    text-transform: capitalize; }
  .PreferencesSlider__maxTickText.isDisabled {
    color: #9D9D9D; }
  @media screen and (max-width: 767px) {
    .PreferencesSlider__maxTickText {
      display: none; } }
  @media screen and (max-width: 1023px) {
    .PreferencesSlider__maxTickText {
      overflow-wrap: break-word; } }

.PreferencesSlider__mobileRangeText {
  display: none;
  width: 100%; }
  .PreferencesSlider__mobileRangeText.isDisabled {
    color: #9D9D9D; }
  .PreferencesSlider__mobileRangeText .PreferencesSlider__minTickTextMobile {
    min-width: 84px;
    max-width: 84px;
    font-size: 14px;
    overflow-wrap: break-word; }
    .PreferencesSlider__mobileRangeText .PreferencesSlider__minTickTextMobile span {
      text-transform: capitalize;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
    .PreferencesSlider__mobileRangeText .PreferencesSlider__minTickTextMobile.isDisabled {
      color: #9D9D9D; }
    @media screen and (max-width: 767px) {
      .PreferencesSlider__mobileRangeText .PreferencesSlider__minTickTextMobile {
        width: 50%;
        max-width: unset; } }
  .PreferencesSlider__mobileRangeText .PreferencesSlider__maxTickTextMobile {
    min-width: 84px;
    max-width: 84px;
    font-size: 14px;
    text-align: right;
    overflow-wrap: break-word; }
    .PreferencesSlider__mobileRangeText .PreferencesSlider__maxTickTextMobile span {
      text-transform: capitalize;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
    .PreferencesSlider__mobileRangeText .PreferencesSlider__maxTickTextMobile.isDisabled {
      color: #9D9D9D; }
    @media screen and (max-width: 767px) {
      .PreferencesSlider__mobileRangeText .PreferencesSlider__maxTickTextMobile {
        width: 50%;
        max-width: unset; } }
  @media screen and (max-width: 767px) {
    .PreferencesSlider__mobileRangeText {
      display: flex;
      justify-content: space-between;
      align-content: center; } }

.CheckBox__checkBoxContainer {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid #e67e21; }

.CheckBox__isChecked {
  background-color: #e67e21;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(./i/checked_cd54dec5.svg); }

.CheckBox__checkBox {
  width: 100%;
  height: 100%;
  opacity: 0; }

.EmptyBookList__emptyBookList {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .EmptyBookList__emptyBookListText {
    font-size: 16px;
    width: 41%;
    color: #7c7f84; }

.SearchByPreferencesView__preferencesSearch {
  background: linear-gradient(180deg, #F5E4AF 0%, rgba(245, 228, 175, 0) 100%); }

.SearchByPreferencesView__preferencesSearchContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 16px 0 !important; }

.SearchByPreferencesView__preferencesSearchHeader {
  text-align: center; }

.SearchByPreferencesView__preferencesSearchTitle {
  font-size: 22px; }
  @media screen and (max-width: 767px) {
    .SearchByPreferencesView__preferencesSearchTitle {
      font-size: 16px; } }

.SearchByPreferencesView__sliderContainer {
  max-width: 812px;
  width: calc(100% - 68px); }

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

.SearchByPreferencesView__componentContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding-right: 68px; }
  @media screen and (max-width: 767px) {
    .SearchByPreferencesView__componentContainer {
      padding-right: unset; } }

.SearchByPreferencesView__checkBox {
  margin-right: 44px; }

.SearchByPreferencesView__buttonMobileBlock {
  display: none; }
  @media screen and (max-width: 414px) {
    .SearchByPreferencesView__buttonMobileBlock {
      position: fixed;
      display: flex;
      bottom: 0;
      width: 100%;
      padding: 0 16px;
      margin-bottom: 16px;
      z-index: 999; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 828px), only screen and (min-resolution: 192dpi) and (max-width: 828px) {
    .SearchByPreferencesView__buttonMobileBlock {
      position: fixed;
      display: flex;
      bottom: 0;
      width: 100%;
      padding: 0 16px;
      margin-bottom: 16px;
      z-index: 999; } }

.SearchByPreferencesView__mobileButton {
  color: #ffffff;
  background: linear-gradient(180deg, #F7BF67 0%, #F39D14 100%); }

.SearchByPreferencesView__spinner {
  margin: 0; }

.SearchByPreferencesView__bookList {
  margin-top: 32px; }

.SearchByPreferencesView__emptyBookList {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .SearchByPreferencesView__emptyBookListText {
    font-size: 16px;
    color: #7c7f84; }

.OfferCardHeaderItem__headerItem {
  display: flex;
  align-items: start;
  min-width: 240px;
  max-width: 50%;
  padding-right: 70px;
  margin-bottom: 32px; }
  @media screen and (max-width: 1023px) {
    .OfferCardHeaderItem__headerItem {
      max-width: 100%;
      padding-right: 80px; } }
  @media screen and (max-width: 767px) {
    .OfferCardHeaderItem__headerItem {
      align-items: center;
      width: 100%;
      padding-right: 0; } }
  .OfferCardHeaderItem__headerItemTitle {
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.5; }

.OfferCardBillingInfo__billingInfo {
  display: flex;
  max-width: 216px;
  margin-right: 16px; }
  .OfferCardBillingInfo__billingInfo:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .OfferCardBillingInfo__billingInfo {
      width: 100%;
      max-width: 100%;
      margin-bottom: 16px; } }

.OfferCardBillingInfo__billingInfoTitle {
  width: 100%;
  font-size: 12px;
  color: #7c7f84; }

.OfferView__offerPage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  max-width: 768px;
  padding: 0 16px;
  color: #252628; }
  @media screen and (max-width: 1023px) {
    .OfferView__offerPage {
      overflow: hidden;
      width: 100%; } }

.OfferView__header {
  margin-bottom: 8px;
  align-self: flex-start; }
  @media screen and (min-width: 1023px) {
    .OfferView__header {
      width: 780px; } }

.OfferView__input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84; }

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

.OfferView__title {
  display: flex; }
  @media screen and (max-width: 767px) {
    .OfferView__title {
      flex-direction: column; } }

.OfferView__form {
  width: 100%;
  color: #393f45; }

.OfferView__backgroundImage {
  width: 100%;
  min-width: 1024px;
  height: 435px;
  margin-top: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-image: url(./i/trialBackground_f05a5d0e.svg); }
  @media screen and (max-width: 1023px) {
    .OfferView__backgroundImage {
      align-self: flex-start;
      margin-top: 24px; } }

.OfferView__backgroundImageContainer {
  position: relative;
  top: 40px;
  width: 100%;
  overflow: hidden; }

.OfferView__billingInfoContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    .OfferView__billingInfoContainer {
      flex-direction: column; } }

.OfferView__subscriptionAlert {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 127px;
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff; }
  .OfferView__subscriptionAlertImage {
    width: 100%;
    height: 32px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(./i/attention_d037b502.svg); }
  .OfferView__subscriptionAlertTitle {
    width: 256px;
    font-size: 16px;
    text-align: center;
    color: #393f45; }

.OfferView__wordWrap {
  display: none; }
  @media screen and (max-width: 414px) {
    .OfferView__wordWrap {
      display: block; } }

.OfferView__calendarIcon, .OfferView__proSubscriptionIcon, .OfferView__noComissionIcon, .OfferView__lockIcon, .OfferView__applyIcon {
  display: inline-block;
  margin-right: 32px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  @media screen and (max-width: 1023px) {
    .OfferView__calendarIcon, .OfferView__proSubscriptionIcon, .OfferView__noComissionIcon, .OfferView__lockIcon, .OfferView__applyIcon {
      margin-right: 24px; } }

.OfferView__calendarIcon {
  min-width: 40px;
  height: 40px;
  background-image: url(./i/calendar_1ec1ca4d.svg); }

.OfferView__proSubscriptionIcon {
  min-width: 40px;
  height: 40px;
  margin-right: 20px;
  background-image: url(./i/proSubscription_6226dc51.svg); }

.OfferView__noComissionIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 6px;
  background-image: url(./i/no-comission_8b07e973.svg); }

.OfferView__lockIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/lock_ddc472cb.svg); }

.OfferView__applyIcon {
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url(./i/apply_84a00eb2.svg); }

.BookTrialPlayerAlert__linkToLogin {
  text-decoration: underline; }

.BookTrialPlayerAlert__toggleButton {
  position: absolute;
  right: 24px;
  top: 21px;
  content: "";
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(./i/arrow_57df35f6.svg);
  cursor: pointer; }
  .BookTrialPlayerAlert__toggleButton.open {
    top: 28px;
    transform: rotate(90deg); }
  .BookTrialPlayerAlert__toggleButton.close {
    transform: rotate(270deg); }

.BookTrialPlayerAlert__trialPlayerHiden {
  display: none; }

.BookTrialPlayerAlert__trialPlayerAlert {
  position: fixed;
  display: flex;
  width: 940px;
  min-height: 160px;
  bottom: 110px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 14px 16px 8px;
  background-color: white;
  border-radius: 12px;
  z-index: 4;
  border: solid 1px #e3e3e3; }
  @media (max-width: 940px) {
    .BookTrialPlayerAlert__trialPlayerAlert {
      flex-wrap: wrap;
      width: 752px;
      padding-bottom: 16px;
      justify-content: center; } }
  @media (max-width: 752px) {
    .BookTrialPlayerAlert__trialPlayerAlert {
      flex-wrap: wrap;
      min-width: 440px;
      width: auto;
      margin: 0 16px; } }
  @media (max-width: 440px) {
    .BookTrialPlayerAlert__trialPlayerAlert {
      flex-wrap: wrap;
      min-width: 288px; } }
  .BookTrialPlayerAlert__trialPlayerAlertNoRent {
    display: block; }
    @media (max-width: 440px) {
      .BookTrialPlayerAlert__trialPlayerAlertNoRent {
        flex-wrap: wrap;
        min-width: 288px; } }
  .BookTrialPlayerAlert__trialPlayerAlertHidden {
    flex-direction: column;
    min-height: unset;
    height: 62px; }
  .BookTrialPlayerAlert__trialPlayerAlertHeader {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px; }
  .BookTrialPlayerAlert__trialPlayerAlertContainer {
    display: flex;
    flex-wrap: wrap; }
  .BookTrialPlayerAlert__trialPlayerAlertTitle {
    font-size: 16px;
    margin: 16px 0;
    line-height: 24px; }
  .BookTrialPlayerAlert__trialPlayerAlertButton {
    align-self: center;
    max-width: 320px;
    margin-left: 16px; }
    @media (max-width: 940px) {
      .BookTrialPlayerAlert__trialPlayerAlertButton {
        width: 100%;
        max-width: unset;
        margin-left: unset; } }
  .BookTrialPlayerAlert__trialPlayerAlertButtonHidden {
    display: none; }

.BookTrialPlayerAlert__bookPaymentTypesContainer {
  display: flex;
  width: 100%; }
  @media (max-width: 586px) {
    .BookTrialPlayerAlert__bookPaymentTypesContainer {
      padding-left: 16px;
      justify-content: unset;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .BookTrialPlayerAlert__bookPaymentTypesContainer {
      display: none; } }

.BookTrialPlayerAlert__bookPaymentTypesSliderContainer {
  display: none; }
  @media (max-width: 767px) {
    .BookTrialPlayerAlert__bookPaymentTypesSliderContainer {
      display: block;
      margin: 0 -16px; } }

.BookTrialPlayerAlert__shortTitleContainer {
  display: flex;
  align-items: center;
  height: 60px; }

.BookTrialPlayerAlert__hiddenHeader {
  align-self: baseline;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px; }

.BookTrialPlayerAlert__hiddenButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 40px; }

.BookTrialPlayerAlert__rentWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px; }

.BookTrialPlayerAlert__rentButton {
  width: 252px; }

.BookTrialPlayerAlert__carousel {
  width: 100%;
  margin-left: -15px;
  right: -15px; }

.PromoCampaignBanner__campaignBanner {
  display: inline-block;
  width: 100%;
  height: 60px; }

.PromoCampaignBanner__campaignContainer {
  min-height: 60px;
  cursor: default;
  font-size: 0;
  text-align: center; }

.PromoCampaignBanner__doubleRebillAttention {
  display: block;
  width: 100%;
  padding: 16px;
  /* red / 7 */
  background: #DB3500; }

.PromoCampaignBanner__doubleRebillAttentionText {
  text-align: center; }
  .PromoCampaignBanner__doubleRebillAttentionText p, .PromoCampaignBanner__doubleRebillAttentionText a {
    display: inline;
    /* red / 1 */
    color: #FFF2E6;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; }
  .PromoCampaignBanner__doubleRebillAttentionText a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; }

.Logo__container {
  display: block;
  width: 124px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(./i/logo_55c77349.svg); }

.SearchLine__container {
  position: relative;
  max-width: 270px;
  height: 40px; }
  @media (max-width: 1023px) {
    .SearchLine__container {
      max-width: 100%;
      width: 100%; } }
  @media (max-width: 767px) {
    .SearchLine__container {
      display: flex;
      justify-content: space-between;
      /* neutral[2] */
      background-color: #F7F7F7; } }
  @media (max-width: 320px) {
    .SearchLine__container {
      min-width: 288px; } }

.SearchLine__input {
  position: absolute;
  width: 288px;
  height: 100%;
  padding: 8px 32px 8px 16px;
  /* neutral / 5 */
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  /* neutral / 10 */
  color: #000000; }
  .SearchLine__input:focus, .SearchLine__input:active {
    outline: none;
    border: 2px solid #FFC72C; }
  @media (max-width: 1023px) {
    .SearchLine__input {
      width: 100%; } }
  @media (max-width: 767px) {
    .SearchLine__input {
      position: unset;
      width: calc(100% - 72px); } }

.SearchLine__placeholder {
  position: absolute;
  left: calc(50% - 52px);
  top: 9px;
  font-size: 16px;
  line-height: 24px;
  /* neutral / 6 */
  color: #BFBFBF; }
  @media (max-width: 767px) {
    .SearchLine__placeholder {
      left: calc(50% - 92px); } }

.SearchLine__clearIcon {
  position: absolute;
  top: 11px;
  left: calc(100% - 12px);
  width: 18px;
  height: 18px;
  background-image: url(./i/clear_22bb8457.svg); }
  @media (max-width: 1023px) {
    .SearchLine__clearIcon {
      left: calc(100% - 30px); } }
  @media (max-width: 767px) {
    .SearchLine__clearIcon {
      left: calc(100% - 102px); } }

.SearchLine__loaderContainer {
  position: absolute;
  top: 11px;
  left: calc(100% - 12px);
  width: 18px;
  height: 18px; }
  @media (max-width: 1023px) {
    .SearchLine__loaderContainer {
      left: calc(100% - 30px); } }
  @media (max-width: 767px) {
    .SearchLine__loaderContainer {
      left: calc(100% - 98px); } }

.SearchLine__closeButtonContainer {
  display: flex;
  align-items: center;
  width: 56px;
  height: 40px;
  margin-left: 16px;
  /* neutral[2] */
  background-color: #F7F7F7; }

.SearchLine__closeButton {
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 24px;
  border: none;
  background: none;
  /* orange / 8 */
  color: #B34D00;
  cursor: pointer; }

.MainLinks__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px; }
  @media (max-width: 767px) {
    .MainLinks__container {
      padding-right: 0 !important;
      padding-left: 0 !important; } }

.MainLinks__linksRowContainer {
  justify-content: space-between;
  width: 100%; }

.MainLinks__link {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  /* orange / 8 */
  color: #B34D00;
  cursor: pointer; }
  .MainLinks__link.isActive {
    /* neutral / 10 */
    color: #000000; }
    .MainLinks__link.isActive:visited {
      /* orange / 8 */
      color: #000000; }
  .MainLinks__link:visited {
    /* orange / 8 */
    color: #B34D00; }
  .MainLinks__link:focus {
    outline: none; }

.MainLinks__linkItem {
  display: flex;
  align-items: center;
  justify-content: center; }
  .MainLinks__linkItem:first-child {
    justify-content: flex-start; }
  @media (min-width: 767px) {
    .MainLinks__linkItem:first-child {
      justify-content: center; } }
  @media (max-width: 767px) {
    .MainLinks__linkItem.isHiddenOnMobile {
      display: none; } }

.MainLinks__linkItemDropdownToggle {
  display: flex;
  align-items: center;
  justify-content: center; }
  .MainLinks__linkItemDropdownToggle.isOpen {
    /* neutral / 10 */
    color: #000000; }
  @media (max-width: 767px) {
    .MainLinks__linkItemDropdownToggle {
      justify-content: flex-end; } }

.MainLinks__dropdownLinkItem {
  padding: 8px 0;
  /* neutral / 4 */
  border-bottom: 1px solid #E8E8E8; }
  .MainLinks__dropdownLinkItem:last-child {
    border-bottom: 0; }

.MainLinks__arrowImage {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  transition: transform 0.2s ease-in-out; }
  .MainLinks__arrowImage.isOpen {
    transform: rotate(-180deg); }
    .MainLinks__arrowImage.isOpen svg > path {
      /* neutral / 10 */
      fill: #000000; }
  .MainLinks__arrowImage.isActiveDropdownLinks svg > path {
    /* neutral / 10 */
    fill: #000000; }

.MainLinks__dropdownContainer {
  position: absolute;
  top: 30px;
  left: -90px;
  min-width: 288px;
  max-width: 288px;
  padding: 8px 16px;
  border-radius: 12px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  /* neutral / 1 */
  background-color: #ffffff;
  z-index: 10; }
  @media (max-width: 767px) {
    .MainLinks__dropdownContainer {
      left: auto; } }

.MainLinks__dropdownLinksList {
  margin: 0;
  padding: 0; }

.MenuItemsList__item {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #ececec; }

.MenuItemsList__item:last-child {
  border-bottom: none; }

.MenuItemsList__link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #be5b04;
  font: 600 14px/1.2 firasans, sans-serif;
  cursor: pointer; }
  .MenuItemsList__link:hover {
    color: #e67e21; }
  .isMobile .MenuItemsList__link:hover {
    color: #383434; }

.SubscriptionLabel__link {
  display: flex;
  align-items: center; }

.SubscriptionLabel__subscriptionType {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px; }
  .SubscriptionLabel__subscriptionTypepro, .SubscriptionLabel__subscriptionTypeaudio {
    border-color: #fec41f; }
  .SubscriptionLabel__subscriptionTypestandard {
    border-color: #bcc7d6; }

.SubscriptionLabel__header {
  height: 62px;
  border-radius: 8px 8px 0 0;
  position: relative; }
  .SubscriptionLabel__headerpro, .SubscriptionLabel__headeraudio {
    background-image: linear-gradient(to right, #fde281, #fdf1c6); }
  .SubscriptionLabel__headerstandard {
    background-image: linear-gradient(to right, #c9dffd, #f3f8ff); }

.SubscriptionLabel__availableTypes {
  display: flex;
  height: 34px;
  padding-left: 16px;
  align-items: center; }
  .SubscriptionLabel__availableTypesIcon {
    margin-right: 8px; }
  .SubscriptionLabel__availableTypesLabel {
    margin-right: 24px;
    line-height: 16px;
    font-size: 12px; }

.SubscriptionLabel__period {
  position: absolute;
  top: 16px;
  left: 16px; }
  .SubscriptionLabel__periodLabel {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px; }
  .SubscriptionLabel__periodTime {
    font-size: 12px;
    line-height: 16px; }

.SubscriptionLabel__subscriptionIcon {
  position: absolute;
  top: 8px;
  right: 14px;
  height: 45px;
  width: 45px; }

.SubscriptionsInfo__title {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
  font-weight: 700; }
  .SubscriptionsInfo__titleLast {
    margin-top: 16px; }

.SubscriptionsInfo__subscription {
  font-family: firasans, sans-serif;
  font-size: 12px;
  line-height: 1.2em; }
  .SubscriptionsInfo__subscriptionItem {
    margin-bottom: 8px; }
    .SubscriptionsInfo__subscriptionItem:last-of-type {
      margin-bottom: 0; }

.HeaderUserMenu__submenu {
  left: 0;
  width: 288px;
  transition: top .6s;
  position: absolute;
  z-index: 99;
  top: 42px;
  right: 0;
  left: auto;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background-color: #ffffff;
  z-index: 999;
  overflow: hidden; }
  .HeaderUserMenu__submenuContainer {
    padding: 16px; }

.HeaderUserMenu__isOpen {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: top .6s;
  z-index: 99;
  overflow-y: scroll; }
  .HeaderUserMenu__isOpen .HeaderUserMenu__container {
    top: 0;
    bottom: 0;
    background-color: rgba(37, 38, 40, 0.3);
    transition: all .6s; }
  .HeaderUserMenu__isOpen .HeaderUserMenu__submenuInner {
    top: 0;
    transition: all .6s; }

.HeaderUserMenu__link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #be5b04;
  font-family: firasans, sans-serif;
  cursor: pointer; }

.HeaderUserMenu__topMenu {
  background-color: #fffbf1; }

.HeaderUserMenu__menu {
  padding: 16px 0px; }
  .HeaderUserMenu__menu .HeaderUserMenu__item {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: solid 1px #ececec; }
  .HeaderUserMenu__menu .HeaderUserMenu__item:last-child {
    border-bottom: none; }
  .HeaderUserMenu__menu .HeaderUserMenu__link {
    font-weight: 600;
    cursor: pointer; }

.HeaderUserMenu__subscriptionType {
  display: block;
  position: relative;
  padding-bottom: 8px;
  color: #bebebe;
  white-space: nowrap; }
  .HeaderUserMenu__subscriptionType span {
    color: #bebebe; }

.HeaderUserMenu__user {
  display: flex;
  align-items: center;
  padding-top: 8px 0 16px;
  overflow: hidden; }
  .HeaderUserMenu__userConatiner {
    flex-shrink: 4;
    flex-basis: 100%; }
  .HeaderUserMenu__userImg {
    display: inline-block;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px;
    box-shadow: 2px 2px 16px 0px #eaeaea; }
    .HeaderUserMenu__userImg img {
      display: block;
      width: 100%; }
  .HeaderUserMenu__userLink {
    max-width: 240px;
    display: inline-block;
    overflow: hidden;
    font-family: firasans, sans-serif;
    font-size: 16px;
    color: #393f45;
    font-weight: 600;
    text-decoration: none; }

.HeaderUserMenu__logoutLink {
  font: 16px/1.2em firasans, sans-serif;
  color: #be5b04;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  height: 49px;
  line-height: 49px;
  background: #ffffff; }

.HeaderUserMenu__button {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: background .3s; }
  .HeaderUserMenu__button:focus {
    outline: none; }
  .HeaderUserMenu__button span {
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #be5b04;
    border-radius: 2px; }
    .HeaderUserMenu__button span::before, .HeaderUserMenu__button span::after {
      content: "";
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #be5b04;
      border-radius: 2px; }
    .HeaderUserMenu__button span::before {
      top: -6px; }
    .HeaderUserMenu__button span::after {
      bottom: -6px; }

.HeaderUserMenu__buttonMenu span {
  transition: background .3s 0s; }
  .HeaderUserMenu__buttonMenu span::before {
    transition: top .3s ease-out .3s, transform .3s ease-out 0s; }
  .HeaderUserMenu__buttonMenu span::after {
    transition: bottom .3s ease-out .3s, transform .3s ease-out 0s; }

.HeaderUserMenu__buttonMenu.HeaderUserMenu__isActive {
  position: absolute;
  top: 10px;
  right: 3%;
  z-index: 100; }
  .HeaderUserMenu__buttonMenu.HeaderUserMenu__isActive span {
    transition: background .3s 0s;
    background: 0 0; }
    .HeaderUserMenu__buttonMenu.HeaderUserMenu__isActive span::before {
      top: 0;
      transform: rotate(45deg);
      transition: top .3s ease-out 0s, transform .3s ease-out .3s;
      background-color: #be5b04; }
    .HeaderUserMenu__buttonMenu.HeaderUserMenu__isActive span::after {
      bottom: 0;
      transform: rotate(-45deg);
      transition: bottom .3s ease-out 0s, transform .3s ease-out .3s;
      background-color: #be5b04; }

.HeaderUserMenu__linkSubscription {
  display: block;
  border-radius: 8px;
  height: 32px;
  color: #be5b04;
  border: 1px solid #be5b04;
  line-height: 32px;
  text-align: center;
  margin-bottom: 16px; }

.HeaderUser__container {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.HeaderUser__headerUserText {
  margin-right: 42px; }
  @media (max-width: 767px) {
    .HeaderUser__headerUserText {
      display: none; } }

.HeaderUser__headerUserBooksImage {
  display: none; }
  @media (max-width: 767px) {
    .HeaderUser__headerUserBooksImage {
      display: flex;
      cursor: pointer; } }

.HeaderUser__avatar {
  display: block;
  order: 1;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #ffffff;
  overflow: hidden;
  border: solid 2px #be5b04; }

.HeaderUser__userIcon {
  display: flex;
  width: 62px;
  height: 40px;
  border-radius: 12px;
  padding: 6px 0 6px 6px;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  transition: transform 0.2s ease-in-out; }
  .HeaderUser__userIcon svg {
    order: 2;
    margin-left: 8px; }

.HeaderUser__arrowIcon {
  cursor: pointer;
  transition: transform 0.2s ease-in-out; }
  .HeaderUser__arrowIcon.isOpened {
    transform: rotate(-180deg); }

.HeaderUser__link {
  color: #be5b04;
  font-size: 14px;
  font-weight: 700;
  margin-right: 8px; }
  .HeaderUser__link:hover {
    color: #e67e21; }
  .isMobile .HeaderUser__link:hover {
    color: #383434; }

.HeaderLinks__headerLinks {
  display: flex;
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  margin-top: 16px;
  background-color: #F7F7F7; }
  @media (max-width: 767px) {
    .HeaderLinks__headerLinks {
      position: relative;
      left: -16px;
      height: 40px; } }

.HeaderLinks__hideEverywhere {
  display: none; }

@media (max-width: 767px) {
  .HeaderLinks__hideOnMobile {
    display: none; } }

.HeaderLinks__list {
  display: block; }
  @media (max-width: 889px) {
    .HeaderLinks__list {
      display: none; } }

.HeaderLinks__carousel {
  display: none; }
  @media (max-width: 889px) {
    .HeaderLinks__carousel {
      display: block;
      width: calc(100% + 32px); } }

.HeaderLinks__linksContainer {
  position: relative;
  display: flex; }
  @media (max-width: 767px) {
    .HeaderLinks__linksContainer {
      width: calc(100% + 680px); } }

.HeaderLinks__linkContainer {
  max-width: 178px;
  width: auto !important;
  height: 40px;
  margin-left: 8px;
  white-space: nowrap; }
  .HeaderLinks__linkContainer:first-child {
    margin-left: unset; }
  @media (max-width: 767px) {
    .HeaderLinks__linkContainer {
      margin-bottom: 8px;
      box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.5); } }

.HeaderLinks__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  padding: 10px 16px;
  background-color: #ffffff; }

.HeaderLinks__carouselWrapper {
  width: calc(100% + 32px); }

.Header__headerContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  /* neutral[2] */
  background-color: #F7F7F7; }
  @media (max-width: 1023px) {
    .Header__headerContainer {
      padding: 16px 0 0; } }

@media (min-width: 1023px) {
  .Header__offsetLg {
    /* offset-1 */
    margin-left: 8.333333%; } }

.Header__headerRowContainer {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1104px;
  min-height: 40px; }
  @media (max-width: 1023px) {
    .Header__headerRowContainer {
      justify-content: space-between; } }

.Header__headerUserContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.Header__link {
  /* orange / 8 */
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #B34D00;
  cursor: pointer; }

.Header__mainLinksContainer {
  min-width: auto; }
  @media (max-width: 1023px) {
    .Header__mainLinksContainer {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 450px; } }
  @media (max-width: 767px) {
    .Header__mainLinksContainer {
      order: 20;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 100%;
      margin-top: 16px;
      margin-bottom: 8px; } }

@media (max-width: 1023px) {
  .Header__logoContainer {
    justify-self: flex-start; } }

@media (max-width: 1023px) {
  .Header__searchLineContainer {
    order: 10;
    min-width: 100%;
    margin-top: 16px;
    margin-bottom: 16px; } }

@media (max-width: 767px) {
  .Header__searchLineContainer {
    display: none; } }

.Header__smallIconsContainerCol {
  display: none; }
  @media (max-width: 767px) {
    .Header__smallIconsContainerCol {
      display: flex;
      justify-content: flex-end;
      align-items: center; } }

.Header__searchIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px; }
  .Header__searchIcon.isActive svg path {
    fill: #000000; }

.Header__userBooksLink {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 24px;
  height: 24px;
  margin-left: 16px; }
  .Header__userBooksLink.isActive svg path {
    fill: #000000; }

.Header__searchLineForMobile {
  display: none;
  width: 0;
  height: 0; }
  @media (max-width: 767px) {
    .Header__searchLineForMobile {
      position: absolute;
      top: 56px;
      display: flex;
      width: calc(100% - 32px);
      height: 40px;
      margin: 16px 15px;
      z-index: 100;
      background-color: #F7F7F7; } }

.Header__headerLinksContainerRow {
  display: flex;
  justify-content: center;
  background-color: #F7F7F7; }
  @media (max-width: 767px) {
    .Header__headerLinksContainerRow {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

.Header__headerLinksContainerCol {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1104px;
  overflow: hidden; }

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

*:focus {
  outline: none;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.Footer__aboutLinkContainer, .Footer__externalLinkContainer, .Footer__paymentMethodsContainer {
  margin: 16px 8px 0;
  border-top: 1px solid #f0f0f0; }

.Footer__topContent {
  background: #fffbf1;
  padding-bottom: 32px; }
  @media (min-width: 1023px) {
    .Footer__topContent {
      padding-bottom: 40px; } }

.Footer__bottomContent {
  padding: 8px 0px 24px; }

.Footer__content {
  max-width: 1136px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 16px; }
  @media (min-width: 1023px) {
    .Footer__content {
      flex-direction: row;
      flex-wrap: wrap; } }
  @media (max-width: 1023px) {
    .Footer__content {
      padding: 0 16px; } }

.Footer__aboutLinkList {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1023px) {
    .Footer__aboutLinkList {
      width: 50%; } }

.Footer__aboutLinkContainer {
  min-width: calc(50% - 16px);
  flex-grow: 1;
  flex-shrink: 0;
  white-space: nowrap; }

.Footer__externalLinkList {
  display: flex;
  flex-direction: column; }
  @media (min-width: 414px) {
    .Footer__externalLinkList {
      flex-direction: row;
      flex-wrap: wrap; } }
  @media (min-width: 1023px) {
    .Footer__externalLinkList {
      width: 50%; } }

.Footer__externalLinkContainer {
  min-width: calc(50% - 16px);
  flex-grow: 1;
  flex-shrink: 0;
  white-space: nowrap;
  padding-top: 8px; }

.Footer__footerTopTitle {
  margin-top: 16px;
  font-weight: 600; }

.Footer__item {
  padding: 8px 0;
  list-style-type: none; }

.Footer__icon {
  width: 24px;
  height: 24px;
  margin-right: 16px; }
  .Footer__icon path {
    fill: #be5b04; }

.Footer__buttons {
  white-space: nowrap; }
  .Footer__buttons .Footer__item {
    width: 142px; }
    .Footer__buttons .Footer__item:first-child {
      margin-right: 12px; }
    @media (min-width: 767px) {
      .Footer__buttons .Footer__item {
        width: 166px; }
        .Footer__buttons .Footer__item:first-child {
          margin-right: 16px; } }

.Footer__paymentMethodsContainer {
  width: 100%;
  padding-top: 16px; }

.Footer__paymentMethodList {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.Footer__footerTinyTitle {
  font-size: 12px; }

.Footer__footerShortTitle {
  min-width: 80px;
  font-size: 12px;
  width: 100%; }

.Footer__footerShortTinyTitle {
  max-width: 108px;
  width: 100%;
  margin: 20px 16px 8px 0;
  font-size: 12px; }
  @media (min-width: 767px) {
    .Footer__footerShortTinyTitle {
      margin-top: 0;
      margin-bottom: 0; } }
  @media (min-width: 767px) and (max-width: 1022px) {
    .Footer__footerShortTinyTitle {
      max-width: 80px; } }
  @media (min-width: 1279px) {
    .Footer__footerShortTinyTitle {
      max-width: 80px; } }

.Footer__visaIcon, .Footer__mastercardIcon, .Footer__mirIcon, .Footer__paypalIcon {
  margin-top: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .Footer__visaIcon:not(:last-child), .Footer__mastercardIcon:not(:last-child), .Footer__mirIcon:not(:last-child), .Footer__paypalIcon:not(:last-child) {
    margin-right: 32px; }

.Footer__visaIcon {
  width: 44px;
  height: 14px;
  background-image: url(./i/visa_b1684820.svg); }

.Footer__mastercardIcon {
  width: 31px;
  height: 24px;
  background-image: url(./i/mastercard_f9daf37c.svg); }

.Footer__mirIcon {
  width: 58px;
  height: 16px;
  background-image: url(./i/mir-card_36e60baf.svg); }

.Footer__paypalIcon {
  width: 66px;
  height: 16px;
  background-image: url(./i/paypal_b0b9e944.svg); }

.Footer__extraResourcesContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (min-width: 1023px) {
    .Footer__extraResourcesContainer {
      width: 50%; } }
  @media (max-width: 1023px) {
    .Footer__extraResourcesContainer {
      order: 2; } }

.Footer__appList {
  display: flex;
  align-items: center;
  margin: 16px 32px 16px 8px;
  flex-direction: column;
  align-items: flex-start; }

.Footer__appsIconList {
  display: flex;
  margin-left: 8px; }
  @media (min-width: 1023px) {
    .Footer__appsIconList {
      margin-left: 0; } }

.Footer__socials {
  min-width: calc(50% - 16px);
  display: flex;
  align-items: center;
  margin: 16px 8px;
  flex-direction: column;
  align-items: flex-start; }

.Footer__socialList {
  display: flex; }

.Footer__supportContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 8px;
  border-top: 1px solid #d6d6d6; }
  @media (min-width: 767px) {
    .Footer__supportContainer {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      padding-top: 20px; } }
  @media (min-width: 1023px) {
    .Footer__supportContainer {
      width: calc(50% - 16px);
      align-items: flex-start;
      border: none; } }
  @media (min-width: 1023px) and (max-width: 1279px) {
    .Footer__supportContainer {
      padding-top: 16px; } }
  @media (max-width: 1023px) {
    .Footer__supportContainer {
      order: 1;
      border-top: none;
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 20px; } }

.Footer__supportLinks {
  flex-grow: 1; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .Footer__supportLinks {
      display: flex;
      align-items: flex-start;
      margin-top: 4px; } }
  @media (min-width: 1023px) and (max-width: 1279px) {
    .Footer__supportLinks {
      width: 100%;
      display: flex;
      margin-top: -14px; } }
  @media (min-width: 1279px) {
    .Footer__supportLinks {
      display: flex; } }

.Footer__isBordered {
  max-width: 204px;
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 24px 8px 0;
  text-align: center;
  border: 1px solid #be5b04;
  border-radius: 8px; }
  @media (min-width: 767px) {
    .Footer__isBordered {
      margin-top: 0;
      margin-bottom: 0; } }

.AuthFormDialog__content {
  position: relative;
  top: 70px;
  text-align: center;
  z-index: 101; }

.AuthFormDialog__inner {
  margin: 0 auto;
  font-family: firasans, sans-serif;
  font-size: 12px;
  line-height: 1.33em;
  text-align: left;
  color: #393f45; }

.AuthFormDialog__align {
  padding-bottom: 16px; }

.AuthFormDialog__close {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 16px;
  height: 16px;
  width: 16px; }

.AuthFormDialog__cross {
  position: absolute;
  top: 7px;
  right: 0;
  width: 16px;
  height: 2px;
  background: #be5b04;
  border-radius: 2px;
  transform: rotate(45deg); }
  .AuthFormDialog__cross::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #be5b04;
    border-radius: 2px;
    transform: rotate(90deg); }

.NotificationsPopup__container {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  padding: 0 3%;
  text-align: center;
  z-index: 999;
  max-width: 608px;
  margin: 0 auto; }

.NotificationsPopup__text {
  position: relative;
  display: block;
  transition: top .3s;
  top: 0;
  max-width: 608px;
  width: 100%;
  padding: 8px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
  color: #393f45; }

.player-wrapper * {
  box-sizing: border-box;
  text-size-adjust: none;
}

.player-wrapper .clear-links-style {
  border-bottom: none !important;
}

.player-wrapper input,
.player-wrapper textarea,
.player-wrapper button {
  appearance: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  "Segoe UI Symbol";
}

/* Аккуратные таблицы */
.player-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}

.player-wrapper {
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  "Segoe UI Symbol";
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0 0 182px rgba(0, 0, 0, 0.4)
}


/* Ссылки без дефолтного подчёркивания */
.player-wrapper a {
  text-decoration: none;
}

/*
* Scrollbar rail styles
*/
/*
* Container style
*/
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.scrollbar-container {
  position: relative;
  height: 100%;
}

.App__playerContainer {
  position: fixed;
  z-index: 99; }
  .App__playerContainer .player-wrapper {
    box-shadow: 0 0 182px rgba(0, 0, 0, 0.4) !important; }

.App__isMobileButton {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 290px;
  z-index: 99; }

.App__isNotMobileButton {
  display: none; }

@font-face {
  font-family: 'firasans';
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url(./i/Firasansregular_3e90266b.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'firasans';
  src: local("Fira Sans SemiBold"), local("FiraSans-SemiBold"), url(./i/Firasanssemibold_013e1c60.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'firasans';
  src: local("Fira Sans SemiBold Italic"), local("FiraSans-SemiBoldItalic"), url(./i/Firasanssemibolditalic_2372ffc1.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'firasans';
  src: local("Fira Sans Italic"), local("FiraSans-Italic"), url(./i/Firasansitalic_90219f58.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

html,
body {
  min-height: 100%;
  height: 100%;
  font-family: firasans, sans-serif;
  font-size: 14px; }

body {
  background: #ffffff; }
  body.isNotScrollable {
    overflow: hidden; }

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

a {
  color: initial;
  text-decoration: none; }

.link {
  color: #be5b04;
  cursor: pointer; }
  .link:hover {
    color: #e67e21; }

ul,
ol {
  list-style: none; }

button {
  background: transparent none;
  border: 0;
  box-shadow: none;
  outline: 0; }

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

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: 600; }

big {
  font-size: larger; }

del,
s {
  text-decoration: line-through; }

ins,
u {
  text-decoration: underline; }

q {
  quotes: "\00ab" "\00bb"; }

figure img {
  padding: 20px 16px; }

blockquote {
  position: relative;
  display: inline-block;
  padding: 0 8px 24px 16px;
  font-family: firasans, sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  color: #7c7f84; }
  blockquote:before {
    content: '\"';
    position: absolute;
    top: 6px;
    left: 0;
    font-family: firasans, sans-serif;
    font-size: 32px;
    color: #393f45; }

.appContainer {
  height: 100%; }

h1,
.title-1 {
  margin: 0px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1em;
  padding-bottom: 8px;
  z-index: 1; }
  @media (min-width: 767px) {
    h1,
    .title-1 {
      font-size: 32px; } }
  @media (min-width: 1023px) {
    h1,
    .title-1 {
      font-size: 48px;
      padding-bottom: 16px; } }

input {
  background: #ffffff;
  border: 1px solid #cecece;
  color: #7c7f84;
  border-radius: 8px;
  font-size: 16px;
  padding: 8px;
  transition: all 0.25s; }
  input:focus {
    border: 2px solid #fec41f;
    color: #393f45;
    outline: none;
    background-color: #ffffff;
    caret-color: #be5b04; }

h2,
.title-2 {
  margin: 0px;
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  z-index: 1; }

h3,
.title-3 {
  margin: 0px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  z-index: 1; }

h4,
.title-4 {
  margin: 0px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 0.9em;
  z-index: 1; }

p,
.paragraph {
  margin: 8px 0;
  font-size: 16px;
  line-height: 1.5em;
  color: #393f45;
  z-index: 1; }

.elementDummy {
  background: currentColor;
  color: #f7f7f7;
  border-radius: 8px; }
  .elementDummy:empty::before {
    content: "u+00a0"; }

small {
  color: #7c7f84;
  font-size: 14px;
  line-height: 1.4em; }

.shortArrow, .shortArrowWhite {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.shortArrow {
  width: 6px;
  height: 11px;
  vertical-align: middle;
  background-image: url(./i/arrow_57df35f6.svg); }

.shortArrowWhite {
  width: 16px;
  height: 16px;
  background-image: url(./i/arrow-white_998b3af3.svg);
  transform: rotate(180deg); }

.app {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  width: 100%;
  height: 100%; }

.article {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  position: relative;
  min-width: 320px;
  padding-bottom: 40px;
  background-color: #f7f7f7; }
  .article .content {
    max-width: 852px;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 16px; }
  .article .section {
    max-width: 1136px;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 16px; }
    .article .section .sectionHeader {
      padding-top: 28px; }
      @media (max-width: 1023px) {
        .article .section .sectionHeader {
          padding-top: 32px; } }

.backgroundContainer {
  flex-grow: inherit;
  margin-bottom: -40px;
  padding-bottom: inherit; }

.themeWhite {
  background-color: #ffffff; }

.themeGrey {
  background-color: #f6f6f6; }

.themeYellow {
  background: linear-gradient(42deg, #ffe790, #ffe897 12%, #fdf1c6); }

.themeBlue {
  background: linear-gradient(42deg, #dbeaff, #f3f8ff); }

.themeOrange {
  background: linear-gradient(207deg, #fad961, #fb9e4a); }

.billetContainerTransparent, .billetContainer, .billetContainerNoOverflow, .billetContainerWarning, .billetContainerHighlight {
  position: relative;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden; }

.billetContainer {
  background: #ffffff; }

.billetContainerNoOverflow {
  padding: 16px 0px 8px;
  overflow: visible;
  background: #ffffff; }

.billetContainerWarning {
  background: #fae5e8; }

.billetContainerHighlight {
  background: linear-gradient(230deg, #fad961, #fb9e4a); }

.billetContainerHeader {
  padding: 8px 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #ffffff; }

.billetContainerContent {
  padding: 8px 16px;
  background: #ffffff; }
  .billetContainerContent :first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
  .billetContainerContent:last-child {
    margin-bottom: 16px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }

.billetContainerFooter {
  padding: 8px 16px;
  margin-bottom: 16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #ffffff; }

.tableSummary {
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #d2dae5;
  line-height: 1.5em; }

.tableSummaryLink {
  display: block;
  text-align: center; }

.isHidden {
  display: none; }

.bubbleCorner {
  display: inline-block;
  width: 29px;
  height: 13px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjYzMyAwaDI4LjAzYy01LjgyMyAwLTYuMDg5IDEzLTEzLjk2NiAxM0M2LjgxOSAxMyA2LjcxNiAwIC42MzMgMHoiLz48L3N2Zz4=); }

.activeLink {
  color: #383434; }

.arrowLeft, .arrowLeftSmall, .arrowRight, .arrowRightSmall {
  display: inline-block;
  width: 16px;
  height: 16px;
  transform-origin: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0JFNUIwNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yIDYuODQzTDkuOCAyLjI2YS44OTQuODk0IDAgMCAxIDEuMjY0IDEuMjYzTDYuNTYyIDguMDI1bDQuNDUyIDQuNDUyYS44OTIuODkyIDAgMCAxLTEuMjYyIDEuMjYzTDQgOC4wMWwxLjItMS4xNjd6Ii8+PC9zdmc+);
  vertical-align: middle;
  background-size: cover; }

.arrowRight, .arrowRightSmall {
  transform: rotate(180deg); }

.arrowRightSmall {
  width: 10px;
  height: 10px; }

.arrowLeftSmall {
  width: 10px;
  height: 10px; }

.swiper-button-prev, .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.13);
  z-index: 2;
  background-image: none; }

.swiper-button-prev {
  left: 0;
  top: 50%; }

.swiper-button-next {
  right: 0;
  top: 50%; }

.transparentOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100; }

.billetContainerWrapper {
  padding-left: 16px;
  padding-right: 16px; }

.grecaptcha-badge {
  visibility: hidden; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px; }

@media (min-width: 320px) and (max-width: 767px) {
  .col-xs-1 {
    max-width: 25% !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-xs-1 {
    max-width: 12.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-xs-1 {
    max-width: 8.33333%; } }

@media (min-width: 1279px) {
  .col-xs-1 {
    max-width: 106.58333px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-xs-2 {
    max-width: 50% !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-xs-2 {
    max-width: 25%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-xs-2 {
    max-width: 16.66667%; } }

@media (min-width: 1279px) {
  .col-xs-2 {
    max-width: 213.16667px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-xs-3 {
    max-width: 75% !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-xs-3 {
    max-width: 37.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-xs-3 {
    max-width: 25%; } }

@media (min-width: 1279px) {
  .col-xs-3 {
    max-width: 319.75px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-xs-4 {
    max-width: 100% !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-xs-4 {
    max-width: 50%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-xs-4 {
    max-width: 33.33333%; } }

@media (min-width: 1279px) {
  .col-xs-4 {
    max-width: 426.33333px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-1 {
    max-width: 25%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-1 {
    max-width: 12.5% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-1 {
    max-width: 8.33333%; } }

@media (min-width: 1279px) {
  .col-md-1 {
    max-width: 106.58333px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-2 {
    max-width: 50%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-2 {
    max-width: 25% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-2 {
    max-width: 16.66667%; } }

@media (min-width: 1279px) {
  .col-md-2 {
    max-width: 213.16667px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-3 {
    max-width: 75%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-3 {
    max-width: 37.5% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-3 {
    max-width: 25%; } }

@media (min-width: 1279px) {
  .col-md-3 {
    max-width: 319.75px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-4 {
    max-width: 100%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-4 {
    max-width: 50% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-4 {
    max-width: 33.33333%; } }

@media (min-width: 1279px) {
  .col-md-4 {
    max-width: 426.33333px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-5 {
    max-width: 125%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-5 {
    max-width: 62.5% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-5 {
    max-width: 41.66667%; } }

@media (min-width: 1279px) {
  .col-md-5 {
    max-width: 532.91667px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-6 {
    max-width: 150%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-6 {
    max-width: 75% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-6 {
    max-width: 50%; } }

@media (min-width: 1279px) {
  .col-md-6 {
    max-width: 639.5px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-7 {
    max-width: 175%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-7 {
    max-width: 87.5% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-7 {
    max-width: 58.33333%; } }

@media (min-width: 1279px) {
  .col-md-7 {
    max-width: 746.08333px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-md-8 {
    max-width: 200%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-md-8 {
    max-width: 100% !important; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-md-8 {
    max-width: 66.66667%; } }

@media (min-width: 1279px) {
  .col-md-8 {
    max-width: 852.66667px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-1 {
    max-width: 25%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-1 {
    max-width: 12.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-1 {
    max-width: 8.33333% !important; } }

@media (min-width: 1279px) {
  .col-lg-1 {
    max-width: 106.58333px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-2 {
    max-width: 50%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-2 {
    max-width: 25%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-2 {
    max-width: 16.66667% !important; } }

@media (min-width: 1279px) {
  .col-lg-2 {
    max-width: 213.16667px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-3 {
    max-width: 75%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-3 {
    max-width: 37.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-3 {
    max-width: 25% !important; } }

@media (min-width: 1279px) {
  .col-lg-3 {
    max-width: 319.75px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-4 {
    max-width: 100%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-4 {
    max-width: 50%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-4 {
    max-width: 33.33333% !important; } }

@media (min-width: 1279px) {
  .col-lg-4 {
    max-width: 426.33333px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-5 {
    max-width: 125%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-5 {
    max-width: 62.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-5 {
    max-width: 41.66667% !important; } }

@media (min-width: 1279px) {
  .col-lg-5 {
    max-width: 532.91667px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-6 {
    max-width: 150%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-6 {
    max-width: 75%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-6 {
    max-width: 50% !important; } }

@media (min-width: 1279px) {
  .col-lg-6 {
    max-width: 639.5px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-7 {
    max-width: 175%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-7 {
    max-width: 87.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-7 {
    max-width: 58.33333% !important; } }

@media (min-width: 1279px) {
  .col-lg-7 {
    max-width: 746.08333px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-8 {
    max-width: 200%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-8 {
    max-width: 100%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-8 {
    max-width: 66.66667% !important; } }

@media (min-width: 1279px) {
  .col-lg-8 {
    max-width: 852.66667px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-9 {
    max-width: 225%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-9 {
    max-width: 112.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-9 {
    max-width: 75% !important; } }

@media (min-width: 1279px) {
  .col-lg-9 {
    max-width: 959.25px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-10 {
    max-width: 250%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-10 {
    max-width: 125%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-10 {
    max-width: 83.33333% !important; } }

@media (min-width: 1279px) {
  .col-lg-10 {
    max-width: 1065.83333px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-11 {
    max-width: 275%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-11 {
    max-width: 137.5%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-11 {
    max-width: 91.66667% !important; } }

@media (min-width: 1279px) {
  .col-lg-11 {
    max-width: 1172.41667px !important; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-lg-12 {
    max-width: 300%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .col-lg-12 {
    max-width: 150%; } }

@media (min-width: 1023px) and (max-width: 1279px) {
  .col-lg-12 {
    max-width: 100% !important; } }

@media (min-width: 1279px) {
  .col-lg-12 {
    max-width: 1279px !important; } }