.BookCard{animation:fadeIn var(--transition-duration)}.BookCard__container{margin:0 auto;max-width:390px}.BookCard__link{display:block;height:100%}.BookCard__ratio{border-radius:24px;box-shadow:0 4px 20px 0 var(--shadow-color);overflow:hidden;background-color:#fff}.BookCard__ratio:before{padding-top:92.18%}.BookCard__box{height:64.3%;overflow:hidden}.BookCard__image{width:100%;max-width:100%}.BookCard__info{padding:12px}.BookCard__subtitle{font-size:14px;font-weight:300;line-height:20px;color:var(--text-color)}.BookCard__count{font-size:12px;font-weight:300;margin-top:4px;color:var(--grey)}.BookList{margin:0 auto;max-width:var(--page-max-width)}.BookList__content{padding-top:24px;width:100%}.BookList__list{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:var(--side-padding) var(--side-padding);width:100%;list-style-type:none;margin:0;padding:0}@media(min-width:768px){.BookList__list{grid-template-columns:1fr 1fr}}