.series-set{--set-overlap:1.75rem;--set-cover:min(7.5rem, calc((100vw - 3rem + (var(--set-count) - 1) * var(--set-overlap)) / var(--set-count)));--cover-tuck:var(--set-overlap);isolation:isolate}@media (min-width:48rem){.series-set{--set-overlap:3.5rem;--set-cover:12.5rem}}@media (min-width:64rem){.series-set[data-size=large]{--set-overlap:4rem;--set-cover:15rem}}.series-set li{width:var(--set-cover);z-index:calc(var(--set-count) - var(--set-index));translate:calc(var(--set-index) * (var(--set-overlap) - var(--set-cover) + .375rem)) 0;transition:translate 1.4s var(--sky-ease) calc(.15s + var(--set-index) * 90ms), transform .7s var(--sky-ease);flex-shrink:0;position:relative}.series-set li+li{margin-left:calc(var(--set-overlap) * -1)}.series-set.is-seen li{translate:0}html[data-motion=reduced] .series-set li{transition:none;translate:none}
.shelf-row{--cover-gap:.75rem;--shelf-gap:1.5rem;--row-cover:calc((100cqw - 3 * var(--cover-gap)) / 4);align-items:flex-end;gap:1.75rem var(--shelf-gap);flex-wrap:wrap;display:flex;container-type:inline-size}.shelf-row__shelf{flex-direction:column;display:flex}.shelf-row__shelf[data-series]{flex-basis:100%}.shelf-row__name{text-wrap:balance;width:0;min-width:100%;margin-bottom:.75rem}.shelf-row__covers{grid-template-columns:repeat(var(--shelf-books), var(--row-cover));gap:var(--cover-gap);display:grid}@media (min-width:48rem){.shelf-row{--cover-gap:1rem;--shelf-gap:2.5rem;--row-cover:100px;row-gap:2.5rem}.shelf-row__shelf[data-series]{flex-basis:auto}}@media (min-width:64rem){.shelf-row{--row-cover:calc((100cqw - (var(--row-books) - var(--row-shelves)) * var(--cover-gap) - (var(--row-shelves) - 1) * var(--shelf-gap)) / var(--row-books));flex-wrap:nowrap}}
