.book-wrapper{width:100%;position:relative;margin:0 auto;display:flex;justify-content:center}.book-items{cursor:default;padding:8px 16px 8px 24px;margin:0;display:grid}.book-cover,.book-items,.main-book-wrap{position:relative}.book-cover .book-inside{position:absolute;width:90%;height:96%;top:1%;left:16px;border:1px solid grey;border-radius:2px 6px 6px 2px;background:#fff;box-shadow:10px 40px 40px -10px #00000030,inset -2px 0 0 grey,inset -3px 0 0 #dbdbdb,inset -4px 0 0 #fff,inset -5px 0 0 #dbdbdb,inset -6px 0 0 #fff,inset -7px 0 0 #dbdbdb,inset -8px 0 0 #fff,inset -9px 0 0 #dbdbdb}:is(.dark) .book-cover .book-inside{background:#1a1a2e;border-color:#444;box-shadow:10px 40px 40px -10px #00000060,inset -2px 0 0 #444,inset -3px 0 0 #2a2a3e,inset -4px 0 0 #1a1a2e,inset -5px 0 0 #2a2a3e,inset -6px 0 0 #1a1a2e,inset -7px 0 0 #2a2a3e,inset -8px 0 0 #1a1a2e,inset -9px 0 0 #2a2a3e}.book-cover .book-image{line-height:0;position:relative;border-radius:2px 6px 6px 2px;box-shadow:6px 6px 18px -2px rgba(0,0,0,.2),24px 28px 40px -6px rgba(0,0,0,.1);transition:all .3s ease-in-out;transform:perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(.94);cursor:pointer}.book-image img{grid-row:1/-1;grid-column:1;width:100%;border-radius:2px 6px 6px 2px}.book-image:hover{transform:perspective(2000px) rotateY(0deg) translateX(0) scaleX(1);transform-style:preserve-3d;box-shadow:6px 6px 12px -1px rgba(0,0,0,.1),20px 14px 16px -6px rgba(0,0,0,.1)}.effect{width:20px;margin-left:16px;border-left:2px solid #00000010;background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));z-index:5}.effect,.light{position:absolute;height:100%;top:0;transition:all .5s ease}.light{width:90%;border-radius:3px;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2));right:0;opacity:1;z-index:4}.book-image:hover .effect{margin-left:14px}.bookmark-tag{position:absolute;top:-4px;right:10px;z-index:6;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));pointer-events:none;overflow:hidden}.bookmark-label{position:absolute;top:4px;font-size:5.5px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}.realvjy{width:900px;padding:20px;margin:0 auto;font-family:sans-serif;text-align:center}