.spine-placeholder.svelte-7mx9nj{padding-block:6cqw;font-family:Noto Serif JP,serif;container-type:size}.spine-placeholder.svelte-7mx9nj span:where(.svelte-7mx9nj){writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;text-overflow:ellipsis;min-height:0;overflow:hidden}.title.svelte-7mx9nj{color:#1f2937;max-height:55%;margin-top:6cqw;font-size:50cqw;font-weight:700}.author.svelte-7mx9nj{color:#4b5563;max-height:30%;margin-top:50cqw;font-size:36cqw}.series.svelte-7mx9nj{color:#6b7280;max-height:20%;margin-top:auto;font-size:34cqw}.spine.svelte-15ldfyb{border:1px solid var(--border-color)}.book-frame.svelte-i6htku{--grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'n'%20color-interpolation-filters%3D'sRGB'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.85'%20numOctaves%3D'3'%20seed%3D'1'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D'linear'%20slope%3D'2.2'%20intercept%3D'-0.6'%2F%3E%3CfeFuncG%20type%3D'linear'%20slope%3D'2.2'%20intercept%3D'-0.6'%2F%3E%3CfeFuncB%20type%3D'linear'%20slope%3D'2.2'%20intercept%3D'-0.6'%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%20opacity%3D'0.55'%2F%3E%3C%2Fsvg%3E");background-image:var(--grain), linear-gradient(to bottom, var(--top-color), var(--bottom-color));background-blend-mode:overlay, normal}@property --depth-top{syntax:"<length>";inherits:true;initial-value:40px}@property --depth-bottom{syntax:"<length>";inherits:true;initial-value:40px}@property --shade-top{syntax:"<number>";inherits:true;initial-value:.26}@property --shade-floor{syntax:"<number>";inherits:true;initial-value:.22}@keyframes svelte-i6htku-shelf-viewpoint{0%{--depth-top:28px;--depth-bottom:52px;--shade-top:.2;--shade-floor:.28}to{--depth-top:52px;--depth-bottom:28px;--shade-top:.32;--shade-floor:.16}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.book-frame.svelte-i6htku{animation:linear both svelte-i6htku-shelf-viewpoint;animation-timeline:view();animation-range:contain}}}.shelf-top.svelte-i6htku,.shelf-left.svelte-i6htku,.shelf-right.svelte-i6htku,.shelf-floor.svelte-i6htku{pointer-events:none;position:absolute}.shelf-top.svelte-i6htku{height:var(--depth-top);clip-path:polygon(0 0, 100% 0, calc(100% - var(--depth)) 100%, var(--depth) 100%);background:rgb(0 0 0/var(--shade-top));inset:0 0 auto}.shelf-left.svelte-i6htku{width:var(--depth);clip-path:polygon(0 0, 100% var(--depth-top), 100% calc(100% - var(--depth-bottom)), 0 100%);background:#00000024;inset:0 auto 0 0}.shelf-right.svelte-i6htku{width:var(--depth);clip-path:polygon(0 var(--depth-top), 100% 0, 100% 100%, 0 calc(100% - var(--depth-bottom)));background:#00000012;inset:0 0 0 auto}.shelf-floor.svelte-i6htku{height:var(--depth-bottom);clip-path:polygon(var(--depth) 0, calc(100% - var(--depth)) 0, 100% 100%, 0 100%);background:rgb(255 255 255/var(--shade-floor));inset:auto 0 0}.book-frame.svelte-i6htku:hover{background-image:var(--grain), linear-gradient(to bottom, var(--hovering-top-color), var(--hovering-bottom-color))}