.book-shelf{contain:inline-size;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.book-shelf-stage{min-width:0;width:100%}.book-shelf-stage{position:relative}.book-shelf-stage [data-book-step]{position:absolute;top:156px;transform:translateY(-50%);z-index:2;width:44px;height:44px;background:#102e39;border:2px solid #e8cc83;box-shadow:0 4px 16px #0005;display:grid;place-items:center;font-size:23px}.book-shelf-stage [data-book-step="-1"]{right:0}.book-shelf-stage [data-book-step="1"]{left:0}.book-shelf-stage [data-book-step][hidden]{display:none}.has-book-overflow .book-shelf-track{margin-inline:52px}.image-albums{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),360px));gap:26px}.image-album{border-radius:22px;background:linear-gradient(145deg,#173f48,#0b2632);border:1px solid #4c747b;box-shadow:0 14px 30px #0002;transition:transform .2s,border-color .2s}.image-album:hover{transform:translateY(-4px);border-color:#d9bf7d}.image-album:focus-visible{outline:3px solid #e8cc83;outline-offset:4px}.image-album>.album-cover-stack{display:block;position:relative;padding:26px 25px 12px;height:244px;box-sizing:border-box;background:radial-gradient(ellipse at top,#2c6972,#0c2631)}.album-cover-stack:before,.album-cover-stack:after{content:"";position:absolute;inset:24px 29px 18px;border:1px solid #69969b;border-radius:12px;background:#20444f;transform:rotate(-5deg)}.album-cover-stack:after{transform:rotate(4deg);background:#173844}.album-cover-stack>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;background:#091e28;box-shadow:0 8px 18px #0005}.album-cover-stack .album-count{position:absolute;z-index:2;bottom:23px;left:34px;background:#09222ee8;border:1px solid #9db6af55;color:#f0d897;border-radius:20px;padding:5px 11px;font-size:12px}.image-album>span.album-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px}.album-caption>span{display:grid;gap:7px}.album-caption strong{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.album-caption small{font-size:12px;color:#a9c6c9}.album-open{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1b5158;color:#e8cc83;border:1px solid #699b9755;font-size:22px}@media(max-width:600px){.book-shelf-stage [data-book-step]{top:133px;width:36px;height:36px;font-size:19px}.has-book-overflow .book-shelf-track{margin-inline:40px}.image-albums{grid-template-columns:1fr}.image-album>.album-cover-stack{height:230px}}@media(prefers-reduced-motion:reduce){.image-album{transition:none}.image-album:hover{transform:none}}
