@pdf-viewer/react
Version:
A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.
2 lines (1 loc) • 20.4 kB
CSS
.rp-print-zone{display:none}@media print{@page{margin:0}.rp-print-html-printing{height:100%}.rp-print-body-printing{background:rgb(0 0 0 / 0) none;height:100%;margin:0;display:block}.rp-print-body-printing *{display:none}.rp-print-zone{display:block;height:100%}.rp-print-page{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rp-print-page img,.rp-print-page canvas{display:block;max-height:100%;max-width:100%;direction:ltr}}._rp-pages_1i1lj_1{display:flex;justify-content:center}._rp-pages_1i1lj_1:not(._rp-page-scrolling-wrapper_1i1lj_6)>div{height:calc(var(--rp-page-height) * var(--rp-row-count));width:calc(var(--rp-page-width) * var(--rp-column-count))}._rp-pages-horizontal-scroll_1i1lj_11{display:block}._rp-pages-container_1i1lj_15{position:relative;height:100%;outline-width:0}._rp-pages-container_1i1lj_15 .ignore-hover:focus,._rp-pages-container_1i1lj_15 :not(:hover):focus-visible,._rp-pages-container_1i1lj_15 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_1i1lj_15 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_1i1lj_15 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_1i1lj_15 .highlight.appended.middle{border-radius:0}._rp-pages-container_1i1lj_15 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_1i1lj_15 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_1i1lj_6{position:relative;overflow:auto}._rp-viewer_1i1lj_57{height:100%;position:relative}._rp-cursor-grab_1i1lj_62{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_1i1lj_70{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_1i1lj_78{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_1i1lj_15{background:var(--rp-pages-background-color)}._rp-not-supported_1i1lj_86{display:flex;justify-content:center;align-items:center;height:100%;width:100%}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_usdup_1{color:transparent;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);position:absolute;top:0;right:0;bottom:0;left:0}._rp-text-layer_usdup_1._selecting_usdup_9~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_usdup_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_usdup_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_usdup_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_usdup_1._selecting_usdup_9 .endOfContent{bottom:-1px}._rp-text-layer-text_usdup_39{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-annotation-layer_1udza_1{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:unset;display:block;color:#000;transform-origin:var(--rp-page-rotate-translate);transform:rotate(var(--rp-rotate))}._rp-annotation-layer_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_1 section.popupAnnotation{font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}._rp-annotation-layer_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_1 section .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}._rp-annotation-layer_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_1 section .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_1 section .popup .header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}._rp-annotation-layer_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-layout_1q08v_1{height:100%}._rp-content_1q08v_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_1q08v_11{width:100%;height:100%}._rp-container_1q08v_16{height:100%}._rp-loader_1q08v_20{background-color:var(--rp-loader-backdrop-color)}._rp-theme-variables_1q08v_24{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: var(--rp-primary-color);--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: .25rem;--rp-toolbar-gap: .25rem;--rp-toolbar-size: 48px;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-button-border-radius: 4px;--rp-input-padding: .5rem;--rp-input-border-radius: calc(var(--rp-border-radius) + 2px);--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #c6ccd2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-dropdown-border-radius: calc(var(--rp-border-radius) + 2px);--rp-search-tool-dropdown-padding: 8px;--rp-popover-font-size: calc(var(--rp-font-size) * .875);--rp-popover-background-color: #f1f2f4;--rp-popover-color: #1c2024;--rp-popover-border-color: #e2e6e9;--rp-popover-border-radius: calc(var(--rp-border-radius) + 2px);--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-print-progress-background: #f1f2f4ff;--rp-print-progress-color: #1c2024ff;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: var(--rp-border-radius);--rp-checkbox-border-color: #e2e6e9;--rp-checkbox-indicator-color: white;--rp-highlight-background-color: rgba(255, 255, 0, 1);--rp-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1);--rp-tooltip-background-color: #1c2024;--rp-tooltip-border-radius: var(--rp-border-radius);--rp-tooltip-font-color: #ffffff;--rp-tooltip-font-size: 14px;--rp-tooltip-padding: 8px 8px;--rp-password-background-color: #ffffff;--rp-password-title-font-color: #1C2024;--rp-password-content-font-color: #596673;--rp-password-input-border-color: #E2E6E9;--rp-password-input-placeholder-color: #C6CCD2;--rp-password-input-font-color: #000000;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #E2E6E9;--rp-password-button-border-radius: 8px;--rp-container-focus-outline-width: 0px;--rp-container-focus-outline-color: var(--rp-primary-color);--rp-container-focus-outline-offset: 2px}._rp-theme-variables_1q08v_24._rp-dark-mode_1q08v_135{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-popover-background-color: #434c56;--rp-popover-color: var(--rp-text-color);--rp-popover-border-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-print-progress-background: #434c56ff;--rp-print-progress-color: #ffffff;--rp-drop-zone-background-color: #1c2024;--rp-drop-zone-border: #434c56;--rp-drop-zone-font-color: #596673;--rp-tooltip-background-color: #5b6d7f;--rp-password-background-color: #1C2024;--rp-password-title-font-color: #ffffff;--rp-password-content-font-color: #C6CCD2;--rp-password-input-border-color: #2D3339;--rp-password-input-placeholder-color: #596673;--rp-password-input-font-color: #ffffff;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #2D3339}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px;height:2px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1gck0_1{display:flex;align-items:center}._rp-page-input_1gck0_6{margin:1px .25rem;padding:.25rem .5rem;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}._rp-total-page_1gck0_18{font-size:14px;font-weight:400;margin-right:4px;color:var(--rp-text-color)}._rp-dialog-wrapper_slqo7_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}._rp-dialog-overlay_slqo7_7{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rp-overlay-background-color)}._rp-document-dialog_slqo7_13{transform:translate(-50%,-50%);left:50%;top:50%;background:var(--rp-dialog-background-color);position:fixed;border:none;border-radius:var(--rp-border-radius);max-width:420px;padding:16px;line-height:16px;position:relative}._rp-document-dialog_slqo7_13:focus-visible{outline:none}@media screen and (max-width: 640px){._rp-document-dialog_slqo7_13{width:85%}}._rp-document-properties_slqo7_35{padding-top:20px}._rp-dialog-title_slqo7_39{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:8px}._rp-dialog-close_slqo7_47{font-size:var(--rp-property-close-icon-size);position:absolute;top:16px;right:11px;cursor:pointer}._rp-properties-divider_slqo7_55{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}._rp-other-tool-content_su718_1{padding:var(--rp-dropdown-padding)}._rp-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-loading-overlay_wazy2_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-loading-modal_wazy2_14{background:var(--rp-print-progress-background);padding:24px;border-radius:8px;min-width:240px;min-height:120px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}._rp-loading-title_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1sdl6_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1sdl6_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1sdl6_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._rp-thumbnail-dragging_1sdl6_21{-webkit-user-select:none;user-select:none;pointer-events:none}._rp-thumbnail-wrapper_3fenb_1{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer}._rp-thumbnail-text_3fenb_10{margin-top:8px;font-size:12px;font-weight:400;color:var(--rp-text-color)}._rp-thumbnail_3fenb_1{display:flex;box-shadow:0 2px 6px #00000026}._rp-thumbnail_3fenb_1:not(._rp-thumbnail-active_3fenb_22):not(:hover){padding:4px}._rp-thumbnail-active_3fenb_22,._rp-thumbnail_3fenb_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_3fenb_31{display:flex;align-items:center;justify-content:center}._rp-thumbnails-container_16vqr_1{height:100%;max-height:100%;width:var(--rp-thumbnail-width, 200px);overflow-y:auto;display:flex;align-items:center;flex-direction:column;background:var(--rp-thumbnail-background-color)}._rp-thumbnails_16vqr_1{padding-top:var(--rp-thumbnail-padding-y)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}