#book-side-panel.svelte-i26rup{position:sticky;top:6rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#book-side-panel.svelte-i26rup .card:where(.svelte-i26rup){--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-i26rup .card:where(.svelte-i26rup) img:where(.svelte-i26rup){display:block;width:100%;max-width:100%;border-radius:inherit;object-fit:cover;max-height:inherit}#book-side-panel.svelte-i26rup .book-details:where(.svelte-i26rup){display:flex;flex-direction:column;gap:var(--spacing-md)}#book-side-panel.svelte-i26rup .book-details:where(.svelte-i26rup) .intro:where(.svelte-i26rup){color:var(--text-secondary);line-height:1.5;font-size:var(--text-sm)}#book-side-panel.svelte-i26rup .book-details:where(.svelte-i26rup) .author-wrapper:where(.svelte-i26rup){width:100%}.card-bg-glassy.svelte-i26rup{display:none}@media (max-width: 900px){#book-side-panel.svelte-i26rup{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-i26rup .card:where(.svelte-i26rup){--width: 200px;--height: 250px;margin-bottom:var(--spacing-xl)}.card-bg-glassy.svelte-i26rup{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-sn1rwk{max-width:1000px;display:flex;gap:3rem;justify-content:center;padding:var(--spacing-xl) var(--spacing-xxl);margin:auto}main.svelte-sn1rwk #content:where(.svelte-sn1rwk){width:70%;display:flex;flex-direction:column;gap:2rem}main.svelte-sn1rwk #content:where(.svelte-sn1rwk) h1:where(.svelte-sn1rwk){font-family:var(--serif-display);margin-bottom:0;font-size:var(--text-2xl)}aside.svelte-sn1rwk{width:30%}@media (max-width: 900px){main.svelte-sn1rwk{flex-wrap:wrap;padding:var(--spacing-xl) var(--spacing-lg)}main.svelte-sn1rwk aside:where(.svelte-sn1rwk){width:100%;display:flex;justify-content:center}main.svelte-sn1rwk #content:where(.svelte-sn1rwk){max-width:600px;width:100%}}