/* Keep the CTA covers independent of the modal's arrival animation and viewport height. */
.next-library .next-volume-art .book-portrait,
.next-library .next-volume-art .book-portrait:hover{
 width:100%;max-width:none;max-height:none;margin:0;
 animation:none;transform:none;transition:filter .25s ease;
}
.next-library .next-volume-art{
 transform-origin:50% 80%;
 transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.next-library .next-volume:hover .next-volume-art,
.next-library .next-volume:focus-visible .next-volume-art{transform:rotate(-5deg)}
.next-library .next-volume:nth-child(2):hover .next-volume-art,
.next-library .next-volume:nth-child(2):focus-visible .next-volume-art{transform:rotate(4deg)}
@media(hover:hover) and (pointer:fine){
 .next-library .next-volume:hover .next-volume-art,
 .next-library .next-volume:focus-visible .next-volume-art{transform:translateY(-8px) rotate(-3deg)}
 .next-library .next-volume:nth-child(2):hover .next-volume-art,
 .next-library .next-volume:nth-child(2):focus-visible .next-volume-art{transform:translateY(-8px) rotate(2deg)}
}
@media(hover:none),(pointer:coarse){
 .next-library .next-volume:hover .next-volume-art{animation-play-state:running}
 .next-library .next-volume:active .next-volume-art{transform:translateY(-4px) rotate(-5deg)}
 .next-library .next-volume:nth-child(2):active .next-volume-art{transform:translateY(-4px) rotate(4deg)}
}
@media(prefers-reduced-motion:reduce){
 .next-library .next-volume .next-volume-art{animation:none!important;transform:none!important;transition:none}
}
.motion-paused .next-library .next-volume .next-volume-art{animation:none!important;transform:none!important;transition:none}