.audiobook-cover{--book-depth:clamp(4px,.65vw,12px);position:relative;width:100%;perspective:900px}.audiobook-cover-book{position:absolute;inset:4% auto auto 2%;width:88%;height:88%;transform-style:preserve-3d;transform:rotateY(-12deg);transition:transform var(--motion-panel,.26s) var(--motion-ease,ease-out)}.audiobook-cover-book:before{content:"";position:absolute;inset:1.5% auto 1.5% 100%;width:var(--book-depth);transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(180deg,#f5f0e6 0 1px,#d8d1c4 1px 2px);box-shadow:inset -2px 0 3px rgb(0 0 0/.18)}.audiobook-cover-book:after{content:"";background:#29252a;transform:translateZ(calc(-1 * var(--book-depth)))}.audiobook-cover-book:after,.audiobook-cover-front{position:absolute;inset:0;border-radius:2px 4px 4px 2px}.audiobook-cover-front{overflow:hidden;background:#27252a;color:#fff;box-shadow:4px 6px 10px rgb(0 0 0/.22);backface-visibility:hidden;transition:opacity var(--motion-fast,.14s) ease-out}.audiobook-cover-front:after{content:"";position:absolute;inset:0 auto 0 0;width:16%;background:linear-gradient(90deg,rgb(0 0 0/.3),rgb(255 255 255/.16) 20%,rgb(0 0 0/.14) 38%,transparent);pointer-events:none}.audiobook-cover .media-thumbnail-image{transform:none}.audiobook-cover:active .audiobook-cover-front{opacity:.85}@media (prefers-reduced-motion:no-preference){a:focus-visible .audiobook-cover-book{transform:translateY(-3px) rotateY(-26deg)}@media (hover:hover) and (pointer:fine){.audiobook-cover:hover .audiobook-cover-book{transform:translateY(-3px) rotateY(-26deg)}}}