@layer utilities{.book-scene{perspective:800px}.book-box{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;transform:rotateY(25deg)}.book-cover{position:absolute;inset:0}.book-spine{transform-origin:0;background:linear-gradient(90deg,#e0e0e0,#c8c8c8);width:20px;height:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:rotateY(90deg)}@media (min-width:64rem){.book-spine{width:48px}}@media (hover:hover){.book-box:hover{transform:rotateY(0)}.book-box:hover .book-spine{opacity:0}}@media (prefers-reduced-motion:reduce){.book-box{transform-style:flat;transition:none;transform:none}.book-spine{display:none}}}