.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;position:relative}.BookCard__lang{position:absolute;top:14px;left:14px;background-color:rgba(0,0,0,.6);color:#fff;font-size:14px;font-weight:700;line-height:1;padding:6px 10px;border-radius:50px;letter-spacing:.05em;pointer-events:none}.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(--gray)}:root{--font-main:"Helvetica",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Helvetica",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size:16px;--content-max-width:568px;--extra-max-width:900px;--header-height:52px;--footer-height:72px;--sidebar-width:0px;--page-max-width:768px;--side-padding:20px;--transition-duration:0.25s;--bp-992:992px;--bp-840:840px;--bp-768:768px;--bp-576:576px}@media(min-aspect-ratio:1/1),(min-width:1200px){:root{--footer-height:0px;--sidebar-width:var(--header-height)}}:root{--accent-color:var(--orange);--border-color:var(--gray);--header-bg-color:var(--dark);--footer-bg-color:var(--dark);--main-bg-color:var(--beige);--song-bg-color:#fff;--placeholder-color:var(--mid-gray);--text-color:var(--dark-gray);--title-color:var(--dark);--shadow-color:rgba(56,55,142,0.15);--link-color:#1e80f3;--beige:#fffaed;--brown:#26231b;--dark:#0b0800;--dark-gray:#6c6c6c;--mid-gray:#8e8e93;--gray:#c0c0c0;--light-gray:#f5f5f5;--orange:#f5c149;--error:#ff6542}.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}}