.book-3d.svelte-ii0q0p{--book-thickness:30px;--cover-color:#c7ccca;perspective:1000px;max-width:150px;margin:0 auto}@media (min-width: 810px) and (max-width: 830px){.book-3d.svelte-ii0q0p{max-width:210px}}@media (min-width: 1024px){.book-3d.svelte-ii0q0p{max-width:250px}}.book-3d__inner.svelte-ii0q0p{position:relative;transform-style:preserve-3d;animation:svelte-ii0q0p-book-3d 1s ease forwards}.book-3d__inner.svelte-ii0q0p:hover{position:relative;transform-style:preserve-3d;animation:svelte-ii0q0p-book-3d-hover 1s ease forwards}@keyframes svelte-ii0q0p-book-3d{0%{transform:rotateY(0)}to{transform:rotateY(-25deg)}}@keyframes svelte-ii0q0p-book-3d-hover{0%{transform:rotateY(-25deg)}to{transform:rotateY(0)}}.book-3d__inner.svelte-ii0q0p:before{position:absolute;content:" ";left:100%;top:1%;width:calc(var(--book-thickness) * 2);height:98%;transform:translate(-55%) rotateY(90deg);background:linear-gradient(90deg,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff)}.book-3d__inner.svelte-ii0q0p:after{content:"";position:absolute;top:0;left:1%;width:100%;height:100%;transform:translateZ(calc(var(--book-thickness) * -1));background-color:var(--cover-color);border-radius:0 2px 2px 0;box-shadow:-10px 0 50px 10px #0000004d}.book-3d__cover.svelte-ii0q0p{display:block;width:100%;height:auto;border-radius:0 2px 2px 0;transform:translateZ(var(--book-thickness));box-shadow:5px 5px 20px #0000001a;height:20rem}p.svelte-ii0q0p{margin-top:3rem}