.Bookshelf-module__jJkQoG__viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--rule)transparent;overflow-x:auto}.Bookshelf-module__jJkQoG__shelf{--book-height:220px;--spine-width:44px;align-items:flex-end;gap:12px;width:max-content;min-width:100%;padding:32px 12px 28px;display:flex}.Bookshelf-module__jJkQoG__slot{width:var(--spine-width);height:var(--book-height);perspective:1000px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;flex:none;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative}.Bookshelf-module__jJkQoG__slot[data-active=true]{width:calc(var(--book-height)*var(--cover-ratio) + 24px)}.Bookshelf-module__jJkQoG__book{width:var(--spine-width);height:100%;transform-style:preserve-3d;transform-origin:0;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:relative}@media (hover:hover) and (pointer:fine){.Bookshelf-module__jJkQoG__slot:hover .Bookshelf-module__jJkQoG__book{transform:translateY(-5px)translateZ(10px)rotateY(-6deg)}}.Bookshelf-module__jJkQoG__slot[data-active=true] .Bookshelf-module__jJkQoG__book{transform:translateY(-9px)translateZ(20px)rotateY(-76deg)}.Bookshelf-module__jJkQoG__spine,.Bookshelf-module__jJkQoG__cover{backface-visibility:hidden;background-color:var(--spine-color);border-radius:2px;height:100%;position:absolute;top:0}.Bookshelf-module__jJkQoG__spine{width:var(--spine-width);writing-mode:vertical-rl;color:var(--spine-ink);background-image:linear-gradient(90deg,#0003,#fff1 12%,#0000 28%,#0001 85%,#0004);align-items:center;gap:16px;padding:15px 9px;display:flex;box-shadow:inset 1px 0 #fff3,2px 3px 5px #0002}.Bookshelf-module__jJkQoG__spineTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;min-height:0;font-size:15px;font-weight:600;line-height:1;overflow:hidden}.Bookshelf-module__jJkQoG__cover{left:var(--spine-width);width:calc(var(--book-height)*var(--cover-ratio));transform-origin:0;overflow:hidden;transform:rotateY(90deg);box-shadow:8px 12px 18px #0003}.Bookshelf-module__jJkQoG__cover img{object-fit:cover;width:100%;height:100%}.Bookshelf-module__jJkQoG__cover:after{content:"";background:linear-gradient(90deg,#0004,#fff2 3%,#0002 5%,#0000 10%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0002}@media (max-width:480px){.Bookshelf-module__jJkQoG__shelf{--book-height:190px;--spine-width:38px;gap:9px}.Bookshelf-module__jJkQoG__spine{gap:10px;padding:12px 6px}.Bookshelf-module__jJkQoG__spineTitle{font-size:13px}}@media (prefers-reduced-motion:reduce){.Bookshelf-module__jJkQoG__slot,.Bookshelf-module__jJkQoG__book{transition:none}}.Bookshelf-module__jJkQoG__browse{border:1px solid var(--rule);cursor:pointer;width:44px;height:44px;color:var(--fg);border-radius:3px;place-items:center;font-size:20px;line-height:1;display:grid}.Bookshelf-module__jJkQoG__browse:hover:not(:disabled){border-color:var(--fg-muted)}.Bookshelf-module__jJkQoG__browse:disabled{opacity:.3;cursor:default}