Scribd
Upload
10 views43 pages

กรมการจัดหางาน กระทรวงแรงงาน - 21461786

Uploaded by

soeaung
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views43 pages

กรมการจัดหางาน กระทรวงแรงงาน - 21461786

Uploaded by

soeaung
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 43

From: <Saved by Blink>

Snapshot-Content-Location:
https://me-qr.com/assets/js/pdfjs/stable/web/viewer.html?file=https://cdn2.me-
qr.com/pdf/21461786.pdf#page=1
Subject: =?utf-8?Q?=E0=B8=81=E0=B8=A3=E0=B8=A1=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=88?
=
=?utf-8?Q?=E0=B8=B1=E0=B8=94=E0=B8=AB=E0=B8=B2=E0=B8=87=E0=B8=B2=E0=B8=99?=
=?utf-8?Q?=20=E0=B8=81=E0=B8=A3=E0=B8=B0=E0=B8=97=E0=B8=A3=E0=B8=A7=E0=B8?=
=?utf-8?Q?=87=E0=B9=81=E0=B8=A3=E0=B8=87=E0=B8=87=E0=B8=B2=E0=B8=99=20-?=
=?utf-8?Q?=2021461786.pdf?=
Date: Fri, 19 Apr 2024 17:18:12 +0700
MIME-Version: 1.0
Content-Type: multipart/related;
type="text/html";
boundary="----MultipartBoundary--
a4MRtV2c8fII1L9PVKDzeklfCLwfMMTscIcHjaN86y----"

------MultipartBoundary--a4MRtV2c8fII1L9PVKDzeklfCLwfMMTscIcHjaN86y----
Content-Type: text/html
Content-ID: <[email protected]>
Content-Transfer-Encoding: binary
Content-Location: https://me-qr.com/assets/js/pdfjs/stable/web/viewer.html?
file=https://cdn2.me-qr.com/pdf/21461786.pdf#page=1

<!DOCTYPE html><html dir="ltr" mozdisallowselectionprint=""><head><meta http-


equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-


scale=1">
<meta name="google" content="notranslate">
<title>กรมการจัดหางาน กระทรวงแรงงาน - 21461786.pdf</title>

<link rel="resource" type="application/l10n"


href="https://me-qr.com/assets/js/pdfjs/stable/web/locale/locale.json">

<link rel="stylesheet"
href="https://me-qr.com/assets/js/pdfjs/stable/web/viewer.css?v=06022024">

</head>
<body tabindex="1">
<div id="outerContainer">
<div id="sidebarContainer">
<div id="toolbarSidebar">
<div id="toolbarSidebarLeft">
<div id="sidebarViewButtons" class="splitToolbarButton toggled" role="radiogroup">
<button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails"
tabindex="2" data-l10n-id="pdfjs-thumbs-button" role="radio" aria-checked="true"
aria-controls="thumbnailView">
<span data-l10n-id="pdfjs-thumbs-button-label">Thumbnails</span>
</button>
<button id="viewOutline" class="toolbarButton" title="Show Document Outline
(double-click to expand/collapse all items)" tabindex="3" data-l10n-id="pdfjs-
document-outline-button" role="radio" aria-checked="false" aria-
controls="outlineView">
<span data-l10n-id="pdfjs-document-outline-button-label">Document Outline</span>
</button>
<button id="viewAttachments" class="toolbarButton" title="Show Attachments"
tabindex="4" data-l10n-id="pdfjs-attachments-button" role="radio" aria-
checked="false" aria-controls="attachmentsView">
<span data-l10n-id="pdfjs-attachments-button-label">Attachments</span>
</button>
<button id="viewLayers" class="toolbarButton" title="Show Layers (double-click to
reset all layers to the default state)" tabindex="5" data-l10n-id="pdfjs-layers-
button" role="radio" aria-checked="false" aria-controls="layersView">
<span data-l10n-id="pdfjs-layers-button-label">Layers</span>
</button>
</div>
</div>
<div id="toolbarSidebarRight">
<div id="outlineOptionsContainer">
<div class="verticalToolbarSeparator"></div>
<button id="currentOutlineItem" class="toolbarButton" disabled="disabled"
title="Find Current Outline Item" tabindex="6" data-l10n-id="pdfjs-current-outline-
item-button">
<span data-l10n-id="pdfjs-current-outline-item-button-label">Current Outline
Item</span>
</button>
</div>
</div>
</div>
<div id="sidebarContent">
<div id="thumbnailView"><a
href="https://me-qr.com/assets/js/pdfjs/stable/web/viewer.html?file=https://
cdn2.me-qr.com/pdf/21461786.pdf#page=1" data-l10n-id="pdfjs-thumb-page-title" data-
l10n-args="{&quot;page&quot;:1}"><div class="thumbnail selected" data-page-
number="1" style="--thumbnail-width: 98px; --thumbnail-height: 144px;"><div
class="thumbnailImage"></div></div></a></div>
<div id="outlineView" class="hidden"></div>
<div id="attachmentsView" class="hidden"></div>
<div id="layersView" class="hidden"></div>
</div>
<div id="sidebarResizer"></div>
</div>
<div id="mainContainer">
<div class="findbar hidden doorHanger" id="findbar">
<div id="findbarInputContainer">
<span class="loadingInput end">
<input id="findInput" class="toolbarField" title="Find" placeholder="Find in
document…" tabindex="91" data-l10n-id="pdfjs-find-input" aria-invalid="false">
</span>
<div class="splitToolbarButton">
<button id="findPrevious" class="toolbarButton" title="Find the previous occurrence
of the phrase" tabindex="92" data-l10n-id="pdfjs-find-previous-button">
<span data-l10n-id="pdfjs-find-previous-button-label">Previous</span>
</button>
<div class="splitToolbarButtonSeparator"></div>
<button id="findNext" class="toolbarButton" title="Find the next occurrence of the
phrase" tabindex="93" data-l10n-id="pdfjs-find-next-button">
<span data-l10n-id="pdfjs-find-next-button-label">Next</span>
</button>
</div>
</div>
<div id="findbarOptionsOneContainer">
<input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94">
<label for="findHighlightAll" class="toolbarLabel" data-l10n-id="pdfjs-find-
highlight-checkbox">Highlight All</label>
<input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95">
<label for="findMatchCase" class="toolbarLabel" data-l10n-id="pdfjs-find-match-
case-checkbox-label">Match Case</label>
</div>
<div id="findbarOptionsTwoContainer">
<input type="checkbox" id="findMatchDiacritics" class="toolbarField" tabindex="96">
<label for="findMatchDiacritics" class="toolbarLabel" data-l10n-id="pdfjs-find-
match-diacritics-checkbox-label">Match Diacritics</label>
<input type="checkbox" id="findEntireWord" class="toolbarField" tabindex="97">
<label for="findEntireWord" class="toolbarLabel" data-l10n-id="pdfjs-find-entire-
word-checkbox-label">Whole Words</label>
</div>
<div id="findbarMessageContainer" aria-live="polite">
<span id="findResultsCount" class="toolbarLabel"></span>
<span id="findMsg" class="toolbarLabel"></span>
</div>
</div>
<div class="editorParamsToolbar hidden doorHangerRight"
id="editorHighlightParamsToolbar">
<div id="highlightParamsToolbarContainer" class="editorParamsToolbarContainer">
<div id="editorHighlightColorPicker" class="colorPicker">
<span id="highlightColorPickerLabel" class="editorParamsLabel" data-l10n-id="pdfjs-
editor-highlight-colorpicker-label">Highlight color</span>
<div class="dropdown" role="listbox" aria-multiselectable="false" aria-
orientation="horizontal" data-l10n-id="pdfjs-editor-colorpicker-dropdown" aria-
labelledby="highlightColorPickerLabel"><button tabindex="0" role="option" data-
color="#FFFF98" title="yellow" data-l10n-id="pdfjs-editor-colorpicker-yellow" aria-
selected="true"><span class="swatch" style="background-color: rgb(255, 255,
152);"></span></button><button tabindex="0" role="option" data-color="#53FFBC"
title="green" data-l10n-id="pdfjs-editor-colorpicker-green" aria-
selected="false"><span class="swatch" style="background-color: rgb(83, 255,
188);"></span></button><button tabindex="0" role="option" data-color="#80EBFF"
title="blue" data-l10n-id="pdfjs-editor-colorpicker-blue" aria-
selected="false"><span class="swatch" style="background-color: rgb(128, 235,
255);"></span></button><button tabindex="0" role="option" data-color="#FFCBE6"
title="pink" data-l10n-id="pdfjs-editor-colorpicker-pink" aria-
selected="false"><span class="swatch" style="background-color: rgb(255, 203,
230);"></span></button><button tabindex="0" role="option" data-color="#FF4F5F"
title="red" data-l10n-id="pdfjs-editor-colorpicker-red" aria-selected="false"><span
class="swatch" style="background-color: rgb(255, 79,
95);"></span></button></div></div>
</div>
</div>
<div class="editorParamsToolbar hidden doorHangerRight"
id="editorFreeTextParamsToolbar">
<div class="editorParamsToolbarContainer">
<div class="editorParamsSetter">
<label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="pdfjs-
editor-free-text-color-input">Color</label>
<input type="color" id="editorFreeTextColor" class="editorParamsColor"
tabindex="102">
</div>
<div class="editorParamsSetter">
<label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="pdfjs-
editor-free-text-size-input">Size</label>
<input type="range" id="editorFreeTextFontSize" class="editorParamsSlider"
value="10" min="5" max="100" step="1" tabindex="103">
</div>
</div>
</div>
<div class="editorParamsToolbar hidden doorHangerRight"
id="editorInkParamsToolbar">
<div class="editorParamsToolbarContainer">
<div class="editorParamsSetter">
<label for="editorInkColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-
ink-color-input">Color</label>
<input type="color" id="editorInkColor" class="editorParamsColor" tabindex="104">
</div>
<div class="editorParamsSetter">
<label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="pdfjs-
editor-ink-thickness-input">Thickness</label>
<input type="range" id="editorInkThickness" class="editorParamsSlider" value="1"
min="1" max="20" step="1" tabindex="105">
</div>
<div class="editorParamsSetter">
<label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="pdfjs-editor-
ink-opacity-input">Opacity</label>
<input type="range" id="editorInkOpacity" class="editorParamsSlider" value="100"
min="1" max="100" step="1" tabindex="106">
</div>
</div>
</div>
<div class="editorParamsToolbar hidden doorHangerRight"
id="editorStampParamsToolbar">
<div class="editorParamsToolbarContainer">
<button id="editorStampAddImage" class="secondaryToolbarButton" title="Add image"
tabindex="107" data-l10n-id="pdfjs-editor-stamp-add-image-button">
<span class="editorParamsLabel" data-l10n-id="pdfjs-editor-stamp-add-image-button-
label">Add image</span>
</button>
</div>
</div>
<div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
<div id="secondaryToolbarButtonContainer">
<button id="secondaryOpenFile" class="secondaryToolbarButton" title="Open File"
tabindex="51" data-l10n-id="pdfjs-open-file-button">
<span data-l10n-id="pdfjs-open-file-button-label">Open</span>
</button>
<button id="secondaryPrint" class="secondaryToolbarButton visibleMediumView"
title="Print" tabindex="52" data-l10n-id="pdfjs-print-button">
<span data-l10n-id="pdfjs-print-button-label">Print</span>
</button>
<button id="secondaryDownload" class="secondaryToolbarButton visibleMediumView"
title="Save" tabindex="53" data-l10n-id="pdfjs-save-button">
<span data-l10n-id="pdfjs-save-button-label">Save</span>
</button>
<div class="horizontalToolbarSeparator"></div>
<button id="presentationMode" class="secondaryToolbarButton" title="Switch to
Presentation Mode" tabindex="54" data-l10n-id="pdfjs-presentation-mode-button">
<span data-l10n-id="pdfjs-presentation-mode-button-label">Presentation Mode</span>
</button>
<a href="https://me-qr.com/assets/js/pdfjs/stable/web/viewer.html?file=https://
cdn2.me-qr.com/pdf/21461786.pdf#" id="viewBookmark" class="secondaryToolbarButton"
title="Current Page (View URL from Current Page)" tabindex="55" data-l10n-
id="pdfjs-bookmark-button">
<span
data-l10n-id="pdfjs-bookmark-button-label">Current Page</span>
</a>
<div id="viewBookmarkSeparator" class="horizontalToolbarSeparator"></div>
<button id="firstPage" class="secondaryToolbarButton" title="Go to First Page"
tabindex="56" data-l10n-id="pdfjs-first-page-button" disabled="">
<span data-l10n-id="pdfjs-first-page-button-label">Go to First Page</span>
</button>
<button id="lastPage" class="secondaryToolbarButton" title="Go to Last Page"
tabindex="57" data-l10n-id="pdfjs-last-page-button">
<span data-l10n-id="pdfjs-last-page-button-label">Go to Last Page</span>
</button>
<div class="horizontalToolbarSeparator"></div>
<button id="pageRotateCw" class="secondaryToolbarButton" title="Rotate Clockwise"
tabindex="58" data-l10n-id="pdfjs-page-rotate-cw-button">
<span data-l10n-id="pdfjs-page-rotate-cw-button-label">Rotate Clockwise</span>
</button>
<button id="pageRotateCcw" class="secondaryToolbarButton" title="Rotate
Counterclockwise" tabindex="59" data-l10n-id="pdfjs-page-rotate-ccw-button">
<span data-l10n-id="pdfjs-page-rotate-ccw-button-label">Rotate
Counterclockwise</span>
</button>
<div class="horizontalToolbarSeparator"></div>
<div id="cursorToolButtons" role="radiogroup">
<button id="cursorSelectTool" class="secondaryToolbarButton toggled" title="Enable
Text Selection Tool" tabindex="60" data-l10n-id="pdfjs-cursor-text-select-tool-
button" role="radio" aria-checked="true">
<span data-l10n-id="pdfjs-cursor-text-select-tool-button-label">Text Selection
Tool</span>
</button>
<button id="cursorHandTool" class="secondaryToolbarButton" title="Enable Hand Tool"
tabindex="61" data-l10n-id="pdfjs-cursor-hand-tool-button" role="radio" aria-
checked="false">
<span data-l10n-id="pdfjs-cursor-hand-tool-button-label">Hand Tool</span>
</button>
</div>
<div class="horizontalToolbarSeparator"></div>
<div id="scrollModeButtons" role="radiogroup">
<button id="scrollPage" class="secondaryToolbarButton" title="Use Page Scrolling"
tabindex="62" data-l10n-id="pdfjs-scroll-page-button" role="radio" aria-
checked="false">
<span data-l10n-id="pdfjs-scroll-page-button-label">Page Scrolling</span>
</button>
<button id="scrollVertical" class="secondaryToolbarButton toggled" title="Use
Vertical Scrolling" tabindex="63" data-l10n-id="pdfjs-scroll-vertical-button"
role="radio" aria-checked="true">
<span data-l10n-id="pdfjs-scroll-vertical-button-label">Vertical Scrolling</span>
</button>
<button id="scrollHorizontal" class="secondaryToolbarButton" title="Use Horizontal
Scrolling" tabindex="64" data-l10n-id="pdfjs-scroll-horizontal-button" role="radio"
aria-checked="false">
<span data-l10n-id="pdfjs-scroll-horizontal-button-label">Horizontal
Scrolling</span>
</button>
<button id="scrollWrapped" class="secondaryToolbarButton" title="Use Wrapped
Scrolling" tabindex="65" data-l10n-id="pdfjs-scroll-wrapped-button" role="radio"
aria-checked="false">
<span data-l10n-id="pdfjs-scroll-wrapped-button-label">Wrapped Scrolling</span>
</button>
</div>
<div class="horizontalToolbarSeparator"></div>
<div id="spreadModeButtons" role="radiogroup">
<button id="spreadNone" class="secondaryToolbarButton toggled" title="Do not join
page spreads" tabindex="66" data-l10n-id="pdfjs-spread-none-button" role="radio"
aria-checked="true">
<span data-l10n-id="pdfjs-spread-none-button-label">No Spreads</span>
</button>
<button id="spreadOdd" class="secondaryToolbarButton" title="Join page spreads
starting with odd-numbered pages" tabindex="67" data-l10n-id="pdfjs-spread-odd-
button" role="radio" aria-checked="false">
<span data-l10n-id="pdfjs-spread-odd-button-label">Odd Spreads</span>
</button>
<button id="spreadEven" class="secondaryToolbarButton" title="Join page spreads
starting with even-numbered pages" tabindex="68" data-l10n-id="pdfjs-spread-even-
button" role="radio" aria-checked="false">
<span data-l10n-id="pdfjs-spread-even-button-label">Even Spreads</span>
</button>
</div>
<div class="horizontalToolbarSeparator"></div>
<button id="documentProperties" class="secondaryToolbarButton" title="Document
Properties…" tabindex="69" data-l10n-id="pdfjs-document-properties-button" aria-
controls="documentPropertiesDialog">
<span data-l10n-id="pdfjs-document-properties-button-label">Document
Properties…</span>
</button>
</div>
</div>

<div id="viewerContainer" tabindex="0">


<div id="hiddenCopyElement"></div><div id="viewer" class="pdfViewer" style="--
scale-factor: 1.3333333333333333;"><div class="page" data-page-number="1"
role="region" data-l10n-id="pdfjs-page-landmark" data-l10n-
args="{&quot;page&quot;:1}" style="width: calc(var(--scale-factor) * 549.36px);
height: calc(var(--scale-factor) * 809.04px);"></div></div>
</div>
</div>
<div id="dialogContainer">
<dialog id="passwordDialog">
<div class="row">
<label for="password" id="passwordText" data-l10n-id="pdfjs-password-label">Enter
the password to open this PDF file.</label>
</div>
<div class="row">
<input type="password" id="password" class="toolbarField">
</div>
<div class="buttonRow">
<button id="passwordCancel" class="dialogButton"><span data-l10n-id="pdfjs-
password-cancel-button">Cancel</span></button>
<button id="passwordSubmit" class="dialogButton"><span data-l10n-id="pdfjs-
password-ok-button">OK</span></button>
</div>
</dialog>
<dialog id="documentPropertiesDialog">
<div class="row">
<span id="fileNameLabel" data-l10n-id="pdfjs-document-properties-file-name">File
name:</span>
<p id="fileNameField" aria-labelledby="fileNameLabel">-</p>
</div>
<div class="row">
<span id="fileSizeLabel" data-l10n-id="pdfjs-document-properties-file-size">File
size:</span>
<p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p>
</div>
<div class="separator"></div>
<div class="row">
<span id="titleLabel" data-l10n-id="pdfjs-document-properties-title">Title:</span>
<p id="titleField" aria-labelledby="titleLabel">-</p>
</div>
<div class="row">
<span id="authorLabel"
data-l10n-id="pdfjs-document-properties-author">Author:</span>
<p id="authorField" aria-labelledby="authorLabel">-</p>
</div>
<div class="row">
<span id="subjectLabel" data-l10n-id="pdfjs-document-properties-
subject">Subject:</span>
<p id="subjectField" aria-labelledby="subjectLabel">-</p>
</div>
<div class="row">
<span id="keywordsLabel" data-l10n-id="pdfjs-document-properties-
keywords">Keywords:</span>
<p id="keywordsField" aria-labelledby="keywordsLabel">-</p>
</div>
<div class="row">
<span id="creationDateLabel" data-l10n-id="pdfjs-document-properties-creation-
date">Creation Date:</span>
<p id="creationDateField" aria-labelledby="creationDateLabel">-</p>
</div>
<div class="row">
<span id="modificationDateLabel" data-l10n-id="pdfjs-document-properties-
modification-date">Modification Date:</span>
<p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p>
</div>
<div class="row">
<span id="creatorLabel" data-l10n-id="pdfjs-document-properties-
creator">Creator:</span>
<p id="creatorField" aria-labelledby="creatorLabel">-</p>
</div>
<div class="separator"></div>
<div class="row">
<span id="producerLabel" data-l10n-id="pdfjs-document-properties-producer">PDF
Producer:</span>
<p id="producerField" aria-labelledby="producerLabel">-</p>
</div>
<div class="row">
<span id="versionLabel" data-l10n-id="pdfjs-document-properties-version">PDF
Version:</span>
<p id="versionField" aria-labelledby="versionLabel">-</p>
</div>
<div class="row">
<span id="pageCountLabel" data-l10n-id="pdfjs-document-properties-page-count">Page
Count:</span>
<p id="pageCountField" aria-labelledby="pageCountLabel">-</p>
</div>
<div class="row">
<span id="pageSizeLabel" data-l10n-id="pdfjs-document-properties-page-size">Page
Size:</span>
<p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p>
</div>
<div class="separator"></div>
<div class="row">
<span id="linearizedLabel" data-l10n-id="pdfjs-document-properties-linearized">Fast
Web View:</span>
<p id="linearizedField" aria-labelledby="linearizedLabel">-</p>
</div>
<div class="buttonRow">
<button id="documentPropertiesClose" class="dialogButton"><span data-l10n-
id="pdfjs-document-properties-close-button">Close</span></button>
</div>
</dialog>
<dialog id="altTextDialog" aria-labelledby="dialogLabel" aria-
describedby="dialogDescription">
<div id="altTextContainer">
<div id="overallDescription">
<span id="dialogLabel" data-l10n-id="pdfjs-editor-alt-text-dialog-label"
class="title">Choose an option</span>
<span id="dialogDescription" data-l10n-id="pdfjs-editor-alt-text-dialog-
description">Alt text (alternative text) helps when people can’t see the image or
when it doesn’t load.</span>
</div>
<div id="addDescription">
<div class="radio">
<div class="radioButton">
<input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-
describedby="descriptionAreaLabel" checked="">
<label for="descriptionButton" data-l10n-id="pdfjs-editor-alt-text-add-description-
label">Add a description</label>
</div>
<div class="radioLabel">
<span id="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-add-
description-description">Aim for 1-2 sentences that describe the subject, setting,
or actions.</span>
</div>
</div>
<div class="descriptionArea">
<textarea id="descriptionTextarea" placeholder="For example, “A young man sits down
at a table to eat a meal”" aria-labelledby="descriptionAreaLabel" data-l10n-
id="pdfjs-editor-alt-text-textarea" tabindex="0"></textarea>
</div>
</div>
<div id="markAsDecorative">
<div class="radio">
<div class="radioButton">
<input type="radio" id="decorativeButton" name="altTextOption" aria-
describedby="decorativeLabel">
<label for="decorativeButton" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-
label">Mark as decorative</label>
</div>
<div class="radioLabel">
<span id="decorativeLabel" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-
description">This is used for ornamental images, like borders or watermarks.</span>
</div>
</div>
</div>
<div id="buttons">
<button id="altTextCancel" tabindex="0"><span
data-l10n-id="pdfjs-editor-alt-text-cancel-button">Cancel</span></button>
<button id="altTextSave" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-
save-button">Save</span></button>
</div>
</div>
</dialog>
<dialog id="printServiceDialog" style="min-width: 200px;">
<div class="row">
<span data-l10n-id="pdfjs-print-progress-message">Preparing document for printing…
</span>
</div>
<div class="row">
<progress value="0" max="100"></progress>
<span data-l10n-id="pdfjs-print-progress-percent" data-l10n-
args="{ &quot;progress&quot;: 0 }" class="relative-progress">⁨
0⁩%</span>
</div>
<div class="buttonRow">
<button id="printCancel" class="dialogButton"><span data-l10n-id="pdfjs-print-
progress-close-button">Cancel</span></button>
</div>
</dialog>
</div>
</div>
<div id="printContainer"></div>
<input type="file" id="fileInput" class="hidden">

</body></html>
------MultipartBoundary--a4MRtV2c8fII1L9PVKDzeklfCLwfMMTscIcHjaN86y----
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: https://me-qr.com/assets/js/pdfjs/stable/web/viewer.css?
v=06022024

@charset "utf-8";

.textLayer { position: absolute; text-align: initial; inset: 0px; overflow: hidden;


opacity: 0.25; line-height: 1; text-size-adjust: none; forced-color-adjust: none;
transform-origin: 0px 0px; z-index: 2; }

.textLayer :is(span, br) { color: transparent; position: absolute; white-space:


pre; cursor: text; transform-origin: 0% 0%; }

.textLayer span.markedContent { top: 0px; height: 0px; }

.textLayer .highlight { --highlight-bg-color: rgb(180 0 170); --highlight-selected-


bg-color: rgb(0 100 0); margin: -1px; padding: 1px; background-color: var(--
highlight-bg-color); border-radius: 4px; }

@media screen and (forced-colors: active) {


.textLayer .highlight { --highlight-bg-color: Highlight; --highlight-selected-bg-
color: ButtonText; }
}

.textLayer .highlight.appended { position: initial; }

.textLayer .highlight.begin { border-radius: 4px 0px 0px 4px; }

.textLayer .highlight.end { border-radius: 0px 4px 4px 0px; }

.textLayer .highlight.middle { border-radius: 0px; }


.textLayer .highlight.selected { background-color: var(--highlight-selected-bg-
color); }

.textLayer ::selection { background: blue; }

.textLayer br::selection { background: 0px 0px; }

.textLayer .endOfContent { display: block; position: absolute; inset: 100% 0px 0px;
z-index: -1; cursor: default; user-select: none; }

.textLayer .endOfContent.active { top: 0px; }

.annotationLayer { --annotation-unfocused-field-background:
url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px'
xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%'
style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --input-focus-border-color:
Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color:
transparent; --input-disabled-border-color: transparent; --input-hover-border-
color: black; --link-outline: none; position: absolute; top: 0px; left: 0px;
pointer-events: none; transform-origin: 0px 0px; z-index: 3; }

@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; --hcm-highlight-
filter: invert(100%); }
.annotationLayer .textWidgetAnnotation :is(input,
textarea):required, .annotationLayer .choiceWidgetAnnotation
select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButto
n) input:required { outline: selecteditem solid 1.5px; }
.annotationLayer .linkAnnotation { outline: var(--link-outline); }
.annotationLayer .linkAnnotation:hover { backdrop-filter: var(--hcm-highlight-
filter); }
.annotationLayer .linkAnnotation > a:hover { box-shadow: none; opacity: 0 !
important; background: 0px 0px !important; }
.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: 0px;
left: 0px; width: 100%; height: 100%; 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 canvas { position: absolute; width: 100%; height: 100%; pointer-


events: none; }

.annotationLayer section { position: absolute; text-align: initial; pointer-events:


auto; box-sizing: border-box; transform-origin: 0px 0px; }
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a
{ position: absolute; font-size: 1em; top: 0px; left: 0px; width: 100%; height:
100%; }

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasB


order) > a:hover { opacity: 0.2; background-color: rgb(255, 255, 0); box-shadow:
rgb(255, 255, 0) 0px 2px 10px; }

.annotationLayer .linkAnnotation.hasBorder:hover { background-color: rgba(255, 255,


0, 0.2); }

.annotationLayer .hasBorder { background-size: 100% 100%; }

.annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width:


100%; height: 100%; top: 0px; left: 0px; }

.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: 0px; vertical-align: top;
width: 100%; }

.annotationLayer .textWidgetAnnotation :is(input,


textarea):required, .annotationLayer .choiceWidgetAnnotation
select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButto
n) input:required { outline: red solid 1.5px; }

.annotationLayer .choiceWidgetAnnotation select option { padding: 0px; }

.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, .radioButt
on) input[disabled] { background: 0px 0px; 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: 0px 0px; 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: 0px; }

.annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input


{ appearance: none; }

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width:


100%; }

.annotationLayer .popupAnnotation { position: absolute; font-size: calc(9px *


var(--scale-factor)); pointer-events: none; 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: rgb(255, 255, 74) solid
1.5px; padding: calc(6px * var(--scale-factor)); cursor: pointer; font: message-
box; white-space: normal; overflow-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: 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:
0px; left: 0px; }

.annotationLayer .annotationTextContent { position: absolute; width: 100%; height:


100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; }

.annotationLayer .annotationTextContent span { width: 100%; display: inline-


block; }

.annotationLayer svg.quadrilateralsContainer { contain: strict; width: 0px; height:


0px; position:
absolute; top: 0px; left: 0px; z-index: -1; }

:root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-


8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect
width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-
focus-outline: auto; }

@media screen and (forced-colors: active) {


:root { --xfa-focus-outline: 2px solid CanvasText; }
.xfaLayer :required { outline: selecteditem solid 1.5px; }
}

.xfaLayer { background-color: transparent; }

.xfaLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(239, 203,


237); border-radius: 4px; }

.xfaLayer .highlight.appended { position: initial; }

.xfaLayer .highlight.begin { border-radius: 4px 0px 0px 4px; }

.xfaLayer .highlight.end { border-radius: 0px 4px 4px 0px; }

.xfaLayer .highlight.middle { border-radius: 0px; }

.xfaLayer .highlight.selected { background-color: rgb(203, 223, 203); }

.xfaPage { overflow: hidden; position: relative; }

.xfaContentarea { position: absolute; }

.xfaPrintOnly { display: none; }

.xfaLayer { position: absolute; text-align: initial; top: 0px; left: 0px;


transform-origin: 0px 0px; line-height: 1.2; }

.xfaLayer * { color: inherit; font: inherit; letter-spacing: -0.01px; text-align:


inherit; text-decoration: inherit; box-sizing: border-box; background-color:
transparent; padding: 0px; margin: 0px; pointer-events: auto; }
.xfaLayer :required { outline: red solid 1.5px; }

.xfaLayer div, .xfaLayer svg, .xfaLayer svg * { pointer-events: none; }

.xfaLayer a { color: blue; }

.xfaRich li { margin-left: 3em; }

.xfaFont { color: rgb(0, 0, 0); font-weight: 400; font-kerning: none; font-size:


10px; font-style: normal; letter-spacing: 0px; text-decoration: none; vertical-
align: 0px; }

.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; }

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .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; }

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) { width:


100%; }

.xfaBorder { background-color: transparent; position: absolute; pointer-events:


none; }

.xfaWrapped { width: 100%; height: 100%; }

:is(.xfaTextfield, .xfaSelect):focus { background-image: none; background-color:


transparent; outline: var(--xfa-focus-outline); outline-offset: -1px; }

: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 { padding-inline: 2px; }

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) { flex: 0 1 auto; }

.xfaButton { cursor: pointer; width: 100%; height: 100%; border: none; text-align:
center; }

.xfaLink { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border:


none; }

.xfaRich { white-space: pre-wrap; width: 100%; height: 100%; }


.xfaImage { object-position: left top; object-fit: contain; width: 100%; height:
100%; }

.xfaLrTb, .xfaRlTb, .xfaTb { display: flex; flex-direction: column; align-items:


stretch; }

.xfaLr { display: flex; flex-direction: row; align-items: stretch; }

.xfaRl { display: flex; flex-direction: row-reverse; align-items: stretch; }

.xfaTb > div { justify-content: left; }

.xfaPosition { position: relative; }

.xfaArea { position: relative; }

.xfaValignMiddle { display: flex; align-items: center; }

.xfaTable { display: flex; flex-direction: column; 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 1 0%; }

.xfaTable .xfaRlRow > div { flex: 1 1 0%; }

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea)


{ background: initial; }

@media print {
.xfaTextfield, .xfaSelect { background: 0px 0px; }
.xfaSelect { appearance: none; text-indent: 1px; }
}

.canvasWrapper svg { transform: none; }

.canvasWrapper svg[data-main-rotation="90"] use:not(.clip) { transform: matrix(0,


1, -1, 0, 1, 0); }

.canvasWrapper svg[data-main-rotation="180"] use:not(.clip) { transform: matrix(-1,


0, 0, -1, 1, 1); }

.canvasWrapper svg[data-main-rotation="270"] use:not(.clip) { transform: matrix(0,


-1, 1, 0, 0, 1); }

.canvasWrapper svg.highlight { --blend-mode: multiply; position: absolute; mix-


blend-mode: var(--blend-mode); fill-rule: evenodd; }

@media screen and (forced-colors: active) {


.canvasWrapper svg.highlight { --blend-mode: difference; }
}

.canvasWrapper svg.highlightOutline { position: absolute; mix-blend-mode: normal;


fill-rule: evenodd; fill: none; }

.canvasWrapper svg.highlightOutline.hovered { stroke: var(--hover-outline-color);


stroke-width: var(--outline-width); }
.canvasWrapper svg.highlightOutline.selected .mainOutline { stroke: var(--outline-
around-color); stroke-width: calc( var(--outline-width) + 2 * var(--outline-around-
width) ); }

.canvasWrapper svg.highlightOutline.selected .secondaryOutline { stroke: var(--


outline-color); stroke-width: var(--outline-width); }

: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; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {


:root { --editorFreeText-editing-cursor: url(images/cursor-editorFreeText.svg) 0
16, text; }
}

@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-editor-rotation="90"] { transform: rotate(90deg); }

[data-editor-rotation="180"] { transform: rotate(180deg); }

[data-editor-rotation="270"] { transform: rotate(270deg); }

.annotationEditorLayer { background: 0px 0px; position: absolute; inset: 0px; font-


size: calc(100px * var(--scale-factor)); transform-origin: 0px 0px; cursor: auto;
z-index: 4; }

.annotationEditorLayer.waiting { content: ""; cursor: wait; position: absolute;


inset: 0px; width: 100%; height: 100%; }

.annotationEditorLayer.disabled { pointer-events: none; }

.annotationEditorLayer.freetextEditing { cursor: var(--editorFreeText-editing-


cursor); }

.annotationEditorLayer.inkEditing { cursor: var(--editorInk-editing-cursor); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) { position:


absolute; background: 0px 0px; z-index: 1; transform-origin: 0px 0px; cursor: auto;
max-width: 100%; max-height: 100%; border: var(--unfocus-outline); }

.annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .s


tampEditor) { cursor: move; }
.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: 0px; border: var(--focus-
outline-around); pointer-events: none; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.se


lectedEditor) { border: var(--hover-outline); outline: var(--hover-outline-around);
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.se


lectedEditor)::before { content: ""; position: absolute; inset: 0px; border: var(--
focus-outline-around); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar { --editor-toolbar-delete-image: url(images/editor-toolbar-
delete.svg); --editor-toolbar-bg-color: #f0f0f4; --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: 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: 0px; 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)) .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .high
lightEditor) .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) .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highli
ghtEditor) .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) {


.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightE
ditor) .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; }
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar.hidden { display: none; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar:has(:focus-visible) { border-color: transparent; }

[dir="ltr"] .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .


highlightEditor) .editToolbar { transform-origin: 100% 0px; }

[dir="rtl"] .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .


highlightEditor) .editToolbar { transform-origin: 0px 0px; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons { display: flex; justify-content: center; align-items:
center; gap: 0px; height: 100%; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .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; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .delete { width: var(--editor-toolbar-height); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .delete::before { content: ""; mask-image: var(--editor-
toolbar-delete-image); mask-repeat: no-repeat; mask-position: center center;
display: inline-block; background-color: var(--editor-toolbar-fg-color); width:
100%; height: 100%; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .delete:hover::before { background-color: var(--editor-
toolbar-hover-fg-color); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons > * { height: var(--editor-toolbar-height); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons > :not(.divider) { border: none; background-color:
transparent; cursor: pointer; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .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; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons > :not(.divider):hover:active { outline: none; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons > :not(.divider):focus-visible { border-radius: 2px;
outline: 2px solid var(--editor-toolbar-focus-outline-color); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .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: max-content;
padding-inline: 8px; pointer-events: all; font-style: ; font-variant: normal; font-
stretch: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: ;
font-feature-settings: ; font-variation-settings: ; font-weight: 590; font-size:
12px; color: var(--editor-toolbar-fg-color); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .altText:disabled { pointer-events: none; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .altText::before { content: ""; mask-image: var(--alt-
text-add-image); mask-repeat: no-repeat; mask-position: center center; display:
inline-block; width: 12px; height: 13px; background-color: var(--editor-toolbar-fg-
color); margin-inline-end: 4px; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .altText:hover::before { background-color: var(--editor-
toolbar-hover-fg-color); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .altText.done::before { mask-image: var(--alt-text-done-
image); }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .editToolbar .buttons .altText .tooltip { display: none; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEdi


tor) .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: 0px; padding-block: 2px 3px;
padding-inline: 3px; max-width: 300px; width: max-content; height: auto; font-size:
12px; border: .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)) .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .high
lightEditor) .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) .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highli
ghtEditor) .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) {


.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightE
ditor) .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: 0px 0px; border:


none; inset: 0px; overflow: visible; white-space: nowrap; font-style: normal; font-
variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-
settings: normal; font-variation-settings: normal; font-weight: normal; font-
stretch: normal; font-size: 10px; font-family: sans-serif; line-height: var(--
freetext-line-height); user-select: none; }

.annotationEditorLayer .freeTextEditor .overlay { position: absolute; display:


none; background: 0px 0px; inset: 0px; 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; user-


select: auto; }

.annotationEditorLayer .inkEditor { width: 100%; height: 100%; }

.annotationEditorLayer .inkEditor.editing { cursor: inherit; }

.annotationEditorLayer .inkEditor .inkEditorCanvas { position: absolute; inset:


0px; width: 100%; height: 100%; touch-action: none; }

.annotationEditorLayer .stampEditor { width: auto; height: auto; }

.annotationEditorLayer .stampEditor canvas { width: 100%; height: 100%; }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers {


position: absolute; inset: 0px; }

.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: 0px; }

[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: 0px; }

.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: 0px; }

#altTextDialog { --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-
cancel-bg-color: #f0f0f4; --button-cancel-fg-color: var(--text-primary-color); --
button-cancel-border-color: var(--button-cancel-bg-color); --button-cancel-hover-
bg-color: var(--button-cancel-bg-color); --button-cancel-hover-fg-color: var(--
button-cancel-fg-color); --button-cancel-hover-border-color: var(--button-cancel-
hover-bg-color); --button-save-bg-color: #0060df; --button-save-fg-color: #fbfbfe;
--button-save-hover-bg-color: var(--button-save-bg-color); --button-save-hover-fg-
color: var(--button-save-fg-color); --button-save-hover-border-color: var(--button-
save-hover-bg-color); font-style: ; font-variant: normal; font-stretch: ; font-
family: ; font-optical-sizing: ; font-kerning: ; font-feature-settings: ; font-
variation-settings: ; 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); }

@media (prefers-color-scheme: dark) {


:where(html:not(.is-light)) #altTextDialog { --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-cancel-bg-color: #2b2a33; --button-save-bg-color: #0df; --button-save-fg-
color: #15141a; }
}

:where(html.is-dark) #altTextDialog { --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-cancel-bg-
color: #2b2a33; --button-save-bg-color: #0df; --button-save-fg-color: #15141a; }

@media screen and (forced-colors: active) {


#altTextDialog { --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-
cancel-bg-color: ButtonFace; --button-cancel-fg-color: ButtonText; --button-cancel-
border-color: ButtonText; --button-cancel-hover-bg-color: AccentColor; --button-
cancel-hover-fg-color: AccentColorText; --button-save-bg-color: ButtonText; --
button-save-fg-color: ButtonFace; --button-save-hover-bg-color: AccentColor; --
button-save-hover-fg-color: AccentColorText; }
}

#altTextDialog::backdrop { mask: url("#alttext-manager-mask"); }

#altTextDialog.positioned { margin: 0px; }

#altTextDialog #altTextContainer { width: 300px; height: fit-content; display:


inline-flex; flex-direction: column; align-items: flex-start; gap: 16px; }

#altTextDialog #altTextContainer :focus-visible { outline: var(--focus-ring-


outline); outline-offset: 2px; }

#altTextDialog #altTextContainer .radio { display: flex; flex-direction: column;


align-items: flex-start; gap: 4px; }

#altTextDialog #altTextContainer .radio .radioButton { display: flex; gap: 8px;


align-self: stretch; align-items: center; }

#altTextDialog #altTextContainer .radio .radioButton input { 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); }

#altTextDialog #altTextContainer .radio .radioButton input:hover { filter: var(--


hover-filter); }

#altTextDialog #altTextContainer .radio .radioButton input:checked { background-


color: var(--radio-checked-bg-color); border: 4px solid var(--radio-checked-border-
color); }

#altTextDialog #altTextContainer .radio .radioLabel { display: flex; padding-


inline-start: 24px; align-items: flex-start; gap: 10px; align-self: stretch; }

#altTextDialog #altTextContainer .radio .radioLabel span { flex: 1 0 0px; font-


size: 11px; color: var(--text-secondary-color); }

#altTextDialog #altTextContainer #overallDescription { display: flex; flex-


direction: column; align-items: flex-start; gap: 4px; align-self: stretch; }

#altTextDialog #altTextContainer #overallDescription span { align-self: stretch; }

#altTextDialog #altTextContainer #overallDescription .title { font-size: 13px;


font-style: normal; font-weight: 590; }

#altTextDialog #altTextContainer #addDescription { display: flex; flex-direction:


column; align-items: stretch; gap: 8px; }

#altTextDialog #altTextContainer #addDescription .descriptionArea { flex: 1 1 0%;


padding-inline: 24px 10px; }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea { font:


inherit; width: 100%; min-height: 75px; padding: 8px; resize: none; margin: 0px;
box-sizing: border-box; border-radius: 4px; border: 1px solid var(--textarea-
border-color); background: var(--textarea-bg-color); color: var(--textarea-fg-
color); }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea:focus


{ outline-offset: 0px; border-color: transparent; }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea:disabled


{ pointer-events: none; opacity: 0.4; }

#altTextDialog #altTextContainer #buttons { display: flex; justify-content: flex-


end; align-items: flex-start; gap: 8px; align-self: stretch; }

#altTextDialog #altTextContainer #buttons button { border-radius: 4px; border: 1px


solid; font-style: ; font-variant: normal; font-stretch: ; font-size: ; line-
height: ; font-family: ; font-optical-sizing: ; font-kerning: ; font-feature-
settings: ; font-variation-settings: ; font-weight: 600; padding: 4px 16px; width:
auto; height: 32px; }

#altTextDialog #altTextContainer #buttons button:hover { cursor: pointer; filter:


var(--hover-filter); }

#altTextDialog #altTextContainer #buttons button#altTextCancel { color: var(--


button-cancel-fg-color); background-color: var(--button-cancel-bg-color); border-
color: var(--button-cancel-border-color); }

#altTextDialog #altTextContainer #buttons button#altTextCancel:hover { color:


var(--button-cancel-hover-fg-color); background-color: var(--button-cancel-hover-
bg-color); border-color: var(--button-cancel-hover-border-color);
}

#altTextDialog #altTextContainer #buttons button#altTextSave { color: var(--button-


save-hover-fg-color); background-color: var(--button-save-hover-bg-color); border-
color: var(--button-save-hover-border-color); opacity: 1; }

#altTextDialog #altTextContainer #buttons button#altTextSave:hover { color: var(--


button-save-hover-fg-color); background-color: var(--button-save-hover-bg-color);
border-color: var(--button-save-hover-border-color); }

.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 > .editToolbar { }

.annotationEditorLayer[data-main-rotation="90"] .highlightEditor > .editToolbar


{ rotate: 270deg; }

.annotationEditorLayer[data-main-rotation="180"] .highlightEditor > .editToolbar


{ rotate: 180deg; }

.annotationEditorLayer[data-main-rotation="270"] .highlightEditor > .editToolbar


{ rotate: 90deg; }

.annotationEditorLayer .highlightEditor { position: absolute; background: 0px 0px;


z-index: 1; transform-origin: 0px 0px; cursor: auto; max-width: 100%; max-height:
100%; border: none; outline: none; pointer-events: none; transform: none; }

.annotationEditorLayer .highlightEditor .internal { position: absolute; top: 0px;


left: 0px; 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 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: ""; mask-image: var(--editor-toolbar-colorpicker-arrow-image); mask-
repeat: no-repeat; mask-position: center center; display: inline-block; background-
color: var(--editor-toolbar-fg-color); width: 12px; height: 12px; }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::a


fter { background-color: var(--editor-toolbar-hover-fg-color); }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dro


pdown:not(.hidden)) { background-color: var(--editor-toolbar-hover-bg-color); }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdow


n { 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 .dropdow


n button { width: 100%; height: auto; border: none; cursor: pointer; display: flex;
justify-content: center; align-items: center; background: 0px 0px; }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdow


n button:is(:active, :focus-visible) { outline: none; }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdow


n button > .swatch { outline-offset: 2px; }
.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdow
n button[aria-selected="true"] > .swatch { outline: 2px solid var(--selected-
outline-color); }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdow


n 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; display: flex; flex-direction: column; box-sizing: border-box; }

#highlightParamsToolbarContainer .colorPicker { display: flex; flex-direction:


column; gap: 8px; }

#highlightParamsToolbarContainer .colorPicker #highlightColorPickerLabel { width:


fit-content; inset-inline-start: 0px; }

#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: 0px 0px; 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); }

: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 { position: absolute; top: 0px; left: 0px; width: 0px; height:
0px; display: none; }

.pdfViewer { --scale-factor: 1; padding-bottom: var(--pdfViewer-padding-bottom); }


.pdfViewer .canvasWrapper { overflow: hidden; width: 100%; height: 100%; z-index:
1; }

.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: 0px; height: var(--viewer-


container-height); }

.pdfViewer.noUserSelect { user-select: none; }

.pdfViewer.removePageBorders .page { margin: 0px auto 10px; border: none; }

.pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread { margin-inline: 3.5px;


text-align: center; }

.pdfViewer.scrollHorizontal, .spread { white-space: nowrap; }

.pdfViewer.removePageBorders, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spr


ead { margin-inline: 0px; }

.spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :i


s(.page, .spread) { display: inline-block; vertical-align: middle; }

.spread .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page { margin-


inline: var(--spreadHorizontalWrapped-margin-LR); }

.pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders:is(.scroll


Horizontal, .scrollWrapped) .page { margin-inline: 5px; }

.pdfViewer .page canvas { margin: 0px; display: block; }

.pdfViewer .page canvas .structTree { contain: strict; }

.pdfViewer .page canvas[hidden] { display: none; }

.pdfViewer .page canvas[zooming] { width: 100%; height: 100%; }

.pdfViewer .page.loadingIcon::after { position: absolute; top: 0px; left: 0px;


content: ""; width: 100%; height: 100%; background: url("images/loading-icon.gif")
center center no-repeat; display: none; transition-property: display; transition-
delay: var(--loading-icon-delay); z-index: 5; contain: strict; }

.pdfViewer .page.loading::after { display: block; }

.pdfViewer .page:not(.loading)::after { transition-property: none; display: none; }

.pdfPresentationMode .pdfViewer { padding-bottom: 0px; }

.pdfPresentationMode .spread { margin: 0px; }

.pdfPresentationMode .pdfViewer .page { margin: 0px 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); }

[dir="rtl"]:root { --dir-factor: -1; --inline-start: right; --inline-end: left; }

@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); --sidebar-narrow-bg-color:
rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color: rgb(50 50 52); --toolbar-bg-color:
rgb(56 56 61); --toolbar-border-color: rgb(12 12 13); --button-hover-color: rgb(102
102 103); --toggled-btn-color: rgb(255 255 255); --toggled-btn-bg-color: rgb(0 0
0 / 0.3); --toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); --dropdown-btn-bg-
color: rgb(74 74 79); --separator-color: rgb(0 0 0 / 0.3); --field-color: rgb(250
250 250); --field-bg-color: rgb(64 64 68); --field-border-color: rgb(115 115 115);
--treeitem-color: rgb(255 255 255 / 0.8); --treeitem-bg-color: rgb(255 255 255 /
0.15); --treeitem-hover-color: rgb(255 255 255 / 0.9); --treeitem-selected-color:
rgb(255 255 255 / 0.9); --treeitem-selected-bg-color: rgb(255 255 255 / 0.25); --
thumbnail-hover-color: rgb(255 255 255 / 0.1); --thumbnail-selected-color: rgb(255
255 255 / 0.2); --doorhanger-bg-color: rgb(74 74 79); --doorhanger-border-color:
rgb(39 39 43); --doorhanger-hover-color: rgb(249 249 250); --doorhanger-hover-bg-
color: rgb(93 94 98); --doorhanger-separator-color: rgb(92 92 97); --dialog-button-
bg-color: rgb(92 92 97); --dialog-button-hover-bg-color: rgb(115 115 115); }
}

:root:where(.is-dark) { --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); --sidebar-narrow-bg-color: rgb(42 42
46 / 0.9); --sidebar-toolbar-bg-color: rgb(50 50 52); --toolbar-bg-color: rgb(56 56
61); --toolbar-border-color: rgb(12 12 13); --button-hover-color: rgb(102 102 103);
--toggled-btn-color: rgb(255 255 255); --toggled-btn-bg-color: rgb(0 0 0 / 0.3); --
toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); --dropdown-btn-bg-color: rgb(74
74 79); --separator-color: rgb(0 0 0 / 0.3); --field-color: rgb(250 250 250); --
field-bg-color: rgb(64 64 68); --field-border-color: rgb(115 115 115); --treeitem-
color: rgb(255 255 255 / 0.8); --treeitem-bg-color: rgb(255 255 255 / 0.15); --
treeitem-hover-color: rgb(255 255 255 / 0.9); --treeitem-selected-color: rgb(255
255 255 / 0.9); --treeitem-selected-bg-color: rgb(255 255 255 / 0.25); --thumbnail-
hover-color: rgb(255 255 255 / 0.1); --thumbnail-selected-color: rgb(255 255 255 /
0.2); --doorhanger-bg-color: rgb(74 74 79); --doorhanger-border-color: rgb(39 39
43); --doorhanger-hover-color: rgb(249 249 250); --doorhanger-hover-bg-color:
rgb(93 94 98); --doorhanger-separator-color: rgb(92 92 97); --dialog-button-bg-
color: rgb(92 92 97); --dialog-button-hover-bg-color: rgb(115 115 115); }

@media screen and (forced-colors: active) {


:root { --button-hover-color: Highlight; --doorhanger-hover-bg-color: Highlight;
--toolbar-icon-opacity: 1; --toolbar-icon-bg-color: ButtonText; --toolbar-icon-
hover-bg-color: ButtonFace; --toggled-hover-active-btn-color: ButtonText; --
toggled-hover-btn-outline: 2px solid ButtonBorder; --toolbar-border-color:
CanvasText; --toolbar-border-bottom: 1px solid var(--toolbar-border-color); --
toolbar-box-shadow: none; --toggled-btn-color: HighlightText; --toggled-btn-bg-
color: LinkText; --doorhanger-hover-color: ButtonFace; --doorhanger-border-color-
whcm: 1px solid ButtonText; --doorhanger-triangle-opacity-whcm: 0; --dialog-button-
border: 1px solid Highlight; --dialog-button-hover-bg-color: Highlight; --dialog-
button-hover-color: ButtonFace; --dropdown-btn-border: 1px solid ButtonText; --
field-border-color: ButtonText; --main-color: CanvasText; --separator-color:
GrayText; --doorhanger-separator-color: GrayText; --toolbarSidebar-box-shadow:
none; --toolbarSidebar-border-bottom: 1px solid var(--toolbar-border-color); }
}

@media screen and (prefers-reduced-motion: reduce) {


:root { --sidebar-transition-duration: 0; }
}

* { padding: 0px; margin: 0px; }

html, body { height: 100%; width: 100%; }

body { background-color: var(--body-bg-color); scrollbar-color: var(--scrollbar-


color) var(--scrollbar-bg-color); }

.hidden, [hidden] { display: none !important; }

#viewerContainer.pdfPresentationMode:-webkit-full-screen { top: 0px; background-


color: rgb(0, 0, 0); width: 100%; height: 100%; overflow: hidden; cursor: none;
user-select: none; }

#viewerContainer.pdfPresentationMode:fullscreen { top: 0px; background-color:


rgb(0, 0, 0); width: 100%; height: 100%; overflow: hidden; cursor: none; user-
select: none; }

.pdfPresentationMode:-webkit-full-screen section:not([data-internal-link])
{ pointer-events: none; }

.pdfPresentationMode:fullscreen section:not([data-internal-link]) { pointer-events:


none; }

.pdfPresentationMode:-webkit-full-screen .textLayer span { cursor: none; }

.pdfPresentationMode:fullscreen .textLayer
span { cursor: none; }

.pdfPresentationMode.pdfPresentationModeControls >
*, .pdfPresentationMode.pdfPresentationModeControls .textLayer span { cursor:
default; }

#outerContainer { width: 100%; height: 100%; position: relative; }

#sidebarContainer { position: absolute; inset-block: 32px 0px; inset-inline-start:


calc(-1 * var(--sidebar-width)); width: var(--sidebar-width); visibility: hidden;
z-index: 100; font: message-box; border-top: 1px solid rgb(51, 51, 51); border-
inline-end: var(--doorhanger-border-color-whcm); transition-property: inset-inline-
start; transition-duration: var(--sidebar-transition-duration); transition-timing-
function: var(--sidebar-transition-timing-function); }

#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer { visibility:


visible; }

#outerContainer.sidebarOpen #sidebarContainer { inset-inline-start: 0px; }

#mainContainer { position: absolute; inset: 0px; min-width: 350px; }

#sidebarContent { inset-block: 32px 0px; inset-inline-start: 0px; overflow: auto;


position: absolute; width: 100%; box-shadow: inset calc(-1px * var(--dir-factor)) 0
0 rgb(0 0 0/0.25); }

#viewerContainer { overflow: auto; position: absolute; inset: 32px 0px 0px;


outline: none; }

#viewerContainer:not(.pdfPresentationMode) { transition-duration: var(--sidebar-


transition-duration); transition-timing-function: var(--sidebar-transition-timing-
function); }

#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { inset-


inline-start: var(--sidebar-width); transition-property: inset-inline-start; }

.toolbar { position: relative; inset-inline: 0px; z-index: 9999; cursor: default;


font: message-box; }

:is(.toolbar, .editorParamsToolbar, .findbar, #sidebarContainer) :is(input, button,


select), .secondaryToolbar :is(input, button, a, select) { outline: none; font:
message-box; }

#toolbarContainer { width: 100%; }

#toolbarSidebar { width: 100%; height: 32px; background-color: var(--sidebar-


toolbar-bg-color); box-shadow: var(--toolbarSidebar-box-shadow); border-bottom:
var(--toolbarSidebar-border-bottom); }

#sidebarResizer { position: absolute; inset-block: 0px; inset-inline-end: -6px;


width: 6px; z-index: 200; cursor: ew-resize; }

#toolbarContainer, .findbar, .secondaryToolbar, .editorParamsToolbar { position:


relative; height: 32px; background-color: var(--toolbar-bg-color); box-shadow:
var(--toolbar-box-shadow); border-bottom: var(--toolbar-border-bottom); }

#toolbarViewer { height: 32px; }

#loadingBar { --progressBar-percent: 0%; --progressBar-end-offset: 0; position:


absolute; inset-inline: 0 var(--progressBar-end-offset); height: 4px; background-
color: var(--progressBar-bg-color); border-bottom: 1px solid var(--toolbar-border-
color); transition-property: inset-inline-start; transition-duration: var(--
sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-
timing-function); }

#outerContainer.sidebarOpen #loadingBar { inset-inline-start: var(--sidebar-width);


}

#loadingBar .progress { position: absolute; top: 0px; inset-inline-start: 0px;


width: 100%; transform: scaleX(var(--progressBar-percent)); transform-origin:
calc(50% - 50% * var(--dir-factor)) 0; height: 100%; background-color: var(--
progressBar-color); overflow: hidden; transition: transform 200ms ease 0s; }

@keyframes progressIndeterminate {
0% { transform: translateX(calc(-142px * var(--dir-factor))); }
100% { transform: translateX(0px); }
}

#loadingBar.indeterminate .progress { transform: none; background-color: var(--


progressBar-bg-color); transition: none 0s ease 0s; }

#loadingBar.indeterminate .progress .glimmer { position: absolute; top: 0px; inset-


inline-start: 0px; height: 100%; width: calc(100% + 150px); background: repeating-
linear-gradient( 135deg,var(--progressBar-blend-color) 0,var(--progressBar-bg-
color) 5px,var(--progressBar-bg-color) 45px,var(--progressBar-color) 55px,var(--
progressBar-color) 95px,var(--progressBar-blend-color) 100px ); animation: 1s
linear 0s infinite normal none running progressIndeterminate; }

#outerContainer.sidebarResizing :is(#sidebarContainer, #viewerContainer,


#loadingBar) { transition-duration: 0s; }

.findbar, .secondaryToolbar, .editorParamsToolbar { top: 32px; position: absolute;


z-index: 30000; height: auto; padding: 0px 4px; margin: 4px 2px; font-style: ;
font-variant: normal; font-weight: ; font-stretch: ; font-family: ; font-optical-
sizing: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-
size: 12px; line-height: 14px; text-align: left; cursor: default; }

.findbar { inset-inline-start: 64px; min-width: 300px; background-color: var(--


toolbar-bg-color); }

.findbar > div { height: 32px; }

.findbar > div#findbarInputContainer { margin-inline-end: 4px; }

.findbar.wrapContainers > div, .findbar.wrapContainers >


div#findbarMessageContainer > * { clear: both; }

.findbar.wrapContainers > div#findbarMessageContainer { height: auto; }

.findbar input[type="checkbox"] { pointer-events: none; }

.findbar label { user-select: none; }

.findbar label:hover, .findbar input:focus-visible + label { color: var(--toggled-


btn-color); background-color: var(--button-hover-color); }

.findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel { color: var(--


toggled-btn-color); background-color: var(--toggled-btn-bg-color) !important; }

#findInput { width: 200px; }

#findInput::placeholder { font-style: normal; }

.loadingInput:has(> #findInput[data-status="pending"])::after { visibility:


visible; }

#findInput[data-status="notFound"] { background-color: rgb(255, 102, 102); }

.secondaryToolbar, .editorParamsToolbar { padding: 6px 0px 10px; inset-inline-end:


4px; height: auto; background-color: var(--doorhanger-bg-color); }

.editorParamsToolbarContainer { width: 220px; margin-bottom: -4px; }

.editorParamsToolbarContainer > .editorParamsSetter { min-height: 26px; display:


flex; align-items: center; justify-content: space-between; padding-inline: 10px; }

.editorParamsToolbarContainer .editorParamsLabel { padding-inline-end: 10px; flex:


0 0 auto; font-variant: normal; font-stretch: ; font-family: ; font-optical-sizing:
; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-size:
13px; font-style: normal; font-weight: 400; line-height: 150%; color: var(--main-
color); }

.editorParamsToolbarContainer .editorParamsColor { width: 32px; height: 32px; flex:


0 0 auto; }

.editorParamsToolbarContainer .editorParamsSlider { background-color: transparent;


width: 90px; flex: 0 1 0px; }

#secondaryToolbarButtonContainer { max-width: 220px; min-height: 26px; max-height:


calc(var(--viewer-container-height) - 40px); overflow-y: auto; margin-bottom: -4px;
}

#editorStampParamsToolbar { inset-inline-end: calc(var(--editor-toolbar-base-


offset) + 0px); }

#editorInkParamsToolbar { inset-inline-end: calc(var(--editor-toolbar-base-offset)


+ 28px); }

#editorFreeTextParamsToolbar { inset-inline-end: calc(var(--editor-toolbar-base-


offset) + 56px); }

#editorHighlightParamsToolbar { inset-inline-end: calc(var(--editor-toolbar-base-


offset) + 84px); }

#editorStampAddImage::before { mask-image: var(--editorParams-stampAddImage-


icon); }

.doorHanger, .doorHangerRight { border-radius: 2px; box-shadow: 0 1px 5px var(--


doorhanger-border-color),0 0 0 1px var(--doorhanger-border-color); border: var(--
doorhanger-border-color-whcm); }

:is(.doorHanger, .doorHangerRight)::after, :is(.doorHanger, .doorHangerRight)::befo


re { bottom: 100%; border: 8px solid rgba(0, 0, 0, 0); content: " "; height: 0px;
width: 0px; position: absolute; pointer-events: none; opacity: var(--doorhanger-
triangle-opacity-whcm); }

.doorHanger::after { inset-inline-start: 10px; margin-inline-start: -8px; border-


bottom-color: var(--toolbar-bg-color); }

.doorHangerRight::after { inset-inline-end: 10px; margin-inline-end: -8px; border-


bottom-color: var(--doorhanger-bg-color); }

:is(.doorHanger, .doorHangerRight)::before { border-bottom-color: var(--doorhanger-


border-color); border-width: 9px; }

.doorHanger::before { inset-inline-start: 10px; margin-inline-start: -9px; }

.doorHangerRight::before { inset-inline-end: 10px; margin-inline-end: -9px; }

#findResultsCount { background-color: rgb(217, 217, 217); color: rgb(82, 82, 82);


text-align: center; padding: 4px 5px; margin: 5px; }

#findMsg[data-status="notFound"] { font-weight: 700; }


:is(#findResultsCount, #findMsg):empty { display: none; }

#toolbarViewerMiddle { position: absolute; left: 50%; transform: translateX(-


50%); }

#toolbarViewerLeft, #toolbarSidebarLeft { float: var(--inline-start); }

#toolbarViewerRight, #toolbarSidebarRight { float: var(--inline-end); }

#toolbarViewerLeft > *, #toolbarViewerMiddle > *, #toolbarViewerRight > *,


#toolbarSidebarLeft *, #toolbarSidebarRight *, .findbar * { position: relative;
float: var(--inline-start); }

#toolbarViewerLeft { padding-inline-start: 1px; }

#toolbarViewerRight { padding-inline-end: 1px; }

#toolbarSidebarRight { padding-inline-end: 2px; }

.splitToolbarButton { margin: 2px; display: inline-block; }

.splitToolbarButton > .toolbarButton { float: var(--inline-start); }

.toolbarButton, .secondaryToolbarButton, .dialogButton { border: none; background:


0px 0px; width: 28px; height: 28px; outline: none; }

.dialogButton:is(:hover, :focus-visible) { background-color: var(--dialog-button-


hover-bg-color); }

.dialogButton:is(:hover, :focus-visible) > span { color: var(--dialog-button-hover-


color); }

.toolbarButton > span { display: inline-block; width: 0px; height: 0px; overflow:
hidden; }

:is(.toolbarButton, .secondaryToolbarButton, .dialogButton)[disabled] { opacity:


0.5; }

.splitToolbarButton > .toolbarButton:is(:hover, :focus-


visible), .dropdownToolbarButton:hover { background-color: var(--button-hover-
color); }

.splitToolbarButton > .toolbarButton { position: relative; margin: 0px; }

#toolbarSidebar .splitToolbarButton > .toolbarButton { margin-inline-end:


2px; }

.splitToolbarButtonSeparator { float: var(--inline-start); margin: 4px 0px; width:


1px; height: 20px; background-color: var(--separator-color); }

.toolbarButton, .dropdownToolbarButton, .secondaryToolbarButton, .dialogButton


{ min-width: 16px; margin: 2px 1px; padding: 2px 6px 0px; border: none; border-
radius: 2px; color: var(--main-color); font-size: 12px; line-height: 14px; user-
select: none; cursor: default; box-sizing: border-box; }

.toolbarButton:is(:hover, :focus-visible) { background-color: var(--button-hover-


color); }
.secondaryToolbarButton:is(:hover, :focus-visible) { background-color: var(--
doorhanger-hover-bg-color); color: var(--doorhanger-hover-color); }

:is(.toolbarButton, .secondaryToolbarButton).toggled, .splitToolbarButton.toggled >


.toolbarButton.toggled { background-color: var(--toggled-btn-bg-color); color:
var(--toggled-btn-color); }

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover, .splitToolbarButton.tog


gled > .toolbarButton.toggled:hover { outline: var(--toggled-hover-btn-outline) !
important; }

:is(.toolbarButton, .secondaryToolbarButton).toggled::before { background-color:


var(--toggled-btn-color); }

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover:active, .splitToolbarBut


ton.toggled > .toolbarButton.toggled:hover:active { background-color: var(--
toggled-hover-active-btn-color); }

.dropdownToolbarButton { display: flex; width: fit-content; min-width: 140px;


padding: 0px; background-color: var(--dropdown-btn-bg-color); border: var(--
dropdown-btn-border); }

.dropdownToolbarButton::after { top: 6px; inset-inline-end: 6px; pointer-events:


none; mask-image: var(--toolbarButton-menuArrow-icon); }

.dropdownToolbarButton > select { appearance: none; width: inherit; min-width:


inherit; height: 28px; font-size: 12px; color: var(--main-color); margin: 0px;
padding-block: 1px 2px; padding-inline: 6px 38px; border: none; background-color:
var(--dropdown-btn-bg-color); }

.dropdownToolbarButton > select:is(:hover, :focus-visible) { background-color:


var(--button-hover-color); color: var(--toggled-btn-color); }

.dropdownToolbarButton > select > option { background: var(--doorhanger-bg-color);


color: var(--main-color); }

.toolbarButtonSpacer { width: 30px; display: inline-block; height: 1px; }

:is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before, .dropdownTo


olbarButton::after { position: absolute; display: inline-block; width: 16px;
height: 16px; content: ""; background-color: var(--toolbar-icon-bg-color); mask-
size: cover; }

.dropdownToolbarButton:is(:hover, :focus-visible, :active)::after { background-


color: var(--toolbar-icon-hover-bg-color); }

.toolbarButton::before { opacity: var(--toolbar-icon-opacity); top: 6px; left: 6px;


}

.toolbarButton:is(:hover, :focus-
visible)::before, .secondaryToolbarButton:is(:hover, :focus-visible)::before
{ background-color: var(--toolbar-icon-hover-bg-color); }

.secondaryToolbarButton::before { opacity: var(--doorhanger-icon-opacity); top:


5px; inset-inline-start: 12px; }

#sidebarToggle::before { mask-image: var(--toolbarButton-sidebarToggle-icon);


transform: scaleX(var(--dir-factor)); }
#secondaryToolbarToggle::before { mask-image: var(--toolbarButton-
secondaryToolbarToggle-icon); transform: scaleX(var(--dir-factor)); }

#findPrevious::before { mask-image: var(--findbarButton-previous-icon); }

#findNext::before { mask-image: var(--findbarButton-next-icon); }

#previous::before { mask-image: var(--toolbarButton-pageUp-icon); }

#next::before { mask-image: var(--toolbarButton-pageDown-icon); }

#zoomOut::before { mask-image: var(--toolbarButton-zoomOut-icon); }

#zoomIn::before { mask-image: var(--toolbarButton-zoomIn-icon); }

#presentationMode::before { mask-image: var(--toolbarButton-presentationMode-icon);


}

#editorFreeText::before { mask-image: var(--toolbarButton-editorFreeText-icon); }

#editorHighlight::before { mask-image: var(--toolbarButton-editorHighlight-icon); }

#editorInk::before { mask-image: var(--toolbarButton-editorInk-icon); }

#editorStamp::before { mask-image: var(--toolbarButton-editorStamp-icon); }

:is(#print, #secondaryPrint)::before { mask-image: var(--toolbarButton-print-icon);


}

#secondaryOpenFile::before { mask-image: var(--toolbarButton-openFile-icon); }

:is(#download, #secondaryDownload)::before { mask-image: var(--toolbarButton-


download-icon); }

a.secondaryToolbarButton { padding-top: 5px; text-decoration: none; }

a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] { opacity: 0.5; pointer-


events: none; }

#viewBookmark::before { mask-image: var(--toolbarButton-bookmark-icon); }

#viewThumbnail::before { mask-image: var(--toolbarButton-viewThumbnail-icon); }

#viewOutline::before { mask-image: var(--toolbarButton-viewOutline-icon);


transform: scaleX(var(--dir-factor)); }

#viewAttachments::before { mask-image: var(--toolbarButton-viewAttachments-icon); }

#viewLayers::before { mask-image: var(--toolbarButton-viewLayers-icon); }

#currentOutlineItem::before { mask-image: var(--toolbarButton-currentOutlineItem-


icon); transform: scaleX(var(--dir-factor)); }

#viewFind::before { mask-image: var(--toolbarButton-search-icon); }

.pdfSidebarNotification::after { position: absolute; display: inline-block; top:


2px; inset-inline-end: 2px; content: ""; background-color: rgb(112, 219, 85);
height: 9px; width: 9px; border-radius: 50%; }
.secondaryToolbarButton { position: relative; margin: 0px; padding: 0px 0px 1px;
padding-inline-start: 36px; height: auto; min-height: 26px; width: auto; min-width:
100%; text-align: start; white-space: normal; border-radius: 0px; box-sizing:
border-box; display: inline-block; }

.secondaryToolbarButton > span { padding-inline-end: 4px; }

#firstPage::before { mask-image: var(--secondaryToolbarButton-firstPage-icon); }

#lastPage::before { mask-image: var(--secondaryToolbarButton-lastPage-icon); }

#pageRotateCcw::before { mask-image: var(--secondaryToolbarButton-rotateCcw-


icon); }

#pageRotateCw::before { mask-image: var(--secondaryToolbarButton-rotateCw-icon); }

#cursorSelectTool::before { mask-image: var(--secondaryToolbarButton-selectTool-


icon); }

#cursorHandTool::before { mask-image: var(--secondaryToolbarButton-handTool-


icon); }

#scrollPage::before { mask-image: var(--secondaryToolbarButton-scrollPage-icon); }

#scrollVertical::before { mask-image: var(--secondaryToolbarButton-scrollVertical-


icon); }

#scrollHorizontal::before { mask-image: var(--secondaryToolbarButton-


scrollHorizontal-icon); }

#scrollWrapped::before { mask-image: var(--secondaryToolbarButton-scrollWrapped-


icon); }

#spreadNone::before { mask-image: var(--secondaryToolbarButton-spreadNone-icon); }

#spreadOdd::before { mask-image: var(--secondaryToolbarButton-spreadOdd-icon); }

#spreadEven::before { mask-image: var(--secondaryToolbarButton-spreadEven-icon); }

#documentProperties::before { mask-image: var(--secondaryToolbarButton-


documentProperties-icon); }

.verticalToolbarSeparator { display: block; margin: 5px 2px; width: 1px; height:


22px; background-color: var(--separator-color); }

.horizontalToolbarSeparator { display: block; margin: 6px 0px; height: 1px; width:


100%; background-color: var(--doorhanger-separator-color); }

.toolbarField { padding: 4px 7px; margin: 3px 0px; border-radius: 2px; background-
color: var(--field-bg-color); background-clip: padding-box; border: 1px solid
var(--field-border-color); box-shadow: none; color: var(--field-color); font-size:
12px; line-height: 16px; outline: none; }

.toolbarField[type="checkbox"] { opacity: 0; left: 0px; margin: 10px 0px 3px;


margin-inline-start: 7px; position: absolute !important; }

#pageNumber { text-align: end; width: 40px; background-size: 0px 0px; transition-


property: none; }
#pageNumber::-webkit-inner-spin-button { appearance: none; }

.loadingInput:has(> #pageNumber.loading)::after { visibility: visible; transition-


property: visibility; transition-delay: var(--loading-icon-delay); }

.loadingInput::after { position: absolute; visibility: hidden; top: calc(50% -


8px); width: 16px; height: 16px; content: ""; background-color: var(--toolbar-icon-
bg-color); mask-size: cover; mask-image: var(--loading-icon); }

.loadingInput.start::after { inset-inline-start: 4px; }

.loadingInput.end::after { inset-inline-end: 4px; }

.toolbarField:focus { border-color: rgb(10, 132, 255); }

.toolbarLabel { min-width: 16px; padding: 7px; margin: 2px; border-radius: 2px;


color: var(--main-color); font-size: 12px; line-height: 14px; text-align: left;
user-select: none; cursor: default; }

#numPages.toolbarLabel { padding-inline-start: 3px; }

#thumbnailView, #outlineView, #attachmentsView, #layersView { position: absolute;


width: calc(100% - 8px); inset-block: 0px; padding: 4px 4px 0px; overflow: auto;
user-select: none; }

#thumbnailView { width: calc(100% - 60px); padding: 10px 30px 0px; }

#thumbnailView > a:is(:active, :focus) { outline: 0px; }

.thumbnail { --thumbnail-width: 0; --thumbnail-height: 0; float: var(--inline-


start); width: var(--thumbnail-width); height: var(--thumbnail-height); margin: 0px
10px 5px; padding: 1px; border: 7px solid transparent; border-radius: 2px; }

#thumbnailView > a:last-of-type > .thumbnail { margin-bottom: 10px; }

a:focus > .thumbnail, .thumbnail:hover { border-color: var(--thumbnail-hover-


color); }

.thumbnail.selected { border-color: var(--thumbnail-selected-color) !important; }

.thumbnailImage { width: var(--thumbnail-width); height: var(--thumbnail-height);


opacity: 0.9; }

a:focus > .thumbnail > .thumbnailImage, .thumbnail:hover > .thumbnailImage


{ opacity: 0.95; }

.thumbnail.selected > .thumbnailImage { opacity: 1 !important; }

.thumbnail:not([data-loaded]) > .thumbnailImage { width: calc(var(--thumbnail-


width) - 2px); height: calc(var(--thumbnail-height) - 2px); border: 1px dashed
rgb(132, 132, 132); }

.treeWithDeepNesting > .treeItem, .treeItem > .treeItems { margin-inline-start:


20px; }

.treeItem > a { text-decoration: none; display: inline-block; min-width: calc(100%


- 4px); height: auto; margin-bottom: 1px; padding: 2px 0px 5px; padding-inline-
start: 4px; border-radius: 2px; color: var(--treeitem-color); font-size: 13px;
line-height: 15px; user-select: none; white-space: normal; cursor: pointer; }
#layersView .treeItem > a * { cursor: pointer; }

#layersView .treeItem > a > label { padding-inline-start: 4px; }

#layersView .treeItem > a > label > input { float: var(--inline-start); margin-top:
1px; }

.treeItemToggler { position: relative; float: var(--inline-start); height: 0px;


width: 0px; color: rgba(255, 255, 255, 0.5); }

.treeItemToggler::before { inset-inline-end: 4px; mask-image: var(--treeitem-


expanded-icon); }

.treeItemToggler.treeItemsHidden::before { mask-image: var(--treeitem-collapsed-


icon); transform: scaleX(var(--dir-factor)); }

.treeItemToggler.treeItemsHidden ~ .treeItems { display: none; }

.treeItem.selected > a { background-color: var(--treeitem-selected-bg-color);


color: var(--treeitem-selected-color); }

.treeItemToggler:hover, .treeItemToggler:hover + a, .treeItemToggler:hover


~ .treeItems, .treeItem > a:hover { background-color: var(--treeitem-bg-color);
background-clip: padding-box; border-radius: 2px; color: var(--treeitem-hover-
color); }

#outlineOptionsContainer { display: none; }

#sidebarContainer:has(#outlineView:not(.hidden)) #outlineOptionsContainer
{ display: inherit; }

.dialogButton { width: auto; padding: 2px 11px; color: var(--main-color);


background-color: var(--dialog-button-bg-color); margin: 3px 4px 2px !important;
border: var(--dialog-button-border) !important; }

dialog { margin: auto; padding: 15px; border-spacing: 4px; color: var(--main-


color); font-style: ; font-variant: normal; font-weight: ; font-stretch: ; font-
family: ; font-optical-sizing: ; font-kerning: ; font-feature-settings: ; font-
variation-settings: ; font-size: 12px; line-height: 14px; background-color: var(--
doorhanger-bg-color); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; }

dialog::backdrop { background-color: rgba(0, 0, 0, 0.2); }

dialog > .row { display: table-row; }

dialog > .row > * { display: table-cell; }

dialog .toolbarField { margin: 5px 0px; }

dialog .separator { display: block; margin: 4px 0px; height: 1px; width: 100%;
background-color: var(--separator-color); }

dialog .buttonRow { text-align: center; vertical-align: middle; }

dialog :link { color: rgb(255, 255, 255); }

#passwordDialog { text-align: center; }


#passwordDialog .toolbarField { width: 200px; }

#documentPropertiesDialog { text-align: left; }

#documentPropertiesDialog .row > * { min-width: 100px; text-align: start; }

#documentPropertiesDialog .row > span { width: 125px; overflow-wrap: break-word; }

#documentPropertiesDialog .row > p { max-width: 225px; overflow-wrap: break-word; }

#documentPropertiesDialog .buttonRow { margin-top: 10px; }

.grab-to-pan-grab { cursor: grab !important; }

.grab-to-pan-grab :not(input):not(textarea):not(button):not(select):not(:link)
{ cursor: inherit !important; }

.grab-to-pan-grab:active, .grab-to-pan-grabbing { cursor: grabbing !important; }

.grab-to-pan-grabbing { position: fixed; background: rgba(0, 0, 0, 0); display:


block; inset: 0px; overflow: hidden; z-index: 50000; }

@page { margin: 0px; }

#printContainer { display: none; }

@media print {
body { background: none rgba(0, 0, 0, 0); }
body[data-pdfjsprinting] #outerContainer { display: none; }
body[data-pdfjsprinting] #printContainer { display: block; }
#printContainer { height: 100%; }
#printContainer > .printedPage { break-after: page; break-inside: avoid; height:
100%; width: 100%; display: flex; flex-direction: column; justify-content: center;
align-items: center; }
#printContainer > .xfaPrintedPage .xfaPage { position: absolute; }
#printContainer > .xfaPrintedPage { break-after: page; break-inside: avoid;
width: 100%; height: 100%; position: relative; }
#printContainer > .printedPage :is(canvas, img) { max-width: 100%; max-height:
100%; direction: ltr; display: block; }
}

.visibleMediumView { display: none; }

@media (max-width: 900px) {


#toolbarViewerMiddle { display: table; margin: auto; left: auto; position:
inherit; transform: none; }
}

@media (max-width: 840px) {


#sidebarContainer { background-color: var(--sidebar-narrow-bg-color); }
#outerContainer.sidebarOpen #viewerContainer { inset-inline-start: 0px !
important; }
}

@media (max-width: 750px) {


:root { --editor-toolbar-base-offset: 40px; }
#outerContainer .hiddenMediumView { display: none; }
#outerContainer .visibleMediumView { display: inherit; }
}

@media (max-width: 690px) {


.hiddenSmallView, .hiddenSmallView * { display: none; }
.toolbarButtonSpacer { width: 0px; }
.findbar { inset-inline-start: 34px; }
}

@media (max-width: 560px) {


#scaleSelectContainer { display: none; }
}
------MultipartBoundary--a4MRtV2c8fII1L9PVKDzeklfCLwfMMTscIcHjaN86y------

You might also like