@file-viewer/renderer-pdf 2.0.11

package/dist/pdfStyles.d.ts

@@ -0,0 +1 @@
+export declare const pdfViewerStyle = "/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.textLayer {\n    color-scheme: only light;\n    position: absolute;\n    text-align: initial;\n    inset: 0;\n    overflow: clip;\n    opacity: 1;\n    line-height: 1;\n    letter-spacing: normal;\n    word-spacing: normal;\n    -webkit-text-size-adjust: none;\n    -moz-text-size-adjust: none;\n    text-size-adjust: none;\n    forced-color-adjust: none;\n    transform-origin: 0 0;\n    caret-color: CanvasText;\n    z-index: 0;\n    --min-font-size: 1;\n    --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));\n    --min-font-size-inv: calc(1 / var(--min-font-size));\n}\n\n.textLayer.highlighting {\n    touch-action: none;\n}\n\n.textLayer :is(span, br) {\n    color: transparent;\n    position: absolute;\n    white-space: pre;\n    cursor: text;\n    transform-origin: 0% 0%;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    user-select: text;\n}\n\n.textLayer > :not(.markedContent),\n.textLayer .markedContent span:not(.markedContent) {\n    z-index: 1;\n    --font-height: 0;\n    font-size: calc(var(--text-scale-factor) * var(--font-height));\n    --scale-x: 1;\n    --rotate: 0deg;\n    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));\n}\n\n.textLayer .markedContent {\n    display: contents;\n}\n\n.textLayer .markedContent.highlight {\n    background: transparent;\n    backdrop-filter: none;\n    margin: 0;\n    padding: 0;\n}\n\n.textLayer span[role='img'] {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    cursor: default;\n}\n\n.textLayer .highlight {\n    --highlight-bg-color: rgb(180 0 170 / 0.25);\n    --highlight-selected-bg-color: rgb(0 100 0 / 0.25);\n    --highlight-backdrop-filter: none;\n    --highlight-selected-backdrop-filter: none;\n    margin: -1px;\n    padding: 1px;\n    background-color: var(--highlight-bg-color);\n    backdrop-filter: var(--highlight-backdrop-filter);\n    border-radius: 4px;\n}\n\n.textLayer .highlight.appended {\n    position: initial;\n}\n\n.textLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.textLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.textLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.textLayer .highlight.selected {\n    background-color: var(--highlight-selected-bg-color);\n    backdrop-filter: var(--highlight-selected-backdrop-filter);\n    scroll-margin-top: 50px;\n}\n\n.textLayer ::-moz-selection {\n    background: transparent;\n}\n\n.textLayer ::selection {\n    background: transparent;\n}\n\n.textLayer br::-moz-selection {\n    background: transparent;\n}\n\n.textLayer br::selection {\n    background: transparent;\n}\n\n.textLayer .endOfContent {\n    display: block;\n    position: absolute;\n    inset: 100% 0 0;\n    z-index: 0;\n    cursor: default;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayer.selecting .endOfContent {\n    top: 0;\n}\n\n.textLayerImages {\n    position: absolute;\n    inset: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayerImages canvas {\n    position: absolute;\n    transform-origin: 0% 0%;\n}\n\n@media screen and (forced-colors: active) {\n    .textLayer .highlight {\n        --highlight-bg-color: transparent;\n        --highlight-selected-bg-color: transparent;\n        --highlight-backdrop-filter: var(--hcm-highlight-filter);\n        --highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);\n    }\n}\n\n\n:root {\n    --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>\");\n}\n\n@media (forced-colors: active) {\n    .annotationLayer .textWidgetAnnotation input:required,\n    .annotationLayer .textWidgetAnnotation textarea:required,\n    .annotationLayer .choiceWidgetAnnotation select:required,\n    .annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n    .annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.annotationLayer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 0 0;\n}\n\n.annotationLayer section {\n    position: absolute;\n    text-align: initial;\n    pointer-events: auto;\n    box-sizing: border-box;\n    transform-origin: 0 0;\n}\n\n.annotationLayer .linkAnnotation > a,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a {\n    position: absolute;\n    font-size: 1em;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .linkAnnotation > a:hover,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {\n    opacity: 0.2;\n    background: rgba(255, 255, 0, 1);\n    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);\n}\n\n.annotationLayer .textAnnotation img {\n    position: absolute;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input,\n.annotationLayer .textWidgetAnnotation textarea,\n.annotationLayer .choiceWidgetAnnotation select,\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    background-image: var(--annotation-unfocused-field-background);\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    font: calc(9px * var(--scale-factor)) sans-serif;\n    height: 100%;\n    margin: 0;\n    vertical-align: top;\n    width: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input:required,\n.annotationLayer .textWidgetAnnotation textarea:required,\n.annotationLayer .choiceWidgetAnnotation select:required,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n    outline: 1.5px solid red;\n}\n\n.annotationLayer .choiceWidgetAnnotation select option {\n    padding: 0;\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    border-radius: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation textarea {\n    resize: none;\n}\n\n.annotationLayer .textWidgetAnnotation input[disabled],\n.annotationLayer .textWidgetAnnotation textarea[disabled],\n.annotationLayer .choiceWidgetAnnotation select[disabled],\n.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],\n.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {\n    background: none;\n    border: 1px solid transparent;\n    cursor: not-allowed;\n}\n\n.annotationLayer .textWidgetAnnotation input:hover,\n.annotationLayer .textWidgetAnnotation textarea:hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {\n    border: 1px solid rgba(0, 0, 0, 1);\n}\n\n.annotationLayer .textWidgetAnnotation input:focus,\n.annotationLayer .textWidgetAnnotation textarea:focus,\n.annotationLayer .choiceWidgetAnnotation select:focus {\n    background: none;\n    border: 1px solid transparent;\n}\n\n.annotationLayer .textWidgetAnnotation input :focus,\n.annotationLayer .textWidgetAnnotation textarea :focus,\n.annotationLayer .choiceWidgetAnnotation select :focus,\n.annotationLayer .buttonWidgetAnnotation.checkBox :focus,\n.annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    background-color: CanvasText;\n    content: \"\";\n    display: block;\n    position: absolute;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    height: 80%;\n    left: 45%;\n    width: 1px;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {\n    transform: rotate(45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    transform: rotate(-45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    border-radius: 50%;\n    height: 50%;\n    left: 30%;\n    top: 20%;\n    width: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb {\n    font-family: monospace;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb:focus {\n    /*\n     * Letter spacing is placed on the right side of each character. Hence, the\n     * letter spacing of the last character may be placed outside the visible\n     * area, causing horizontal scrolling. We avoid this by extending the width\n     * when the element has focus and revert this when it loses focus.\n     */\n    width: 103%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n}\n\n.annotationLayer .popupTriggerArea {\n    height: 100%;\n    width: 100%;\n}\n\n.annotationLayer .popupWrapper {\n    position: absolute;\n    font-size: calc(9px * var(--scale-factor));\n    width: 100%;\n    min-width: calc(180px * var(--scale-factor));\n    pointer-events: none;\n}\n\n.annotationLayer .popup {\n    position: absolute;\n    z-index: 200;\n    max-width: calc(180px * var(--scale-factor));\n    background-color: rgba(255, 255, 153, 1);\n    box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))\n    rgba(136, 136, 136, 1);\n    border-radius: calc(2px * var(--scale-factor));\n    padding: calc(6px * var(--scale-factor));\n    margin-left: calc(5px * var(--scale-factor));\n    cursor: pointer;\n    font: message-box;\n    white-space: normal;\n    word-wrap: break-word;\n    pointer-events: auto;\n}\n\n.annotationLayer .popup > * {\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .popup h1 {\n    display: inline-block;\n}\n\n.annotationLayer .popupDate {\n    display: inline-block;\n    margin-left: calc(5px * var(--scale-factor));\n}\n\n.annotationLayer .popupContent {\n    border-top: 1px solid rgba(51, 51, 51, 1);\n    margin-top: calc(2px * var(--scale-factor));\n    padding-top: calc(2px * var(--scale-factor));\n}\n\n.annotationLayer .richText > * {\n    white-space: pre-wrap;\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .highlightAnnotation,\n.annotationLayer .underlineAnnotation,\n.annotationLayer .squigglyAnnotation,\n.annotationLayer .strikeoutAnnotation,\n.annotationLayer .freeTextAnnotation,\n.annotationLayer .lineAnnotation svg line,\n.annotationLayer .squareAnnotation svg rect,\n.annotationLayer .circleAnnotation svg ellipse,\n.annotationLayer .polylineAnnotation svg polyline,\n.annotationLayer .polygonAnnotation svg polygon,\n.annotationLayer .caretAnnotation,\n.annotationLayer .inkAnnotation svg polyline,\n.annotationLayer .stampAnnotation,\n.annotationLayer .fileAttachmentAnnotation {\n    cursor: pointer;\n}\n\n.annotationLayer section svg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}\n\n\n:root {\n    --xfa-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>\");\n}\n\n@media (forced-colors: active) {\n    .xfaLayer *:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.xfaLayer .highlight {\n    margin: -1px;\n    padding: 1px;\n    background-color: rgba(239, 203, 237, 1);\n    border-radius: 4px;\n}\n\n.xfaLayer .highlight.appended {\n    position: initial;\n}\n\n.xfaLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.xfaLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.xfaLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.xfaLayer .highlight.selected {\n    background-color: rgba(203, 223, 203, 1);\n}\n\n.xfaLayer ::-moz-selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaLayer ::selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaPage {\n    overflow: hidden;\n    position: relative;\n}\n\n.xfaContentarea {\n    position: absolute;\n}\n\n.xfaPrintOnly {\n    display: none;\n}\n\n.xfaLayer {\n    position: absolute;\n    text-align: initial;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    line-height: 1.2;\n}\n\n.xfaLayer * {\n    color: inherit;\n    font: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    font-kerning: inherit;\n    letter-spacing: -0.01px;\n    text-align: inherit;\n    text-decoration: inherit;\n    box-sizing: border-box;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    pointer-events: auto;\n    line-height: inherit;\n}\n\n.xfaLayer *:required {\n    outline: 1.5px solid red;\n}\n\n.xfaLayer div {\n    pointer-events: none;\n}\n\n.xfaLayer svg {\n    pointer-events: none;\n}\n\n.xfaLayer svg * {\n    pointer-events: none;\n}\n\n.xfaLayer a {\n    color: blue;\n}\n\n.xfaRich li {\n    margin-left: 3em;\n}\n\n.xfaFont {\n    color: black;\n    font-weight: normal;\n    font-kerning: none;\n    font-size: 10px;\n    font-style: normal;\n    letter-spacing: 0;\n    text-decoration: none;\n    vertical-align: 0;\n}\n\n.xfaCaption {\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.xfaCaptionForCheckButton {\n    overflow: hidden;\n    flex: 1 1 auto;\n}\n\n.xfaLabel {\n    height: 100%;\n    width: 100%;\n}\n\n.xfaLeft {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.xfaRight {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n}\n\n.xfaLeft > .xfaCaption,\n.xfaLeft > .xfaCaptionForCheckButton,\n.xfaRight > .xfaCaption,\n.xfaRight > .xfaCaptionForCheckButton {\n    max-height: 100%;\n}\n\n.xfaTop {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.xfaBottom {\n    display: flex;\n    flex-direction: column-reverse;\n    align-items: flex-start;\n}\n\n.xfaTop > .xfaCaption,\n.xfaTop > .xfaCaptionForCheckButton,\n.xfaBottom > .xfaCaption,\n.xfaBottom > .xfaCaptionForCheckButton {\n    width: 100%;\n}\n\n.xfaBorder {\n    background-color: transparent;\n    position: absolute;\n    pointer-events: none;\n}\n\n.xfaWrapped {\n    width: 100%;\n    height: 100%;\n}\n\n.xfaTextfield:focus,\n.xfaSelect:focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n    outline-offset: -1px;\n}\n\n.xfaCheckbox:focus,\n.xfaRadio:focus {\n    outline: auto;\n}\n\n.xfaTextfield,\n.xfaSelect {\n    height: 100%;\n    width: 100%;\n    flex: 1 1 auto;\n    border: none;\n    resize: none;\n    background-image: var(--xfa-unfocused-field-background);\n}\n\n.xfaTop > .xfaTextfield,\n.xfaTop > .xfaSelect,\n.xfaBottom > .xfaTextfield,\n.xfaBottom > .xfaSelect {\n    flex: 0 1 auto;\n}\n\n.xfaButton {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border: none;\n    text-align: center;\n}\n\n.xfaLink {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.xfaCheckbox,\n.xfaRadio {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 auto;\n    border: none;\n}\n\n.xfaRich {\n    white-space: pre-wrap;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaImage {\n    -o-object-position: left top;\n    object-position: left top;\n    -o-object-fit: contain;\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaLrTb,\n.xfaRlTb,\n.xfaTb {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaLr {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaRl {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n}\n\n.xfaTb > div {\n    justify-content: left;\n}\n\n.xfaPosition {\n    position: relative;\n}\n\n.xfaArea {\n    position: relative;\n}\n\n.xfaValignMiddle {\n    display: flex;\n    align-items: center;\n}\n\n.xfaTable {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRlRow {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n    flex: 1;\n}\n\n.xfaTable .xfaRlRow > div {\n    flex: 1;\n}\n\n.xfaNonInteractive input,\n.xfaNonInteractive textarea,\n.xfaDisabled input,\n.xfaDisabled textarea,\n.xfaReadOnly input,\n.xfaReadOnly textarea {\n    background: initial;\n}\n\n@media print {\n    .xfaTextfield,\n    .xfaSelect {\n        background: transparent;\n    }\n\n    .xfaSelect {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        text-indent: 1px;\n        text-overflow: \"\";\n    }\n}\n\n\n:root {\n    --focus-outline: solid 2px red;\n    --hover-outline: dashed 2px blue;\n    --freetext-line-height: 1.35;\n    --freetext-padding: 2px;\n}\n\n@media (forced-colors: active) {\n    :root {\n        --focus-outline: solid 3px ButtonText;\n        --hover-outline: dashed 3px ButtonText;\n    }\n}\n\n[data-editor-rotation=\"90\"] {\n    transform: rotate(90deg);\n}\n[data-editor-rotation=\"180\"] {\n    transform: rotate(180deg);\n}\n[data-editor-rotation=\"270\"] {\n    transform: rotate(270deg);\n}\n\n.annotationEditorLayer {\n    background: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    font-size: calc(100px * var(--scale-factor));\n    transform-origin: 0 0;\n}\n\n.annotationEditorLayer .selectedEditor {\n    outline: var(--focus-outline);\n    resize: none;\n}\n\n.annotationEditorLayer .freeTextEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    padding: calc(var(--freetext-padding) * var(--scale-factor));\n    resize: none;\n    width: auto;\n    height: auto;\n    z-index: 1;\n    transform-origin: 0 0;\n    touch-action: none;\n}\n\n.annotationEditorLayer .freeTextEditor .internal {\n    background: transparent;\n    border: none;\n    top: 0;\n    left: 0;\n    overflow: visible;\n    white-space: nowrap;\n    resize: none;\n    font: 10px sans-serif;\n    line-height: var(--freetext-line-height);\n}\n\n.annotationEditorLayer .freeTextEditor .overlay {\n    position: absolute;\n    display: none;\n    background: transparent;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationEditorLayer .freeTextEditor .overlay.enabled {\n    display: block;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:empty::before {\n    content: attr(default-content);\n    color: gray;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:focus {\n    outline: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled {\n    resize: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled.selectedEditor {\n    resize: horizontal;\n}\n\n.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),\n.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {\n    outline: var(--hover-outline);\n}\n\n.annotationEditorLayer .inkEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    transform-origin: 0 0;\n    cursor: auto;\n}\n\n.annotationEditorLayer .inkEditor.editing {\n    resize: none;\n    cursor: var(--editorInk-editing-cursor), pointer;\n}\n\n.annotationEditorLayer .inkEditor .inkEditorCanvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    touch-action: none;\n}\n\n:root {\n    --viewer-container-height: 0;\n    --pdfViewer-padding-bottom: 0;\n    --page-margin: 1px auto -8px;\n    --page-border: 9px solid transparent;\n    --page-border-image: url(images/shadow.png) 9 9 repeat;\n    --spreadHorizontalWrapped-margin-LR: -3.5px;\n    --scale-factor: 1;\n}\n\n@media screen and (forced-colors: active) {\n    :root {\n        --pdfViewer-padding-bottom: 9px;\n        --page-margin: 8px auto -1px;\n        --page-border: 1px solid CanvasText;\n        --page-border-image: none;\n        --spreadHorizontalWrapped-margin-LR: 3.5px;\n    }\n}\n\n.pdfViewer,\n.pdfViewer *,\n.pdfViewer *::before,\n.pdfViewer *::after {\n    box-sizing: content-box;\n}\n\n[data-main-rotation=\"90\"] {\n    transform: rotate(90deg) translateY(-100%);\n}\n[data-main-rotation=\"180\"] {\n    transform: rotate(180deg) translate(-100%, -100%);\n}\n[data-main-rotation=\"270\"] {\n    transform: rotate(270deg) translateX(-100%);\n}\n\n.pdfViewer {\n    padding-bottom: var(--pdfViewer-padding-bottom);\n}\n\n.pdfViewer .canvasWrapper {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n}\n\n.pdfViewer .page {\n    --user-unit: 1;\n    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n    --scale-round-x: 1px;\n    --scale-round-y: 1px;\n    direction: ltr;\n    width: 816px;\n    height: 1056px;\n    margin: var(--page-margin);\n    position: relative;\n    overflow: visible;\n    border: var(--page-border);\n    -o-border-image: var(--page-border-image);\n    border-image: var(--page-border-image);\n    background-clip: content-box;\n    background-color: rgba(255, 255, 255, 1);\n}\n\n.pdfViewer .dummyPage {\n    position: relative;\n    width: 0;\n    height: var(--viewer-container-height);\n}\n\n.pdfViewer.removePageBorders .page {\n    margin: 0 auto 10px;\n    border: none;\n}\n\n.pdfViewer.singlePageView {\n    display: inline-block;\n}\n\n.pdfViewer.singlePageView .page {\n    margin: 0;\n    border: none;\n}\n\n.pdfViewer.scrollHorizontal,\n.pdfViewer.scrollWrapped,\n.spread {\n    margin-left: 3.5px;\n    margin-right: 3.5px;\n    text-align: center;\n}\n\n.pdfViewer.scrollHorizontal,\n.spread {\n    white-space: nowrap;\n}\n\n.pdfViewer.removePageBorders,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    margin-left: 0;\n    margin-right: 0;\n}\n\n.spread .page,\n.spread .dummyPage,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.spread .page,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page {\n    margin-left: var(--spreadHorizontalWrapped-margin-LR);\n    margin-right: var(--spreadHorizontalWrapped-margin-LR);\n}\n\n.pdfViewer.removePageBorders .spread .page,\n.pdfViewer.removePageBorders.scrollHorizontal .page,\n.pdfViewer.removePageBorders.scrollWrapped .page {\n    margin-left: 5px;\n    margin-right: 5px;\n}\n\n.pdfViewer .page canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    contain: content;\n}\n\n.pdfViewer .page canvas[hidden] {\n    display: none;\n}\n\n.pdfViewer .page .loadingIcon {\n    position: absolute;\n    display: block;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: url(\"./images/loading-icon.gif\") center no-repeat;\n}\n.pdfViewer .page .loadingIcon.notVisible {\n    background: none;\n}\n\n.pdfViewer.enablePermissions .textLayer span {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n    user-select: none !important;\n    cursor: not-allowed;\n}\n\n.pdfPresentationMode .pdfViewer {\n    padding-bottom: 0;\n}\n\n.pdfPresentationMode .spread {\n    margin: 0;\n}\n\n.pdfPresentationMode .pdfViewer .page {\n    margin: 0 auto;\n    border: 2px solid transparent;\n}\n\n\n.pdf-shell {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    color: #1f2937;\n    background: #edf2f7;\n}\n\n.pdf-toolbar {\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 6px 12px;\n    border-bottom: 1px solid #d7dee8;\n    background: #ffffff;\n    box-shadow: 0 1px 4px rgb(15 23 42 / 8%);\n}\n\n.pdf-toolbar-group {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 36px;\n    padding: 0 6px;\n    border: 1px solid #dde5ef;\n    border-radius: 8px;\n    background: #f8fafc;\n}\n\n.pdf-toolbar-group--zoom {\n    margin-left: auto;\n}\n\n.pdf-toolbar-group--rotate {\n    flex-shrink: 0;\n}\n\n.pdf-icon-button,\n.pdf-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;\n}\n\n.pdf-icon-button {\n    width: 30px;\n    font-size: 18px;\n}\n\n.pdf-scale-button {\n    width: 64px;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.pdf-icon-button:hover:not(:disabled),\n.pdf-scale-button:hover {\n    border-color: #b9c8d8;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-icon-button:disabled {\n    color: #a8b3c0;\n    cursor: not-allowed;\n}\n\n.pdf-icon-button--active {\n    border-color: #9ac2ff;\n    color: #1769d8;\n    background: #e7f1ff;\n}\n\n.pdf-panel-icon {\n    position: relative;\n    display: block;\n    width: 16px;\n    height: 14px;\n    border: 2px solid currentColor;\n    border-radius: 3px;\n}\n\n.pdf-panel-icon::before {\n    position: absolute;\n    top: -2px;\n    bottom: -2px;\n    left: 4px;\n    width: 2px;\n    background: currentColor;\n    content: '';\n}\n\n.pdf-page-meter {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    min-width: 72px;\n    gap: 3px;\n    font-size: 13px;\n    color: #64748b;\n    white-space: nowrap;\n}\n\n.pdf-page-meter strong {\n    color: #1e293b;\n    font-size: 14px;\n}\n\n.pdf-rotation-meter {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 42px;\n    color: #64748b;\n    font-size: 13px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.pdf-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: clamp(148px, 22%, 220px) minmax(0, 1fr);\n    flex: 1;\n    min-height: 0;\n}\n\n.pdf-shell--nav-hidden .pdf-content {\n    grid-template-columns: minmax(0, 1fr);\n}\n\n.pdf-nav-pane {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    border-right: 1px solid #d7dee8;\n    background: #f8fafc;\n}\n\n.pdf-nav-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 44px;\n    padding: 0 12px;\n    border-bottom: 1px solid #e3e9f1;\n    color: #475569;\n    font-size: 13px;\n}\n\n.pdf-nav-head strong {\n    color: #1e293b;\n    font-size: 12px;\n}\n\n.pdf-nav-tabs {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 4px;\n    padding: 8px;\n    border-bottom: 1px solid #e3e9f1;\n    background: #f8fafc;\n}\n\n.pdf-nav-tabs button {\n    min-width: 0;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #64748b;\n    background: transparent;\n    font: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.pdf-nav-tabs button:hover,\n.pdf-nav-tabs button.active {\n    border-color: #b9d4f6;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-page-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 8px;\n    padding: 10px;\n    overflow-y: auto;\n}\n\n.pdf-page-button {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 54px;\n    padding: 6px 8px;\n    border: 1px solid #dce4ee;\n    border-radius: 8px;\n    color: #334155;\n    background: #ffffff;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;\n}\n\n.pdf-page-button:hover {\n    border-color: #a9c5ea;\n    background: #f3f8ff;\n}\n\n.pdf-page-button--active {\n    border-color: #408fff;\n    background: #eaf3ff;\n    box-shadow: inset 3px 0 0 #408fff;\n}\n\n.pdf-page-thumb {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 42px;\n    border: 1px solid #d6e1ee;\n    border-radius: 4px;\n    color: #1769d8;\n    background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.pdf-page-label {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 13px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 4px;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.pdf-outline-button {\n    --outline-depth: 0;\n    display: grid;\n    grid-template-columns: 16px minmax(0, 1fr);\n    align-items: center;\n    gap: 6px;\n    width: 100%;\n    min-height: 32px;\n    padding: 5px 7px 5px calc(7px + var(--outline-depth) * 14px);\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.pdf-outline-button:hover {\n    border-color: #c7d7eb;\n    background: #ffffff;\n}\n\n.pdf-outline-toggle {\n    position: relative;\n    width: 14px;\n    height: 14px;\n    border-radius: 4px;\n    color: #64748b;\n}\n\n.pdf-outline-toggle::before {\n    position: absolute;\n    top: 3px;\n    left: 4px;\n    width: 6px;\n    height: 6px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    content: '';\n    transform: rotate(-45deg);\n    transition: transform 0.16s ease;\n}\n\n.pdf-outline-toggle--open::before {\n    transform: rotate(45deg);\n}\n\n.pdf-outline-toggle--empty::before {\n    display: none;\n}\n\n.pdf-outline-title {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 1.35;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-empty {\n    margin: 24px 8px;\n    padding: 14px 10px;\n    border: 1px dashed #cbd5e1;\n    border-radius: 8px;\n    color: #64748b;\n    background: #ffffff;\n    font-size: 12px;\n    text-align: center;\n}\n\n.pdfViewer {\n    margin: 0 auto;\n    padding: 18px 14px 28px;\n}\n\n.pdf-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n}\n\n.pdf-wrapper {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background: #e8edf4;\n}\n\n.pdf-state {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 168px;\n    min-height: 42px;\n    padding: 0 16px;\n    border: 1px solid #d7dee8;\n    border-radius: 8px;\n    color: #475569;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgb(15 23 42 / 12%);\n    transform: translate(-50%, -50%);\n}\n\n.pdf-state--error {\n    max-width: min(460px, calc(100% - 32px));\n    color: #b42318;\n    text-align: center;\n}\n\n@media (max-width: 720px) {\n    .pdf-toolbar {\n        flex-wrap: wrap;\n        min-height: 88px;\n        align-content: center;\n    }\n\n    .pdf-toolbar-group--zoom {\n        margin-left: 0;\n    }\n\n    .pdf-content,\n    .pdf-shell--nav-hidden .pdf-content {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pdf-nav-pane {\n        position: absolute;\n        z-index: 3;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: min(78vw, 240px);\n        box-shadow: 10px 0 24px rgb(15 23 42 / 14%);\n    }\n}\n";

package/dist/pdfStyles.js

@@ -0,0 +1 @@
+export const pdfViewerStyle = "/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.textLayer {\n    color-scheme: only light;\n    position: absolute;\n    text-align: initial;\n    inset: 0;\n    overflow: clip;\n    opacity: 1;\n    line-height: 1;\n    letter-spacing: normal;\n    word-spacing: normal;\n    -webkit-text-size-adjust: none;\n    -moz-text-size-adjust: none;\n    text-size-adjust: none;\n    forced-color-adjust: none;\n    transform-origin: 0 0;\n    caret-color: CanvasText;\n    z-index: 0;\n    --min-font-size: 1;\n    --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));\n    --min-font-size-inv: calc(1 / var(--min-font-size));\n}\n\n.textLayer.highlighting {\n    touch-action: none;\n}\n\n.textLayer :is(span, br) {\n    color: transparent;\n    position: absolute;\n    white-space: pre;\n    cursor: text;\n    transform-origin: 0% 0%;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    user-select: text;\n}\n\n.textLayer > :not(.markedContent),\n.textLayer .markedContent span:not(.markedContent) {\n    z-index: 1;\n    --font-height: 0;\n    font-size: calc(var(--text-scale-factor) * var(--font-height));\n    --scale-x: 1;\n    --rotate: 0deg;\n    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));\n}\n\n.textLayer .markedContent {\n    display: contents;\n}\n\n.textLayer .markedContent.highlight {\n    background: transparent;\n    backdrop-filter: none;\n    margin: 0;\n    padding: 0;\n}\n\n.textLayer span[role='img'] {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    cursor: default;\n}\n\n.textLayer .highlight {\n    --highlight-bg-color: rgb(180 0 170 / 0.25);\n    --highlight-selected-bg-color: rgb(0 100 0 / 0.25);\n    --highlight-backdrop-filter: none;\n    --highlight-selected-backdrop-filter: none;\n    margin: -1px;\n    padding: 1px;\n    background-color: var(--highlight-bg-color);\n    backdrop-filter: var(--highlight-backdrop-filter);\n    border-radius: 4px;\n}\n\n.textLayer .highlight.appended {\n    position: initial;\n}\n\n.textLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.textLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.textLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.textLayer .highlight.selected {\n    background-color: var(--highlight-selected-bg-color);\n    backdrop-filter: var(--highlight-selected-backdrop-filter);\n    scroll-margin-top: 50px;\n}\n\n.textLayer ::-moz-selection {\n    background: transparent;\n}\n\n.textLayer ::selection {\n    background: transparent;\n}\n\n.textLayer br::-moz-selection {\n    background: transparent;\n}\n\n.textLayer br::selection {\n    background: transparent;\n}\n\n.textLayer .endOfContent {\n    display: block;\n    position: absolute;\n    inset: 100% 0 0;\n    z-index: 0;\n    cursor: default;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayer.selecting .endOfContent {\n    top: 0;\n}\n\n.textLayerImages {\n    position: absolute;\n    inset: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayerImages canvas {\n    position: absolute;\n    transform-origin: 0% 0%;\n}\n\n@media screen and (forced-colors: active) {\n    .textLayer .highlight {\n        --highlight-bg-color: transparent;\n        --highlight-selected-bg-color: transparent;\n        --highlight-backdrop-filter: var(--hcm-highlight-filter);\n        --highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);\n    }\n}\n\n\n:root {\n    --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>\");\n}\n\n@media (forced-colors: active) {\n    .annotationLayer .textWidgetAnnotation input:required,\n    .annotationLayer .textWidgetAnnotation textarea:required,\n    .annotationLayer .choiceWidgetAnnotation select:required,\n    .annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n    .annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.annotationLayer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 0 0;\n}\n\n.annotationLayer section {\n    position: absolute;\n    text-align: initial;\n    pointer-events: auto;\n    box-sizing: border-box;\n    transform-origin: 0 0;\n}\n\n.annotationLayer .linkAnnotation > a,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a {\n    position: absolute;\n    font-size: 1em;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .linkAnnotation > a:hover,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {\n    opacity: 0.2;\n    background: rgba(255, 255, 0, 1);\n    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);\n}\n\n.annotationLayer .textAnnotation img {\n    position: absolute;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input,\n.annotationLayer .textWidgetAnnotation textarea,\n.annotationLayer .choiceWidgetAnnotation select,\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    background-image: var(--annotation-unfocused-field-background);\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    font: calc(9px * var(--scale-factor)) sans-serif;\n    height: 100%;\n    margin: 0;\n    vertical-align: top;\n    width: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input:required,\n.annotationLayer .textWidgetAnnotation textarea:required,\n.annotationLayer .choiceWidgetAnnotation select:required,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n    outline: 1.5px solid red;\n}\n\n.annotationLayer .choiceWidgetAnnotation select option {\n    padding: 0;\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    border-radius: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation textarea {\n    resize: none;\n}\n\n.annotationLayer .textWidgetAnnotation input[disabled],\n.annotationLayer .textWidgetAnnotation textarea[disabled],\n.annotationLayer .choiceWidgetAnnotation select[disabled],\n.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],\n.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {\n    background: none;\n    border: 1px solid transparent;\n    cursor: not-allowed;\n}\n\n.annotationLayer .textWidgetAnnotation input:hover,\n.annotationLayer .textWidgetAnnotation textarea:hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {\n    border: 1px solid rgba(0, 0, 0, 1);\n}\n\n.annotationLayer .textWidgetAnnotation input:focus,\n.annotationLayer .textWidgetAnnotation textarea:focus,\n.annotationLayer .choiceWidgetAnnotation select:focus {\n    background: none;\n    border: 1px solid transparent;\n}\n\n.annotationLayer .textWidgetAnnotation input :focus,\n.annotationLayer .textWidgetAnnotation textarea :focus,\n.annotationLayer .choiceWidgetAnnotation select :focus,\n.annotationLayer .buttonWidgetAnnotation.checkBox :focus,\n.annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    background-color: CanvasText;\n    content: \"\";\n    display: block;\n    position: absolute;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    height: 80%;\n    left: 45%;\n    width: 1px;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {\n    transform: rotate(45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    transform: rotate(-45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    border-radius: 50%;\n    height: 50%;\n    left: 30%;\n    top: 20%;\n    width: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb {\n    font-family: monospace;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb:focus {\n    /*\n     * Letter spacing is placed on the right side of each character. Hence, the\n     * letter spacing of the last character may be placed outside the visible\n     * area, causing horizontal scrolling. We avoid this by extending the width\n     * when the element has focus and revert this when it loses focus.\n     */\n    width: 103%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n}\n\n.annotationLayer .popupTriggerArea {\n    height: 100%;\n    width: 100%;\n}\n\n.annotationLayer .popupWrapper {\n    position: absolute;\n    font-size: calc(9px * var(--scale-factor));\n    width: 100%;\n    min-width: calc(180px * var(--scale-factor));\n    pointer-events: none;\n}\n\n.annotationLayer .popup {\n    position: absolute;\n    z-index: 200;\n    max-width: calc(180px * var(--scale-factor));\n    background-color: rgba(255, 255, 153, 1);\n    box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))\n    rgba(136, 136, 136, 1);\n    border-radius: calc(2px * var(--scale-factor));\n    padding: calc(6px * var(--scale-factor));\n    margin-left: calc(5px * var(--scale-factor));\n    cursor: pointer;\n    font: message-box;\n    white-space: normal;\n    word-wrap: break-word;\n    pointer-events: auto;\n}\n\n.annotationLayer .popup > * {\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .popup h1 {\n    display: inline-block;\n}\n\n.annotationLayer .popupDate {\n    display: inline-block;\n    margin-left: calc(5px * var(--scale-factor));\n}\n\n.annotationLayer .popupContent {\n    border-top: 1px solid rgba(51, 51, 51, 1);\n    margin-top: calc(2px * var(--scale-factor));\n    padding-top: calc(2px * var(--scale-factor));\n}\n\n.annotationLayer .richText > * {\n    white-space: pre-wrap;\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .highlightAnnotation,\n.annotationLayer .underlineAnnotation,\n.annotationLayer .squigglyAnnotation,\n.annotationLayer .strikeoutAnnotation,\n.annotationLayer .freeTextAnnotation,\n.annotationLayer .lineAnnotation svg line,\n.annotationLayer .squareAnnotation svg rect,\n.annotationLayer .circleAnnotation svg ellipse,\n.annotationLayer .polylineAnnotation svg polyline,\n.annotationLayer .polygonAnnotation svg polygon,\n.annotationLayer .caretAnnotation,\n.annotationLayer .inkAnnotation svg polyline,\n.annotationLayer .stampAnnotation,\n.annotationLayer .fileAttachmentAnnotation {\n    cursor: pointer;\n}\n\n.annotationLayer section svg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}\n\n\n:root {\n    --xfa-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>\");\n}\n\n@media (forced-colors: active) {\n    .xfaLayer *:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.xfaLayer .highlight {\n    margin: -1px;\n    padding: 1px;\n    background-color: rgba(239, 203, 237, 1);\n    border-radius: 4px;\n}\n\n.xfaLayer .highlight.appended {\n    position: initial;\n}\n\n.xfaLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.xfaLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.xfaLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.xfaLayer .highlight.selected {\n    background-color: rgba(203, 223, 203, 1);\n}\n\n.xfaLayer ::-moz-selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaLayer ::selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaPage {\n    overflow: hidden;\n    position: relative;\n}\n\n.xfaContentarea {\n    position: absolute;\n}\n\n.xfaPrintOnly {\n    display: none;\n}\n\n.xfaLayer {\n    position: absolute;\n    text-align: initial;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    line-height: 1.2;\n}\n\n.xfaLayer * {\n    color: inherit;\n    font: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    font-kerning: inherit;\n    letter-spacing: -0.01px;\n    text-align: inherit;\n    text-decoration: inherit;\n    box-sizing: border-box;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    pointer-events: auto;\n    line-height: inherit;\n}\n\n.xfaLayer *:required {\n    outline: 1.5px solid red;\n}\n\n.xfaLayer div {\n    pointer-events: none;\n}\n\n.xfaLayer svg {\n    pointer-events: none;\n}\n\n.xfaLayer svg * {\n    pointer-events: none;\n}\n\n.xfaLayer a {\n    color: blue;\n}\n\n.xfaRich li {\n    margin-left: 3em;\n}\n\n.xfaFont {\n    color: black;\n    font-weight: normal;\n    font-kerning: none;\n    font-size: 10px;\n    font-style: normal;\n    letter-spacing: 0;\n    text-decoration: none;\n    vertical-align: 0;\n}\n\n.xfaCaption {\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.xfaCaptionForCheckButton {\n    overflow: hidden;\n    flex: 1 1 auto;\n}\n\n.xfaLabel {\n    height: 100%;\n    width: 100%;\n}\n\n.xfaLeft {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.xfaRight {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n}\n\n.xfaLeft > .xfaCaption,\n.xfaLeft > .xfaCaptionForCheckButton,\n.xfaRight > .xfaCaption,\n.xfaRight > .xfaCaptionForCheckButton {\n    max-height: 100%;\n}\n\n.xfaTop {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.xfaBottom {\n    display: flex;\n    flex-direction: column-reverse;\n    align-items: flex-start;\n}\n\n.xfaTop > .xfaCaption,\n.xfaTop > .xfaCaptionForCheckButton,\n.xfaBottom > .xfaCaption,\n.xfaBottom > .xfaCaptionForCheckButton {\n    width: 100%;\n}\n\n.xfaBorder {\n    background-color: transparent;\n    position: absolute;\n    pointer-events: none;\n}\n\n.xfaWrapped {\n    width: 100%;\n    height: 100%;\n}\n\n.xfaTextfield:focus,\n.xfaSelect:focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n    outline-offset: -1px;\n}\n\n.xfaCheckbox:focus,\n.xfaRadio:focus {\n    outline: auto;\n}\n\n.xfaTextfield,\n.xfaSelect {\n    height: 100%;\n    width: 100%;\n    flex: 1 1 auto;\n    border: none;\n    resize: none;\n    background-image: var(--xfa-unfocused-field-background);\n}\n\n.xfaTop > .xfaTextfield,\n.xfaTop > .xfaSelect,\n.xfaBottom > .xfaTextfield,\n.xfaBottom > .xfaSelect {\n    flex: 0 1 auto;\n}\n\n.xfaButton {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border: none;\n    text-align: center;\n}\n\n.xfaLink {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.xfaCheckbox,\n.xfaRadio {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 auto;\n    border: none;\n}\n\n.xfaRich {\n    white-space: pre-wrap;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaImage {\n    -o-object-position: left top;\n    object-position: left top;\n    -o-object-fit: contain;\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaLrTb,\n.xfaRlTb,\n.xfaTb {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaLr {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaRl {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n}\n\n.xfaTb > div {\n    justify-content: left;\n}\n\n.xfaPosition {\n    position: relative;\n}\n\n.xfaArea {\n    position: relative;\n}\n\n.xfaValignMiddle {\n    display: flex;\n    align-items: center;\n}\n\n.xfaTable {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRlRow {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n    flex: 1;\n}\n\n.xfaTable .xfaRlRow > div {\n    flex: 1;\n}\n\n.xfaNonInteractive input,\n.xfaNonInteractive textarea,\n.xfaDisabled input,\n.xfaDisabled textarea,\n.xfaReadOnly input,\n.xfaReadOnly textarea {\n    background: initial;\n}\n\n@media print {\n    .xfaTextfield,\n    .xfaSelect {\n        background: transparent;\n    }\n\n    .xfaSelect {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        text-indent: 1px;\n        text-overflow: \"\";\n    }\n}\n\n\n:root {\n    --focus-outline: solid 2px red;\n    --hover-outline: dashed 2px blue;\n    --freetext-line-height: 1.35;\n    --freetext-padding: 2px;\n}\n\n@media (forced-colors: active) {\n    :root {\n        --focus-outline: solid 3px ButtonText;\n        --hover-outline: dashed 3px ButtonText;\n    }\n}\n\n[data-editor-rotation=\"90\"] {\n    transform: rotate(90deg);\n}\n[data-editor-rotation=\"180\"] {\n    transform: rotate(180deg);\n}\n[data-editor-rotation=\"270\"] {\n    transform: rotate(270deg);\n}\n\n.annotationEditorLayer {\n    background: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    font-size: calc(100px * var(--scale-factor));\n    transform-origin: 0 0;\n}\n\n.annotationEditorLayer .selectedEditor {\n    outline: var(--focus-outline);\n    resize: none;\n}\n\n.annotationEditorLayer .freeTextEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    padding: calc(var(--freetext-padding) * var(--scale-factor));\n    resize: none;\n    width: auto;\n    height: auto;\n    z-index: 1;\n    transform-origin: 0 0;\n    touch-action: none;\n}\n\n.annotationEditorLayer .freeTextEditor .internal {\n    background: transparent;\n    border: none;\n    top: 0;\n    left: 0;\n    overflow: visible;\n    white-space: nowrap;\n    resize: none;\n    font: 10px sans-serif;\n    line-height: var(--freetext-line-height);\n}\n\n.annotationEditorLayer .freeTextEditor .overlay {\n    position: absolute;\n    display: none;\n    background: transparent;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationEditorLayer .freeTextEditor .overlay.enabled {\n    display: block;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:empty::before {\n    content: attr(default-content);\n    color: gray;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:focus {\n    outline: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled {\n    resize: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled.selectedEditor {\n    resize: horizontal;\n}\n\n.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),\n.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {\n    outline: var(--hover-outline);\n}\n\n.annotationEditorLayer .inkEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    transform-origin: 0 0;\n    cursor: auto;\n}\n\n.annotationEditorLayer .inkEditor.editing {\n    resize: none;\n    cursor: var(--editorInk-editing-cursor), pointer;\n}\n\n.annotationEditorLayer .inkEditor .inkEditorCanvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    touch-action: none;\n}\n\n:root {\n    --viewer-container-height: 0;\n    --pdfViewer-padding-bottom: 0;\n    --page-margin: 1px auto -8px;\n    --page-border: 9px solid transparent;\n    --page-border-image: url(images/shadow.png) 9 9 repeat;\n    --spreadHorizontalWrapped-margin-LR: -3.5px;\n    --scale-factor: 1;\n}\n\n@media screen and (forced-colors: active) {\n    :root {\n        --pdfViewer-padding-bottom: 9px;\n        --page-margin: 8px auto -1px;\n        --page-border: 1px solid CanvasText;\n        --page-border-image: none;\n        --spreadHorizontalWrapped-margin-LR: 3.5px;\n    }\n}\n\n.pdfViewer,\n.pdfViewer *,\n.pdfViewer *::before,\n.pdfViewer *::after {\n    box-sizing: content-box;\n}\n\n[data-main-rotation=\"90\"] {\n    transform: rotate(90deg) translateY(-100%);\n}\n[data-main-rotation=\"180\"] {\n    transform: rotate(180deg) translate(-100%, -100%);\n}\n[data-main-rotation=\"270\"] {\n    transform: rotate(270deg) translateX(-100%);\n}\n\n.pdfViewer {\n    padding-bottom: var(--pdfViewer-padding-bottom);\n}\n\n.pdfViewer .canvasWrapper {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n}\n\n.pdfViewer .page {\n    --user-unit: 1;\n    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n    --scale-round-x: 1px;\n    --scale-round-y: 1px;\n    direction: ltr;\n    width: 816px;\n    height: 1056px;\n    margin: var(--page-margin);\n    position: relative;\n    overflow: visible;\n    border: var(--page-border);\n    -o-border-image: var(--page-border-image);\n    border-image: var(--page-border-image);\n    background-clip: content-box;\n    background-color: rgba(255, 255, 255, 1);\n}\n\n.pdfViewer .dummyPage {\n    position: relative;\n    width: 0;\n    height: var(--viewer-container-height);\n}\n\n.pdfViewer.removePageBorders .page {\n    margin: 0 auto 10px;\n    border: none;\n}\n\n.pdfViewer.singlePageView {\n    display: inline-block;\n}\n\n.pdfViewer.singlePageView .page {\n    margin: 0;\n    border: none;\n}\n\n.pdfViewer.scrollHorizontal,\n.pdfViewer.scrollWrapped,\n.spread {\n    margin-left: 3.5px;\n    margin-right: 3.5px;\n    text-align: center;\n}\n\n.pdfViewer.scrollHorizontal,\n.spread {\n    white-space: nowrap;\n}\n\n.pdfViewer.removePageBorders,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    margin-left: 0;\n    margin-right: 0;\n}\n\n.spread .page,\n.spread .dummyPage,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.spread .page,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page {\n    margin-left: var(--spreadHorizontalWrapped-margin-LR);\n    margin-right: var(--spreadHorizontalWrapped-margin-LR);\n}\n\n.pdfViewer.removePageBorders .spread .page,\n.pdfViewer.removePageBorders.scrollHorizontal .page,\n.pdfViewer.removePageBorders.scrollWrapped .page {\n    margin-left: 5px;\n    margin-right: 5px;\n}\n\n.pdfViewer .page canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    contain: content;\n}\n\n.pdfViewer .page canvas[hidden] {\n    display: none;\n}\n\n.pdfViewer .page .loadingIcon {\n    position: absolute;\n    display: block;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: url(\"./images/loading-icon.gif\") center no-repeat;\n}\n.pdfViewer .page .loadingIcon.notVisible {\n    background: none;\n}\n\n.pdfViewer.enablePermissions .textLayer span {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n    user-select: none !important;\n    cursor: not-allowed;\n}\n\n.pdfPresentationMode .pdfViewer {\n    padding-bottom: 0;\n}\n\n.pdfPresentationMode .spread {\n    margin: 0;\n}\n\n.pdfPresentationMode .pdfViewer .page {\n    margin: 0 auto;\n    border: 2px solid transparent;\n}\n\n\n.pdf-shell {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    color: #1f2937;\n    background: #edf2f7;\n}\n\n.pdf-toolbar {\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 6px 12px;\n    border-bottom: 1px solid #d7dee8;\n    background: #ffffff;\n    box-shadow: 0 1px 4px rgb(15 23 42 / 8%);\n}\n\n.pdf-toolbar-group {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 36px;\n    padding: 0 6px;\n    border: 1px solid #dde5ef;\n    border-radius: 8px;\n    background: #f8fafc;\n}\n\n.pdf-toolbar-group--zoom {\n    margin-left: auto;\n}\n\n.pdf-toolbar-group--rotate {\n    flex-shrink: 0;\n}\n\n.pdf-icon-button,\n.pdf-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;\n}\n\n.pdf-icon-button {\n    width: 30px;\n    font-size: 18px;\n}\n\n.pdf-scale-button {\n    width: 64px;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.pdf-icon-button:hover:not(:disabled),\n.pdf-scale-button:hover {\n    border-color: #b9c8d8;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-icon-button:disabled {\n    color: #a8b3c0;\n    cursor: not-allowed;\n}\n\n.pdf-icon-button--active {\n    border-color: #9ac2ff;\n    color: #1769d8;\n    background: #e7f1ff;\n}\n\n.pdf-panel-icon {\n    position: relative;\n    display: block;\n    width: 16px;\n    height: 14px;\n    border: 2px solid currentColor;\n    border-radius: 3px;\n}\n\n.pdf-panel-icon::before {\n    position: absolute;\n    top: -2px;\n    bottom: -2px;\n    left: 4px;\n    width: 2px;\n    background: currentColor;\n    content: '';\n}\n\n.pdf-page-meter {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    min-width: 72px;\n    gap: 3px;\n    font-size: 13px;\n    color: #64748b;\n    white-space: nowrap;\n}\n\n.pdf-page-meter strong {\n    color: #1e293b;\n    font-size: 14px;\n}\n\n.pdf-rotation-meter {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 42px;\n    color: #64748b;\n    font-size: 13px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.pdf-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: clamp(148px, 22%, 220px) minmax(0, 1fr);\n    flex: 1;\n    min-height: 0;\n}\n\n.pdf-shell--nav-hidden .pdf-content {\n    grid-template-columns: minmax(0, 1fr);\n}\n\n.pdf-nav-pane {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    border-right: 1px solid #d7dee8;\n    background: #f8fafc;\n}\n\n.pdf-nav-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 44px;\n    padding: 0 12px;\n    border-bottom: 1px solid #e3e9f1;\n    color: #475569;\n    font-size: 13px;\n}\n\n.pdf-nav-head strong {\n    color: #1e293b;\n    font-size: 12px;\n}\n\n.pdf-nav-tabs {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 4px;\n    padding: 8px;\n    border-bottom: 1px solid #e3e9f1;\n    background: #f8fafc;\n}\n\n.pdf-nav-tabs button {\n    min-width: 0;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #64748b;\n    background: transparent;\n    font: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.pdf-nav-tabs button:hover,\n.pdf-nav-tabs button.active {\n    border-color: #b9d4f6;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-page-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 8px;\n    padding: 10px;\n    overflow-y: auto;\n}\n\n.pdf-page-button {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 54px;\n    padding: 6px 8px;\n    border: 1px solid #dce4ee;\n    border-radius: 8px;\n    color: #334155;\n    background: #ffffff;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;\n}\n\n.pdf-page-button:hover {\n    border-color: #a9c5ea;\n    background: #f3f8ff;\n}\n\n.pdf-page-button--active {\n    border-color: #408fff;\n    background: #eaf3ff;\n    box-shadow: inset 3px 0 0 #408fff;\n}\n\n.pdf-page-thumb {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 42px;\n    border: 1px solid #d6e1ee;\n    border-radius: 4px;\n    color: #1769d8;\n    background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.pdf-page-label {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 13px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 4px;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.pdf-outline-button {\n    --outline-depth: 0;\n    display: grid;\n    grid-template-columns: 16px minmax(0, 1fr);\n    align-items: center;\n    gap: 6px;\n    width: 100%;\n    min-height: 32px;\n    padding: 5px 7px 5px calc(7px + var(--outline-depth) * 14px);\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.pdf-outline-button:hover {\n    border-color: #c7d7eb;\n    background: #ffffff;\n}\n\n.pdf-outline-toggle {\n    position: relative;\n    width: 14px;\n    height: 14px;\n    border-radius: 4px;\n    color: #64748b;\n}\n\n.pdf-outline-toggle::before {\n    position: absolute;\n    top: 3px;\n    left: 4px;\n    width: 6px;\n    height: 6px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    content: '';\n    transform: rotate(-45deg);\n    transition: transform 0.16s ease;\n}\n\n.pdf-outline-toggle--open::before {\n    transform: rotate(45deg);\n}\n\n.pdf-outline-toggle--empty::before {\n    display: none;\n}\n\n.pdf-outline-title {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 1.35;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-empty {\n    margin: 24px 8px;\n    padding: 14px 10px;\n    border: 1px dashed #cbd5e1;\n    border-radius: 8px;\n    color: #64748b;\n    background: #ffffff;\n    font-size: 12px;\n    text-align: center;\n}\n\n.pdfViewer {\n    margin: 0 auto;\n    padding: 18px 14px 28px;\n}\n\n.pdf-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n}\n\n.pdf-wrapper {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background: #e8edf4;\n}\n\n.pdf-state {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 168px;\n    min-height: 42px;\n    padding: 0 16px;\n    border: 1px solid #d7dee8;\n    border-radius: 8px;\n    color: #475569;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgb(15 23 42 / 12%);\n    transform: translate(-50%, -50%);\n}\n\n.pdf-state--error {\n    max-width: min(460px, calc(100% - 32px));\n    color: #b42318;\n    text-align: center;\n}\n\n@media (max-width: 720px) {\n    .pdf-toolbar {\n        flex-wrap: wrap;\n        min-height: 88px;\n        align-content: center;\n    }\n\n    .pdf-toolbar-group--zoom {\n        margin-left: 0;\n    }\n\n    .pdf-content,\n    .pdf-shell--nav-hidden .pdf-content {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pdf-nav-pane {\n        position: absolute;\n        z-index: 3;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: min(78vw, 240px);\n        box-shadow: 10px 0 24px rgb(15 23 42 / 14%);\n    }\n}\n";

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@file-viewer/renderer-pdf",
+  "version": "2.0.11",
+  "private": false,
+  "type": "module",
+  "description": "Standalone PDF renderer plugin for Flyfish File Viewer powered by PDF.js.",
+  "keywords": [
+    "file-viewer",
+    "renderer",
+    "pdf",
+    "pdfjs",
+    "document-preview",
+    "document-viewer",
+    "file-preview",
+    "self-hosted",
+    "pdf-viewer"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": {
+    "name": "Wangyu",
+    "email": "wybaby168@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flyfish-dev/file-viewer-renderer-pdf.git",
+    "directory": "packages/renderers/pdf"
+  },
+  "homepage": "https://doc.file-viewer.app/guide/on-demand-renderers",
+  "bugs": {
+    "url": "https://github.com/flyfish-dev/file-viewer-renderer-pdf/issues"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://dev.flyfish.group/shop"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "README.en.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@file-viewer/core": "^2.0.11",
+    "pdfjs-dist": "^6.0.227"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.3"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "tsc -b tsconfig.json",
+    "type-check": "tsc -b tsconfig.json"
+  }
+}