#book-side-panel.svelte-1omv8gb{position:sticky;top:5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb){--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(--serif-display)}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb) .content:where(.svelte-1omv8gb){position:absolute;bottom:0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);width:100%;height:60%;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(to top,#000000c4 20%,#0000);display:flex;flex-direction:column;justify-content:end;color:#fff;gap:.5rem}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb) .content:where(.svelte-1omv8gb) .name:where(.svelte-1omv8gb){font-size:var(--text-xl);line-height:1.1}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb) img:where(.svelte-1omv8gb){display:block;width:100%;max-width:100%;border-radius:inherit;object-fit:cover;max-height:inherit}#book-side-panel.svelte-1omv8gb .book-details:where(.svelte-1omv8gb){display:flex;flex-direction:column;gap:var(--spacing-md)}#book-side-panel.svelte-1omv8gb .book-details:where(.svelte-1omv8gb) .intro:where(.svelte-1omv8gb){color:var(--text-secondary);line-height:1.5;font-size:var(--text-sm)}.card-bg-glassy.svelte-1omv8gb{display:none}@media(max-width:900px){#book-side-panel.svelte-1omv8gb{max-width:600px;position:relative;top:0;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 var(--spacing-lg)}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb){--width: 200px;--height: 250px;margin-bottom:var(--spacing-xl)}#book-side-panel.svelte-1omv8gb .card:where(.svelte-1omv8gb) .content:where(.svelte-1omv8gb) .name:where(.svelte-1omv8gb){font-size:var(--text-lg2)}.card-bg-glassy.svelte-1omv8gb{display:flex;position:absolute;top:0;left:0;width:100%;height:150px;filter:blur(75px) grayscale(.5);background-position:center;background-size:auto;background-size:contain}}.book.svelte-19fq1o9{display:flex;flex-direction:column;gap:var(--spacing-xl);border:solid 1px var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-md)}.book-entry.svelte-19fq1o9{display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);justify-content:space-between}.book-entry.svelte-19fq1o9:hover{background-color:var(--bg-secondary);border-radius:var(--radius-xl)}.thumbnail.svelte-19fq1o9{height:100px;border-radius:var(--radius-lg)}.thumbnail.svelte-19fq1o9 img:where(.svelte-19fq1o9){height:inherit;width:inherit;border-radius:inherit}.content.svelte-19fq1o9{display:flex;flex-direction:column;gap:var(--spacing-lg)}.content.svelte-19fq1o9 .desc:where(.svelte-19fq1o9){font-size:var(--text-sm);color:var(--text-secondary)}.title.svelte-19fq1o9{font-family:var(--serif-display);font-weight:600;color:var(--text-primary);font-size:var(--text-2xl);margin:0}.desc.svelte-19fq1o9{font-family:var(--sans-serif);font-weight:400;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}@media only screen and (min-width:320px)and (max-width:576px){.book-entry.svelte-19fq1o9{padding:var(--spacing-xl) var(--spacing-md)}.title.svelte-19fq1o9{font-size:var(--text-lg2)}}main.svelte-1cahglz{max-width:1000px;display:flex;gap:3rem;justify-content:center;padding:var(--spacing-xl) var(--spacing-xxl);margin:auto}main.svelte-1cahglz #content:where(.svelte-1cahglz){width:70%;display:flex;flex-direction:column;gap:2rem}aside.svelte-1cahglz{width:30%}@media(max-width:900px){main.svelte-1cahglz{flex-wrap:wrap;padding:var(--spacing-xl) var(--spacing-lg)}main.svelte-1cahglz aside:where(.svelte-1cahglz){width:100%;display:flex;justify-content:center}main.svelte-1cahglz #content:where(.svelte-1cahglz){max-width:600px;width:100%}}
