.ex-book{--d:25px;--cover-h:440px;perspective:calc(var(--cover-h) * 1.59);cursor:pointer;outline:none}.ex-book--sm{--cover-h:320px}.ex-book__inner{position:relative;transform-style:preserve-3d;transform:rotateY(-15deg) rotateX(0deg);transition:transform .55s cubic-bezier(.2,.7,.3,1)}.ex-book:hover .ex-book__inner{transform:rotateY(-7deg) rotateX(0deg)}.ex-book:focus-visible .ex-book__inner{transform:rotateY(-7deg) rotateX(0deg)}.ex-book__cover{position:relative;border-radius:0 1px 2px 0;overflow:hidden;box-shadow:0 34px 54px -20px rgba(15,22,55,.55),0 8px 16px rgba(0,0,0,.24);outline:1px solid rgba(0,0,0,.22);backface-visibility:hidden}.ex-book__cover>.cover-shell,.ex-book__cover>img{display:block;width:auto;height:var(--cover-h);-o-object-fit:cover;object-fit:cover}.ex-book__sl{position:absolute;top:2px;bottom:3px;left:0;right:0;border-radius:0 2px 2px 0;background:#f3ecd9;box-shadow:inset -1px 0 0 rgba(0,0,0,.09);transform:translateZ(calc(var(--i) * -1.45px)) translateX(calc(var(--i) * .5px))}.ex-book__sl:nth-child(2n){background:#ece3cb}.ex-book__back{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-6px;border-radius:2px 3px 3px 2px;transform:translateZ(calc(var(--d) * -.5));background:linear-gradient(#332e4e,#262239);box-shadow:0 10px 24px rgba(0,0,0,.3)}.ex-book__shadow{position:absolute;left:8%;right:2%;bottom:-6%;height:14%;background:rgba(15,22,55,.4);filter:blur(18px);border-radius:50%;z-index:-1}.ex-book__audio{position:absolute;bottom:18px;right:-6px;z-index:5;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#ffd986;color:#0f1637;font-size:12px;font-weight:800;padding:6px 12px;border-radius:6px 0 0 6px;box-shadow:0 6px 14px rgba(0,0,0,.25)}.ex-book__audio svg{display:inline-block;font-size:14px}@media (max-width:860px){.ex-book{--cover-h:340px}.ex-book--sm{--cover-h:230px}}