
.useMaskImage .ribbonToolbarButton.openFile>div::before {
  -webkit-mask-image: var(--toolbarButton-openFile-icon);
  mask-image: var(--toolbarButton-openFile-icon);
}

.useMaskImage .ribbonToolbarButton.download>div::before {
  -webkit-mask-image: var(--toolbarButton-download-icon);
  mask-image: var(--toolbarButton-download-icon);
}

.useMaskImage .ribbonToolbarButton.print>div::before {
  -webkit-mask-image: var(--toolbarButton-print-icon);
  mask-image: var(--toolbarButton-print-icon);
}

.useMaskImage .ribbonToolbarButton.print.advancePrint>div::before {
  -webkit-mask-image: var(--toolbarButton-printAdv-icon);
  mask-image: var(--toolbarButton-printAdv-icon);
}

.useMaskImage .ribbonToolbarButton.exportToOFD>div::before,
.useMaskImage .ribbonToolbarButton.exportToPDF>div::before,
.useMaskImage .ribbonToolbarButton.exportToImage>div::before,
.useMaskImage .ribbonToolbarButton.exportFile>div::before {
  -webkit-mask-image: var(--toolbarButton-export-icon);
  mask-image: var(--toolbarButton-export-icon);
}

.useMaskImage .ribbonToolbarButton.documentProperties>div::before {
  -webkit-mask-image: var(--toolbarButton-documentProperties-icon);
  mask-image: var(--toolbarButton-documentProperties-icon);
}

.useMaskImage .ribbonToolbarButton.pageUp>div::before,
.useMaskImage .statusbarButton.pageUp::before {
  -webkit-mask-image: var(--toolbarButton-pageUp-icon);
  mask-image: var(--toolbarButton-pageUp-icon);
}

.useMaskImage .ribbonToolbarButton.pageDown>div::before,
.useMaskImage .statusbarButton.pageDown::before {
  -webkit-mask-image: var(--toolbarButton-pageDown-icon);
  mask-image: var(--toolbarButton-pageDown-icon);
}

.useMaskImage .ribbonToolbarButton.firstPage>div::before,
.useMaskImage .statusbarButton.firstPage::before {
  -webkit-mask-image: var(--toolbarButton-firstPage-icon);
  mask-image: var(--toolbarButton-firstPage-icon);
}

.useMaskImage .ribbonToolbarButton.lastPage>div::before,
.useMaskImage .statusbarButton.lastPage::before {
  -webkit-mask-image: var(--toolbarButton-lastPage-icon);
  mask-image: var(--toolbarButton-lastPage-icon);
}

.useMaskImage .ribbonToolbarButton.zoomOut>div::before {
  -webkit-mask-image: var(--toolbarButton-zoomOut-icon);
  mask-image: var(--toolbarButton-zoomOut-icon);
}

.useMaskImage .ribbonToolbarButton.zoomIn>div::before {
  -webkit-mask-image: var(--toolbarButton-zoomIn-icon);
  mask-image: var(--toolbarButton-zoomIn-icon);
}

.useMaskImage .ribbonToolbarButton.rotateCcw>div::before {
  -webkit-mask-image: var(--toolbarButton-rotateCcw-icon);
  mask-image: var(--toolbarButton-rotateCcw-icon);
}

.useMaskImage .ribbonToolbarButton.rotateCw>div::before {
  -webkit-mask-image: var(--toolbarButton-rotateCw-icon);
  mask-image: var(--toolbarButton-rotateCw-icon);
}

.useMaskImage .ribbonToolbarButton.spreadOdd>div::before {
  -webkit-mask-image: var(--toolbarButton-spreadOdd-icon);
  mask-image: var(--toolbarButton-spreadOdd-icon);
}

.useMaskImage .ribbonToolbarButton.spreadEven>div::before {
  -webkit-mask-image: var(--toolbarButton-spreadEven-icon);
  mask-image: var(--toolbarButton-spreadEven-icon);
}

.useMaskImage .ribbonToolbarButton.presentationMode>div::before {
  -webkit-mask-image: var(--toolbarButton-presentationMode-icon);
  mask-image: var(--toolbarButton-presentationMode-icon);
}

.useMaskImage .ribbonToolbarButton.search>div::before {
  -webkit-mask-image: var(--toolbarButton-search-icon);
  mask-image: var(--toolbarButton-search-icon);
}

.useMaskImage .ribbonToolbarButton.previous>div::before {
  -webkit-mask-image: var(--findbarButton-previous-icon);
  mask-image: var(--findbarButton-previous-icon);
}

.useMaskImage .ribbonToolbarButton.next>div::before {
  -webkit-mask-image: var(--findbarButton-next-icon);
  mask-image: var(--findbarButton-next-icon);
}

.useMaskImage .ribbonToolbarButton.selectTool>div::before {
  -webkit-mask-image: var(--toolbarButton-selectTool-icon);
  mask-image: var(--toolbarButton-selectTool-icon);
}

.useMaskImage .ribbonToolbarButton.handTool>div::before {
  -webkit-mask-image: var(--toolbarButton-handTool-icon);
  mask-image: var(--toolbarButton-handTool-icon);
}

.useMaskImage .ribbonToolbarButton.coverupTool>div::before {
  -webkit-mask-image: var(--toolbarButton-coverUpTool-icon);
  mask-image: var(--toolbarButton-coverUpTool-icon);
}

.useMaskImage .ribbonToolbarButton.annotSelectTool>div::before {
  -webkit-mask-image: var(--toolbarButton-selectAnnotTool);
  mask-image: var(--toolbarButton-selectAnnotTool);
}

.useMaskImage .ribbonToolbarButton.undo>div::before {
  -webkit-mask-image: var(--toolbarButton-undo-icon);
  mask-image: var(--toolbarButton-undo-icon);
}

.useMaskImage .ribbonToolbarButton.redo>div::before {
  -webkit-mask-image: var(--toolbarButton-redo-icon);
  mask-image: var(--toolbarButton-redo-icon);
}

.useMaskImage .ribbonToolbarButton.addLine>div::before {
  -webkit-mask-image: var(--toolbarButton-line-icon);
  mask-image: var(--toolbarButton-line-icon);
}

.useMaskImage .ribbonToolbarButton.addArrow>div::before {
  -webkit-mask-image: var(--toolbarButton-arrow-icon);
  mask-image: var(--toolbarButton-arrow-icon);
}

.useMaskImage .ribbonToolbarButton.addRect>div::before {
  -webkit-mask-image: var(--toolbarButton-rect-icon);
  mask-image: var(--toolbarButton-rect-icon);
}

.useMaskImage .ribbonToolbarButton.addCircle>div::before {
  -webkit-mask-image: var(--toolbarButton-circle-icon);
  mask-image: var(--toolbarButton-circle-icon);
}

.useMaskImage .ribbonToolbarButton.addPolyline>div::before {
  -webkit-mask-image: var(--toolbarButton-polyline-icon);
  mask-image: var(--toolbarButton-polyline-icon);
}

.useMaskImage .ribbonToolbarButton.addPolygon>div::before {
  -webkit-mask-image: var(--toolbarButton-polygon-icon);
  mask-image: var(--toolbarButton-polygon-icon);
}

.useMaskImage .ribbonToolbarButton.addCloudy>div::before {
  -webkit-mask-image: var(--toolbarButton-cloudy-icon);
  mask-image: var(--toolbarButton-cloudy-icon);
}

.useMaskImage .ribbonToolbarButton.addPencil>div::before {
  -webkit-mask-image: var(--toolbarButton-pencil-icon);
  mask-image: var(--toolbarButton-pencil-icon);
}

.useMaskImage .ribbonToolbarButton.eraserTool>div::before {
  -webkit-mask-image: var(--toolbarButton-eraserTool-icon);
  mask-image: var(--toolbarButton-eraserTool-icon);
}

.useMaskImage .ribbonToolbarButton.addPerimeter>div::before {
  -webkit-mask-image: var(--toolbarButton-measureDistance-icon);
  mask-image: var(--toolbarButton-measureDistance-icon);
}

.useMaskImage .ribbonToolbarButton.addArea>div::before {
  -webkit-mask-image: var(--toolbarButton-measureArea-icon);
  mask-image: var(--toolbarButton-measureArea-icon);
}

.useMaskImage .ribbonToolbarButton.addHighlight>div::before {
  -webkit-mask-image: var(--toolbarButton-highlight-icon);
  mask-image: var(--toolbarButton-highlight-icon);
}

.useMaskImage .ribbonToolbarButton.addUnderline>div::before {
  -webkit-mask-image: var(--toolbarButton-underline-icon);
  mask-image: var(--toolbarButton-underline-icon);
}

.useMaskImage .ribbonToolbarButton.addSquiggly>div::before {
  -webkit-mask-image: var(--toolbarButton-squiggly-icon);
  mask-image: var(--toolbarButton-squiggly-icon);
}

.useMaskImage .ribbonToolbarButton.addStrikeout>div::before {
  -webkit-mask-image: var(--toolbarButton-strikeout-icon);
  mask-image: var(--toolbarButton-strikeout-icon);
}

.useMaskImage .ribbonToolbarButton.addHighlightArea>div::before {
  -webkit-mask-image: var(--toolbarButton-highlightArea-icon);
  mask-image: var(--toolbarButton-highlightArea-icon);
}

.useMaskImage .ribbonToolbarButton.addTextbox>div::before {
  -webkit-mask-image: var(--toolbarButton-textbox-icon);
  mask-image: var(--toolbarButton-textbox-icon);
}

.useMaskImage .ribbonToolbarButton.addCallout>div::before {
  -webkit-mask-image: var(--toolbarButton-commentbox-icon);
  mask-image: var(--toolbarButton-commentbox-icon);
}

.useMaskImage .ribbonToolbarButton.addTypewriter>div::before {
  -webkit-mask-image: var(--toolbarButton-typewriter-icon);
  mask-image: var(--toolbarButton-typewriter-icon);
}

.useMaskImage .ribbonToolbarButton.addLink>div::before {
  -webkit-mask-image: var(--toolbarButton-link-icon);
  mask-image: var(--toolbarButton-link-icon);
}


.useMaskImage .ribbonToolbarButton.addFileAttachment>div::before {
  -webkit-mask-image: var(--toolbarButton-attachAnnot-icon);
  mask-image: var(--toolbarButton-attachAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.noteProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-noteProofAnnot-icon);
  mask-image: var(--toolbarButton-noteProofAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.deleteProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-deleteProofAnnot-icon);
  mask-image: var(--toolbarButton-deleteProofAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.insertProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-insertProofAnnot-icon);
  mask-image: var(--toolbarButton-insertProofAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.replaceProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-replaceProofAnnot-icon);
  mask-image: var(--toolbarButton-replaceProofAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.transferProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-transferProofAnnot-icon);
  mask-image: var(--toolbarButton-transferProofAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.changeFontProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-changeFont-icon);
  mask-image: var(--toolbarButton-changeFont-icon);
}

.useMaskImage .ribbonToolbarButton.increaseSpaceProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-increaseSpace-icon);
  mask-image: var(--toolbarButton-increaseSpace-icon);
}

.useMaskImage .ribbonToolbarButton.reduceSpaceProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-decreaseSpace-icon);
  mask-image: var(--toolbarButton-decreaseSpace-icon);
}

.useMaskImage .ribbonToolbarButton.moveForwardProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-moveForward-icon);
  mask-image: var(--toolbarButton-moveForward-icon);
}

.useMaskImage .ribbonToolbarButton.moveBackProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-moveBackward-icon);
  mask-image: var(--toolbarButton-moveBackward-icon);
}

.useMaskImage .ribbonToolbarButton.nearExchangeProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-nearExchange-icon);
  mask-image: var(--toolbarButton-nearExchange-icon);
}

.useMaskImage .ribbonToolbarButton.farExchangeProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-farExchange-icon);
  mask-image: var(--toolbarButton-farExchange-icon);
}

.useMaskImage .ribbonToolbarButton.linkLineProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-linkLine-icon);
  mask-image: var(--toolbarButton-linkLine-icon);
}

.useMaskImage .ribbonToolbarButton.newParagraphProofAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-newParagraph-icon);
  mask-image: var(--toolbarButton-newParagraph-icon);
}

.useMaskImage .ribbonToolbarButton.textMode>div::before {
  -webkit-mask-image: var(--toolbarButton-textViewer-icon);
  mask-image: var(--toolbarButton-textViewer-icon);
}

.useMaskImage .ribbonToolbarButton.readMode>div::before {
  -webkit-mask-image: var(--toolbarButton-readMode-icon);
  mask-image: var(--toolbarButton-readMode-icon);
}

.useMaskImage .ribbonToolbarButton.about>div::before {
  -webkit-mask-image: var(--toolbarButton-about-icon);
  mask-image: var(--toolbarButton-about-icon);
}

.useMaskImage .ribbonToolbarButton.singlePage>div::before,
.useMaskImage .statusbarButton.singlePage::before {
  -webkit-mask-image: var(--toolbarButton-singlePage-icon);
  mask-image: var(--toolbarButton-singlePage-icon);
}

.useMaskImage .ribbonToolbarButton.singleContinues>div::before,
.useMaskImage .statusbarButton.singleContinues::before {
  -webkit-mask-image: var(--toolbarButton-singleContinues-icon);
  mask-image: var(--toolbarButton-singleContinues-icon);
}

.useMaskImage .ribbonToolbarButton.doublePage>div::before,
.useMaskImage .statusbarButton.doublePage::before {
  -webkit-mask-image: var(--toolbarButton-doublePage-icon);
  mask-image: var(--toolbarButton-doublePage-icon);
}

.useMaskImage .ribbonToolbarButton.doubleContinues>div::before,
.useMaskImage .statusbarButton.doubleContinues::before {
  -webkit-mask-image: var(--toolbarButton-doubleContinues-icon);
  mask-image: var(--toolbarButton-doubleContinues-icon);
}

.useMaskImage .ribbonToolbarButton.bookMode>div::before {
  -webkit-mask-image: var(--toolbarButton-bookCover-icon);
  mask-image: var(--toolbarButton-bookCover-icon);
}

.useMaskImage .ribbonToolbarButton.actualSize>div::before {
  -webkit-mask-image: var(--toolbarButton-actualSize-icon);
  mask-image: var(--toolbarButton-actualSize-icon);
}

.useMaskImage .ribbonToolbarButton.fitPage>div::before {
  -webkit-mask-image: var(--toolbarButton-fitPage-icon);
  mask-image: var(--toolbarButton-fitPage-icon);
}

.useMaskImage .ribbonToolbarButton.fitWidth>div::before {
  -webkit-mask-image: var(--toolbarButton-fitWidth-icon);
  mask-image: var(--toolbarButton-fitWidth-icon);
}

.useMaskImage .ribbonToolbarButton.fitHeight>div::before {
  -webkit-mask-image: var(--toolbarButton-fitHeight-icon);
  mask-image: var(--toolbarButton-fitHeight-icon);
}

.useMaskImage .ribbonToolbarButton.handwriting>div::before {
  -webkit-mask-image: var(--toolbarButton-handwriting-icon);
  mask-image: var(--toolbarButton-handwriting-icon);
}

.useMaskImage .ribbonToolbarButton.sign>div::before {
  -webkit-mask-image: var(--toolbarButton-signNormal-icon);
  mask-image: var(--toolbarButton-signNormal-icon);
}

.useMaskImage .ribbonToolbarButton.autosign>div::before {
  -webkit-mask-image: var(--toolbarButton-signAuto-icon);
  mask-image: var(--toolbarButton-signAuto-icon);
}

.useMaskImage .ribbonToolbarButton.keywordsign>div::before {
  -webkit-mask-image: var(--toolbarButton-signKeyword-icon);
  mask-image: var(--toolbarButton-signKeyword-icon);
}

.useMaskImage .ribbonToolbarButton.verifySign>div::before {
  -webkit-mask-image: var(--toolbarButton-verify-icon);
  mask-image: var(--toolbarButton-verify-icon);
}

.useMaskImage .ribbonToolbarButton.removeSignSecurity>div::before {
  -webkit-mask-image: var(--toolbarButton-removeSignSecurity-icon);
  mask-image: var(--toolbarButton-removeSignSecurity-icon);
}

.useMaskImage .ribbonToolbarButton.encryptDoc>div::before {
  -webkit-mask-image: var(--toolbarButton-encryptDoc-icon);
  mask-image: var(--toolbarButton-encryptDoc-icon);
}

.useMaskImage .ribbonToolbarButton.decryptDoc>div::before {
  -webkit-mask-image: var(--toolbarButton-decryptDoc-icon);
  mask-image: var(--toolbarButton-decryptDoc-icon);
}

.useMaskImage .ribbonToolbarButton.coverKeyword>div::before {
  -webkit-mask-image: var(--toolbarButton-coverKeyword-icon);
  mask-image: var(--toolbarButton-coverKeyword-icon);
}

.useMaskImage .ribbonToolbarButton.shareDocument>div::before {
  -webkit-mask-image: var(--toolbarButton-share-icon);
  mask-image: var(--toolbarButton-share-icon);
}

.useMaskImage .ribbonToolbarButton.checkOFDA>div::before {
  -webkit-mask-image: var(--toolbarButton-checkOFDA-icon);
  mask-image: var(--toolbarButton-checkOFDA-icon);
}

.useMaskImage .ribbonToolbarButton.checkSchema>div::before {
  -webkit-mask-image: var(--toolbarButton-checkSchema-icon);
  mask-image: var(--toolbarButton-checkSchema-icon);
}

.useMaskImage .ribbonToolbarButton.checkNamespace>div::before {
  -webkit-mask-image: var(--toolbarButton-checkNamespace-icon);
  mask-image: var(--toolbarButton-checkNamespace-icon);
}

.useMaskImage .ribbonToolbarButton.splitPage>div::before {
  -webkit-mask-image: var(--toolbarButton-splitPage-icon);
  mask-image: var(--toolbarButton-splitPage-icon);
}

.useMaskImage .ribbonToolbarButton.insertPage>div::before {
  -webkit-mask-image: var(--toolbarButton-insertPage-icon);
  mask-image: var(--toolbarButton-insertPage-icon);
}

.useMaskImage .ribbonToolbarButton.extractPage>div::before {
  -webkit-mask-image: var(--toolbarButton-extractPage-icon);
  mask-image: var(--toolbarButton-extractPage-icon);
}

.useMaskImage .ribbonToolbarButton.copyPage>div::before {
  -webkit-mask-image: var(--toolbarButton-copyPage-icon);
  mask-image: var(--toolbarButton-copyPage-icon);
}

.useMaskImage .ribbonToolbarButton.deletePage>div::before {
  -webkit-mask-image: var(--toolbarButton-deletePage-icon);
  mask-image: var(--toolbarButton-deletePage-icon);
}

.useMaskImage .ribbonToolbarButton.movePage>div::before {
  -webkit-mask-image: var(--toolbarButton-movePage-icon);
  mask-image: var(--toolbarButton-movePage-icon);
}

.useMaskImage .ribbonToolbarButton.rotatePage>div::before {
  -webkit-mask-image: var(--toolbarButton-rotatePage-icon);
  mask-image: var(--toolbarButton-rotatePage-icon);
}

.useMaskImage .ribbonToolbarButton.replacePage>div::before {
  -webkit-mask-image: var(--toolbarButton-replacePage-icon);
  mask-image: var(--toolbarButton-replacePage-icon);
}

.useMaskImage .ribbonToolbarButton.swapPage>div::before {
  -webkit-mask-image: var(--toolbarButton-swapPage-icon);
  mask-image: var(--toolbarButton-swapPage-icon);
}

.useMaskImage .ribbonToolbarButton.cropPage>div::before {
  -webkit-mask-image: var(--toolbarButton-cropPage-icon);
  mask-image: var(--toolbarButton-cropPage-icon);
}

.useMaskImage .ribbonToolbarButton.startSpeech>div::before {
  -webkit-mask-image: var(--toolbarButton-startSpeech-icon);
  mask-image: var(--toolbarButton-startSpeech-icon);
}

.useMaskImage .ribbonToolbarButton.stopSpeech>div::before {
  -webkit-mask-image: var(--toolbarButton-stopSpeech-icon);
  mask-image: var(--toolbarButton-stopSpeech-icon);
}

.useMaskImage .ribbonToolbarButton.pauseSpeech>div::before {
  -webkit-mask-image: var(--toolbarButton-pauseSpeech-icon);
  mask-image: var(--toolbarButton-pauseSpeech-icon);
}

.useMaskImage .ribbonToolbarButton.configSpeech>div::before {
  -webkit-mask-image: var(--toolbarButton-setting-icon);
  mask-image: var(--toolbarButton-setting-icon);
}

.useMaskImage .ribbonToolbarButton.stamp>div::before {
  -webkit-mask-image: var(--toolbarButton-addImageStamp-icon);
  mask-image: var(--toolbarButton-addImageStamp-icon);
}

.useMaskImage .ribbonToolbarButton.docnumStamp>div::before {
  -webkit-mask-image: var(--toolbarButton-addFileNumberStamp-icon);
  mask-image: var(--toolbarButton-addFileNumberStamp-icon);
}

.useMaskImage .ribbonToolbarButton.dateStamp>div::before {
  -webkit-mask-image: var(--toolbarButton-addDateStamp-icon);
  mask-image: var(--toolbarButton-addDateStamp-icon);
}

.useMaskImage .ribbonToolbarButton.signStamp>div::before {
  -webkit-mask-image: var(--toolbarButton-addHandwritingStamp-icon);
  mask-image: var(--toolbarButton-addHandwritingStamp-icon);
}

.useMaskImage .ribbonToolbarButton.preStamp>div::before {
  -webkit-mask-image: var(--toolbarButton-addPreSignStamp-icon);
  mask-image: var(--toolbarButton-addPreSignStamp-icon);
}

.useMaskImage .ribbonToolbarButton.lightTheme>div::before {
  -webkit-mask-image: var(--toolbarButton-dayMode-icon);
  mask-image: var(--toolbarButton-dayMode-icon);
}

.useMaskImage .ribbonToolbarButton.darkTheme>div::before {
  -webkit-mask-image: var(--toolbarButton-nightMode-icon);
  mask-image: var(--toolbarButton-nightMode-icon);
}

.useMaskImage .ribbonToolbarButton.greenTheme>div::before {
  -webkit-mask-image: var(--toolbarButton-greenMode-icon);
  mask-image: var(--toolbarButton-greenMode-icon);
}

.useMaskImage #viewSemantic.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewSemantic-icon);
  mask-image: var(--toolbarButton-viewSemantic-icon);
}

.useMaskImage #viewThumbnail.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewThumbnail-icon);
  mask-image: var(--toolbarButton-viewThumbnail-icon);
}

.useMaskImage #viewOutline.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewOutline-icon);
  mask-image: var(--toolbarButton-viewOutline-icon);
}

.useMaskImage #viewBookmark.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewBookmark-icon);
  mask-image: var(--toolbarButton-viewBookmark-icon);
}

.useMaskImage #viewLayers.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewLayers-icon);
  mask-image: var(--toolbarButton-viewLayers-icon);
}

.useMaskImage #viewAttachments.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewAttachments-icon);
  mask-image: var(--toolbarButton-viewAttachments-icon);
}

.useMaskImage #viewAnnotation.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewAnnotations-icon);
  mask-image: var(--toolbarButton-viewAnnotations-icon);
}

.useMaskImage #viewSeals.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewSeals-icon);
  mask-image: var(--toolbarButton-viewSeals-icon);
}

.useMaskImage #viewMultiDoc.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewMultiDoc-icon);
  mask-image: var(--toolbarButton-viewMultiDoc-icon);
}

.useMaskImage #viewVersions.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewVersions-icon);
  mask-image: var(--toolbarButton-viewVersions-icon);
}

.useMaskImage #sidebarCollapse.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-sidebarCollapse-icon);
  mask-image: var(--toolbarButton-sidebarCollapse-icon);
}

.useMaskImage #addBookmark.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-addItem-icon);
  mask-image: var(--toolbarButton-addItem-icon);
}

.useMaskImage .addItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-addItem-icon);
  mask-image: var(--toolbarButton-addItem-icon);
}

.useMaskImage .deleteItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-removeItem-icon);
  mask-image: var(--toolbarButton-removeItem-icon);
}

/*2024Q1*/
.useMaskImage .searchAnnot.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-searchAnnot-icon);
  mask-image: var(--toolbarButton-searchAnnot-icon);
}

.useMaskImage .showAnnot.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-showAnnot-icon);
  mask-image: var(--toolbarButton-showAnnot-icon);
}

.useMaskImage .hideAnnot.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-hideAnnot-icon);
  mask-image: var(--toolbarButton-hideAnnot-icon);
}

.useMaskImage .sortAnnot.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-sortAnnot-icon);
  mask-image: var(--toolbarButton-sortAnnot-icon);
}

.useMaskImage .addImage.ribbonToolbarButton>div::before {
  -webkit-mask-image: var(--toolbarButton-imageAnnot-icon);
  mask-image: var(--toolbarButton-imageAnnot-icon);
}

.useMaskImage .addMedia.ribbonToolbarButton>div::before {
  -webkit-mask-image: var(--toolbarButton-mediaAnnot-icon);
  mask-image: var(--toolbarButton-mediaAnnot-icon);
}

.useMaskImage .importSemantic.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-importSemantic-icon);
  mask-image: var(--toolbarButton-importSemantic-icon);
}

.useMaskImage .associateItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-associateSemantic-icon);
  mask-image: var(--toolbarButton-associateSemantic-icon);
}

/*2024Q2*/
.useMaskImage .ribbonToolbarButton.dividingRuler>div::before {
  -webkit-mask-image: var(--toolbarButton-dividingRuler-icon);
  mask-image: var(--toolbarButton-dividingRuler-icon);
}

.useMaskImage .ribbonToolbarButton.autoScroll>div::before {
  -webkit-mask-image: var(--toolbarButton-autoScroll-icon);
  mask-image: var(--toolbarButton-autoScroll-icon);
}

.useMaskImage .ribbonToolbarButton.autoTurnPage>div::before {
  -webkit-mask-image: var(--toolbarButton-autoTurnPage-icon);
  mask-image: var(--toolbarButton-autoTurnPage-icon);
}

.useMaskImage .ribbonToolbarButton.prevHistoryView>div::before,
.useMaskImage .statusbarButton.prevHistoryView::before {
  -webkit-mask-image: var(--toolbarButton-previousView-icon);
  mask-image: var(--toolbarButton-previousView-icon);
}

.useMaskImage .ribbonToolbarButton.nextHistoryView>div::before,
.useMaskImage .statusbarButton.nextHistoryView::before {
  -webkit-mask-image: var(--toolbarButton-nextView-icon);
  mask-image: var(--toolbarButton-nextView-icon);
}

.useMaskImage .ribbonToolbarButton.floatWatermark>div::before {
  -webkit-mask-image: var(--toolbarButton-floatWatermark-icon);
  mask-image: var(--toolbarButton-floatWatermark-icon);
}

.useMaskImage .ribbonToolbarButton.areaReadTool>div::before {
  -webkit-mask-image: var(--toolbarButton-viewArea-icon);
  mask-image: var(--toolbarButton-viewArea-icon);
}

.useMaskImage .ribbonToolbarButton.magnifyTool>div::before {
  -webkit-mask-image: var(--toolbarButton-magnifier-icon);
  mask-image: var(--toolbarButton-magnifier-icon);
}

.useMaskImage .ribbonToolbarButton.snapShotTool>div::before {
  -webkit-mask-image: var(--toolbarButton-snapshot-icon);
  mask-image: var(--toolbarButton-snapshot-icon);
}

.useMaskImage .ribbonToolbarButton.compareFile>div::before {
  -webkit-mask-image: var(--toolbarButton-compareFile-icon);
  mask-image: var(--toolbarButton-compareFile-icon);
}

/*2024Q3*/
.useMaskImage .expandItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-expandAll-icon);
  mask-image: var(--toolbarButton-expandAll-icon);
}

.useMaskImage .collapseItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-collapseAll-icon);
  mask-image: var(--toolbarButton-collapseAll-icon);
}

.useMaskImage .ribbonToolbarButton.advSearch>div::before {
  -webkit-mask-image: var(--toolbarButton-search-icon);
  mask-image: var(--toolbarButton-search-icon);
}

.useMaskImage .ribbonToolbarButton.configSearch>div::before {
  -webkit-mask-image: var(--toolbarButton-setting-icon);
  mask-image: var(--toolbarButton-setting-icon);
}

.useMaskImage .ribbonToolbarButton.mergeFile>div::before {
  -webkit-mask-image: var(--toolbarButton-mergeFile-icon);
  mask-image: var(--toolbarButton-mergeFile-icon);
}

.useMaskImage .ribbonToolbarButton.extractImage>div::before {
  -webkit-mask-image: var(--toolbarButton-exportImageRes-icon);
  mask-image: var(--toolbarButton-exportImageRes-icon);
}

.useMaskImage .ribbonToolbarButton.createBlank>div::before {
  -webkit-mask-image: var(--toolbarButton-createBlank-icon);
  mask-image: var(--toolbarButton-createBlank-icon);
}

.useMaskImage .ribbonToolbarButton.importFile>div::before {
  -webkit-mask-image: var(--toolbarButton-createFromFile-icon);
  mask-image: var(--toolbarButton-createFromFile-icon);
}

.useMaskImage .ribbonToolbarButton.fromClipboard>div::before {
  -webkit-mask-image: var(--toolbarButton-createFromClipboard-icon);
  mask-image: var(--toolbarButton-createFromClipboard-icon);
}

.useMaskImage .ribbonToolbarButton.insertBlank>div::before {
  -webkit-mask-image: var(--toolbarButton-insertBlank-icon);
  mask-image: var(--toolbarButton-insertBlank-icon);
}

.useMaskImage .ribbonToolbarButton.insertTemplate>div::before {
  -webkit-mask-image: var(--toolbarButton-insertTemplate-icon);
  mask-image: var(--toolbarButton-insertTemplate-icon);
}

.useMaskImage .ribbonToolbarButton.editHeaderFooter>div::before {
  -webkit-mask-image: var(--toolbarButton-headerAndFooter-icon);
  mask-image: var(--toolbarButton-headerAndFooter-icon);
}

.useMaskImage .openItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-openItem-icon);
  mask-image: var(--toolbarButton-openItem-icon);
}
.useMaskImage .exportItem.sidebarButton::before {
  -webkit-mask-image: var(--toolbarButton-exportItem-icon);
  mask-image: var(--toolbarButton-exportItem-icon);
}

.useMaskImage .ribbonToolbarButton.importAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-importAnnot-icon);
  mask-image: var(--toolbarButton-importAnnot-icon);
}
.useMaskImage .ribbonToolbarButton.exportAnnot>div::before {
  -webkit-mask-image: var(--toolbarButton-exportAnnot-icon);
  mask-image: var(--toolbarButton-exportAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.addSoftpen>div::before {
  -webkit-mask-image: var(--toolbarButton-softPen-icon);
  mask-image: var(--toolbarButton-softPen-icon);
}

.useMaskImage .ribbonToolbarButton.watermark>div::before {
  -webkit-mask-image: var(--toolbarButton-watermarkAnnot-icon);
  mask-image: var(--toolbarButton-watermarkAnnot-icon);
}

.useMaskImage .ribbonToolbarButton.flattenFile>div::before {
  -webkit-mask-image: var(--toolbarButton-flatten-icon);
  mask-image: var(--toolbarButton-flatten-icon);
}

.useMaskImage .ribbonToolbarButton.makeYuanjian>div::before {
  -webkit-mask-image: var(--toolbarButton-yuanjian-icon);
  mask-image: var(--toolbarButton-yuanjian-icon);
}

.useMaskImage .ribbonToolbarButton.makeJiazhujian>div::before {
  -webkit-mask-image: var(--toolbarButton-jiazhujian-icon);
  mask-image: var(--toolbarButton-jiazhujian-icon);
}

.useMaskImage .ribbonToolbarButton.repairNamespace>div::before {
  -webkit-mask-image: var(--toolbarButton-repairNamespace-icon);
  mask-image: var(--toolbarButton-repairNamespace-icon);
}

.useMaskImage .ribbonToolbarButton.optimizeFile>div::before {
  -webkit-mask-image: var(--toolbarButton-optimizeFile-icon);
  mask-image: var(--toolbarButton-optimizeFile-icon);
}

.useMaskImage .ribbonToolbarButton.aiAssistant>div::before {
  -webkit-mask-image: var(--toolbarButton-aiAssistant-icon);
  mask-image: var(--toolbarButton-aiAssistant-icon);
}

.useMaskImage .ribbonToolbarButton.batchSign>div::before {
  -webkit-mask-image: var(--toolbarButton-signBatch-icon);
  mask-image: var(--toolbarButton-signBatch-icon);
}

.useMaskImage .ribbonToolbarButton.crossMergeFile>div::before {
  -webkit-mask-image: var(--toolbarButton-crossMerge-icon);
  mask-image: var(--toolbarButton-crossMerge-icon);
}

