#book-side-panel.svelte-1nlydcy{position:sticky;top:6rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#book-side-panel.svelte-1nlydcy .card:where(.svelte-1nlydcy){--width: 300px;--height: 400px;position:relative;max-width:var(--width);min-width:var(--width);max-height:var(--height);border-radius:var(--radius-lg);font-family:var(--sans-serif-display)}#book-side-panel.svelte-1nlydcy .card:where(.svelte-1nlydcy) img:where(.svelte-1nlydcy){display:block;width:100%;max-width:100%;border-radius:inherit;object-fit:cover;max-height:inherit}#book-side-panel.svelte-1nlydcy .book-details:where(.svelte-1nlydcy){display:flex;flex-direction:column;gap:var(--spacing-md)}#book-side-panel.svelte-1nlydcy .book-details:where(.svelte-1nlydcy) .intro:where(.svelte-1nlydcy){color:var(--text-secondary);line-height:1.5;font-size:var(--text-sm)}#book-side-panel.svelte-1nlydcy .book-details:where(.svelte-1nlydcy) .author-wrapper:where(.svelte-1nlydcy){width:100%}.card-bg-glassy.svelte-1nlydcy{display:none}@media(max-width:900px){#book-side-panel.svelte-1nlydcy{max-width:var(--container-width);position:relative;top:0;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 var(--spacing-lg)}#book-side-panel.svelte-1nlydcy .card:where(.svelte-1nlydcy){--width: 200px;--height: 250px;margin-bottom:var(--spacing-xl)}.card-bg-glassy.svelte-1nlydcy{display:flex;position:absolute;top:0;left:0;width:100%;height:150px;filter:blur(75px);background-position:center;background-size:auto;background-size:contain}}main.svelte-11minrq{max-width:1000px;display:flex;gap:3rem;justify-content:center;padding:var(--spacing-xl) var(--spacing-xxl);margin:auto}main.svelte-11minrq #content:where(.svelte-11minrq){width:70%;display:flex;flex-direction:column;gap:2rem}main.svelte-11minrq #content:where(.svelte-11minrq) h1:where(.svelte-11minrq){font-family:var(--serif-display);margin-bottom:0;font-size:var(--text-2xl)}aside.svelte-11minrq{width:30%}@media(max-width:900px){main.svelte-11minrq{flex-wrap:wrap;padding:var(--spacing-xl) var(--spacing-lg)}main.svelte-11minrq aside:where(.svelte-11minrq){width:100%;display:flex;justify-content:center}main.svelte-11minrq #content:where(.svelte-11minrq){max-width:600px;width:100%}}