.catalog-reader-section{padding-block:24px 96px;background-image:linear-gradient(180deg,transparent 22vw,#fff 47vw),url(/commonde/images/catalog/catalog-reader-background.webp);background-position:top;background-repeat:no-repeat;background-size:100% 100%,100% auto}.catalog-reader__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.catalog-reader__heading h1{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin:0}.catalog-reader__actions{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:4px}.catalog-reader__stage{position:relative;width:min(100%,1200px);aspect-ratio:810.709/612.284;margin-inline:auto;outline-offset:6px}.catalog-reader__stage--portrait{aspect-ratio:405.3545/612.284}.catalog-reader__book{width:100%;height:100%;filter:drop-shadow(0 18px 22px rgba(20,32,28,.17))}.catalog-reader__page{position:relative;background:#fff;overflow:hidden}.catalog-reader__page:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:9%;pointer-events:none}.catalog-reader__page:nth-child(2n):after{right:0;background:linear-gradient(270deg,rgba(20,32,28,.22),transparent)}.catalog-reader__page:nth-child(odd):after{left:0;background:linear-gradient(90deg,rgba(20,32,28,.22),transparent)}.catalog-reader__page img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalog-reader__loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:#fff}.catalog-reader__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}.catalog-reader__controls .catalog-reader__jump button,.catalog-reader__controls>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--green);cursor:pointer}.catalog-reader__controls button:hover:not(:disabled){border-color:var(--green);background:var(--green);color:#fff}.catalog-reader__controls button:disabled{opacity:.4;cursor:not-allowed}.catalog-reader__count{min-width:94px;text-align:center;font-size:.87rem;font-weight:700;font-variant-numeric:tabular-nums}.catalog-reader__jump{display:flex;align-items:center;gap:8px;margin-inline-start:30px;font-size:.78rem;color:var(--muted)}.catalog-reader__jump input{width:60px;height:44px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);text-align:center}.catalog-reader__source{display:flex;align-items:start;gap:12px;max-width:740px;margin:46px 0 0;color:var(--muted);font-size:.8rem}.catalog-reader__source svg{flex:0 0 auto;color:var(--copper)}.catalog-reader__source p{margin:0}@media(max-width:700px){.catalog-reader-section{padding-block:20px 70px}.catalog-reader__heading{align-items:start;flex-direction:column;gap:12px}.catalog-reader__controls{flex-wrap:wrap;gap:12px}.catalog-reader__jump{justify-content:center;width:100%;margin-inline-start:0}}