.book-list{--fit:calc((100% - (var(--nq-page-list-columns) - 1) * var(--nq-page-gutter)) / var(--nq-page-list-columns));grid-template-columns:repeat(auto-fill, minmax(min(max(var(--nq-page-list-row-min), var(--fit)), 100%), 1fr));column-gap:var(--nq-page-gutter);row-gap:var(--nq-space-m);align-items:start;display:grid}.book-list>.book-cell{position:relative}.book-list .row{align-items:center;gap:var(--nq-space-m);color:inherit;-webkit-tap-highlight-color:transparent;display:flex}.book-list .row-cover{width:var(--nq-space-xxl);flex:none}.book-list .row-cover .cover{border-radius:var(--nq-radius-s)}.book-list .add-thumb{aspect-ratio:2/3;border-radius:var(--nq-radius-s);background-color:var(--nq-fog);box-shadow:var(--nq-shadow-raised);color:var(--nq-graphite);place-items:center;display:grid}.book-list .add-words{font-size:var(--nq-text-hint-size);font-weight:var(--nq-text-hint-weight);font-style:var(--nq-italic);line-height:var(--nq-line-height);color:var(--nq-stone)}.book-list .row-text{gap:var(--nq-space-xs);min-width:0;line-height:var(--nq-line-height);flex:1;display:grid}.book-list .row-title{font-size:var(--nq-text-subtitle-size);font-weight:var(--nq-text-subtitle-weight);color:var(--nq-graphite);overflow-wrap:anywhere}.book-list .row-author{font-size:var(--nq-text-quote-size);font-weight:var(--nq-text-quote-weight);font-style:var(--nq-italic);color:var(--nq-graphite)}.book-list .row-date{font-size:var(--nq-text-meta-size);font-weight:var(--nq-text-meta-weight);font-style:var(--nq-italic);color:var(--nq-pebble)}.cover.svelte-164q9h6{aspect-ratio:2/3;border-radius:var(--nq-radius-m);background:var(--nq-fog);width:100%}.list.svelte-164q9h6 .book-cell:where(.svelte-164q9h6){gap:var(--nq-space-m);align-items:center;display:flex}.list.svelte-164q9h6 .cover:where(.svelte-164q9h6){width:var(--nq-space-xxl);border-radius:var(--nq-radius-s);flex:none}.lines.svelte-164q9h6{gap:var(--nq-space-xs);width:100%;display:grid}span.svelte-164q9h6{height:var(--nq-text-subtitle-size);border-radius:var(--nq-radius-s);background:var(--nq-fog)}span.svelte-164q9h6+span:where(.svelte-164q9h6){width:60%;height:var(--nq-text-quote-size)}
