.book-wrapper,.cover,.spine-open{will-change:transform,opacity}.bookshelf-container{width:100%;position:relative;height:800px;overflow:hidden}.books-container{display:flex;position:absolute;top:9%;height:689px;transition:left .6s ease}.book-wrapper{perspective:600px;width:56px;height:689px;position:absolute;top:0;transition:left .6s ease,transform .6s ease}.spine-closed,.spine-open{width:56px;height:675.5px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;cursor:pointer;color:inherit}.spine-closed{transform:rotateY(0deg) translateZ(0)}.spine-open{transform:rotateY(-30deg) translateZ(10px)}.cover{position:absolute;top:-13px;left:45px;width:426px;height:700px;transform-origin:left center;transform:rotateY(90deg);opacity:0;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .4s ease-in-out;border-top-right-radius:10px;border-bottom-right-radius:10px;z-index:1;color:inherit}.cover-open{transform:rotateY(0deg);opacity:1}.cover-content{margin:46px;width:100%;height:100%;display:flex;flex-direction:column}.book-title{max-width:88%;font-size:85px;font-weight:700;color:inherit;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}.book-subtitle{max-width:88%;font-size:30px;font-weight:400}.diagonal{width:100px;height:100px;position:absolute;right:0;bottom:0;border-top-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:10px;border-bottom-left-radius:0}.spine{display:flex;justify-content:center}.spine-text{color:inherit;writing-mode:vertical-rl;text-orientation:mixed;height:100%;display:flex;transform:rotate(180deg);align-items:center;justify-content:end;padding:0 0 3em;font-size:20px;text-align:start}.spine-text span{font-weight:700}.spine-image{width:40px;height:40px;object-fit:cover;border-radius:100%;position:absolute;top:10px;left:50%;transform:translateX(-50%) rotate(90deg)}.book-mobile-scene{perspective:1000px;position:relative;width:20rem}.book-mobile-card{position:absolute;left:0;right:0;overflow:hidden;padding:15px;margin:auto;max-width:100%;transform-style:preserve-3d;transform:rotateX(-15deg);transition:transform .6s cubic-bezier(.25,.8,.25,1),top .5s ease,width .5s ease,height .5s ease,border-radius .5s ease,opacity .5s ease,filter .5s ease;cursor:pointer;width:20rem;height:52em;max-height:4.7rem;border-radius:1.5rem 1.5rem 0 0}.book-mobile-card.active{width:298px;max-height:370px;top:0;transform:rotateX(0deg) translateZ(100px);z-index:50;opacity:1;border-radius:24px;filter:brightness(1.05)}.book-mobile-card.inactive{opacity:0;transform:rotateX(-25deg) translateZ(-80px) scale(.9);filter:blur(2px)}