.bb-book{position:relative;display:block;width:100%;aspect-ratio:566 / 800;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 6px #20221f1a}.bb-book img{display:block;width:100%;height:100%;object-fit:fill;border-radius:1px 2px 2px 1px}.bb-book:after{content:"";position:absolute;left:100%;top:2px;width:10px;height:calc(100% - 4px);background:linear-gradient(to right,#e5e1d7,#f5f2e9);transform:rotateY(90deg);transform-origin:left center;backface-visibility:hidden}.bb-book-spine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,#0000001c,transparent 2.3%,#ffffff30 3%,#00000014 4%,transparent 6%);border-left:1px solid #00000012}@media(hover:hover)and (prefers-reduced-motion:no-preference){.bb-shelf-item:hover .bb-book{transform:perspective(900px) rotateY(-16deg) rotate(-1.5deg) translateY(-4px);box-shadow:6px 9px 13px #20221f23}.bb-shelf-item:nth-child(4n+2):hover .bb-book{transform:perspective(900px) rotateY(14deg) rotate(1.5deg) translateY(-4px);box-shadow:-6px 9px 13px #20221f23}.bb-shelf-item:nth-child(4n+3):hover .bb-book{transform:perspective(900px) rotateX(12deg) rotate(-1deg) translateY(-5px);box-shadow:0 12px 14px #20221f23}.bb-shelf-item:nth-child(4n):hover .bb-book{transform:perspective(900px) rotateY(-10deg) rotateX(8deg) rotate(2deg) translateY(-4px);box-shadow:5px 11px 13px #20221f23}}.box-set{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px;perspective-origin:50% 38%;pointer-events:none}.box-set-row{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translateY(6px) rotateX(-16deg) rotateY(-30deg)}.box-book{position:absolute;left:0;top:0;transform-style:preserve-3d}.box-face{position:absolute;left:0;top:0;overflow:hidden;backface-visibility:hidden}.box-face img{display:block;width:100%;height:100%;max-width:none}.box-spine{display:flex;align-items:center;justify-content:flex-start;writing-mode:vertical-rl;font-weight:520;letter-spacing:-.01em;line-height:1;box-shadow:inset 1px 0 #fff2,inset -1px 0 #00000018}.box-title{white-space:nowrap;overflow:hidden}.box-mark{position:absolute;left:50%;translate:-50% 0;background:#fc4a00}.box-pages{position:absolute;left:calc(1.5px * var(--k, 1));right:calc(1.5px * var(--k, 1));top:calc(.5px * var(--k, 1));bottom:calc(2.5px * var(--k, 1));background:linear-gradient(to top,#20221f24,#20221f00 38%),repeating-linear-gradient(90deg,#ded8c8 0,#ded8c8 calc(.5px * var(--k, 1)),#faf8f2 calc(.5px * var(--k, 1)),#faf8f2 calc(1.4px * var(--k, 1)),#efebe0 calc(1.4px * var(--k, 1)),#efebe0 calc(1.9px * var(--k, 1)));box-shadow:inset .5px 0 #20221f14,inset -.5px 0 #20221f14}.box-set-floor{position:absolute;left:14%;right:14%;height:18px;border-radius:50%;background:radial-gradient(closest-side,#20221f30,#20221f00)}@media(prefers-reduced-motion:reduce){.box-set-row,.bb-book{transition:none}}