.BookCard{animation:fadeIn var(--transition-duration)}.BookCard__link:focus{outline:none}.BookCard__ratio:has(.BookCard__link:focus-visible){outline:2px solid var(--dark-gray);outline-offset:6px}.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;--learn-max-width:650px;--header-height:52px;--footer-height:72px;--sidebar-width:0px;--page-max-width:768px;--side-padding:20px;--transition-duration:0.25s}@media(max-width:576px){:root{--side-padding:15px}}@media(min-aspect-ratio:1/1)and (max-height:800px),(min-width:1200px)and (max-height:800px){: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;--btn-bg:rgba(0,0,0,0.06);--btn-hover-bg:rgba(0,0,0,0.1);--btn-active-bg:#bfa871;--btn-active-hover-bg:#a99166;--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}}