.book.svelte-pu8no1.svelte-pu8no1{max-width:385px;width:100%;aspect-ratio:.72;position:relative;text-align:center;margin:2.5%}.book-cover.svelte-pu8no1.svelte-pu8no1{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;transform-origin:0 50%;-webkit-transform-origin:0 50%;background:#111;background-size:cover;border-radius:4px;box-shadow:inset 4px 1px 3px #ffffff60,inset 0 -1px 2px #00000080;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}.book.svelte-pu8no1 .book-cover.svelte-pu8no1{background-size:cover}.effect.svelte-pu8no1.svelte-pu8no1{width:30px;height:100%;margin-left:20px;border-left:2px solid #00000010;background-image:linear-gradient(90deg,#fff3,#fff0);transition:all .5s ease}.light.svelte-pu8no1.svelte-pu8no1{width:90%;height:100%;position:absolute;border-radius:3px;background-image:linear-gradient(90deg,#fff0,#fff3);top:0;right:0;opacity:.1;transition:all .5s ease;-webkit-transition:all .5s ease}.book-box.svelte-pu8no1.svelte-pu8no1:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;--tw-content:"";content:var(--tw-content)}.book-box.svelte-pu8no1.svelte-pu8no1:hover:after{top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;--tw-bg-opacity:1;background-color:rgb(179 183 99 / var(--tw-bg-opacity))}.book-box.svelte-pu8no1.svelte-pu8no1:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(179 183 99 / var(--tw-bg-opacity))}.book-box.svelte-pu8no1:hover .book-cover.svelte-pu8no1{transform:perspective(2000px) rotateY(-30deg);-webkit-transform:perspective(2000px) rotateY(-30deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;box-shadow:inset 4px 1px 3px #ffffff60,inset 0 -1px 2px #00000080,10px 0 10px -5px #00000030}.book-box.svelte-pu8no1:hover .effect.svelte-pu8no1{width:40px}.book-box.svelte-pu8no1:hover .light.svelte-pu8no1{opacity:1;width:70%}.book-inside.svelte-pu8no1.svelte-pu8no1{width:calc(100% - 2px);height:96%;position:relative;top:2%;border:1px solid grey;border-radius:3px;background:#fff;box-shadow:10px 40px 40px -10px #00000030,inset -2px 0 gray,inset -3px 0 #dbdbdb,inset -4px 0 #fff,inset -5px 0 #dbdbdb,inset -6px 0 #fff,inset -7px 0 #dbdbdb,inset -8px 0 #fff,inset -9px 0 #dbdbdb}