.catalog-pdf-root { position: relative; max-width: 100%; margin: 0 auto 2.5rem; min-height: 360px; } .catalog-pdf-tools { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem 0.75rem; margin-bottom: 1rem; padding: 0 0.5rem; } .catalog-pdf-tools .catalog-pdf-tool-btn.button-primary.sm { min-width: 2.75rem; padding-left: 14px; padding-right: 14px; text-align: center; } .catalog-pdf-tools .catalog-pdf-tool-btn--wide.button-primary.sm { min-width: auto; padding-left: 18px; padding-right: 18px; } .catalog-pdf-tools .catalog-pdf-tool-btn--icon.button-primary.sm { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; padding-left: 12px; padding-right: 12px; } .catalog-pdf-icon-loupe { display: block; vertical-align: middle; } .catalog-pdf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .catalog-pdf-zoom-label { display: inline-block; min-width: 3.25rem; text-align: center; font-size: 0.9rem; font-variant-numeric: tabular-nums; color: #444; } .catalog-pdf-stage { position: relative; width: 100%; min-height: 200px; max-height: 860px; overflow: auto; margin: 0 auto; padding: 1rem; box-sizing: border-box; display: flex; justify-content: center; align-items: flex-start; border-radius: 4px; outline: none; } .catalog-pdf-sheet { position: relative; display: inline-block; line-height: 0; vertical-align: top; } .catalog-pdf-hit { position: absolute; z-index: 2; border: 0; padding: 0; margin: 0; cursor: pointer; background: transparent; transition: background 0.2s ease; -webkit-tap-highlight-color: transparent; } .catalog-pdf-hit:hover:not(:disabled), .catalog-pdf-hit:focus-visible:not(:disabled) { background: rgba(205, 15, 22, 0.1); } .catalog-pdf-hit:disabled { cursor: default; opacity: 0; pointer-events: none; } .catalog-pdf-hit--tl { top: 0; left: 0; width: 26%; height: 26%; max-width: 132px; max-height: 132px; min-width: 56px; min-height: 56px; clip-path: polygon(0 0, 100% 0, 0 100%); } .catalog-pdf-hit--tr { top: 0; right: 0; width: 26%; height: 26%; max-width: 132px; max-height: 132px; min-width: 56px; min-height: 56px; clip-path: polygon(0 0, 100% 0, 100% 100%); } .catalog-pdf-hit--bl { bottom: 0; left: 0; width: 26%; height: 26%; max-width: 132px; max-height: 132px; min-width: 56px; min-height: 56px; clip-path: polygon(0 0, 0 100%, 100% 100%); } .catalog-pdf-hit--br { bottom: 0; right: 0; width: 26%; height: 26%; max-width: 132px; max-height: 132px; min-width: 56px; min-height: 56px; clip-path: polygon(100% 0, 0 100%, 100% 100%); } .catalog-pdf-stage:focus-visible { box-shadow: 0 0 0 2px rgba(205, 15, 22, 0.35); } .catalog-pdf-lens { position: fixed; z-index: 9999; width: 200px; height: 200px; margin: 0; padding: 0; border-radius: 50%; overflow: hidden; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.95), 0 0 0 5px rgba(205, 15, 22, 0.45); pointer-events: none; } .catalog-pdf-lens[hidden] { display: none !important; } .catalog-pdf-lens-canvas { display: block; width: 100%; height: 100%; } .catalog-pdf-root--loupe .catalog-pdf-sheet { cursor: crosshair; } .catalog-pdf-stage:fullscreen { max-height: none; align-items: center; background: #2a2a2a; } .catalog-pdf-stage:fullscreen .catalog-pdf-canvas { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } .catalog-pdf-canvas { display: block; max-width: none; height: auto; background: #ffffff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); } .catalog-pdf-spinner { position: absolute; left: 0; right: 0; top: 0; min-height: 320px; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 2rem; color: #555; background: rgba(247, 247, 247, 0.94); box-sizing: border-box; border-radius: 4px; } .catalog-pdf-spinner.catalog-pdf-spinner--hide { display: none; } .catalog-pdf-toolbar { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.25rem; padding: 0 0.5rem; } .catalog-pdf-hint { margin: 0.75rem 0 0; text-align: center; font-size: 0.85rem; color: #666; } .catalog-pdf-toolbar .catalog-pdf-nav-btn.button-primary.sm { min-width: 9rem; text-align: center; } .catalog-pdf-pageinfo { font-size: 0.9rem; color: #555; min-width: 8rem; text-align: center; font-variant-numeric: tabular-nums; } .catalog-pdf-spinner__txt { font-size: 0.95rem; } .catalog-pdf-spinner__arc { width: 44px; height: 44px; border-radius: 50%; border: 3px solid rgba(205, 15, 22, 0.15); border-top-color: #cd0f16; animation: catalog-pdf-spin 0.75s linear infinite; } @keyframes catalog-pdf-spin { to { transform: rotate(360deg); } } @media (max-width: 767px) { .catalog-pdf-stage { padding: 0.5rem; max-height: none; } .catalog-pdf-toolbar .catalog-pdf-nav-btn.button-primary.sm { min-width: 7rem; font-size: 13px; } }