.physical-book{position:relative;width:min(var(--physical-book-width,275px),100%);aspect-ratio:2/3;border-radius:12px 16px 16px 12px;transform:rotateY(-11deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,0,.2,1),opacity .2s ease;box-shadow:-18px 20px 38px -4px rgba(10,4,25,.7),-6px 6px 16px -2px rgba(10,4,25,.5),0 0 60px rgba(124,58,237,.25)}.physical-book.is-transitioning{opacity:.65;transform:rotateY(-18deg) rotateX(4deg) scale(.97)}.physical-book:hover{transform:rotateY(-4deg) rotateX(1deg) translateY(-8px);box-shadow:-24px 28px 48px -4px rgba(10,4,25,.8),-8px 8px 20px -2px rgba(10,4,25,.6),0 0 70px rgba(124,58,237,.35)}.physical-book:before{content:"";position:absolute;inset:0 auto 0 0;width:12%;min-width:18px;border-radius:12px 0 0 12px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,255,255,.28) 28%,rgba(0,0,0,.18) 55%,rgba(255,255,255,.08) 85%,transparent);box-shadow:inset 2px 0 3px rgba(255,255,255,.35);z-index:10;pointer-events:none}.physical-book:after{content:"";position:absolute;top:1.7%;right:-5%;width:5.2%;height:96.6%;background:repeating-linear-gradient(180deg,#fff 0,#ede8df 1px,#fff 2px);border:1px solid #d1c9bc;border-left:0;border-radius:0 4px 4px 0;box-shadow:inset 2px 0 4px rgba(0,0,0,.2),4px 4px 10px rgba(0,0,0,.45);transform:translateZ(-3px);z-index:1}.physical-book-cover{position:relative;z-index:2;width:100%;height:100%;overflow:hidden;border-radius:12px 14px 14px 12px;background:#25124a}.physical-book-cover picture,.physical-book-cover picture>img,.physical-book-cover>img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:cover}