:root{--bar-h: 60px;--foot-h: 52px;--ease: cubic-bezier(.2,.7,.2,1)}html[data-skin=paseo] .catalog-viewer{--canvas: #E9E1D4;--surface: #F2ECE1;--surface-2: #FFFFFF;--ink: #2B1912;--ink-2: #5B4B43;--ink-3: #8A7D73;--line: #DACEB4;--line-soft: rgba(43,25,18,.14);--accent: #954626;--on-ink: #E9E1D4;--font-title: var(--b2b-font-display);--font-ui: var(--b2b-font-text);--radius: 0px}html[data-skin=hea] .catalog-viewer{--canvas: #FEFDFB;--surface: #F5F1EA;--surface-2: #FFFFFF;--ink: #3A3632;--ink-2: #706B65;--ink-3: #8A847E;--line: #E8E2D8;--line-soft: rgba(58,54,50,.14);--accent: #82603C;--on-ink: #FEFDFB;--font-title: var(--b2b-font-title);--font-ui: var(--b2b-font-text);--radius: 0px}html[data-skin=stetson] .catalog-viewer{--canvas: #F1EEEA;--surface: #E9E5E0;--surface-2: #FFFFFF;--ink: #3C3737;--ink-2: #635F63;--ink-3: #8A868A;--line: #BCB9BD;--line-soft: rgba(60,55,55,.16);--accent: #3F1E1F;--on-ink: #F1EEEA;--font-title: var(--b2b-font-text);--font-ui: var(--b2b-font-text);--radius: 0px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:var(--b2b-type-ui);line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden;display:flex;flex-direction:column}.catalog-viewer{display:flex;flex-direction:column;height:100%;min-height:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}svg{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bar{height:var(--bar-h);flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:16px;border-bottom:1px solid var(--line);background:var(--canvas);z-index:20}.bar-left{display:flex;align-items:center;gap:18px;min-width:0}.bar-left .back{display:inline-flex;align-items:center;gap:6px;font-size:var(--b2b-type-ui);color:var(--ink-2);text-decoration:none;white-space:nowrap}.bar-left .back:hover{color:var(--ink)}.bar-left .back svg{width:16px;height:16px}.wordmark{display:block;height:22px;width:auto}:root[data-skin=hea] .wordmark{height:30px}:root[data-skin=stetson] .wordmark{height:30px}.bar-title{font-family:var(--font-title);font-weight:var(--b2b-weight-title);font-size:var(--b2b-type-title-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-title small{font-family:var(--font-ui);font-size:var(--b2b-type-ui);color:var(--ink-3);margin-left:10px}.bar-center{display:flex;align-items:center;gap:8px;justify-self:center}.pager{display:inline-flex;align-items:baseline;gap:5px;font-size:var(--b2b-type-ui);color:var(--ink-2);font-variant-numeric:tabular-nums}.pager input{width:3.4em;text-align:right;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line-soft);padding:2px;outline:none}.pager input:focus{border-bottom-color:var(--ink)}.bar-right{display:flex;align-items:center;justify-content:flex-end;gap:2px}.ib{width:40px;height:40px;display:inline-grid;place-items:center;color:var(--ink-2);border-radius:var(--radius);position:relative}.ib svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ib:hover,.ib[aria-pressed=true]{color:var(--ink);background:#0000000d}.ib[aria-pressed=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:var(--ink)}.ib[data-tip]:before{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--on-ink);font-size:var(--b2b-type-micro);white-space:nowrap;padding:5px 9px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30;border-radius:var(--radius)}.ib:hover:before{opacity:1;transition-delay:.5s}.bar .sep{width:1px;height:22px;background:var(--line);margin:0 8px}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.book-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px 72px}.book-sizer{position:relative;width:100%;max-width:100%}#book .stf__wrapper{position:relative;width:100%}#book{position:relative;width:100%;filter:drop-shadow(0 24px 40px rgba(43,25,18,.18)) drop-shadow(0 2px 6px rgba(43,25,18,.1))}:root[data-skin=hea] #book{filter:drop-shadow(0 24px 40px rgba(58,54,50,.16)) drop-shadow(0 2px 6px rgba(58,54,50,.08))}.page{background:#fff;overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page.pending{background:var(--surface)}.page .hs{position:absolute;display:block;cursor:pointer;z-index:3}.page .hs:hover{outline:1px dashed var(--accent);outline-offset:2px;background:#9546260f}:root[data-skin=hea] .page .hs:hover{background:#a67b5b14}.nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:96px;display:grid;place-items:center;color:var(--ink-2);opacity:.7;transition:opacity .2s,color .2s;z-index:5}.nav:hover{opacity:1;color:var(--ink)}.nav[disabled]{opacity:.15;pointer-events:none}.nav svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.nav.prev{left:6px}.nav.next{right:6px}.foot{height:var(--foot-h);flex:none;border-top:1px solid var(--line);background:var(--canvas);padding:0 24px;display:flex;align-items:center;z-index:20}.scrub{position:relative;width:100%;height:100%}.scrub-track{position:absolute;left:0;right:0;top:18px;height:1px;background:var(--line-soft)}.scrub-fill{position:absolute;left:0;top:18px;height:1px;background:var(--ink);width:0;transition:width .25s var(--ease)}.scrub-sections{position:absolute;left:0;right:0;top:0;height:100%}.scrub-sec{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;color:var(--ink-3)}.scrub-sec i{display:block;width:1px;height:7px;background:var(--ink-3);margin-top:15px}.scrub-sec span{font-size:var(--b2b-type-micro);white-space:nowrap;margin-top:4px;transform:translate(-1px);transition:color .15s}.scrub-sec:hover span,.scrub-sec.on span{color:var(--ink)}.scrub-sec.on i{background:var(--ink)}.scrub-sec.crowded span{opacity:0}.scrub-sec.crowded:hover span,.scrub-sec.crowded.on span{opacity:1;background:var(--canvas);position:relative;z-index:2;padding-right:6px}.scrub-handle{position:absolute;top:12px;width:13px;height:13px;border-radius:50%;background:var(--canvas);border:1.5px solid var(--ink);transform:translate(-50%);cursor:grab;z-index:3;transition:left .25s var(--ease)}.scrub.dragging .scrub-handle{transition:none;cursor:grabbing}.scrub-hit{position:absolute;left:0;right:0;top:6px;height:26px;cursor:pointer;z-index:2}.scrub-peek{position:absolute;bottom:calc(100% - 4px);transform:translate(-50%);width:120px;background:var(--surface-2);padding:4px;box-shadow:0 8px 24px #00000024;display:none;z-index:10;pointer-events:none;text-align:center;font-size:var(--b2b-type-micro);color:var(--ink-2)}.scrub-peek img{display:block;width:100%;height:auto;margin-bottom:3px}.scrub.peeking .scrub-peek{display:block}.panel{position:absolute;top:var(--bar-h);bottom:var(--foot-h);left:0;width:360px;max-width:100%;background:var(--surface-2);border-right:1px solid var(--line);z-index:15;transform:translate(-100%);transition:transform .3s var(--ease);display:flex;flex-direction:column;visibility:hidden}.panel.open{transform:none;visibility:visible}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.panel-head h2{margin:0;font-family:var(--font-title);font-weight:var(--b2b-weight-title);font-size:var(--b2b-type-section)}.panel-body{flex:1;overflow:auto;padding:0 8px 20px;scrollbar-width:thin}.toc{list-style:none;margin:0;padding:0}.toc button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;text-align:left;padding:7px 12px;border-radius:var(--radius)}.toc button:hover{background:var(--surface)}.toc button.on{background:var(--surface);color:var(--ink)}.toc .sec>button{font-family:var(--font-title);font-weight:var(--b2b-weight-title);font-size:var(--b2b-type-title-sm);margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.toc .sec:first-child>button{margin-top:0;border-top:0}.toc .l1>button{padding-left:24px;font-size:var(--b2b-type-ui);color:var(--ink);font-weight:var(--b2b-weight-label);margin-top:6px}.toc .l2>button{padding-left:24px;font-size:var(--b2b-type-ui);color:var(--ink-2)}.toc .l1+.l2>button{margin-top:0}.toc .lab small{display:block;font-size:var(--b2b-type-micro);color:var(--ink-3);margin-top:1px}.toc .n{font-size:var(--b2b-type-micro);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.search-box{display:flex;align-items:center;gap:8px;margin:0 20px 10px;border-bottom:1px solid var(--ink);padding-bottom:6px}.search-box svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:1.5;stroke-linecap:round}.search-box input{flex:1;font:inherit;font-size:var(--b2b-type-body);color:var(--ink);background:transparent;border:0;outline:none}.search-box input::placeholder{color:var(--ink-3)}.search-meta{margin:0 20px 8px;font-size:var(--b2b-type-micro);color:var(--ink-3)}.hits{list-style:none;margin:0;padding:0}.hit{display:grid;grid-template-columns:72px 1fr;gap:12px;width:100%;text-align:left;padding:10px 12px;align-items:start;border-radius:var(--radius)}.hit:hover{background:var(--surface)}.hit img{width:72px;height:auto;display:block;border:1px solid var(--line);background:#fff}.hit .hp{font-size:var(--b2b-type-micro);color:var(--ink-3);margin-bottom:3px}.hit .hx{font-size:var(--b2b-type-ui);color:var(--ink-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hit mark{background:transparent;color:var(--ink);font-weight:var(--b2b-weight-label);border-bottom:1px solid var(--accent)}.grid-overlay{position:absolute;inset:var(--bar-h) 0 var(--foot-h) 0;background:var(--canvas);z-index:14;overflow:auto;padding:24px 28px 40px;display:none;scrollbar-width:thin}.grid-overlay.open{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;max-width:1400px;margin:0 auto}.grid button{display:block;text-align:center;font-size:var(--b2b-type-micro);color:var(--ink-3);padding:0}.grid button img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #00000014;transition:transform .2s var(--ease);margin-bottom:7px}.grid button:hover img,.grid button.on img{transform:translateY(-3px);outline:1.5px solid var(--ink);outline-offset:2px}.grid button.on{color:var(--ink)}.grid .cover-cell{grid-column:1}.pop{position:absolute;top:calc(var(--bar-h) + 6px);right:20px;width:320px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 16px 40px #00000024;z-index:25;padding:18px 18px 14px;display:none}.pop.open{display:block}.pop h3{margin:0 0 10px;font-family:var(--font-title);font-weight:var(--b2b-weight-title);font-size:var(--b2b-type-title-sm)}.pop .row{display:flex;gap:8px;align-items:center;margin-top:10px}.pop input{flex:1;font:inherit;font-size:var(--b2b-type-ui);padding:8px 10px;border:1px solid var(--line);color:var(--ink-2);background:var(--surface);min-width:0}.pop label{display:flex;align-items:center;gap:8px;font-size:var(--b2b-type-ui);color:var(--ink-2);margin-top:8px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;background:var(--ink);color:var(--on-ink);font-size:var(--b2b-type-ui);font-weight:var(--b2b-weight-label);text-transform:var(--b2b-button-case);text-decoration:none;border-radius:var(--radius);white-space:nowrap}.btn:hover{outline:1px dashed currentColor;outline-offset:3px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pop .links{display:grid;gap:6px;margin-top:12px}.pop .links a,.pop .links button{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:var(--b2b-type-ui);text-decoration:none;width:100%;text-align:left;border-radius:var(--radius)}.pop .links a:hover,.pop .links button:hover{background:var(--surface)}.pop .links svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pop .note{font-size:var(--b2b-type-micro);color:var(--ink-3);margin-top:10px}.zoom{position:absolute;inset:var(--bar-h) 0 var(--foot-h) 0;background:var(--canvas);z-index:16;display:none;overflow:auto;cursor:grab;scrollbar-width:thin}.zoom.open{display:block}.zoom.grabbing{cursor:grabbing}.zoom-inner{display:flex;justify-content:center;align-items:flex-start;padding:24px;min-width:100%;width:max-content;margin:0 auto;gap:0}.zoom-inner img{display:block;background:#fff;box-shadow:0 10px 30px #00000024}.zoom-ctl{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);padding:4px;z-index:17;box-shadow:0 8px 24px #0000001f}.zoom-ctl .ib{width:36px;height:36px}.zoom-ctl .lvl{display:grid;place-items:center;min-width:54px;font-size:var(--b2b-type-ui);color:var(--ink-2);font-variant-numeric:tabular-nums}.scrim{position:absolute;inset:var(--bar-h) 0 var(--foot-h) 0;z-index:13;display:none}.scrim.open{display:block}.toast{position:absolute;left:50%;bottom:calc(var(--foot-h) + 18px);transform:translate(-50%,8px);background:var(--ink);color:var(--on-ink);padding:9px 14px;font-size:var(--b2b-type-ui);opacity:0;transition:.25s var(--ease);z-index:40;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:12;background:var(--canvas);color:var(--ink-3);font-size:var(--b2b-type-ui);transition:opacity .4s}.loading.done{opacity:0;pointer-events:none}@media(max-width:1100px){.bar-title small{display:none}}@media(max-width:860px){:root{--bar-h: 54px;--foot-h: 58px}.bar{grid-template-columns:auto 1fr;padding:0 6px 0 8px;gap:6px}.bar-center,.bar-title{display:none}.bar-left{gap:8px}.bar-left .back{width:32px;justify-content:center}.bar-left .back span{display:none}.ib[data-tip]:before{display:none}.ib{width:34px;height:34px}.bar-right{gap:0}#btn-print,#btn-fs,.bar .sep{display:none}.wordmark{height:16px;max-width:104px;object-fit:contain;object-position:left center}:root[data-skin=hea] .wordmark,:root[data-skin=stetson] .wordmark{height:20px}.book-wrap{padding:16px 12px}.nav{width:40px;opacity:.5}.nav.prev{left:-2px}.nav.next{right:-2px}.panel{width:100%}.foot{padding:0 16px}.scrub-sec span{display:none}.scrub-sec.on span{display:block}.pop{right:8px;left:8px;width:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px 10px}.grid-overlay{padding:14px 14px 30px}}#print-area{display:none}@media print{body>*:not(#print-area){display:none!important}body{overflow:visible;background:#fff}#print-area{display:block}#print-area img{width:100%;height:auto;page-break-after:always;display:block}@page{size:landscape;margin:0}}.catalog-viewer{background:var(--canvas);color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/81/assets/catalog-viewer.css.map */