.Preview-module-scss-module__zzWTPG__preview{border:1px solid var(--line);background:var(--paper-raised);border-radius:24px;overflow:hidden}.Preview-module-scss-module__zzWTPG__tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:14px 16px;display:flex}.Preview-module-scss-module__zzWTPG__tabs button{min-height:var(--tap);font:500 15px var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex;position:relative}.Preview-module-scss-module__zzWTPG__tabs button[aria-selected=true]{background:var(--paper-sunken);color:var(--ink);font-weight:600}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__tabs{flex-wrap:nowrap;padding:10px;overflow-x:auto}.Preview-module-scss-module__zzWTPG__tabs button{flex:none;padding:8px 11px;font-size:14px}}.Preview-module-scss-module__zzWTPG__progress{background:var(--accent);transform-origin:0;border-radius:2px;height:2px;animation:7s linear forwards Preview-module-scss-module__zzWTPG__fill;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}@keyframes Preview-module-scss-module__zzWTPG__fill{to{transform:scaleX(1)}}.Preview-module-scss-module__zzWTPG__panel{min-height:460px;padding:26px 28px 30px}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__panel{padding:18px 14px 20px}}.Preview-module-scss-module__zzWTPG__pane{container-type:inline-size}.Preview-module-scss-module__zzWTPG__paneTitle{font:800 20px var(--font-display);text-transform:capitalize;align-items:center;gap:8px;margin:0 0 14px;display:flex}.Preview-module-scss-module__zzWTPG__paneTitle svg{color:var(--ink-faint)}.Preview-module-scss-module__zzWTPG__ribbonScroll{margin-top:12px;overflow-x:auto}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__ribbonScroll{margin-inline:-14px;padding:0 14px 8px}}.Preview-module-scss-module__zzWTPG__ribbonWidth{min-width:760px;container-type:inline-size}.Preview-module-scss-module__zzWTPG__library{container-type:inline-size}.Preview-module-scss-module__zzWTPG__shelfRoom{height:390px}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__shelfRoom{height:300px}}.Preview-module-scss-module__zzWTPG__libraryTitle{font:800 18px var(--font-display);align-items:center;gap:8px;margin:0 0 14px;display:flex}.Preview-module-scss-module__zzWTPG__libraryTitle svg{color:var(--ink-faint)}.Preview-module-scss-module__zzWTPG__libraryTitle~.Preview-module-scss-module__zzWTPG__libraryTitle{margin-top:26px}.Preview-module-scss-module__zzWTPG__current{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:48px 0 0;list-style:none;display:grid}@media (max-width:980px){.Preview-module-scss-module__zzWTPG__current{grid-template-columns:1fr;row-gap:56px}}.Preview-module-scss-module__zzWTPG__currentBook{align-items:flex-end;gap:14px;display:flex}.Preview-module-scss-module__zzWTPG__currentCover{aspect-ratio:2/3;flex:none;width:92px;position:relative}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__currentCover{width:72px}}.Preview-module-scss-module__zzWTPG__currentFace{z-index:1;border-radius:var(--radius-book);position:absolute;inset:0;overflow:hidden}.Preview-module-scss-module__zzWTPG__currentFace img,.Preview-module-scss-module__zzWTPG__currentFace svg{object-fit:cover;width:100%;height:100%;display:block}.Preview-module-scss-module__zzWTPG__currentBookmark{top:calc(-1*var(--rise));z-index:0;width:24px;height:72px;transition:translate .35s cubic-bezier(.34,1.56,.64,1);position:absolute;left:56%}.Preview-module-scss-module__zzWTPG__currentBookmark svg{width:100%;height:100%;display:block}@media (hover:hover){.Preview-module-scss-module__zzWTPG__currentBook:hover .Preview-module-scss-module__zzWTPG__currentBookmark{translate:0 -6px}}.Preview-module-scss-module__zzWTPG__currentText{min-width:0}.Preview-module-scss-module__zzWTPG__currentText b{font:800 15px/1.2 var(--font-display);display:block}.Preview-module-scss-module__zzWTPG__currentText i{font:italic 400 13px var(--font-display);color:var(--ink-soft);display:block}.Preview-module-scss-module__zzWTPG__track{background:var(--paper-sunken);border-radius:3px;width:110px;height:5px;margin-top:8px;display:block;overflow:hidden}.Preview-module-scss-module__zzWTPG__track span{background:var(--accent);transform-origin:0;border-radius:3px;height:100%;display:block}.Preview-module-scss-module__zzWTPG__percent{color:var(--ink-soft);margin-top:4px;font-size:12px;display:block}.Preview-module-scss-module__zzWTPG__book{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:30px;display:grid}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__book{grid-template-columns:minmax(0,1fr);gap:18px}}.Preview-module-scss-module__zzWTPG__bookCover{aspect-ratio:2/3;border-radius:4px 8px 8px 4px;overflow:hidden}.Preview-module-scss-module__zzWTPG__bookCover img,.Preview-module-scss-module__zzWTPG__bookCover svg{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:600px){.Preview-module-scss-module__zzWTPG__bookCover{width:110px}}.Preview-module-scss-module__zzWTPG__bookTitle{font:800 30px/1.1 var(--font-display);margin:0}.Preview-module-scss-module__zzWTPG__bookAuthor{font:italic 400 17px var(--font-display);color:var(--ink-soft);margin:2px 0 14px}@media (prefers-reduced-motion:reduce){.Preview-module-scss-module__zzWTPG__progress{display:none}.Preview-module-scss-module__zzWTPG__currentBookmark{transition:none}}
.Tooltip-module-scss-module__ZdOcmq__tip{z-index:50;background:var(--ink);width:max-content;max-width:240px;color:var(--paper);font:500 .78125rem/1.4 var(--font-body);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--ty,4px));border-radius:10px;padding:7px 11px 8px;transition:opacity .14s,transform .18s cubic-bezier(.2,.7,.2,1);position:fixed;top:0;left:0;box-shadow:0 2px 8px #26221c24}.Tooltip-module-scss-module__ZdOcmq__tip[data-on]{opacity:1;visibility:visible;transform:none}.Tooltip-module-scss-module__ZdOcmq__tip[data-side=bottom]{--ty:-4px}.Tooltip-module-scss-module__ZdOcmq__tip b{font:800 .875rem/1.2 var(--font-display);margin-bottom:1px;display:block}.Tooltip-module-scss-module__ZdOcmq__tip span{display:block}.Tooltip-module-scss-module__ZdOcmq__tip:after{content:"";left:var(--ax,50%);background:inherit;border-radius:2px;width:9px;height:9px;position:absolute;transform:translate(-50%)rotate(45deg)}.Tooltip-module-scss-module__ZdOcmq__tip[data-side=top]:after{bottom:-4px}.Tooltip-module-scss-module__ZdOcmq__tip[data-side=bottom]:after{top:-4px}.Tooltip-module-scss-module__ZdOcmq__tipSub{opacity:.72}:root[data-theme=dark] .Tooltip-module-scss-module__ZdOcmq__tip{box-shadow:0 2px 10px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .Tooltip-module-scss-module__ZdOcmq__tip{box-shadow:0 2px 10px #0006}}@media (prefers-reduced-motion:reduce){.Tooltip-module-scss-module__ZdOcmq__tip{transition:opacity .1s;transform:none}}
