.bookImageContainer{width:fit-content;height:fit-content;position:relative}.bookHoverContainer{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .2s}.bookHoverContainer.active{pointer-events:auto;opacity:1}.bookHoverContent{z-index:2;width:0;position:absolute}.bookImageDots{background-color:var(--lightgreybg);cursor:pointer;opacity:0;z-index:4;border:1px solid #0003;border-radius:100%;width:.5em;height:.5em;transition:opacity .4s;position:relative}.bookImageDots:before{content:"";pointer-events:none;opacity:0;z-index:3;box-sizing:content-box;background:0 0;border:1px solid #0003;border-radius:50%;width:.5em;height:.5em;transition:opacity .2s;animation:5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bookHoverContainer.active .bookImageDots:before{opacity:1}.bookImageDots:hover:before{opacity:0;animation-play-state:paused}.bookHoverContainer.active .bookImageDots{opacity:1}.bookImageBase{width:100%;height:100%;position:relative;top:0;left:0}.bookImage{object-fit:cover;z-index:1;cursor:pointer;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:relative}.bookPill{opacity:0;visibility:hidden;background-color:var(--lightgreybg);max-width:200px;color:var(--darkgrey);text-transform:uppercase;border:1px solid #0003;border-radius:8px 8px 8px 0;padding:4px 10px;font-family:GT-America Mono;font-size:12px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;display:inline-flex;position:absolute;bottom:calc(100% + .4rem);left:0}.bookImageDots:hover+.bookPill{opacity:1;visibility:visible}@keyframes pulse{0%{width:.5em;height:.5em}50%{width:2em;height:2em}to{width:.5em;height:.5em}}.book1{max-width:80%;transform:rotate(5deg)}.book1d1{top:35%;left:53%}.book1d2{top:40%;left:70%}.book3{max-width:60%;transform:rotate(15deg)}.book3d1{top:35%;left:53%}.book4{max-width:60%;transform:rotate(34deg)}.book4d1{top:16%;left:20%}.book5{max-width:100%;transform:rotate(6deg)}.book6{max-width:50%;transform:rotate(-20deg)}.book6d1{top:16%;left:20%}.book7{max-width:40%;transform:rotate(-15deg)}.book7d1{top:16%;left:30%}.book8{max-width:60%;transform:rotate(-20deg)}