.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));place-items:start center;gap:3rem 2rem;width:100%;padding:1.5rem 0 3rem;display:grid}@media (min-width:768px){.book-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 2.5rem}}.book-shelf .book-cell{z-index:1;perspective:3000px;box-sizing:content-box;width:160px;height:220px;padding-left:12px}.book-shelf .book{color:#2b2b2b;width:160px;height:220px;transform-style:preserve-3d;background:linear-gradient(45deg,#dad5dc 0%,#f2ebf4 100%);border-radius:2px 4px 4px 2px;font-weight:400;transition:transform .5s;display:block;position:relative;box-shadow:10px 10px 8px #00000059}.book-shelf .book:hover{z-index:10;transform:rotateY(35deg)}.book-shelf .book>div,.book-shelf .front>div{display:block;position:absolute}.book-shelf .front{transform-style:preserve-3d;transform-origin:0%;z-index:10;transition:transform .5s;transform:translateZ(14px)}.book-shelf .front>.cover{background-color:#1a1a1e;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:0 3px 3px 0;width:160px;height:220px;overflow:hidden;box-shadow:inset 4px 0 10px #0000001a}.book-shelf .front:after{content:"";width:1px;position:absolute;top:1px;bottom:1px;left:-1px}.book-shelf .cover:after{content:"";pointer-events:none;background:#0000001f;width:3px;position:absolute;top:0;bottom:0;left:8px;box-shadow:1px 0 3px #ffffff14}.book-shelf .left-side{background-color:#e8e5ea;width:22px;height:220px;left:-11px;transform:rotateY(-90deg)}.book-shelf .left-side h2{color:#2b2b2b;text-align:right;white-space:nowrap;text-overflow:ellipsis;transform-origin:0 0;width:220px;height:22px;margin:0;padding-right:6px;font-size:9px;font-weight:500;line-height:22px;overflow:hidden;transform:rotate(90deg)translateY(-22px)}.book-shelf .left-side h2 span:first-child{opacity:.85;padding-right:10px;font-size:8px;font-weight:400}.book-shelf .left-side h2 span:last-child{font-weight:600}.book-shelf .cover-fallback-inner{box-sizing:border-box;color:#f5f5f5;background:linear-gradient(145deg,#2a2a2e 0%,#1a1a1e 100%);flex-direction:column;justify-content:flex-end;height:100%;padding:.65rem;display:flex}.book-shelf .cover-fallback-inner .fallback-title{margin:0 0 .3rem;font-size:.65rem;font-weight:600;line-height:1.25}.book-shelf .cover-fallback-inner .fallback-author{opacity:.75;margin:0;font-size:.55rem}