diff --git a/cps/static/css/libs/images/altText_add.svg b/cps/static/css/libs/images/altText_add.svg new file mode 100644 index 00000000..3451b536 --- /dev/null +++ b/cps/static/css/libs/images/altText_add.svg @@ -0,0 +1,3 @@ + + + diff --git a/cps/static/css/libs/images/altText_done.svg b/cps/static/css/libs/images/altText_done.svg new file mode 100644 index 00000000..f54924eb --- /dev/null +++ b/cps/static/css/libs/images/altText_done.svg @@ -0,0 +1,3 @@ + + + diff --git a/cps/static/css/libs/images/annotation-paperclip.svg b/cps/static/css/libs/images/annotation-paperclip.svg new file mode 100644 index 00000000..2bed2250 --- /dev/null +++ b/cps/static/css/libs/images/annotation-paperclip.svg @@ -0,0 +1,6 @@ + + + + diff --git a/cps/static/css/libs/images/annotation-pushpin.svg b/cps/static/css/libs/images/annotation-pushpin.svg new file mode 100644 index 00000000..6e0896cf --- /dev/null +++ b/cps/static/css/libs/images/annotation-pushpin.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/cps/static/css/libs/images/cursor-editorFreeHighlight.svg b/cps/static/css/libs/images/cursor-editorFreeHighlight.svg new file mode 100644 index 00000000..513f6bdf --- /dev/null +++ b/cps/static/css/libs/images/cursor-editorFreeHighlight.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/cps/static/css/libs/images/cursor-editorFreeText.svg b/cps/static/css/libs/images/cursor-editorFreeText.svg new file mode 100644 index 00000000..de2838ef --- /dev/null +++ b/cps/static/css/libs/images/cursor-editorFreeText.svg @@ -0,0 +1,3 @@ + + + diff --git a/cps/static/css/libs/images/cursor-editorInk.svg b/cps/static/css/libs/images/cursor-editorInk.svg new file mode 100644 index 00000000..1dadb5c0 --- /dev/null +++ b/cps/static/css/libs/images/cursor-editorInk.svg @@ -0,0 +1,4 @@ + + + + diff --git a/cps/static/css/libs/images/cursor-editorTextHighlight.svg b/cps/static/css/libs/images/cursor-editorTextHighlight.svg new file mode 100644 index 00000000..800340cb --- /dev/null +++ b/cps/static/css/libs/images/cursor-editorTextHighlight.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/cps/static/css/libs/images/editor-toolbar-delete.svg b/cps/static/css/libs/images/editor-toolbar-delete.svg new file mode 100644 index 00000000..f84520d8 --- /dev/null +++ b/cps/static/css/libs/images/editor-toolbar-delete.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/cps/static/css/libs/images/findbarButton-next.svg b/cps/static/css/libs/images/findbarButton-next.svg index a81eb029..8cb39bec 100644 --- a/cps/static/css/libs/images/findbarButton-next.svg +++ b/cps/static/css/libs/images/findbarButton-next.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/findbarButton-previous.svg b/cps/static/css/libs/images/findbarButton-previous.svg index 5fd70322..b610879d 100644 --- a/cps/static/css/libs/images/findbarButton-previous.svg +++ b/cps/static/css/libs/images/findbarButton-previous.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/gv-toolbarButton-download.svg b/cps/static/css/libs/images/gv-toolbarButton-download.svg new file mode 100644 index 00000000..d56cf3ce --- /dev/null +++ b/cps/static/css/libs/images/gv-toolbarButton-download.svg @@ -0,0 +1,3 @@ + + + diff --git a/cps/static/css/libs/images/loading-dark.svg b/cps/static/css/libs/images/loading-dark.svg deleted file mode 100644 index fa5269b1..00000000 --- a/cps/static/css/libs/images/loading-dark.svg +++ /dev/null @@ -1,24 +0,0 @@ - \ No newline at end of file diff --git a/cps/static/css/libs/images/secondaryToolbarButton-documentProperties.svg b/cps/static/css/libs/images/secondaryToolbarButton-documentProperties.svg index 6bd55cda..dd3917b9 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-documentProperties.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-documentProperties.svg @@ -1,15 +1,3 @@ - - - - - - - - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-firstPage.svg b/cps/static/css/libs/images/secondaryToolbarButton-firstPage.svg index 2fa0fa6d..f5c917f1 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-firstPage.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-firstPage.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-handTool.svg b/cps/static/css/libs/images/secondaryToolbarButton-handTool.svg index 3d038fab..b7073b59 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-handTool.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-handTool.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-lastPage.svg b/cps/static/css/libs/images/secondaryToolbarButton-lastPage.svg index 53fa9a6d..c04f6507 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-lastPage.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-lastPage.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-rotateCcw.svg b/cps/static/css/libs/images/secondaryToolbarButton-rotateCcw.svg index c71ea8e8..da73a1b1 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-rotateCcw.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-rotateCcw.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-rotateCw.svg b/cps/static/css/libs/images/secondaryToolbarButton-rotateCw.svg index e1e19e73..c41ce736 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-rotateCw.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-rotateCw.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-scrollHorizontal.svg b/cps/static/css/libs/images/secondaryToolbarButton-scrollHorizontal.svg index 8693eec3..fb440b94 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-scrollHorizontal.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-scrollHorizontal.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-scrollPage.svg b/cps/static/css/libs/images/secondaryToolbarButton-scrollPage.svg index bea2f0d6..64a9f500 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-scrollPage.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-scrollPage.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-scrollVertical.svg b/cps/static/css/libs/images/secondaryToolbarButton-scrollVertical.svg index ee1cf22f..dc7e8052 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-scrollVertical.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-scrollVertical.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-scrollWrapped.svg b/cps/static/css/libs/images/secondaryToolbarButton-scrollWrapped.svg index 804e7469..75fe26bc 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-scrollWrapped.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-scrollWrapped.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-selectTool.svg b/cps/static/css/libs/images/secondaryToolbarButton-selectTool.svg index 43e97894..94d51410 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-selectTool.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-selectTool.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-spreadEven.svg b/cps/static/css/libs/images/secondaryToolbarButton-spreadEven.svg index ddec5e68..ce201e33 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-spreadEven.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-spreadEven.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-spreadNone.svg b/cps/static/css/libs/images/secondaryToolbarButton-spreadNone.svg index 63318c56..e8d487fa 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-spreadNone.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-spreadNone.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/secondaryToolbarButton-spreadOdd.svg b/cps/static/css/libs/images/secondaryToolbarButton-spreadOdd.svg index 29909e9f..9211a427 100644 --- a/cps/static/css/libs/images/secondaryToolbarButton-spreadOdd.svg +++ b/cps/static/css/libs/images/secondaryToolbarButton-spreadOdd.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/shadow.png b/cps/static/css/libs/images/shadow.png deleted file mode 100644 index a00061ac..00000000 Binary files a/cps/static/css/libs/images/shadow.png and /dev/null differ diff --git a/cps/static/css/libs/images/toolbarButton-bookmark.svg b/cps/static/css/libs/images/toolbarButton-bookmark.svg index 79d39b09..c4c37c90 100644 --- a/cps/static/css/libs/images/toolbarButton-bookmark.svg +++ b/cps/static/css/libs/images/toolbarButton-bookmark.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-currentOutlineItem.svg b/cps/static/css/libs/images/toolbarButton-currentOutlineItem.svg index c1c72b20..01e67623 100644 --- a/cps/static/css/libs/images/toolbarButton-currentOutlineItem.svg +++ b/cps/static/css/libs/images/toolbarButton-currentOutlineItem.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-download.svg b/cps/static/css/libs/images/toolbarButton-download.svg index 2cdb5db3..e2e850ad 100644 --- a/cps/static/css/libs/images/toolbarButton-download.svg +++ b/cps/static/css/libs/images/toolbarButton-download.svg @@ -1,4 +1,4 @@ - - \ No newline at end of file + + + + diff --git a/cps/static/css/libs/images/toolbarButton-editorFreeText.svg b/cps/static/css/libs/images/toolbarButton-editorFreeText.svg index f0f11b47..13a67bd9 100644 --- a/cps/static/css/libs/images/toolbarButton-editorFreeText.svg +++ b/cps/static/css/libs/images/toolbarButton-editorFreeText.svg @@ -1,24 +1,5 @@ - - - - - - - - - - - - - + + + + diff --git a/cps/static/css/libs/images/toolbarButton-editorHighlight.svg b/cps/static/css/libs/images/toolbarButton-editorHighlight.svg new file mode 100644 index 00000000..b3cd7fda --- /dev/null +++ b/cps/static/css/libs/images/toolbarButton-editorHighlight.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/cps/static/css/libs/images/toolbarButton-editorInk.svg b/cps/static/css/libs/images/toolbarButton-editorInk.svg index 2b37e85f..b579eec7 100644 --- a/cps/static/css/libs/images/toolbarButton-editorInk.svg +++ b/cps/static/css/libs/images/toolbarButton-editorInk.svg @@ -1,9 +1,4 @@ - - - - - - - - + + + diff --git a/cps/static/css/libs/images/toolbarButton-editorStamp.svg b/cps/static/css/libs/images/toolbarButton-editorStamp.svg new file mode 100644 index 00000000..a1fef492 --- /dev/null +++ b/cps/static/css/libs/images/toolbarButton-editorStamp.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/cps/static/css/libs/images/toolbarButton-menuArrow.svg b/cps/static/css/libs/images/toolbarButton-menuArrow.svg index 46e41e18..82ffeaab 100644 --- a/cps/static/css/libs/images/toolbarButton-menuArrow.svg +++ b/cps/static/css/libs/images/toolbarButton-menuArrow.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-openFile.svg b/cps/static/css/libs/images/toolbarButton-openFile.svg index cb35980f..e773781d 100644 --- a/cps/static/css/libs/images/toolbarButton-openFile.svg +++ b/cps/static/css/libs/images/toolbarButton-openFile.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-pageDown.svg b/cps/static/css/libs/images/toolbarButton-pageDown.svg index c5d8b0f3..1fc12e73 100644 --- a/cps/static/css/libs/images/toolbarButton-pageDown.svg +++ b/cps/static/css/libs/images/toolbarButton-pageDown.svg @@ -1,7 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-pageUp.svg b/cps/static/css/libs/images/toolbarButton-pageUp.svg index aa0160ab..0936b9a5 100644 --- a/cps/static/css/libs/images/toolbarButton-pageUp.svg +++ b/cps/static/css/libs/images/toolbarButton-pageUp.svg @@ -1,12 +1,3 @@ - - - - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-presentationMode.svg b/cps/static/css/libs/images/toolbarButton-presentationMode.svg index 3f1f832e..901d5672 100644 --- a/cps/static/css/libs/images/toolbarButton-presentationMode.svg +++ b/cps/static/css/libs/images/toolbarButton-presentationMode.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-print.svg b/cps/static/css/libs/images/toolbarButton-print.svg index d521c9ad..97a39047 100644 --- a/cps/static/css/libs/images/toolbarButton-print.svg +++ b/cps/static/css/libs/images/toolbarButton-print.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-search.svg b/cps/static/css/libs/images/toolbarButton-search.svg index 28b7774e..0cc7ae21 100644 --- a/cps/static/css/libs/images/toolbarButton-search.svg +++ b/cps/static/css/libs/images/toolbarButton-search.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-secondaryToolbarToggle.svg b/cps/static/css/libs/images/toolbarButton-secondaryToolbarToggle.svg index dbef2380..cace8637 100644 --- a/cps/static/css/libs/images/toolbarButton-secondaryToolbarToggle.svg +++ b/cps/static/css/libs/images/toolbarButton-secondaryToolbarToggle.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-sidebarToggle.svg b/cps/static/css/libs/images/toolbarButton-sidebarToggle.svg index 691c41cb..1d8d0e4b 100644 --- a/cps/static/css/libs/images/toolbarButton-sidebarToggle.svg +++ b/cps/static/css/libs/images/toolbarButton-sidebarToggle.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-viewAttachments.svg b/cps/static/css/libs/images/toolbarButton-viewAttachments.svg index e914ec08..ab73f6e6 100644 --- a/cps/static/css/libs/images/toolbarButton-viewAttachments.svg +++ b/cps/static/css/libs/images/toolbarButton-viewAttachments.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-viewLayers.svg b/cps/static/css/libs/images/toolbarButton-viewLayers.svg index e8687b77..1d726682 100644 --- a/cps/static/css/libs/images/toolbarButton-viewLayers.svg +++ b/cps/static/css/libs/images/toolbarButton-viewLayers.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-viewOutline.svg b/cps/static/css/libs/images/toolbarButton-viewOutline.svg index 030c28df..7ed1bd97 100644 --- a/cps/static/css/libs/images/toolbarButton-viewOutline.svg +++ b/cps/static/css/libs/images/toolbarButton-viewOutline.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-viewThumbnail.svg b/cps/static/css/libs/images/toolbarButton-viewThumbnail.svg index b997ec49..040d1232 100644 --- a/cps/static/css/libs/images/toolbarButton-viewThumbnail.svg +++ b/cps/static/css/libs/images/toolbarButton-viewThumbnail.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-zoomIn.svg b/cps/static/css/libs/images/toolbarButton-zoomIn.svg index 480d2cef..30ec51a2 100644 --- a/cps/static/css/libs/images/toolbarButton-zoomIn.svg +++ b/cps/static/css/libs/images/toolbarButton-zoomIn.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/images/toolbarButton-zoomOut.svg b/cps/static/css/libs/images/toolbarButton-zoomOut.svg index 527f5210..f273b599 100644 --- a/cps/static/css/libs/images/toolbarButton-zoomOut.svg +++ b/cps/static/css/libs/images/toolbarButton-zoomOut.svg @@ -1,4 +1,3 @@ - - \ No newline at end of file + + + diff --git a/cps/static/css/libs/viewer.css b/cps/static/css/libs/viewer.css index c357a9fd..95d45b8f 100644 --- a/cps/static/css/libs/viewer.css +++ b/cps/static/css/libs/viewer.css @@ -13,1871 +13,3445 @@ * limitations under the License. */ -.textLayer { - position: absolute; - text-align: initial; - left: 0; - top: 0; - right: 0; - bottom: 0; - overflow: hidden; - opacity: 0.2; - line-height: 1; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - text-size-adjust: none; - forced-color-adjust: none; +.dialog{ + --dialog-bg-color:white; + --dialog-border-color:white; + --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2); + --text-primary-color:#15141a; + --text-secondary-color:#5b5b66; + --hover-filter:brightness(0.9); + --focus-ring-color:#0060df; + --focus-ring-outline:2px solid var(--focus-ring-color); + + --textarea-border-color:#8f8f9d; + --textarea-bg-color:white; + --textarea-fg-color:var(--text-secondary-color); + + --radio-bg-color:#f0f0f4; + --radio-checked-bg-color:#fbfbfe; + --radio-border-color:#8f8f9d; + --radio-checked-border-color:#0060df; + + --button-secondary-bg-color:#f0f0f4; + --button-secondary-fg-color:var(--text-primary-color); + --button-secondary-border-color:var(--button-secondary-bg-color); + --button-secondary-hover-bg-color:var(--button-secondary-bg-color); + --button-secondary-hover-fg-color:var(--button-secondary-fg-color); + --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); + + --button-primary-bg-color:#0060df; + --button-primary-fg-color:#fbfbfe; + --button-primary-hover-bg-color:var(--button-primary-bg-color); + --button-primary-hover-fg-color:var(--button-primary-fg-color); + --button-primary-hover-border-color:var(--button-primary-hover-bg-color); + + font:message-box; + font-size:13px; + font-weight:400; + line-height:150%; + border-radius:4px; + padding:12px 16px; + border:1px solid var(--dialog-border-color); + background:var(--dialog-bg-color); + color:var(--text-primary-color); + box-shadow:var(--dialog-shadow); } -.textLayer span, -.textLayer br { - color: transparent; - position: absolute; - white-space: pre; - cursor: text; - transform-origin: 0% 0%; +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) .dialog{ + --dialog-bg-color:#1c1b22; + --dialog-border-color:#1c1b22; + --dialog-shadow:0 2px 14px 0 #15141a; + --text-primary-color:#fbfbfe; + --text-secondary-color:#cfcfd8; + --focus-ring-color:#0df; + --hover-filter:brightness(1.4); + + --textarea-bg-color:#42414d; + + --radio-bg-color:#2b2a33; + --radio-checked-bg-color:#15141a; + --radio-checked-border-color:#0df; + + --button-secondary-bg-color:#2b2a33; + --button-primary-bg-color:#0df; + --button-primary-fg-color:#15141a; +} + } + +:where(html.is-dark) .dialog{ + --dialog-bg-color:#1c1b22; + --dialog-border-color:#1c1b22; + --dialog-shadow:0 2px 14px 0 #15141a; + --text-primary-color:#fbfbfe; + --text-secondary-color:#cfcfd8; + --focus-ring-color:#0df; + --hover-filter:brightness(1.4); + + --textarea-bg-color:#42414d; + + --radio-bg-color:#2b2a33; + --radio-checked-bg-color:#15141a; + --radio-checked-border-color:#0df; + + --button-secondary-bg-color:#2b2a33; + --button-primary-bg-color:#0df; + --button-primary-fg-color:#15141a; } -/* Only necessary in Google Chrome, see issue 14205, and most unfortunately - * the problem doesn't show up in "text" reference tests. */ -.textLayer span.markedContent { - top: 0; - height: 0; +@media screen and (forced-colors: active){ + +.dialog{ + --dialog-bg-color:Canvas; + --dialog-border-color:CanvasText; + --dialog-shadow:none; + --text-primary-color:CanvasText; + --text-secondary-color:CanvasText; + --hover-filter:none; + --focus-ring-color:ButtonBorder; + + --textarea-border-color:ButtonBorder; + --textarea-bg-color:Field; + --textarea-fg-color:ButtonText; + + --radio-bg-color:ButtonFace; + --radio-checked-bg-color:ButtonFace; + --radio-border-color:ButtonText; + --radio-checked-border-color:ButtonText; + + --button-secondary-bg-color:ButtonFace; + --button-secondary-fg-color:ButtonText; + --button-secondary-border-color:ButtonText; + --button-secondary-hover-bg-color:AccentColor; + --button-secondary-hover-fg-color:AccentColorText; + + --button-primary-bg-color:ButtonText; + --button-primary-fg-color:ButtonFace; + --button-primary-hover-bg-color:AccentColor; + --button-primary-hover-fg-color:AccentColorText; +} + } + +.dialog .mainContainer *:focus-visible{ + outline:var(--focus-ring-outline); + outline-offset:2px; + } + +.dialog .mainContainer .radio{ + display:flex; + flex-direction:column; + align-items:flex-start; + gap:4px; + } + +.dialog .mainContainer .radio > .radioButton{ + display:flex; + gap:8px; + align-self:stretch; + align-items:center; + } + +.dialog .mainContainer .radio > .radioButton input{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + box-sizing:border-box; + width:16px; + height:16px; + border-radius:50%; + background-color:var(--radio-bg-color); + border:1px solid var(--radio-border-color); + } + +.dialog .mainContainer .radio > .radioButton input:hover{ + filter:var(--hover-filter); + } + +.dialog .mainContainer .radio > .radioButton input:checked{ + background-color:var(--radio-checked-bg-color); + border:4px solid var(--radio-checked-border-color); + } + +.dialog .mainContainer .radio > .radioLabel{ + display:flex; + padding-inline-start:24px; + align-items:flex-start; + gap:10px; + align-self:stretch; + } + +.dialog .mainContainer .radio > .radioLabel > span{ + flex:1 0 0; + font-size:11px; + color:var(--text-secondary-color); + } + +.dialog .mainContainer button{ + border-radius:4px; + border:1px solid; + font:menu; + font-weight:600; + padding:4px 16px; + width:auto; + height:32px; + } + +.dialog .mainContainer button:hover{ + cursor:pointer; + filter:var(--hover-filter); + } + +.dialog .mainContainer button.secondaryButton{ + color:var(--button-secondary-fg-color); + background-color:var(--button-secondary-bg-color); + border-color:var(--button-secondary-border-color); + } + +.dialog .mainContainer button.secondaryButton:hover{ + color:var(--button-secondary-hover-fg-color); + background-color:var(--button-secondary-hover-bg-color); + border-color:var(--button-secondary-hover-border-color); + } + +.dialog .mainContainer button.primaryButton{ + color:var(--button-primary-hover-fg-color); + background-color:var(--button-primary-hover-bg-color); + border-color:var(--button-primary-hover-border-color); + opacity:1; + } + +.dialog .mainContainer button.primaryButton:hover{ + color:var(--button-primary-hover-fg-color); + background-color:var(--button-primary-hover-bg-color); + border-color:var(--button-primary-hover-border-color); + } + +.dialog .mainContainer textarea{ + font:inherit; + padding:8px; + resize:none; + margin:0; + box-sizing:border-box; + border-radius:4px; + border:1px solid var(--textarea-border-color); + background:var(--textarea-bg-color); + color:var(--textarea-fg-color); + } + +.dialog .mainContainer textarea:focus{ + outline-offset:0; + border-color:transparent; + } + +.dialog .mainContainer textarea:disabled{ + pointer-events:none; + opacity:0.4; + } + +.textLayer{ + position:absolute; + text-align:initial; + inset:0; + overflow:clip; + opacity:1; + line-height:1; + -webkit-text-size-adjust:none; + -moz-text-size-adjust:none; + text-size-adjust:none; + forced-color-adjust:none; + transform-origin:0 0; + caret-color:CanvasText; + z-index:0; } -.textLayer .highlight { - margin: -1px; - padding: 1px; - background-color: rgba(180, 0, 170, 1); - border-radius: 4px; +.textLayer.highlighting{ + touch-action:none; + } + +.textLayer :is(span, br){ + color:transparent; + position:absolute; + white-space:pre; + cursor:text; + transform-origin:0% 0%; + } + +.textLayer > :not(.markedContent), + .textLayer .markedContent span:not(.markedContent){ + z-index:1; + } + +.textLayer span.markedContent{ + top:0; + height:0; + } + +.textLayer .highlight{ + --highlight-bg-color:rgb(180 0 170 / 0.25); + --highlight-selected-bg-color:rgb(0 100 0 / 0.25); + --highlight-backdrop-filter:none; + --highlight-selected-backdrop-filter:none; + + margin:-1px; + padding:1px; + background-color:var(--highlight-bg-color); + -webkit-backdrop-filter:var(--highlight-backdrop-filter); + backdrop-filter:var(--highlight-backdrop-filter); + border-radius:4px; + } + +@media screen and (forced-colors: active){ + +.textLayer .highlight{ + --highlight-bg-color:transparent; + --highlight-selected-bg-color:transparent; + --highlight-backdrop-filter:var(--hcm-highlight-filter); + --highlight-selected-backdrop-filter:var( + --hcm-highlight-selected-filter + ); + } + } + +.textLayer .highlight.appended{ + position:initial; + } + +.textLayer .highlight.begin{ + border-radius:4px 0 0 4px; + } + +.textLayer .highlight.end{ + border-radius:0 4px 4px 0; + } + +.textLayer .highlight.middle{ + border-radius:0; + } + +.textLayer .highlight.selected{ + background-color:var(--highlight-selected-bg-color); + -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter); + backdrop-filter:var(--highlight-selected-backdrop-filter); + } + +.textLayer ::-moz-selection{ + background:rgba(0 0 255 / 0.25); + background:color-mix(in srgb, AccentColor, transparent 75%); + } + +.textLayer ::selection{ + background:rgba(0 0 255 / 0.25); + background:color-mix(in srgb, AccentColor, transparent 75%); + } + +.textLayer br::-moz-selection{ + background:transparent; + } + +.textLayer br::selection{ + background:transparent; + } + +.textLayer .endOfContent{ + display:block; + position:absolute; + inset:100% 0 0; + z-index:0; + cursor:default; + -webkit-user-select:none; + -moz-user-select:none; + user-select:none; + } + +.textLayer .endOfContent.active{ + top:0; + } + +.annotationLayer{ + --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); + --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; + left:0; + pointer-events:none; + transform-origin:0 0; } -.textLayer .highlight.appended { - position: initial; +@media screen and (forced-colors: active){ + +.annotationLayer{ + --input-focus-border-color:CanvasText; + --input-unfocused-border-color:ActiveText; + --input-disabled-border-color:GrayText; + --input-hover-border-color:Highlight; + --link-outline:1.5px solid LinkText; } -.textLayer .highlight.begin { - border-radius: 4px 0 0 4px; + .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{ + outline:1.5px solid selectedItem; + } + + .annotationLayer .linkAnnotation{ + outline:var(--link-outline); + } + + .annotationLayer .linkAnnotation:hover{ + -webkit-backdrop-filter:var(--hcm-highlight-filter); + backdrop-filter:var(--hcm-highlight-filter); + } + + .annotationLayer .linkAnnotation > a:hover{ + opacity:0 !important; + background:none !important; + box-shadow:none; + } + + .annotationLayer .popupAnnotation .popup{ + outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important; + background-color:ButtonFace !important; + color:ButtonText !important; + } + + .annotationLayer .highlightArea:hover::after{ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + -webkit-backdrop-filter:var(--hcm-highlight-filter); + backdrop-filter:var(--hcm-highlight-filter); + content:""; + pointer-events:none; + } + + .annotationLayer .popupAnnotation.focused .popup{ + outline:calc(3px * var(--scale-factor)) solid Highlight !important; + } + } + +.annotationLayer[data-main-rotation="90"] .norotate{ + transform:rotate(270deg) translateX(-100%); + } + +.annotationLayer[data-main-rotation="180"] .norotate{ + transform:rotate(180deg) translate(-100%, -100%); + } + +.annotationLayer[data-main-rotation="270"] .norotate{ + transform:rotate(90deg) translateY(-100%); + } + +.annotationLayer.disabled section, + .annotationLayer.disabled .popup{ + pointer-events:none; + } + +.annotationLayer .annotationContent{ + position:absolute; + width:100%; + height:100%; + pointer-events:none; + } + +.annotationLayer .annotationContent.freetext{ + background:transparent; + border:none; + inset:0; + overflow:visible; + white-space:nowrap; + font:10px sans-serif; + line-height:1.35; + -webkit-user-select:none; + -moz-user-select:none; + user-select:none; + } + +.annotationLayer section{ + position:absolute; + text-align:initial; + pointer-events:auto; + box-sizing:border-box; + transform-origin:0 0; + } + +.annotationLayer section:has(div.annotationContent) canvas.annotationContent{ + display:none; + } + +.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{ + position:absolute; + font-size:1em; + top:0; + left:0; + width:100%; + height:100%; + } + +.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) + > a:hover{ + opacity:0.2; + background-color:rgb(255 255 0); + box-shadow:0 2px 10px rgb(255 255 0); + } + +.annotationLayer .linkAnnotation.hasBorder:hover{ + background-color:rgb(255 255 0 / 0.2); + } + +.annotationLayer .hasBorder{ + background-size:100% 100%; + } + +.annotationLayer .textAnnotation img{ + position:absolute; + cursor:pointer; + width:100%; + height:100%; + top:0; + left:0; + } + +.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .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%; + } + +.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{ + outline:1.5px solid red; + } + +.annotationLayer .choiceWidgetAnnotation select option{ + padding:0; + } + +.annotationLayer .buttonWidgetAnnotation.radioButton input{ + border-radius:50%; + } + +.annotationLayer .textWidgetAnnotation textarea{ + resize:none; + } + +.annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{ + background:none; + border:2px solid var(--input-disabled-border-color); + cursor:not-allowed; + } + +.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{ + border:2px solid var(--input-hover-border-color); + } + +.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{ + border-radius:2px; + } + +.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus{ + background:none; + border:2px solid var(--input-focus-border-color); + border-radius:2px; + outline:var(--input-focus-outline); + } + +.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{ + background-image:none; + background-color:transparent; + } + +.annotationLayer .buttonWidgetAnnotation.checkBox :focus{ + border:2px solid var(--input-focus-border-color); + border-radius:2px; + outline:var(--input-focus-outline); + } + +.annotationLayer .buttonWidgetAnnotation.radioButton :focus{ + border:2px solid var(--input-focus-border-color); + outline:var(--input-focus-outline); + } + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, + .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, + .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{ + background-color:CanvasText; + content:""; + display:block; + position:absolute; + } + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, + .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{ + height:80%; + left:45%; + width:1px; + } + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{ + transform:rotate(45deg); + } + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{ + transform:rotate(-45deg); + } + +.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{ + border-radius:50%; + height:50%; + left:25%; + top:25%; + width:50%; + } + +.annotationLayer .textWidgetAnnotation input.comb{ + font-family:monospace; + padding-left:2px; + padding-right:0; + } + +.annotationLayer .textWidgetAnnotation input.comb:focus{ + width:103%; + } + +.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + } + +.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{ + height:100%; + width:100%; + } + +.annotationLayer .popupAnnotation{ + position:absolute; + font-size:calc(9px * var(--scale-factor)); + pointer-events:none; + width:-moz-max-content; + width:max-content; + max-width:45%; + height:auto; + } + +.annotationLayer .popup{ + background-color:rgb(255 255 153); + box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136); + 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; + } + +.annotationLayer .popupAnnotation.focused .popup{ + outline-width:3px; + } + +.annotationLayer .popup *{ + font-size:calc(9px * var(--scale-factor)); + } + +.annotationLayer .popup > .header{ + display:inline-block; + } + +.annotationLayer .popup > .header h1{ + display:inline; + } + +.annotationLayer .popup > .header .popupDate{ + display:inline-block; + margin-left:calc(5px * var(--scale-factor)); + width:-moz-fit-content; + width:fit-content; + } + +.annotationLayer .popupContent{ + border-top:1px solid rgb(51 51 51); + margin-top:calc(2px * var(--scale-factor)); + padding-top:calc(2px * var(--scale-factor)); + } + +.annotationLayer .richText > *{ + white-space:pre-wrap; + font-size:calc(9px * var(--scale-factor)); + } + +.annotationLayer .popupTriggerArea{ + cursor:pointer; + } + +.annotationLayer section svg{ + position:absolute; + width:100%; + height:100%; + top:0; + left:0; + } + +.annotationLayer .annotationTextContent{ + position:absolute; + width:100%; + height:100%; + opacity:0; + color:transparent; + -webkit-user-select:none; + -moz-user-select:none; + user-select:none; + pointer-events:none; + } + +.annotationLayer .annotationTextContent span{ + width:100%; + display:inline-block; + } + +.annotationLayer svg.quadrilateralsContainer{ + contain:strict; + width:0; + height:0; + position:absolute; + top:0; + left:0; + z-index:-1; + } + +:root{ + --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); + --xfa-focus-outline:auto; } -.textLayer .highlight.end { - border-radius: 0 4px 4px 0; -} - -.textLayer .highlight.middle { - border-radius: 0; -} - -.textLayer .highlight.selected { - background-color: rgba(0, 100, 0, 1); -} - -.textLayer ::-moz-selection { - background: rgba(0, 0, 255, 1); -} - -.textLayer ::selection { - background: rgba(0, 0, 255, 1); -} - -/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */ -.textLayer br::-moz-selection { - background: transparent; -} -.textLayer br::selection { - background: transparent; -} - -.textLayer .endOfContent { - display: block; - position: absolute; - left: 0; - top: 100%; - right: 0; - bottom: 0; - z-index: -1; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.textLayer .endOfContent.active { - top: 0; -} - - -:root { - --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); -} - -@media (forced-colors: active) { - .annotationLayer .textWidgetAnnotation input:required, - .annotationLayer .textWidgetAnnotation textarea:required, - .annotationLayer .choiceWidgetAnnotation select:required, - .annotationLayer .buttonWidgetAnnotation.checkBox input:required, - .annotationLayer .buttonWidgetAnnotation.radioButton input:required { - outline: 1.5px solid selectedItem; +@media screen and (forced-colors: active){ + :root{ + --xfa-focus-outline:2px solid CanvasText; + } + .xfaLayer *:required{ + outline:1.5px solid selectedItem; } } -.annotationLayer { - position: absolute; - top: 0; - left: 0; - pointer-events: none; - transform-origin: 0 0; +.xfaLayer{ + background-color:transparent; } -.annotationLayer section { - position: absolute; - text-align: initial; - pointer-events: auto; - box-sizing: border-box; - transform-origin: 0 0; +.xfaLayer .highlight{ + margin:-1px; + padding:1px; + background-color:rgb(239 203 237); + border-radius:4px; } -.annotationLayer .linkAnnotation > a, -.annotationLayer .buttonWidgetAnnotation.pushButton > a { - position: absolute; - font-size: 1em; - top: 0; - left: 0; - width: 100%; - height: 100%; +.xfaLayer .highlight.appended{ + position:initial; } -.annotationLayer .buttonWidgetAnnotation.pushButton > canvas { - width: 100%; - height: 100%; +.xfaLayer .highlight.begin{ + border-radius:4px 0 0 4px; } -.annotationLayer .linkAnnotation > a:hover, -.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { - opacity: 0.2; - background: rgba(255, 255, 0, 1); - box-shadow: 0 2px 10px rgba(255, 255, 0, 1); +.xfaLayer .highlight.end{ + border-radius:0 4px 4px 0; } -.annotationLayer .textAnnotation img { - position: absolute; - cursor: pointer; - width: 100%; - height: 100%; +.xfaLayer .highlight.middle{ + border-radius:0; } -.annotationLayer .textWidgetAnnotation input, -.annotationLayer .textWidgetAnnotation textarea, -.annotationLayer .choiceWidgetAnnotation select, -.annotationLayer .buttonWidgetAnnotation.checkBox input, -.annotationLayer .buttonWidgetAnnotation.radioButton input { - background-image: var(--annotation-unfocused-field-background); - border: 1px solid transparent; - box-sizing: border-box; - font: calc(9px * var(--scale-factor)) sans-serif; - height: 100%; - margin: 0; - vertical-align: top; - width: 100%; +.xfaLayer .highlight.selected{ + background-color:rgb(203 223 203); } -.annotationLayer .textWidgetAnnotation input:required, -.annotationLayer .textWidgetAnnotation textarea:required, -.annotationLayer .choiceWidgetAnnotation select:required, -.annotationLayer .buttonWidgetAnnotation.checkBox input:required, -.annotationLayer .buttonWidgetAnnotation.radioButton input:required { - outline: 1.5px solid red; +.xfaPage{ + overflow:hidden; + position:relative; } -.annotationLayer .choiceWidgetAnnotation select option { - padding: 0; +.xfaContentarea{ + position:absolute; } -.annotationLayer .buttonWidgetAnnotation.radioButton input { - border-radius: 50%; +.xfaPrintOnly{ + display:none; } -.annotationLayer .textWidgetAnnotation textarea { - resize: none; +.xfaLayer{ + position:absolute; + text-align:initial; + top:0; + left:0; + transform-origin:0 0; + line-height:1.2; } -.annotationLayer .textWidgetAnnotation input[disabled], -.annotationLayer .textWidgetAnnotation textarea[disabled], -.annotationLayer .choiceWidgetAnnotation select[disabled], -.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], -.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { - background: none; - border: 1px solid transparent; - cursor: not-allowed; +.xfaLayer *{ + color:inherit; + font:inherit; + font-style:inherit; + font-weight:inherit; + font-kerning:inherit; + letter-spacing:-0.01px; + text-align:inherit; + text-decoration:inherit; + box-sizing:border-box; + background-color:transparent; + padding:0; + margin:0; + pointer-events:auto; + line-height:inherit; } -.annotationLayer .textWidgetAnnotation input:hover, -.annotationLayer .textWidgetAnnotation textarea:hover, -.annotationLayer .choiceWidgetAnnotation select:hover, -.annotationLayer .buttonWidgetAnnotation.checkBox input:hover, -.annotationLayer .buttonWidgetAnnotation.radioButton input:hover { - border: 1px solid rgba(0, 0, 0, 1); +.xfaLayer *:required{ + outline:1.5px solid red; } -.annotationLayer .textWidgetAnnotation input:focus, -.annotationLayer .textWidgetAnnotation textarea:focus, -.annotationLayer .choiceWidgetAnnotation select:focus { - background: none; - border: 1px solid transparent; +.xfaLayer div, +.xfaLayer svg, +.xfaLayer svg *{ + pointer-events:none; } -.annotationLayer .textWidgetAnnotation input :focus, -.annotationLayer .textWidgetAnnotation textarea :focus, -.annotationLayer .choiceWidgetAnnotation select :focus, -.annotationLayer .buttonWidgetAnnotation.checkBox :focus, -.annotationLayer .buttonWidgetAnnotation.radioButton :focus { - background-image: none; - background-color: transparent; - outline: auto; +.xfaLayer a{ + color:blue; } -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, -.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { - background-color: CanvasText; - content: ""; - display: block; - position: absolute; +.xfaRich li{ + margin-left:3em; } -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - height: 80%; - left: 45%; - width: 1px; +.xfaFont{ + color:black; + font-weight:normal; + font-kerning:none; + font-size:10px; + font-style:normal; + letter-spacing:0; + text-decoration:none; + vertical-align:0; } -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { - transform: rotate(45deg); +.xfaCaption{ + overflow:hidden; + flex:0 0 auto; } -.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - transform: rotate(-45deg); +.xfaCaptionForCheckButton{ + overflow:hidden; + flex:1 1 auto; } -.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { - border-radius: 50%; - height: 50%; - left: 30%; - top: 20%; - width: 50%; +.xfaLabel{ + height:100%; + width:100%; } -.annotationLayer .textWidgetAnnotation input.comb { - font-family: monospace; - padding-left: 2px; - padding-right: 0; +.xfaLeft{ + display:flex; + flex-direction:row; + align-items:center; } -.annotationLayer .textWidgetAnnotation input.comb:focus { - /* - * Letter spacing is placed on the right side of each character. Hence, the - * letter spacing of the last character may be placed outside the visible - * area, causing horizontal scrolling. We avoid this by extending the width - * when the element has focus and revert this when it loses focus. - */ - width: 103%; +.xfaRight{ + display:flex; + flex-direction:row-reverse; + align-items:center; } -.annotationLayer .buttonWidgetAnnotation.checkBox input, -.annotationLayer .buttonWidgetAnnotation.radioButton input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; +:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){ + max-height:100%; } -.annotationLayer .popupTriggerArea { - height: 100%; - width: 100%; +.xfaTop{ + display:flex; + flex-direction:column; + align-items:flex-start; } -.annotationLayer .popupWrapper { - position: absolute; - font-size: calc(9px * var(--scale-factor)); - width: 100%; - min-width: calc(180px * var(--scale-factor)); - pointer-events: none; +.xfaBottom{ + display:flex; + flex-direction:column-reverse; + align-items:flex-start; } -.annotationLayer .popup { - position: absolute; - max-width: calc(180px * var(--scale-factor)); - background-color: rgba(255, 255, 153, 1); - box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) - rgba(136, 136, 136, 1); - border-radius: calc(2px * var(--scale-factor)); - padding: calc(6px * var(--scale-factor)); - margin-left: calc(5px * var(--scale-factor)); - cursor: pointer; - font: message-box; - white-space: normal; - word-wrap: break-word; - pointer-events: auto; +:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){ + width:100%; } -.annotationLayer .popup > * { - font-size: calc(9px * var(--scale-factor)); +.xfaBorder{ + background-color:transparent; + position:absolute; + pointer-events:none; } -.annotationLayer .popup h1 { - display: inline-block; +.xfaWrapped{ + width:100%; + height:100%; } -.annotationLayer .popupDate { - display: inline-block; - margin-left: calc(5px * var(--scale-factor)); +:is(.xfaTextfield, .xfaSelect):focus{ + background-image:none; + background-color:transparent; + outline:var(--xfa-focus-outline); + outline-offset:-1px; } -.annotationLayer .popupContent { - border-top: 1px solid rgba(51, 51, 51, 1); - margin-top: calc(2px * var(--scale-factor)); - padding-top: calc(2px * var(--scale-factor)); -} - -.annotationLayer .richText > * { - white-space: pre-wrap; - font-size: calc(9px * var(--scale-factor)); -} - -.annotationLayer .highlightAnnotation, -.annotationLayer .underlineAnnotation, -.annotationLayer .squigglyAnnotation, -.annotationLayer .strikeoutAnnotation, -.annotationLayer .freeTextAnnotation, -.annotationLayer .lineAnnotation svg line, -.annotationLayer .squareAnnotation svg rect, -.annotationLayer .circleAnnotation svg ellipse, -.annotationLayer .polylineAnnotation svg polyline, -.annotationLayer .polygonAnnotation svg polygon, -.annotationLayer .caretAnnotation, -.annotationLayer .inkAnnotation svg polyline, -.annotationLayer .stampAnnotation, -.annotationLayer .fileAttachmentAnnotation { - cursor: pointer; -} - -.annotationLayer section svg { - position: absolute; - width: 100%; - height: 100%; -} - -.annotationLayer .annotationTextContent { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; - color: transparent; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - pointer-events: none; -} - -.annotationLayer .annotationTextContent span { - width: 100%; - display: inline-block; -} - - -:root { - --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); -} - -@media (forced-colors: active) { - .xfaLayer *:required { - outline: 1.5px solid selectedItem; - } -} - -.xfaLayer .highlight { - margin: -1px; - padding: 1px; - background-color: rgba(239, 203, 237, 1); - border-radius: 4px; -} - -.xfaLayer .highlight.appended { - position: initial; -} - -.xfaLayer .highlight.begin { - border-radius: 4px 0 0 4px; -} - -.xfaLayer .highlight.end { - border-radius: 0 4px 4px 0; -} - -.xfaLayer .highlight.middle { - border-radius: 0; -} - -.xfaLayer .highlight.selected { - background-color: rgba(203, 223, 203, 1); -} - -.xfaLayer ::-moz-selection { - background: rgba(0, 0, 255, 1); -} - -.xfaLayer ::selection { - background: rgba(0, 0, 255, 1); -} - -.xfaPage { - overflow: hidden; - position: relative; -} - -.xfaContentarea { - position: absolute; -} - -.xfaPrintOnly { - display: none; -} - -.xfaLayer { - position: absolute; - text-align: initial; - top: 0; - left: 0; - transform-origin: 0 0; - line-height: 1.2; -} - -.xfaLayer * { - color: inherit; - font: inherit; - font-style: inherit; - font-weight: inherit; - font-kerning: inherit; - letter-spacing: -0.01px; - text-align: inherit; - text-decoration: inherit; - box-sizing: border-box; - background-color: transparent; - padding: 0; - margin: 0; - pointer-events: auto; - line-height: inherit; -} - -.xfaLayer *:required { - outline: 1.5px solid red; -} - -.xfaLayer div { - pointer-events: none; -} - -.xfaLayer svg { - pointer-events: none; -} - -.xfaLayer svg * { - pointer-events: none; -} - -.xfaLayer a { - color: blue; -} - -.xfaRich li { - margin-left: 3em; -} - -.xfaFont { - color: black; - font-weight: normal; - font-kerning: none; - font-size: 10px; - font-style: normal; - letter-spacing: 0; - text-decoration: none; - vertical-align: 0; -} - -.xfaCaption { - overflow: hidden; - flex: 0 0 auto; -} - -.xfaCaptionForCheckButton { - overflow: hidden; - flex: 1 1 auto; -} - -.xfaLabel { - height: 100%; - width: 100%; -} - -.xfaLeft { - display: flex; - flex-direction: row; - align-items: center; -} - -.xfaRight { - display: flex; - flex-direction: row-reverse; - align-items: center; -} - -.xfaLeft > .xfaCaption, -.xfaLeft > .xfaCaptionForCheckButton, -.xfaRight > .xfaCaption, -.xfaRight > .xfaCaptionForCheckButton { - max-height: 100%; -} - -.xfaTop { - display: flex; - flex-direction: column; - align-items: flex-start; -} - -.xfaBottom { - display: flex; - flex-direction: column-reverse; - align-items: flex-start; -} - -.xfaTop > .xfaCaption, -.xfaTop > .xfaCaptionForCheckButton, -.xfaBottom > .xfaCaption, -.xfaBottom > .xfaCaptionForCheckButton { - width: 100%; -} - -.xfaBorder { - background-color: transparent; - position: absolute; - pointer-events: none; -} - -.xfaWrapped { - width: 100%; - height: 100%; -} - -.xfaTextfield:focus, -.xfaSelect:focus { - background-image: none; - background-color: transparent; - outline: auto; - outline-offset: -1px; -} - -.xfaCheckbox:focus, -.xfaRadio:focus { - outline: auto; +:is(.xfaCheckbox, .xfaRadio):focus{ + outline:var(--xfa-focus-outline); } .xfaTextfield, -.xfaSelect { - height: 100%; - width: 100%; - flex: 1 1 auto; - border: none; - resize: none; - background-image: var(--xfa-unfocused-field-background); +.xfaSelect{ + height:100%; + width:100%; + flex:1 1 auto; + border:none; + resize:none; + background-image:var(--xfa-unfocused-field-background); } -.xfaTop > .xfaTextfield, -.xfaTop > .xfaSelect, -.xfaBottom > .xfaTextfield, -.xfaBottom > .xfaSelect { - flex: 0 1 auto; +.xfaSelect{ + padding-inline:2px; } -.xfaButton { - cursor: pointer; - width: 100%; - height: 100%; - border: none; - text-align: center; +:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){ + flex:0 1 auto; } -.xfaLink { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; +.xfaButton{ + cursor:pointer; + width:100%; + height:100%; + border:none; + text-align:center; +} + +.xfaLink{ + width:100%; + height:100%; + position:absolute; + top:0; + left:0; } .xfaCheckbox, -.xfaRadio { - width: 100%; - height: 100%; - flex: 0 0 auto; - border: none; +.xfaRadio{ + width:100%; + height:100%; + flex:0 0 auto; + border:none; } -.xfaRich { - white-space: pre-wrap; - width: 100%; - height: 100%; +.xfaRich{ + white-space:pre-wrap; + width:100%; + height:100%; } -.xfaImage { - -o-object-position: left top; - object-position: left top; - -o-object-fit: contain; - object-fit: contain; - width: 100%; - height: 100%; +.xfaImage{ + -o-object-position:left top; + object-position:left top; + -o-object-fit:contain; + object-fit:contain; + width:100%; + height:100%; } .xfaLrTb, .xfaRlTb, -.xfaTb { - display: flex; - flex-direction: column; - align-items: stretch; +.xfaTb{ + display:flex; + flex-direction:column; + align-items:stretch; } -.xfaLr { - display: flex; - flex-direction: row; - align-items: stretch; +.xfaLr{ + display:flex; + flex-direction:row; + align-items:stretch; } -.xfaRl { - display: flex; - flex-direction: row-reverse; - align-items: stretch; +.xfaRl{ + display:flex; + flex-direction:row-reverse; + align-items:stretch; } -.xfaTb > div { - justify-content: left; +.xfaTb > div{ + justify-content:left; } -.xfaPosition { - position: relative; +.xfaPosition{ + position:relative; } -.xfaArea { - position: relative; +.xfaArea{ + position:relative; } -.xfaValignMiddle { - display: flex; - align-items: center; +.xfaValignMiddle{ + display:flex; + align-items:center; } -.xfaTable { - display: flex; - flex-direction: column; - align-items: stretch; +.xfaTable{ + display:flex; + flex-direction:column; + align-items:stretch; } -.xfaTable .xfaRow { - display: flex; - flex-direction: row; - align-items: stretch; +.xfaTable .xfaRow{ + display:flex; + flex-direction:row; + align-items:stretch; } -.xfaTable .xfaRlRow { - display: flex; - flex-direction: row-reverse; - align-items: stretch; - flex: 1; +.xfaTable .xfaRlRow{ + display:flex; + flex-direction:row-reverse; + align-items:stretch; + flex:1; } -.xfaTable .xfaRlRow > div { - flex: 1; +.xfaTable .xfaRlRow > div{ + flex:1; } -.xfaNonInteractive input, -.xfaNonInteractive textarea, -.xfaDisabled input, -.xfaDisabled textarea, -.xfaReadOnly input, -.xfaReadOnly textarea { - background: initial; +:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){ + background:initial; } -@media print { +@media print{ .xfaTextfield, - .xfaSelect { - background: transparent; + .xfaSelect{ + background:transparent; } - .xfaSelect { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-indent: 1px; - text-overflow: ""; + .xfaSelect{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + text-indent:1px; + text-overflow:""; } } +.canvasWrapper svg{ + transform:none; + } -:root { - --focus-outline: solid 2px blue; - --hover-outline: dashed 2px blue; - --freetext-line-height: 1.35; - --freetext-padding: 2px; - --editorInk-editing-cursor: url(images/toolbarButton-editorInk.svg) 0 16; +.canvasWrapper svg[data-main-rotation="90"] mask, + .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){ + transform:matrix(0, 1, -1, 0, 1, 0); + } + +.canvasWrapper svg[data-main-rotation="180"] mask, + .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){ + transform:matrix(-1, 0, 0, -1, 1, 1); + } + +.canvasWrapper svg[data-main-rotation="270"] mask, + .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){ + transform:matrix(0, -1, 1, 0, 0, 1); + } + +.canvasWrapper svg.highlight{ + --blend-mode:multiply; + + position:absolute; + mix-blend-mode:var(--blend-mode); + } + +@media screen and (forced-colors: active){ + +.canvasWrapper svg.highlight{ + --blend-mode:difference; + } + } + +.canvasWrapper svg.highlight:not(.free){ + fill-rule:evenodd; + } + +.canvasWrapper svg.highlightOutline{ + position:absolute; + mix-blend-mode:normal; + fill-rule:evenodd; + fill:none; + } + +.canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){ + stroke:var(--hover-outline-color); + stroke-width:var(--outline-width); + } + +.canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{ + stroke:var(--outline-around-color); + stroke-width:calc( + var(--outline-width) + 2 * var(--outline-around-width) + ); + } + +.canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{ + stroke:var(--outline-color); + stroke-width:var(--outline-width); + } + +.canvasWrapper svg.highlightOutline.free.hovered:not(.selected){ + stroke:var(--hover-outline-color); + stroke-width:calc(2 * var(--outline-width)); + } + +.canvasWrapper svg.highlightOutline.free.selected .mainOutline{ + stroke:var(--outline-around-color); + stroke-width:calc( + 2 * (var(--outline-width) + var(--outline-around-width)) + ); + } + +.canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{ + stroke:var(--outline-color); + stroke-width:calc(2 * var(--outline-width)); + } + +.toggle-button{ + --button-background-color:#f0f0f4; + --button-background-color-hover:#e0e0e6; + --button-background-color-active:#cfcfd8; + --color-accent-primary:#0060df; + --color-accent-primary-hover:#0250bb; + --color-accent-primary-active:#054096; + --border-interactive-color:#8f8f9d; + --border-radius-circle:9999px; + --border-width:1px; + --size-item-small:16px; + --size-item-large:32px; + --color-canvas:white; + + --toggle-background-color:var(--button-background-color); + --toggle-background-color-hover:var(--button-background-color-hover); + --toggle-background-color-active:var(--button-background-color-active); + --toggle-background-color-pressed:var(--color-accent-primary); + --toggle-background-color-pressed-hover:var(--color-accent-primary-hover); + --toggle-background-color-pressed-active:var(--color-accent-primary-active); + --toggle-border-color:var(--border-interactive-color); + --toggle-border-color-hover:var(--toggle-border-color); + --toggle-border-color-active:var(--toggle-border-color); + --toggle-border-radius:var(--border-radius-circle); + --toggle-border-width:var(--border-width); + --toggle-height:var(--size-item-small); + --toggle-width:var(--size-item-large); + --toggle-dot-background-color:var(--toggle-border-color); + --toggle-dot-background-color-hover:var(--toggle-dot-background-color); + --toggle-dot-background-color-active:var(--toggle-dot-background-color); + --toggle-dot-background-color-on-pressed:var(--color-canvas); + --toggle-dot-margin:1px; + --toggle-dot-height:calc( + var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * + var(--toggle-border-width) + ); + --toggle-dot-width:var(--toggle-dot-height); + --toggle-dot-transform-x:calc( + var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) + ); + + -webkit-appearance:none; + + -moz-appearance:none; + + appearance:none; + padding:0; + margin:0; + border:var(--toggle-border-width) solid var(--toggle-border-color); + height:var(--toggle-height); + width:var(--toggle-width); + border-radius:var(--toggle-border-radius); + background:var(--toggle-background-color); + box-sizing:border-box; + flex-shrink:0; } -@media (forced-colors: active) { - :root { - --focus-outline: solid 3px ButtonText; - --hover-outline: dashed 3px ButtonText; +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) .toggle-button{ + --button-background-color:color-mix(in srgb, currentColor 7%, transparent); + --button-background-color-hover:color-mix( + in srgb, + currentColor 14%, + transparent + ); + --button-background-color-active:color-mix( + in srgb, + currentColor 21%, + transparent + ); + --color-accent-primary:#0df; + --color-accent-primary-hover:#80ebff; + --color-accent-primary-active:#aaf2ff; + --border-interactive-color:#bfbfc9; + --color-canvas:#1c1b22; +} + } + +:where(html.is-dark) .toggle-button{ + --button-background-color:color-mix(in srgb, currentColor 7%, transparent); + --button-background-color-hover:color-mix( + in srgb, + currentColor 14%, + transparent + ); + --button-background-color-active:color-mix( + in srgb, + currentColor 21%, + transparent + ); + --color-accent-primary:#0df; + --color-accent-primary-hover:#80ebff; + --color-accent-primary-active:#aaf2ff; + --border-interactive-color:#bfbfc9; + --color-canvas:#1c1b22; +} + +@media (forced-colors: active){ + +.toggle-button{ + --color-accent-primary:ButtonText; + --color-accent-primary-hover:SelectedItem; + --color-accent-primary-active:SelectedItem; + --border-interactive-color:ButtonText; + --button-background-color:ButtonFace; + --border-interactive-color-hover:SelectedItem; + --border-interactive-color-active:SelectedItem; + --border-interactive-color-disabled:GrayText; + --color-canvas:ButtonText; +} + } + +.toggle-button:focus-visible{ + outline:var(--focus-outline); + outline-offset:var(--focus-outline-offset); + } + +.toggle-button:enabled:hover{ + background:var(--toggle-background-color-hover); + border-color:var(--toggle-border-color); + } + +.toggle-button:enabled:active{ + background:var(--toggle-background-color-active); + border-color:var(--toggle-border-color); + } + +.toggle-button[aria-pressed="true"]{ + background:var(--toggle-background-color-pressed); + border-color:transparent; + } + +.toggle-button[aria-pressed="true"]:enabled:hover{ + background:var(--toggle-background-color-pressed-hover); + border-color:transparent; + } + +.toggle-button[aria-pressed="true"]:enabled:active{ + background:var(--toggle-background-color-pressed-active); + border-color:transparent; + } + +.toggle-button::before{ + display:block; + content:""; + background-color:var(--toggle-dot-background-color); + height:var(--toggle-dot-height); + width:var(--toggle-dot-width); + margin:var(--toggle-dot-margin); + border-radius:var(--toggle-border-radius); + translate:0; + } + +.toggle-button[aria-pressed="true"]::before{ + translate:var(--toggle-dot-transform-x); + background-color:var(--toggle-dot-background-color-on-pressed); + } + +.toggle-button[aria-pressed="true"]:enabled:hover::before, + .toggle-button[aria-pressed="true"]:enabled:active::before{ + background-color:var(--toggle-dot-background-color-on-pressed); + } + +[dir="rtl"] .toggle-button[aria-pressed="true"]::before{ + translate:calc(-1 * var(--toggle-dot-transform-x)); + } + +@media (prefers-reduced-motion: no-preference){ + .toggle-button::before{ + transition:translate 100ms; + } + } + +@media (prefers-contrast){ + .toggle-button:enabled:hover{ + border-color:var(--toggle-border-color-hover); + } + + .toggle-button:enabled:active{ + border-color:var(--toggle-border-color-active); + } + + .toggle-button[aria-pressed="true"]:enabled{ + border-color:var(--toggle-border-color); + position:relative; + } + + .toggle-button[aria-pressed="true"]:enabled:hover, + .toggle-button[aria-pressed="true"]:enabled:hover:active{ + border-color:var(--toggle-border-color-hover); + } + + .toggle-button[aria-pressed="true"]:enabled:active{ + background-color:var(--toggle-dot-background-color-active); + border-color:var(--toggle-dot-background-color-hover); + } + + .toggle-button:hover::before, + .toggle-button:active::before{ + background-color:var(--toggle-dot-background-color-hover); + } + } + +@media (forced-colors){ + +.toggle-button{ + --toggle-dot-background-color:var(--color-accent-primary); + --toggle-dot-background-color-hover:var(--color-accent-primary-hover); + --toggle-dot-background-color-active:var(--color-accent-primary-active); + --toggle-dot-background-color-on-pressed:var(--button-background-color); + --toggle-background-color-disabled:var(--button-background-color-disabled); + --toggle-border-color-hover:var(--border-interactive-color-hover); + --toggle-border-color-active:var(--border-interactive-color-active); + --toggle-border-color-disabled:var(--border-interactive-color-disabled); +} + + .toggle-button[aria-pressed="true"]:enabled::after{ + border:1px solid var(--button-background-color); + content:""; + position:absolute; + height:var(--toggle-height); + width:var(--toggle-width); + display:block; + border-radius:var(--toggle-border-radius); + inset:-2px; + } + + .toggle-button[aria-pressed="true"]:enabled:active::after{ + border-color:var(--toggle-border-color-active); + } + } + +:root{ + --outline-width:2px; + --outline-color:#0060df; + --outline-around-width:1px; + --outline-around-color:#f0f0f4; + --hover-outline-around-color:var(--outline-around-color); + --focus-outline:solid var(--outline-width) var(--outline-color); + --unfocus-outline:solid var(--outline-width) transparent; + --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color); + --hover-outline-color:#8f8f9d; + --hover-outline:solid var(--outline-width) var(--hover-outline-color); + --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color); + --freetext-line-height:1.35; + --freetext-padding:2px; + --resizer-bg-color:var(--outline-color); + --resizer-size:6px; + --resizer-shift:calc( + 0px - (var(--outline-width) + var(--resizer-size)) / 2 - + var(--outline-around-width) + ); + --editorFreeText-editing-cursor:text; + --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer; + --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text; + --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer; +} +.visuallyHidden{ + position:absolute; + top:0; + left:0; + border:0; + margin:0; + padding:0; + width:0; + height:0; + overflow:hidden; + white-space:nowrap; + font-size:0; +} + +.textLayer.highlighting{ + cursor:var(--editorFreeHighlight-editing-cursor); +} + +.textLayer.highlighting:not(.free) span{ + cursor:var(--editorHighlight-editing-cursor); + } + +.textLayer.highlighting.free span{ + cursor:var(--editorFreeHighlight-editing-cursor); + } + +@media (min-resolution: 1.1dppx){ + :root{ + --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text; } } -[data-editor-rotation="90"] { - transform: rotate(90deg); -} -[data-editor-rotation="180"] { - transform: rotate(180deg); -} -[data-editor-rotation="270"] { - transform: rotate(270deg); -} - -.annotationEditorLayer { - background: transparent; - position: absolute; - top: 0; - left: 0; - font-size: calc(100px * var(--scale-factor)); - transform-origin: 0 0; -} - -.annotationEditorLayer .selectedEditor { - outline: var(--focus-outline); - resize: none; -} - -.annotationEditorLayer .freeTextEditor { - position: absolute; - background: transparent; - border-radius: 3px; - padding: calc(var(--freetext-padding) * var(--scale-factor)); - resize: none; - width: auto; - height: auto; - z-index: 1; - transform-origin: 0 0; - touch-action: none; -} - -.annotationEditorLayer .freeTextEditor .internal { - background: transparent; - border: none; - top: 0; - left: 0; - overflow: visible; - white-space: nowrap; - resize: none; - font: 10px sans-serif; - line-height: var(--freetext-line-height); -} - -.annotationEditorLayer .freeTextEditor .overlay { - position: absolute; - display: none; - background: transparent; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.annotationEditorLayer .freeTextEditor .overlay.enabled { - display: block; -} - -.annotationEditorLayer .freeTextEditor .internal:empty::before { - content: attr(default-content); - color: gray; -} - -.annotationEditorLayer .freeTextEditor .internal:focus { - outline: none; -} - -.annotationEditorLayer .inkEditor.disabled { - resize: none; -} - -.annotationEditorLayer .inkEditor.disabled.selectedEditor { - resize: horizontal; -} - -.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor), -.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) { - outline: var(--hover-outline); -} - -.annotationEditorLayer .inkEditor { - position: absolute; - background: transparent; - border-radius: 3px; - overflow: auto; - width: 100%; - height: 100%; - z-index: 1; - transform-origin: 0 0; - cursor: auto; -} - -.annotationEditorLayer .inkEditor.editing { - resize: none; - cursor: var(--editorInk-editing-cursor), pointer; -} - -.annotationEditorLayer .inkEditor .inkEditorCanvas { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - touch-action: none; -} - -:root { - --viewer-container-height: 0; - --pdfViewer-padding-bottom: 0; - --page-margin: 1px auto -8px; - --page-border: 9px solid transparent; - --page-border-image: url(images/shadow.png) 9 9 repeat; - --spreadHorizontalWrapped-margin-LR: -3.5px; - --scale-factor: 1; -} - -@media screen and (forced-colors: active) { - :root { - --pdfViewer-padding-bottom: 9px; - --page-margin: 8px auto -1px; - --page-border: 1px solid CanvasText; - --page-border-image: none; - --spreadHorizontalWrapped-margin-LR: 3.5px; +@media screen and (forced-colors: active){ + :root{ + --outline-color:CanvasText; + --outline-around-color:ButtonFace; + --resizer-bg-color:ButtonText; + --hover-outline-color:Highlight; + --hover-outline-around-color:SelectedItemText; } } -[data-main-rotation="90"] { - transform: rotate(90deg) translateY(-100%); -} -[data-main-rotation="180"] { - transform: rotate(180deg) translate(-100%, -100%); -} -[data-main-rotation="270"] { - transform: rotate(270deg) translateX(-100%); +[data-editor-rotation="90"]{ + transform:rotate(90deg); } -.pdfViewer { - padding-bottom: var(--pdfViewer-padding-bottom); +[data-editor-rotation="180"]{ + transform:rotate(180deg); } -.pdfViewer .canvasWrapper { - overflow: hidden; +[data-editor-rotation="270"]{ + transform:rotate(270deg); } -.pdfViewer .page { - direction: ltr; - width: 816px; - height: 1056px; - margin: var(--page-margin); - position: relative; - overflow: visible; - border: var(--page-border); - -o-border-image: var(--page-border-image); - border-image: var(--page-border-image); - background-clip: content-box; - background-color: rgba(255, 255, 255, 1); +.annotationEditorLayer{ + background:transparent; + position:absolute; + inset:0; + font-size:calc(100px * var(--scale-factor)); + transform-origin:0 0; + cursor:auto; } -.pdfViewer .dummyPage { - position: relative; - width: 0; - height: var(--viewer-container-height); +.annotationEditorLayer.waiting{ + content:""; + cursor:wait; + position:absolute; + inset:0; + width:100%; + height:100%; } -.pdfViewer.removePageBorders .page { - margin: 0 auto 10px; - border: none; +.annotationEditorLayer.disabled{ + pointer-events:none; } -.pdfViewer.singlePageView { - display: inline-block; +.annotationEditorLayer.freetextEditing{ + cursor:var(--editorFreeText-editing-cursor); } -.pdfViewer.singlePageView .page { - margin: 0; - border: none; +.annotationEditorLayer.inkEditing{ + cursor:var(--editorInk-editing-cursor); +} + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){ + position:absolute; + background:transparent; + z-index:1; + transform-origin:0 0; + cursor:auto; + max-width:100%; + max-height:100%; + border:var(--unfocus-outline); +} + +.annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){ + cursor:move; + } + +.annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){ + touch-action:none; + } + +.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){ + border:var(--focus-outline); + outline:var(--focus-outline-around); + } + +.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{ + content:""; + position:absolute; + inset:0; + border:var(--focus-outline-around); + pointer-events:none; + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){ + border:var(--hover-outline); + outline:var(--hover-outline-around); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{ + content:""; + position:absolute; + inset:0; + border:var(--focus-outline-around); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg); + --editor-toolbar-bg-color:#f0f0f4; + --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg); + --editor-toolbar-fg-color:#2e2e56; + --editor-toolbar-border-color:#8f8f9d; + --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); + --editor-toolbar-hover-bg-color:#e0e0e6; + --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color); + --editor-toolbar-hover-outline:none; + --editor-toolbar-focus-outline-color:#0060df; + --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2); + --editor-toolbar-vert-offset:6px; + --editor-toolbar-height:28px; + --editor-toolbar-padding:2px; + + display:flex; + width:-moz-fit-content; + width:fit-content; + height:var(--editor-toolbar-height); + flex-direction:column; + justify-content:center; + align-items:center; + cursor:default; + pointer-events:auto; + box-sizing:content-box; + padding:var(--editor-toolbar-padding); + + position:absolute; + inset-inline-end:0; + inset-block-start:calc(100% + var(--editor-toolbar-vert-offset)); + + border-radius:6px; + background-color:var(--editor-toolbar-bg-color); + border:1px solid var(--editor-toolbar-border-color); + box-shadow:var(--editor-toolbar-shadow); + } + +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + --editor-toolbar-bg-color:#2b2a33; + --editor-toolbar-fg-color:#fbfbfe; + --editor-toolbar-hover-bg-color:#52525e; + --editor-toolbar-focus-outline-color:#0df; + } + } + +:where(html.is-dark) :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + --editor-toolbar-bg-color:#2b2a33; + --editor-toolbar-fg-color:#fbfbfe; + --editor-toolbar-hover-bg-color:#52525e; + --editor-toolbar-focus-outline-color:#0df; + } + +@media screen and (forced-colors: active){ + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + --editor-toolbar-bg-color:ButtonFace; + --editor-toolbar-fg-color:ButtonText; + --editor-toolbar-border-color:ButtonText; + --editor-toolbar-hover-border-color:AccentColor; + --editor-toolbar-hover-bg-color:ButtonFace; + --editor-toolbar-hover-fg-color:AccentColor; + --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color); + --editor-toolbar-focus-outline-color:ButtonBorder; + --editor-toolbar-shadow:none; + } + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{ + display:none; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){ + border-color:transparent; + } + +[dir="ltr"] :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + transform-origin:100% 0; + } + +[dir="rtl"] :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ + transform-origin:0 0; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{ + display:flex; + justify-content:center; + align-items:center; + gap:0; + height:100%; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{ + width:1px; + height:calc( + 2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height) + ); + background-color:var(--editor-toolbar-border-color); + display:inline-block; + margin-inline:2px; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{ + width:var(--editor-toolbar-height); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{ + content:""; + -webkit-mask-image:var(--editor-toolbar-highlight-image); + mask-image:var(--editor-toolbar-highlight-image); + -webkit-mask-repeat:no-repeat; + mask-repeat:no-repeat; + -webkit-mask-position:center; + mask-position:center; + display:inline-block; + background-color:var(--editor-toolbar-fg-color); + width:100%; + height:100%; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{ + background-color:var(--editor-toolbar-hover-fg-color); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{ + width:var(--editor-toolbar-height); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{ + content:""; + -webkit-mask-image:var(--editor-toolbar-delete-image); + mask-image:var(--editor-toolbar-delete-image); + -webkit-mask-repeat:no-repeat; + mask-repeat:no-repeat; + -webkit-mask-position:center; + mask-position:center; + display:inline-block; + background-color:var(--editor-toolbar-fg-color); + width:100%; + height:100%; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{ + background-color:var(--editor-toolbar-hover-fg-color); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{ + height:var(--editor-toolbar-height); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){ + border:none; + background-color:transparent; + cursor:pointer; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{ + border-radius:2px; + background-color:var(--editor-toolbar-hover-bg-color); + color:var(--editor-toolbar-hover-fg-color); + outline:var(--editor-toolbar-hover-outline); + outline-offset:1px; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{ + outline:none; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{ + border-radius:2px; + outline:2px solid var(--editor-toolbar-focus-outline-color); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{ + --alt-text-add-image:url(images/altText_add.svg); + --alt-text-done-image:url(images/altText_done.svg); + + display:flex; + align-items:center; + justify-content:center; + width:-moz-max-content; + width:max-content; + padding-inline:8px; + pointer-events:all; + font:menu; + font-weight:590; + font-size:12px; + color:var(--editor-toolbar-fg-color); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{ + pointer-events:none; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{ + content:""; + -webkit-mask-image:var(--alt-text-add-image); + mask-image:var(--alt-text-add-image); + -webkit-mask-repeat:no-repeat; + mask-repeat:no-repeat; + -webkit-mask-position:center; + mask-position:center; + display:inline-block; + width:12px; + height:13px; + background-color:var(--editor-toolbar-fg-color); + margin-inline-end:4px; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{ + background-color:var(--editor-toolbar-hover-fg-color); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{ + -webkit-mask-image:var(--alt-text-done-image); + mask-image:var(--alt-text-done-image); + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{ + display:none; + } + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ + --alt-text-tooltip-bg:#f0f0f4; + --alt-text-tooltip-fg:#15141a; + --alt-text-tooltip-border:#8f8f9d; + --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2); + + display:inline-flex; + flex-direction:column; + align-items:center; + justify-content:center; + position:absolute; + top:calc(100% + 2px); + inset-inline-start:0; + padding-block:2px 3px; + padding-inline:3px; + max-width:300px; + width:-moz-max-content; + width:max-content; + height:auto; + font-size:12px; + + border:0.5px solid var(--alt-text-tooltip-border); + background:var(--alt-text-tooltip-bg); + box-shadow:var(--alt-text-tooltip-shadow); + color:var(--alt-text-tooltip-fg); + + pointer-events:none; + } + +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ + --alt-text-tooltip-bg:#1c1b22; + --alt-text-tooltip-fg:#fbfbfe; + --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a; + } + } + +:where(html.is-dark) :is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ + --alt-text-tooltip-bg:#1c1b22; + --alt-text-tooltip-fg:#fbfbfe; + --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a; + } + +@media screen and (forced-colors: active){ + +:is(.annotationEditorLayer + :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ + --alt-text-tooltip-bg:Canvas; + --alt-text-tooltip-fg:CanvasText; + --alt-text-tooltip-border:CanvasText; + --alt-text-tooltip-shadow:none; + } + } + +.annotationEditorLayer .freeTextEditor{ + padding:calc(var(--freetext-padding) * var(--scale-factor)); + width:auto; + height:auto; + touch-action:none; +} + +.annotationEditorLayer .freeTextEditor .internal{ + background:transparent; + border:none; + inset:0; + overflow:visible; + white-space:nowrap; + font:10px sans-serif; + line-height:var(--freetext-line-height); + -webkit-user-select:none; + -moz-user-select:none; + user-select:none; +} + +.annotationEditorLayer .freeTextEditor .overlay{ + position:absolute; + display:none; + background:transparent; + inset:0; + width:100%; + height:100%; +} + +.annotationEditorLayer freeTextEditor .overlay.enabled{ + display:block; +} + +.annotationEditorLayer .freeTextEditor .internal:empty::before{ + content:attr(default-content); + color:gray; +} + +.annotationEditorLayer .freeTextEditor .internal:focus{ + outline:none; + -webkit-user-select:auto; + -moz-user-select:auto; + user-select:auto; +} + +.annotationEditorLayer .inkEditor{ + width:100%; + height:100%; +} + +.annotationEditorLayer .inkEditor.editing{ + cursor:inherit; +} + +.annotationEditorLayer .inkEditor .inkEditorCanvas{ + position:absolute; + inset:0; + width:100%; + height:100%; + touch-action:none; +} + +.annotationEditorLayer .stampEditor{ + width:auto; + height:auto; +} + +.annotationEditorLayer .stampEditor canvas{ + position:absolute; + width:100%; + height:100%; + margin:0; + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{ + position:absolute; + inset:0; + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{ + display:none; + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{ + width:var(--resizer-size); + height:var(--resizer-size); + background:content-box var(--resizer-bg-color); + border:var(--focus-outline-around); + border-radius:2px; + position:absolute; + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{ + top:var(--resizer-shift); + left:var(--resizer-shift); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{ + top:var(--resizer-shift); + left:calc(50% + var(--resizer-shift)); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{ + top:var(--resizer-shift); + right:var(--resizer-shift); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{ + top:calc(50% + var(--resizer-shift)); + right:var(--resizer-shift); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{ + bottom:var(--resizer-shift); + right:var(--resizer-shift); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{ + bottom:var(--resizer-shift); + left:calc(50% + var(--resizer-shift)); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{ + bottom:var(--resizer-shift); + left:var(--resizer-shift); + } + +.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{ + top:calc(50% + var(--resizer-shift)); + left:var(--resizer-shift); + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{ + cursor:nwse-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{ + cursor:ns-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{ + cursor:nesw-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{ + cursor:ew-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{ + cursor:nesw-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{ + cursor:ew-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{ + cursor:nwse-resize; + } + +.annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, + .annotationEditorLayer[data-main-rotation="0"] + :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="90"] + :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="180"] + :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, + .annotationEditorLayer[data-main-rotation="270"] + :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{ + cursor:ns-resize; + } + +.annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="90"], + [data-main-rotation="90"] [data-editor-rotation="0"], + [data-main-rotation="180"] [data-editor-rotation="270"], + [data-main-rotation="270"] [data-editor-rotation="180"] + ) .editToolbar{ + rotate:270deg; + } + +[dir="ltr"] .annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="90"], + [data-main-rotation="90"] [data-editor-rotation="0"], + [data-main-rotation="180"] [data-editor-rotation="270"], + [data-main-rotation="270"] [data-editor-rotation="180"] + ) .editToolbar{ + inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset)); + inset-block-start:0; + } + +[dir="rtl"] .annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="90"], + [data-main-rotation="90"] [data-editor-rotation="0"], + [data-main-rotation="180"] [data-editor-rotation="270"], + [data-main-rotation="270"] [data-editor-rotation="180"] + ) .editToolbar{ + inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); + inset-block-start:0; + } + +.annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="180"], + [data-main-rotation="90"] [data-editor-rotation="90"], + [data-main-rotation="180"] [data-editor-rotation="0"], + [data-main-rotation="270"] [data-editor-rotation="270"] + ) .editToolbar{ + rotate:180deg; + inset-inline-end:100%; + inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset)); + } + +.annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="270"], + [data-main-rotation="90"] [data-editor-rotation="180"], + [data-main-rotation="180"] [data-editor-rotation="90"], + [data-main-rotation="270"] [data-editor-rotation="0"] + ) .editToolbar{ + rotate:90deg; + } + +[dir="ltr"] .annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="270"], + [data-main-rotation="90"] [data-editor-rotation="180"], + [data-main-rotation="180"] [data-editor-rotation="90"], + [data-main-rotation="270"] [data-editor-rotation="0"] + ) .editToolbar{ + inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); + inset-block-start:100%; + } + +[dir="rtl"] .annotationEditorLayer + :is( + [data-main-rotation="0"] [data-editor-rotation="270"], + [data-main-rotation="90"] [data-editor-rotation="180"], + [data-main-rotation="180"] [data-editor-rotation="90"], + [data-main-rotation="270"] [data-editor-rotation="0"] + ) .editToolbar{ + inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset)); + inset-block-start:0; + } + +.dialog.altText::backdrop{ + -webkit-mask:url(#alttext-manager-mask); + mask:url(#alttext-manager-mask); + } + +.dialog.altText.positioned{ + margin:0; + } + +.dialog.altText #altTextContainer{ + width:300px; + height:-moz-fit-content; + height:fit-content; + display:inline-flex; + flex-direction:column; + align-items:flex-start; + gap:16px; + } + +.dialog.altText #altTextContainer #overallDescription{ + display:flex; + flex-direction:column; + align-items:flex-start; + gap:4px; + align-self:stretch; + } + +.dialog.altText #altTextContainer #overallDescription span{ + align-self:stretch; + } + +.dialog.altText #altTextContainer #overallDescription .title{ + font-size:13px; + font-style:normal; + font-weight:590; + } + +.dialog.altText #altTextContainer #addDescription{ + display:flex; + flex-direction:column; + align-items:stretch; + gap:8px; + } + +.dialog.altText #altTextContainer #addDescription .descriptionArea{ + flex:1; + padding-inline:24px 10px; + } + +.dialog.altText #altTextContainer #addDescription .descriptionArea textarea{ + width:100%; + min-height:75px; + } + +.dialog.altText #altTextContainer #buttons{ + display:flex; + justify-content:flex-end; + align-items:flex-start; + gap:8px; + align-self:stretch; + } + +.colorPicker{ + --hover-outline-color:#0250bb; + --selected-outline-color:#0060df; + --swatch-border-color:#cfcfd8; +} + +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) .colorPicker{ + --hover-outline-color:#80ebff; + --selected-outline-color:#aaf2ff; + --swatch-border-color:#52525e; +} + } + +:where(html.is-dark) .colorPicker{ + --hover-outline-color:#80ebff; + --selected-outline-color:#aaf2ff; + --swatch-border-color:#52525e; +} + +@media screen and (forced-colors: active){ + +.colorPicker{ + --hover-outline-color:Highlight; + --selected-outline-color:var(--hover-outline-color); + --swatch-border-color:ButtonText; +} + } + +.colorPicker .swatch{ + width:16px; + height:16px; + border:1px solid var(--swatch-border-color); + border-radius:100%; + outline-offset:2px; + box-sizing:border-box; + forced-color-adjust:none; + } + +.colorPicker button:is(:hover, .selected) > .swatch{ + border:none; + } + +.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{ + rotate:0deg; + } + +.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{ + rotate:270deg; + } + +.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{ + rotate:180deg; + } + +.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{ + rotate:90deg; + } + +.annotationEditorLayer .highlightEditor{ + position:absolute; + background:transparent; + z-index:1; + cursor:auto; + max-width:100%; + max-height:100%; + border:none; + outline:none; + pointer-events:none; + transform-origin:0 0; + } + +.annotationEditorLayer .highlightEditor:not(.free){ + transform:none; + } + +.annotationEditorLayer .highlightEditor .internal{ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + pointer-events:auto; + } + +.annotationEditorLayer .highlightEditor.disabled .internal{ + pointer-events:none; + } + +.annotationEditorLayer .highlightEditor.selectedEditor .internal{ + cursor:pointer; + } + +.annotationEditorLayer .highlightEditor .editToolbar{ + --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg); + + transform-origin:center !important; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{ + position:relative; + width:auto; + display:flex; + justify-content:center; + align-items:center; + gap:4px; + padding:4px; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{ + content:""; + -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image); + mask-image:var(--editor-toolbar-colorpicker-arrow-image); + -webkit-mask-repeat:no-repeat; + mask-repeat:no-repeat; + -webkit-mask-position:center; + mask-position:center; + display:inline-block; + background-color:var(--editor-toolbar-fg-color); + width:12px; + height:12px; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{ + background-color:var(--editor-toolbar-hover-fg-color); + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){ + background-color:var(--editor-toolbar-hover-bg-color); + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{ + scale:-1; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{ + position:absolute; + display:flex; + justify-content:center; + align-items:center; + flex-direction:column; + gap:11px; + padding-block:8px; + border-radius:6px; + background-color:var(--editor-toolbar-bg-color); + border:1px solid var(--editor-toolbar-border-color); + box-shadow:var(--editor-toolbar-shadow); + inset-block-start:calc(100% + 4px); + width:calc(100% + 2 * var(--editor-toolbar-padding)); + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{ + width:100%; + height:auto; + border:none; + cursor:pointer; + display:flex; + justify-content:center; + align-items:center; + background:none; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){ + outline:none; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{ + outline-offset:2px; + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{ + outline:2px solid var(--selected-outline-color); + } + +.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{ + outline:2px solid var(--hover-outline-color); + } + +.editorParamsToolbar:has(#highlightParamsToolbarContainer){ + padding:unset; +} + +#highlightParamsToolbarContainer{ + height:auto; + padding-inline:10px; + padding-block:10px 16px; + gap:16px; + display:flex; + flex-direction:column; + box-sizing:border-box; +} + +#highlightParamsToolbarContainer .editorParamsLabel{ + width:-moz-fit-content; + width:fit-content; + inset-inline-start:0; + } + +#highlightParamsToolbarContainer .colorPicker{ + display:flex; + flex-direction:column; + gap:8px; + } + +#highlightParamsToolbarContainer .colorPicker .dropdown{ + display:flex; + justify-content:space-between; + align-items:center; + flex-direction:row; + height:auto; + } + +#highlightParamsToolbarContainer .colorPicker .dropdown button{ + width:auto; + height:auto; + border:none; + cursor:pointer; + display:flex; + justify-content:center; + align-items:center; + background:none; + flex:0 0 auto; + } + +#highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{ + width:24px; + height:24px; + } + +#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){ + outline:none; + } + +#highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{ + outline:2px solid var(--selected-outline-color); + } + +#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{ + outline:2px solid var(--hover-outline-color); + } + +#highlightParamsToolbarContainer #editorHighlightThickness{ + display:flex; + flex-direction:column; + align-items:center; + gap:4px; + align-self:stretch; + } + +#highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{ + width:100%; + height:auto; + align-self:stretch; + } + +#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ + display:flex; + justify-content:space-between; + align-items:center; + align-self:stretch; + + --example-color:#bfbfc9; + } + +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ + --example-color:#80808e; + } + } + +:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ + --example-color:#80808e; + } + +@media screen and (forced-colors: active){ + +#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ + --example-color:CanvasText; + } + } + +:is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){ + opacity:0.4; + } + +#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before, + #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{ + content:""; + width:8px; + aspect-ratio:1; + display:block; + border-radius:100%; + background-color:var(--example-color); + } + +#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{ + width:24px; + } + +#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{ + width:unset; + height:14px; + } + +#highlightParamsToolbarContainer #editorHighlightVisibility{ + display:flex; + flex-direction:column; + align-items:flex-start; + gap:8px; + align-self:stretch; + } + +#highlightParamsToolbarContainer #editorHighlightVisibility .divider{ + --divider-color:#d7d7db; + + margin-block:4px; + width:100%; + height:1px; + background-color:var(--divider-color); + } + +@media (prefers-color-scheme: dark){ + +:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ + --divider-color:#8f8f9d; + } + } + +:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ + --divider-color:#8f8f9d; + } + +@media screen and (forced-colors: active){ + +#highlightParamsToolbarContainer #editorHighlightVisibility .divider{ + --divider-color:CanvasText; + } + } + +#highlightParamsToolbarContainer #editorHighlightVisibility .toggler{ + display:flex; + justify-content:space-between; + align-items:center; + align-self:stretch; + } + +:root{ + --viewer-container-height:0; + --pdfViewer-padding-bottom:0; + --page-margin:1px auto -8px; + --page-border:9px solid transparent; + --spreadHorizontalWrapped-margin-LR:-3.5px; + --loading-icon-delay:400ms; +} + +@media screen and (forced-colors: active){ + :root{ + --pdfViewer-padding-bottom:9px; + --page-margin:8px auto -1px; + --page-border:1px solid CanvasText; + --spreadHorizontalWrapped-margin-LR:3.5px; + } +} + +[data-main-rotation="90"]{ + transform:rotate(90deg) translateY(-100%); +} +[data-main-rotation="180"]{ + transform:rotate(180deg) translate(-100%, -100%); +} +[data-main-rotation="270"]{ + transform:rotate(270deg) translateX(-100%); +} + +#hiddenCopyElement, +.hiddenCanvasElement{ + position:absolute; + top:0; + left:0; + width:0; + height:0; + display:none; +} + +.pdfViewer{ + --scale-factor:1; + + padding-bottom:var(--pdfViewer-padding-bottom); + + --hcm-highlight-filter:none; + --hcm-highlight-selected-filter:none; +} + +@media screen and (forced-colors: active){ + +.pdfViewer{ + --hcm-highlight-filter:invert(100%); +} + } + +.pdfViewer .canvasWrapper{ + overflow:hidden; + width:100%; + height:100%; + } + +.pdfViewer .canvasWrapper canvas{ + margin:0; + display:block; + } + +.pdfViewer .canvasWrapper canvas[hidden]{ + display:none; + } + +.pdfViewer .canvasWrapper canvas[zooming]{ + width:100%; + height:100%; + } + +.pdfViewer .canvasWrapper canvas .structTree{ + contain:strict; + } + +.pdfViewer .page{ + direction:ltr; + width:816px; + height:1056px; + margin:var(--page-margin); + position:relative; + overflow:visible; + border:var(--page-border); + background-clip:content-box; + background-color:rgb(255 255 255); +} + +.pdfViewer .dummyPage{ + position:relative; + width:0; + height:var(--viewer-container-height); +} + +.pdfViewer.noUserSelect{ + -webkit-user-select:none; + -moz-user-select:none; + user-select:none; +} + +.pdfViewer.removePageBorders .page{ + margin:0 auto 10px; + border:none; +} + +.pdfViewer:is(.scrollHorizontal, .scrollWrapped), +.spread{ + margin-inline:3.5px; + text-align:center; } .pdfViewer.scrollHorizontal, -.pdfViewer.scrollWrapped, -.spread { - margin-left: 3.5px; - margin-right: 3.5px; - text-align: center; -} - -.pdfViewer.scrollHorizontal, -.spread { - white-space: nowrap; +.spread{ + white-space:nowrap; } .pdfViewer.removePageBorders, -.pdfViewer.scrollHorizontal .spread, -.pdfViewer.scrollWrapped .spread { - margin-left: 0; - margin-right: 0; +.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{ + margin-inline:0; +} + +.spread :is(.page, .dummyPage), +.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){ + display:inline-block; + vertical-align:middle; } .spread .page, -.spread .dummyPage, -.pdfViewer.scrollHorizontal .page, -.pdfViewer.scrollWrapped .page, -.pdfViewer.scrollHorizontal .spread, -.pdfViewer.scrollWrapped .spread { - display: inline-block; - vertical-align: middle; -} - -.spread .page, -.pdfViewer.scrollHorizontal .page, -.pdfViewer.scrollWrapped .page { - margin-left: var(--spreadHorizontalWrapped-margin-LR); - margin-right: var(--spreadHorizontalWrapped-margin-LR); +.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{ + margin-inline:var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page, -.pdfViewer.removePageBorders.scrollHorizontal .page, -.pdfViewer.removePageBorders.scrollWrapped .page { - margin-left: 5px; - margin-right: 5px; +.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{ + margin-inline:5px; } -.pdfViewer .page canvas { - margin: 0; - display: block; +.pdfViewer .page.loadingIcon::after{ + position:absolute; + top:0; + left:0; + content:""; + width:100%; + height:100%; + background:url("images/loading-icon.gif") center no-repeat; + display:none; + transition-property:display; + transition-delay:var(--loading-icon-delay); + z-index:5; + contain:strict; } -.pdfViewer .page canvas[hidden] { - display: none; +.pdfViewer .page.loading::after{ + display:block; } -.pdfViewer .page .loadingIcon { - position: absolute; - display: block; - left: 0; - top: 0; - right: 0; - bottom: 0; - background: url("images/loading-icon.gif") center no-repeat; -} -.pdfViewer .page .loadingIcon.notVisible { - background: none; +.pdfViewer .page:not(.loading)::after{ + transition-property:none; + display:none; } -.pdfViewer.enablePermissions .textLayer span { - -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; - cursor: not-allowed; +.pdfPresentationMode .pdfViewer{ + padding-bottom:0; } -.pdfPresentationMode .pdfViewer { - padding-bottom: 0; +.pdfPresentationMode .spread{ + margin:0; } -.pdfPresentationMode .spread { - margin: 0; +.pdfPresentationMode .pdfViewer .page{ + margin:0 auto; + border:2px solid transparent; } -.pdfPresentationMode .pdfViewer .page { - margin: 0 auto; - border: 2px solid transparent; +:root{ + --dir-factor:1; + --inline-start:left; + --inline-end:right; + + --sidebar-width:200px; + --sidebar-transition-duration:200ms; + --sidebar-transition-timing-function:ease; + + --toolbar-icon-opacity:0.7; + --doorhanger-icon-opacity:0.9; + --editor-toolbar-base-offset:105px; + + --main-color:rgb(12 12 13); + --body-bg-color:rgb(212 212 215); + --progressBar-color:rgb(10 132 255); + --progressBar-bg-color:rgb(221 221 222); + --progressBar-blend-color:rgb(116 177 239); + --scrollbar-color:auto; + --scrollbar-bg-color:auto; + --toolbar-icon-bg-color:rgb(0 0 0); + --toolbar-icon-hover-bg-color:rgb(0 0 0); + + --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9); + --sidebar-toolbar-bg-color:rgb(245 246 247); + --toolbar-bg-color:rgb(249 249 250); + --toolbar-border-color:rgb(184 184 184); + --toolbar-box-shadow:0 1px 0 var(--toolbar-border-color); + --toolbar-border-bottom:none; + --toolbarSidebar-box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1); + --toolbarSidebar-border-bottom:none; + --button-hover-color:rgb(221 222 223); + --toggled-btn-color:rgb(0 0 0); + --toggled-btn-bg-color:rgb(0 0 0 / 0.3); + --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4); + --toggled-hover-btn-outline:none; + --dropdown-btn-bg-color:rgb(215 215 219); + --dropdown-btn-border:none; + --separator-color:rgb(0 0 0 / 0.3); + --field-color:rgb(6 6 6); + --field-bg-color:rgb(255 255 255); + --field-border-color:rgb(187 187 188); + --treeitem-color:rgb(0 0 0 / 0.8); + --treeitem-bg-color:rgb(0 0 0 / 0.15); + --treeitem-hover-color:rgb(0 0 0 / 0.9); + --treeitem-selected-color:rgb(0 0 0 / 0.9); + --treeitem-selected-bg-color:rgb(0 0 0 / 0.25); + --thumbnail-hover-color:rgb(0 0 0 / 0.1); + --thumbnail-selected-color:rgb(0 0 0 / 0.2); + --doorhanger-bg-color:rgb(255 255 255); + --doorhanger-border-color:rgb(12 12 13 / 0.2); + --doorhanger-hover-color:rgb(12 12 13); + --doorhanger-hover-bg-color:rgb(237 237 237); + --doorhanger-separator-color:rgb(222 222 222); + --dialog-button-border:none; + --dialog-button-bg-color:rgb(12 12 13 / 0.1); + --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3); + + --loading-icon:url(images/loading.svg); + --treeitem-expanded-icon:url(images/treeitem-expanded.svg); + --treeitem-collapsed-icon:url(images/treeitem-collapsed.svg); + --toolbarButton-editorFreeText-icon:url(images/toolbarButton-editorFreeText.svg); + --toolbarButton-editorHighlight-icon:url(images/toolbarButton-editorHighlight.svg); + --toolbarButton-editorInk-icon:url(images/toolbarButton-editorInk.svg); + --toolbarButton-editorStamp-icon:url(images/toolbarButton-editorStamp.svg); + --toolbarButton-menuArrow-icon:url(images/toolbarButton-menuArrow.svg); + --toolbarButton-sidebarToggle-icon:url(images/toolbarButton-sidebarToggle.svg); + --toolbarButton-secondaryToolbarToggle-icon:url(images/toolbarButton-secondaryToolbarToggle.svg); + --toolbarButton-pageUp-icon:url(images/toolbarButton-pageUp.svg); + --toolbarButton-pageDown-icon:url(images/toolbarButton-pageDown.svg); + --toolbarButton-zoomOut-icon:url(images/toolbarButton-zoomOut.svg); + --toolbarButton-zoomIn-icon:url(images/toolbarButton-zoomIn.svg); + --toolbarButton-presentationMode-icon:url(images/toolbarButton-presentationMode.svg); + --toolbarButton-print-icon:url(images/toolbarButton-print.svg); + --toolbarButton-openFile-icon:url(images/toolbarButton-openFile.svg); + --toolbarButton-download-icon:url(images/toolbarButton-download.svg); + --toolbarButton-bookmark-icon:url(images/toolbarButton-bookmark.svg); + --toolbarButton-viewThumbnail-icon:url(images/toolbarButton-viewThumbnail.svg); + --toolbarButton-viewOutline-icon:url(images/toolbarButton-viewOutline.svg); + --toolbarButton-viewAttachments-icon:url(images/toolbarButton-viewAttachments.svg); + --toolbarButton-viewLayers-icon:url(images/toolbarButton-viewLayers.svg); + --toolbarButton-currentOutlineItem-icon:url(images/toolbarButton-currentOutlineItem.svg); + --toolbarButton-search-icon:url(images/toolbarButton-search.svg); + --findbarButton-previous-icon:url(images/findbarButton-previous.svg); + --findbarButton-next-icon:url(images/findbarButton-next.svg); + --secondaryToolbarButton-firstPage-icon:url(images/secondaryToolbarButton-firstPage.svg); + --secondaryToolbarButton-lastPage-icon:url(images/secondaryToolbarButton-lastPage.svg); + --secondaryToolbarButton-rotateCcw-icon:url(images/secondaryToolbarButton-rotateCcw.svg); + --secondaryToolbarButton-rotateCw-icon:url(images/secondaryToolbarButton-rotateCw.svg); + --secondaryToolbarButton-selectTool-icon:url(images/secondaryToolbarButton-selectTool.svg); + --secondaryToolbarButton-handTool-icon:url(images/secondaryToolbarButton-handTool.svg); + --secondaryToolbarButton-scrollPage-icon:url(images/secondaryToolbarButton-scrollPage.svg); + --secondaryToolbarButton-scrollVertical-icon:url(images/secondaryToolbarButton-scrollVertical.svg); + --secondaryToolbarButton-scrollHorizontal-icon:url(images/secondaryToolbarButton-scrollHorizontal.svg); + --secondaryToolbarButton-scrollWrapped-icon:url(images/secondaryToolbarButton-scrollWrapped.svg); + --secondaryToolbarButton-spreadNone-icon:url(images/secondaryToolbarButton-spreadNone.svg); + --secondaryToolbarButton-spreadOdd-icon:url(images/secondaryToolbarButton-spreadOdd.svg); + --secondaryToolbarButton-spreadEven-icon:url(images/secondaryToolbarButton-spreadEven.svg); + --secondaryToolbarButton-documentProperties-icon:url(images/secondaryToolbarButton-documentProperties.svg); + --editorParams-stampAddImage-icon:url(images/toolbarButton-zoomIn.svg); } -:root { - --dir-factor: 1; - --sidebar-width: 200px; - --sidebar-transition-duration: 200ms; - --sidebar-transition-timing-function: ease; - --scale-select-container-width: 140px; - --scale-select-overflow: 22px; - - --toolbar-icon-opacity: 0.7; - --doorhanger-icon-opacity: 0.9; - - --main-color: rgba(12, 12, 13, 1); - --body-bg-color: rgba(237, 237, 240, 1); - --errorWrapper-bg-color: rgba(255, 110, 110, 1); - --progressBar-percent: 0%; - --progressBar-end-offset: 0; - --progressBar-color: rgba(10, 132, 255, 1); - --progressBar-indeterminate-bg-color: rgba(221, 221, 222, 1); - --progressBar-indeterminate-blend-color: rgba(116, 177, 239, 1); - --scrollbar-color: auto; - --scrollbar-bg-color: auto; - --toolbar-icon-bg-color: rgba(0, 0, 0, 1); - --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1); - - --sidebar-narrow-bg-color: rgba(237, 237, 240, 0.9); - --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1); - --toolbar-bg-color: rgba(249, 249, 250, 1); - --toolbar-border-color: rgba(204, 204, 204, 1); - --button-hover-color: rgba(221, 222, 223, 1); - --toggled-btn-color: rgba(0, 0, 0, 1); - --toggled-btn-bg-color: rgba(0, 0, 0, 0.3); - --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4); - --dropdown-btn-bg-color: rgba(215, 215, 219, 1); - --separator-color: rgba(0, 0, 0, 0.3); - --field-color: rgba(6, 6, 6, 1); - --field-bg-color: rgba(255, 255, 255, 1); - --field-border-color: rgba(187, 187, 188, 1); - --treeitem-color: rgba(0, 0, 0, 0.8); - --treeitem-hover-color: rgba(0, 0, 0, 0.9); - --treeitem-selected-color: rgba(0, 0, 0, 0.9); - --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25); - --sidebaritem-bg-color: rgba(0, 0, 0, 0.15); - --doorhanger-bg-color: rgba(255, 255, 255, 1); - --doorhanger-border-color: rgba(12, 12, 13, 0.2); - --doorhanger-hover-color: rgba(12, 12, 13, 1); - --doorhanger-hover-bg-color: rgba(237, 237, 237, 1); - --doorhanger-separator-color: rgba(222, 222, 222, 1); - --dialog-button-border: 0 none; - --dialog-button-bg-color: rgba(12, 12, 13, 0.1); - --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3); - - --loading-icon: url(images/loading.svg); - --treeitem-expanded-icon: url(images/treeitem-expanded.svg); - --treeitem-collapsed-icon: url(images/treeitem-collapsed.svg); - --toolbarButton-editorFreeText-icon: url(images/toolbarButton-editorFreeText.svg); - --toolbarButton-editorInk-icon: url(images/toolbarButton-editorInk.svg); - --toolbarButton-menuArrow-icon: url(images/toolbarButton-menuArrow.svg); - --toolbarButton-sidebarToggle-icon: url(images/toolbarButton-sidebarToggle.svg); - --toolbarButton-secondaryToolbarToggle-icon: url(images/toolbarButton-secondaryToolbarToggle.svg); - --toolbarButton-pageUp-icon: url(images/toolbarButton-pageUp.svg); - --toolbarButton-pageDown-icon: url(images/toolbarButton-pageDown.svg); - --toolbarButton-zoomOut-icon: url(images/toolbarButton-zoomOut.svg); - --toolbarButton-zoomIn-icon: url(images/toolbarButton-zoomIn.svg); - --toolbarButton-presentationMode-icon: url(images/toolbarButton-presentationMode.svg); - --toolbarButton-print-icon: url(images/toolbarButton-print.svg); - --toolbarButton-openFile-icon: url(images/toolbarButton-openFile.svg); - --toolbarButton-download-icon: url(images/toolbarButton-download.svg); - --toolbarButton-bookmark-icon: url(images/toolbarButton-bookmark.svg); - --toolbarButton-viewThumbnail-icon: url(images/toolbarButton-viewThumbnail.svg); - --toolbarButton-viewOutline-icon: url(images/toolbarButton-viewOutline.svg); - --toolbarButton-viewAttachments-icon: url(images/toolbarButton-viewAttachments.svg); - --toolbarButton-viewLayers-icon: url(images/toolbarButton-viewLayers.svg); - --toolbarButton-currentOutlineItem-icon: url(images/toolbarButton-currentOutlineItem.svg); - --toolbarButton-search-icon: url(images/toolbarButton-search.svg); - --findbarButton-previous-icon: url(images/findbarButton-previous.svg); - --findbarButton-next-icon: url(images/findbarButton-next.svg); - --secondaryToolbarButton-firstPage-icon: url(images/secondaryToolbarButton-firstPage.svg); - --secondaryToolbarButton-lastPage-icon: url(images/secondaryToolbarButton-lastPage.svg); - --secondaryToolbarButton-rotateCcw-icon: url(images/secondaryToolbarButton-rotateCcw.svg); - --secondaryToolbarButton-rotateCw-icon: url(images/secondaryToolbarButton-rotateCw.svg); - --secondaryToolbarButton-selectTool-icon: url(images/secondaryToolbarButton-selectTool.svg); - --secondaryToolbarButton-handTool-icon: url(images/secondaryToolbarButton-handTool.svg); - --secondaryToolbarButton-scrollPage-icon: url(images/secondaryToolbarButton-scrollPage.svg); - --secondaryToolbarButton-scrollVertical-icon: url(images/secondaryToolbarButton-scrollVertical.svg); - --secondaryToolbarButton-scrollHorizontal-icon: url(images/secondaryToolbarButton-scrollHorizontal.svg); - --secondaryToolbarButton-scrollWrapped-icon: url(images/secondaryToolbarButton-scrollWrapped.svg); - --secondaryToolbarButton-spreadNone-icon: url(images/secondaryToolbarButton-spreadNone.svg); - --secondaryToolbarButton-spreadOdd-icon: url(images/secondaryToolbarButton-spreadOdd.svg); - --secondaryToolbarButton-spreadEven-icon: url(images/secondaryToolbarButton-spreadEven.svg); - --secondaryToolbarButton-documentProperties-icon: url(images/secondaryToolbarButton-documentProperties.svg); +[dir="rtl"]:root{ + --dir-factor:-1; + --inline-start:right; + --inline-end:left; } -[dir="rtl"]:root { - --dir-factor: -1; -} +@media (prefers-color-scheme: dark){ + :root:where(:not(.is-light)){ + --main-color:rgb(249 249 250); + --body-bg-color:rgb(42 42 46); + --progressBar-color:rgb(0 96 223); + --progressBar-bg-color:rgb(40 40 43); + --progressBar-blend-color:rgb(20 68 133); + --scrollbar-color:rgb(121 121 123); + --scrollbar-bg-color:rgb(35 35 39); + --toolbar-icon-bg-color:rgb(255 255 255); + --toolbar-icon-hover-bg-color:rgb(255 255 255); -@media (prefers-color-scheme: dark) { - :root { - --main-color: rgba(249, 249, 250, 1); - --body-bg-color: rgba(42, 42, 46, 1); - --errorWrapper-bg-color: rgba(169, 14, 14, 1); - --progressBar-color: rgba(0, 96, 223, 1); - --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1); - --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1); - --scrollbar-color: rgba(121, 121, 123, 1); - --scrollbar-bg-color: rgba(35, 35, 39, 1); - --toolbar-icon-bg-color: rgba(255, 255, 255, 1); - --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1); - - --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9); - --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1); - --toolbar-bg-color: rgba(56, 56, 61, 1); - --toolbar-border-color: rgba(12, 12, 13, 1); - --button-hover-color: rgba(102, 102, 103, 1); - --toggled-btn-color: rgba(255, 255, 255, 1); - --toggled-btn-bg-color: rgba(0, 0, 0, 0.3); - --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4); - --dropdown-btn-bg-color: rgba(74, 74, 79, 1); - --separator-color: rgba(0, 0, 0, 0.3); - --field-color: rgba(250, 250, 250, 1); - --field-bg-color: rgba(64, 64, 68, 1); - --field-border-color: rgba(115, 115, 115, 1); - --treeitem-color: rgba(255, 255, 255, 0.8); - --treeitem-hover-color: rgba(255, 255, 255, 0.9); - --treeitem-selected-color: rgba(255, 255, 255, 0.9); - --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25); - --sidebaritem-bg-color: rgba(255, 255, 255, 0.15); - --doorhanger-bg-color: rgba(74, 74, 79, 1); - --doorhanger-border-color: rgba(39, 39, 43, 1); - --doorhanger-hover-color: rgba(249, 249, 250, 1); - --doorhanger-hover-bg-color: rgba(93, 94, 98, 1); - --doorhanger-separator-color: rgba(92, 92, 97, 1); - --dialog-button-bg-color: rgba(92, 92, 97, 1); - --dialog-button-hover-bg-color: rgba(115, 115, 115, 1); - - /* This image is used in
- - - -
@@ -84,8 +81,8 @@ See https://github.com/adobe-type-tools/cmap-resources
@@ -106,29 +103,31 @@ See https://github.com/adobe-type-tools/cmap-resources
+ + @@ -153,103 +173,105 @@ See https://github.com/adobe-type-tools/cmap-resources + + @@ -258,86 +280,76 @@ See https://github.com/adobe-type-tools/cmap-resources
-
-
-
-
- + + +
- - -{% if current_user.role_download() %} - - - -{% endif %} - - Current View - - -
- - - - +
-
-
-
- + + + + + + + + + + + + +
@@ -354,114 +366,138 @@ See https://github.com/adobe-type-tools/cmap-resources
- -
- +
- - + +
- File name: + File name:

-

- File size: + File size:

-

- Title: + Title:

-

- Author: + Author:

-

- Subject: + Subject:

-

- Keywords: + Keywords:

-

- Creation Date: + Creation Date:

-

- Modification Date: + Modification Date:

-

- Creator: + Creator:

-

- PDF Producer: + PDF Producer:

-

- PDF Version: + PDF Version:

-

- Page Count: + Page Count:

-

- Page Size: + Page Size:

-

- Fast Web View: + Fast Web View:

-

- + +
+
+ +
+
+ Choose an option + + Alt text (alternative text) helps when people can’t see the image or when it doesn’t load. + +
+
+
+
+ + +
+
+ + Aim for 1-2 sentences that describe the subject, setting, or actions. + +
+
+
+ +
+
+
+
+
+ + +
+
+ + This is used for ornamental images, like borders or watermarks. + +
+
+
+
+ + +
- Preparing document for printing… + Preparing document for printing…
- 0% + 0%
- +