.book-spine[data-v-bd7a9f86]{--spine-cloth:var(--spine-bg);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:var(--spine-width)}@supports (color:color-mix(in oklab,red,blue)){.book-spine[data-v-bd7a9f86]{--spine-cloth:color-mix(in oklab,var(--spine-bg) 90%,var(--surface-primary))}}.book-spine--tilted[data-v-bd7a9f86]{transform:rotate(var(--spine-tilt));transform-origin:bottom center}.book-spine[data-v-bd7a9f86]:hover{transform:translateY(-6px);z-index:var(--z-raised)}.book-spine--tilted[data-v-bd7a9f86]:hover{transform:rotate(var(--spine-tilt)) translateY(-6px)}.book-spine[data-v-bd7a9f86]:active{transform:scale(var(--scale-press-subtle))}.book-spine--tilted[data-v-bd7a9f86]:active{transform:rotate(var(--spine-tilt)) scale(var(--scale-press-subtle))}.book-spine--selected .book-spine__cloth[data-v-bd7a9f86]{outline:2px solid var(--interactive-primary);outline-offset:1px}.book-spine__pages[data-v-bd7a9f86]{background:linear-gradient(to bottom,var(--spine-edge-shade),transparent 55%,var(--spine-rule-shade)),linear-gradient(to right,var(--spine-rule-shade),transparent 25%,transparent 75%,var(--spine-rule-shade)),var(--spine-paper);border-width:0;border-bottom:0 solid var(--spine-cloth);border-left:2px solid var(--spine-cloth);border-radius:var(--radius-xs) var(--radius-xs) 0 0;border-right:2px solid var(--spine-cloth);border-top:1px solid var(--spine-cloth);box-sizing:border-box;flex-shrink:0;height:var(--spine-pages-height)}.book-spine__cloth[data-v-bd7a9f86]{background:linear-gradient(calc(90deg - var(--spine-tilt)),var(--spine-edge-shade) 0,transparent 18%,var(--spine-edge-light) 45%,transparent 75%,var(--spine-edge-shade) 100%),var(--spine-leather) var(--spine-leather-x) 0 /var(--spine-leather-size) repeat,var(--spine-cloth);background-blend-mode:normal,soft-light;border-radius:0 0 var(--radius-xs) var(--radius-xs);box-shadow:inset 0 0 0 1px var(--spine-rule-shade),var(--shelf-book-shadow);box-sizing:border-box;display:flex;flex-direction:column;height:var(--spine-height);overflow:hidden;padding:var(--space-2) 0 var(--space-1-5);position:relative}.book-spine__band[data-v-bd7a9f86]{background-color:var(--spine-rule-shade);flex-shrink:0;height:2px;margin:0 var(--space-0-5)}.book-spine__body[data-v-bd7a9f86]{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--gap-text);justify-content:center;min-height:0;overflow:hidden;padding:var(--space-1-5) 0;transform:rotate(180deg);writing-mode:vertical-rl}.book-spine__author[data-v-bd7a9f86],.book-spine__title[data-v-bd7a9f86]{color:var(--spine-ink);font-family:var(--font-body);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-snug);line-height:var(--line-height-tight);max-inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-spine__title[data-v-bd7a9f86]{font-size:var(--spine-title-size)}.book-spine__author[data-v-bd7a9f86]{font-size:calc(var(--spine-font-size)*var(--spine-author-scale));opacity:.8}.book-spine__series[data-v-bd7a9f86]{flex-shrink:0;line-height:1;padding-bottom:var(--space-1)}.book-spine__finished[data-v-bd7a9f86]{background-color:var(--spine-ink);border-radius:var(--radius-full);height:var(--spine-finished-size);left:50%;opacity:.85;top:var(--space-1);translate:-50% 0;width:var(--spine-finished-size)}.book-spine__finished[data-v-bd7a9f86],.book-spine__ribbon[data-v-bd7a9f86]{pointer-events:none;position:absolute;z-index:var(--z-raised)}.book-spine__ribbon[data-v-bd7a9f86]{background-color:var(--interactive-primary);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);height:19px;right:22%;top:0;width:5px}.shelf-stack[data-v-1704e25f]{align-self:flex-end;display:flex;flex-direction:column-reverse;flex-shrink:0;gap:0}.shelf-stack__item[data-v-1704e25f]{display:flex}.shelf-stack__book[data-v-1704e25f]{background:none;block-size:var(--lying-w);border:none;cursor:pointer;display:block;flex-shrink:0;inline-size:var(--lying-h);margin-inline-start:var(--lying-shift);overflow:hidden;padding:0;position:relative;transition:transform var(--duration-fast) ease}.shelf-stack__book.is-pulled[data-v-1704e25f],.shelf-stack__book[data-v-1704e25f]:hover{transform:translate(calc(var(--space-2)*-1));z-index:var(--z-raised)}.shelf-stack__book[data-v-1704e25f]:active{transform:scale(var(--scale-press-subtle))}.shelf-stack__book[data-v-1704e25f]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.shelf-stack__inner[data-v-1704e25f]{inset-block-start:calc((var(--lying-w) - var(--lying-h))/2);inset-inline-start:calc((var(--lying-h) - var(--lying-w))/2);pointer-events:none;position:absolute;transform:rotate(90deg);transform-origin:center}