file-previewer-vue/file-previewer/file-previewer.css

针对不同类型文件的统一预览

.f-a{display:flex;align-items:center}select{font:message-box;outline:none;scrollbar-color:auto;padding:0 5px}.textLayer{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:.2;line-height:1}.textLayer>div{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400}.textLayer ::-moz-selection{background:#00f}.textLayer ::selection{background:#00f}.textLayer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}.annotationLayer section{position:absolute}.annotationLayer .buttonWidgetAnnotation.pushButton>a,.annotationLayer .linkAnnotation>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer .buttonWidgetAnnotation.pushButton>a:hover,.annotationLayer .linkAnnotation>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer}.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation input,.annotationLayer .textWidgetAnnotation textarea{background-color:rgba(0,54,255,.13);border:1px solid transparent;box-sizing:border-box;font-size:9px;height:100%;margin:0;padding:0 3px;vertical-align:top;width:100%}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{font:message-box;font-size:9px;resize:none}.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation input[disabled],.annotationLayer .textWidgetAnnotation textarea[disabled]{background:none;border:1px solid transparent;cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .buttonWidgetAnnotation.radioButton input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation input:hover,.annotationLayer .textWidgetAnnotation textarea:hover{border:1px solid #000}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation input:focus,.annotationLayer .textWidgetAnnotation textarea:focus{background:none;border:1px solid transparent}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:#000;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{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:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:115%}.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.annotationLayer .popupWrapper{position:absolute;width:20em}.annotationLayer .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;font:message-box;word-wrap:break-word}.annotationLayer .popup h1{font-size:1em;border-bottom:1px solid #000;margin:0;padding-bottom:.2em}.annotationLayer .popup p{margin:0;padding-top:.2em}.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.pdfViewer .canvasWrapper{overflow:hidden}.pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:1px auto -8px auto;position:relative;overflow:visible;border:9px solid transparent;background-clip:content-box;-o-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAA6UlEQVR4Xl2Pi2rEMAwE16fm1f7/r14v7w4rI0IzLAF7hLxNevBSEMEF5+OilNCsRd8ZMyn+a4NmsOT8WJw1lFbSYgGFzF2bLFoLjTClWjKKGRWpDYAGXUnZ4uhbBUzF3Oe/GG/ue2fn4GgsyXhNgysV2JnrhKEMg4fEZcALmiKbNhBBRFpSyDOj1G4QOVly6O1FV54ZZq8OVygrciDt6JazRgi1ljTPH0gbrPmHPXAbCiDd4GawIjip1TPh9tt2sz24qaCjr/jAb/GBFTbq9KZ7Ke/Cqt8nayUikZKsWZK7Fe6bg5dOUt8fZHWG2BHc+6EAAAAASUVORK5CYII=) 9 9 repeat;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAA6UlEQVR4Xl2Pi2rEMAwE16fm1f7/r14v7w4rI0IzLAF7hLxNevBSEMEF5+OilNCsRd8ZMyn+a4NmsOT8WJw1lFbSYgGFzF2bLFoLjTClWjKKGRWpDYAGXUnZ4uhbBUzF3Oe/GG/ue2fn4GgsyXhNgysV2JnrhKEMg4fEZcALmiKbNhBBRFpSyDOj1G4QOVly6O1FV54ZZq8OVygrciDt6JazRgi1ljTPH0gbrPmHPXAbCiDd4GawIjip1TPh9tt2sz24qaCjr/jAb/GBFTbq9KZ7Ke/Cqt8nayUikZKsWZK7Fe6bg5dOUt8fZHWG2BHc+6EAAAAASUVORK5CYII=) 9 9 repeat;background-color:#fff}.pdfViewer.removePageBorders .page{margin:0 auto 10px auto;border:none}.pdfViewer.singlePageView{display:inline-block}.pdfViewer.singlePageView .page{margin:0;border:none}.pdfViewer.scrollHorizontal,.pdfViewer.scrollWrapped,.spread{margin-left:3.5px;margin-right:3.5px;text-align:center}.pdfViewer.scrollHorizontal,.spread{white-space:nowrap}.pdfViewer.removePageBorders,.pdfViewer.scrollHorizontal .spread,.pdfViewer.scrollWrapped .spread{margin-left:0;margin-right:0}.pdfViewer.scrollHorizontal .page,.pdfViewer.scrollHorizontal .spread,.pdfViewer.scrollWrapped .page,.pdfViewer.scrollWrapped .spread,.spread .page{display:inline-block;vertical-align:middle}.pdfViewer.scrollHorizontal .page,.pdfViewer.scrollWrapped .page,.spread .page{margin-left:-3.5px;margin-right:-3.5px}.pdfViewer.removePageBorders .spread .page,.pdfViewer.removePageBorders.scrollHorizontal .page,.pdfViewer.removePageBorders.scrollWrapped .page{margin-left:5px;margin-right:5px}.pdfViewer .page canvas{margin:0;display:block}.pdfViewer .page canvas[hidden]{display:none}.pdfViewer .page .loadingIcon{position:absolute;display:block;left:0;top:0;right:0;bottom:0;background:url(data:image/gif;base64,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) 50% no-repeat}.pdfPresentationMode .pdfViewer{margin-left:0;margin-right:0}.pdfPresentationMode .pdfViewer .page,.pdfPresentationMode .pdfViewer .spread{display:block}.pdfPresentationMode .pdfViewer .page,.pdfPresentationMode .pdfViewer.removePageBorders .page{margin-left:auto;margin-right:auto}.pdfPresentationMode:fullscreen .pdfViewer .page{margin-bottom:100%;border:0}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.sidebarOpen>.main-container[data-v-fd51ce62]{left:200px;transition-property:left;transition-timing-function:ease;transition-duration:.2s}.main-container[data-v-fd51ce62]{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#e8e8ec;height:100%;overflow:auto;outline:none}.pdf-container canvas[data-v-fd51ce62]{margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.pdf-container .pdf-page[data-v-fd51ce62]{margin:0 auto;border:9px solid transparent}.canvas-wrapper[data-v-fd51ce62]{position:relative;margin:auto}.textLayer[data-v-fd51ce62]{position:absolute;margin:0 auto!important}.sidebarClickStyle[data-v-fd51ce62]{cursor:pointer}.sidebarClickStyle[data-v-fd51ce62]:hover{border:3px solid #a5a5a8}.pdf-img[data-v-fd51ce62]{-webkit-user-drag:none}[data-v-fd51ce62] .cropper-crop-box-confirm{display:flex;position:absolute;right:-1px;bottom:-34px}[data-v-fd51ce62] .cropper-crop-box-confirm .cropper-btn{display:flex;justify-content:center;align-items:center;width:60px;height:30px;background-color:rgba(0,0,0,.6)}[data-v-fd51ce62] .cropper-crop-box-confirm .cropper-btn .cropper-btn-ok{display:inline-block;width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAoZJREFUeF7tW9txwyAQxP3Qg6PKYlcWpwf6SYwGPBLiccAdoEOa8ZeRh1vtLssJ38Tk123y+sUFwMWAyRGYTgJSyi8hhP68lFKvqQCQUv6Y4i3vl2kAkFI+hBDfjuLnYECgeI0FfwCM5jX1fdeTvQSklH+h4pVSD9YARKgvlFJr7WwBiBUvhFj0EsgWgETxT019KwuWDEjpfusJ7ADwhB1br05+i2uIrACA6p4lA3J0zw6AVNjZmh5LCURMz6t7VgyAhJ1Yy+PUJliqexYMwCj+1EkwJ+ywk0Bu2AEBoJcSu0EYuU9aEnaSADh02m0WRgIDS/c7Ewz86HAg1ISdKAMievrsmUdgQU3YKQUgmaJaAVMbdnI9YDu+OwgUuj8EISp91TKEuvhdEMJeXmqL1/djhZ2kBOyAiCHqIU1NMTYX29HFAPmwGcJMWaUTbMlGHwD6zWnwTUqsuVBa8Pa+FrpP7gZbT2IjwebgB/sBLWkI8CCy5TjaEGnpB5RhB7wKuAMT+QDtqfSSHKghQh2SehYPAsAEEt/pCkuYqnzQIuwUS8BZntzzNZ+vS4NJq7CDAoBhQgiEbD/oscr4gMhqi2P5QW/dJ4NQjDK1Tw4LRIzUCTZBz/JYbIotswUEpCwJAE0x6Ae9wg6aCToAZOX2kXRf5QElO7fRdI8GADQk9Q47JBKA+sG7k/TrOaO73l4aoCDmBh1TbIKelSF0IjM0l6oIDS0wNQ4TgJgpuvMY5s0TGgAAP7AgDFN8cRBKJMXgpsn8S+NwVi9FU8rvURlgJ3qW940kDDBS8PnBUNS3D4uEARsQNBD396l0Xfx6Onu0iwyA0QoNzecC4CxPimqeFwOokD3L7/4DwJ98ntetORcAAAAASUVORK5CYII=)}[data-v-fd51ce62] .cropper-crop-box-confirm .cropper-btn .cropper-btn-close{display:inline-block;width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAjFJREFUeF7tm22OwiAQQPE+HEJPtuvJ1kPMfXa3RhNCKMw3g23/aBXIvMdQWlIu6eDH5eD86RRwZsDBDXz0EMg5XwHg0evjXQE55++U0ter8h0AtvNljpzzT0rpOoq/J+C3on0AwG0FAxX8M2QAaLI2f9xSJ6W0GayP8BJa8GQBW4W9hv7TKqyETsy7Q7h7EVxJAjfW4SzAbdjzWiGJcSgg+nCQwG9sKAFRJUjhSQKiSdCAJwuIIkELniVgtgRNeLaAWRK04UUCvCVYwIsFeEmwglcRYC3BEl5NgJUEa3hVAdoSPODVBWhJ8II3ESCV4AlvJoArwRveVABVwgx4cwFYCbPgXQSMJGz/F6u3r9Pnh8vSG3o9oIyM873Ty63mXODdMuBNiJTgBu8uYDAc3NK+TDm3IYDMAtfed8+AQw8BJPw7UdwywWUI9Ob5j58GMTc5mDKcqRdTxzQDKGCUshgwbBkzARwgTh0s6F45EwESEEldjgx1ARoAGm1gZagK0Axcs62eDDUBFgFbtFnLUBFgGahl2yq3wtYBjtYTpC9uiTLAAx7xECW6bWYL8IS3lMASMAPeSgJZwEx4CwkkARHgtSWgBUSC15SAEhARXkvCUEBkeA0J56uyew8K1X6BspjoxgP7lMYpx8lWyn6BKev2VBEdCbfW7hGKgLA9X0tqSSBtmHg9gJRbZpaBLy6MqC0/mFlguPGImqaRyg8FRArWIpZTgIXVldo8M2Cl3rKI9Q8/3OdQBlHfAwAAAABJRU5ErkJggg==)}.sidebar-container[data-v-595e7ceb]{position:absolute;top:0;left:-200px;height:100%;width:200px;z-index:999;transition:left .2s}.toolbarSidebar[data-v-595e7ceb]{height:32px;width:100%;box-shadow:inset -1px 0 0 rgba(0,0,0,.25),0 1px 0 rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.1);background-color:#f5f6f7}.sidebarContent[data-v-595e7ceb]{position:relative;height:calc(100% - 32px);width:100%;box-shadow:inset -1px 0 0 rgba(0,0,0,.25);overflow:auto;background-color:hsla(240,4%,82%,.5)}.pdf-container[data-v-79d8b0fb]{position:relative;width:100%;height:100%;overflow:hidden}.toolbarViewer{display:flex;align-items:center}.toolbarButton{height:28px;width:28px;background-repeat:no-repeat;background-position:50%;color:#0c0c0d;border-radius:2px;margin-right:10px;&:hover{background-color:#dddedf}}.toolbarLine{height:20px;border-left:1px solid #ccc}.btn-opened{background-color:#dddedf}.btn-noClick{cursor:not-allowed!important;&:hover{background-color:unset!important}}.sidebarToggle[data-v-56a4e4b4]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAlklEQVQ4Ea2TYQ6AIAiFWz86VXes83WIOkL5MWGOydQmG4ry3oM5WZYJtiWNI/md/O10sGdyuELuJXocIlZ55+AMQs3AkqMTa5v4ymd2LBLQnORZImB0bwIrUWG+gyIVh1M7oAxd6BvEZYvM9A4K7XboH7HNcAgEnnxX+0gObkfFCpfvqO8wujNDMhCIjA4TZBkmRH7bB1rHWtS2VDBiAAAAAElFTkSuQmCC);margin-right:50px!important}.splitToolbarButton>.toolbarButton[data-v-56a4e4b4]{margin:0 5px}.icon-pageUp[data-v-56a4e4b4]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI1JREFUOE/tk9sNgCAMRWGfOwRMpk6mQ3QfDVhIKYVo/JUfXjmnpYB3H5uf8QDWtE9EubfaUMDwwtA2kpgCBZfApqQTDOChpBEoODrndibluMmkCjRMRAeAk4voAQQhrJIssGBerwKedxItiClyObDMQKwVSc5CHiFI2Mrg1Tv4BXe5rFvQhZz+xic//QJZF2AR77zE4AAAAABJRU5ErkJggg==)}.icon-pageUp_disabled[data-v-56a4e4b4]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAIlJREFUOE/tk1sSgCAIRXFnsbJqZbed1WjoIIJT02/++JpzQNREH1ua8QC2vM/MpfdaKBB4FWiPJK7AwDWwKxkEARxKOoGBmYggpB53mTSBhZn5AHBKEROARQmbpAg8WNabQOaDxAo4R64H1hmotSopWegjLBr2Mnj1Dn7BXS7vFmwhp7/xyU+/AEJxYBG2tDuwAAAAAElFTkSuQmCC)}.icon-pageDown[data-v-56a4e4b4]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAJdJREFUOE/tk9sRhCAMRa/93CLWytTK1iJuP7phBDE8xll/5YsBziEJYcDDMfR4kpvtS2qeewXAXzUg+ZG0WoGDgOQMYAIwxo1jvXgFgwF8f+wiafYC45LEP2MG27lT4KJIklxQg1MKsZmyVILkCNXPw82RKYroJL5RL3ARQSOSuFzATUGlJlW4K8gk9plSzj6nbiPd+ek7bCdgEUzaNTMAAAAASUVORK5CYII=)}.icon-pageDown_disabled[data-v-56a4e4b4]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAJRJREFUOE/tk0sSwyAMQ83NopM1OZl6s6TmF9cGptNuyyqDo4csQ5IfV1rpSZ5aBzD97w8Q+SoDkhuApwacASR3EXmUwEuh7ocpqFglL+0BYPeAOrUC8WM0Yi3fAOeiQyxgJO4tGMutlQypVv13PrlpQogmj9ElfRMHBxMnbTuIp4BBJkPxEmAgOtves+9reZE+eekXVYFgEehr49AAAAAASUVORK5CYII=)}.pageJumper>.page-input[data-v-56a4e4b4]{width:50px;margin-right:5px;text-align:right}.toolbarViewerMiddle[data-v-eea7924e]{display:flex;justify-content:center;align-items:center;.toolbarButton[data-v-eea7924e]{margin:0 5px}}.icon-plus[data-v-eea7924e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAE1JREFUOE9jZKAQMOLR78DAwFAPlXfEpY6QAfuhGnGqG0YGgAIMHRATiAdgYQAKLGyG4IvkAwwMDI5UMwCbTSAXjaRopFkYUJSZiMroAAHVERG6jXCjAAAAAElFTkSuQmCC)}.icon-plus_disabled[data-v-eea7924e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAF1JREFUOE9jZKAQMOLSv3//fgcGBoZ6kLyjo6MjLnWEDNgPNQCnuuFiADTA0MMJHoigcMQWiI6OjgfAYbB//35QYIE0kAIOgGKHOgZgsxbqrRETjbQMA/IzE7EJAgA3WzsR58ObIQAAAABJRU5ErkJggg==)}.icon-minus[data-v-eea7924e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAD1JREFUOE9jZKAQMFKon2HUAAZ4GGiQGZg3YIF4moGBwYREQzYxMDD4U80ACRJthyl/MZoOEOmAzDCkggEAG8wGEdKASZsAAAAASUVORK5CYII=)}.icon-minus_disabled[data-v-eea7924e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAExJREFUOE9jZKAQMFKon2HUAAZIGOzfv1+DnMB0dHS8ATPgNAMDgwkphjAyMm5ycHDwp5oBEqTYDlPr6Oj4YjQdQNMBOQEI00NxIAIAELsSESHoiC8AAAAASUVORK5CYII=)}.scaleSelectContainer[data-v-eea7924e]{select[data-v-eea7924e]{width:162px;height:28px;font-size:12px;color:#0c0c0d;margin:0;border:none;background-color:#d7d7db}}.toolbarViewerRight[data-v-02ef606d]{display:flex;justify-content:flex-end;align-items:center}.toolbar-container[data-v-79ccc9e0]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;box-shadow:0 1px 0 #ccc;background-color:#f5f6f7;z-index:9999}.toolbarViewer[data-v-79ccc9e0]{flex:1}.no-data-page[data-v-3419d880]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;img[data-v-3419d880]{width:150px}}.file-previewer[data-v-33dd216e]{height:100%;width:100%;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:4px;box-sizing:border-box}.file-previewer>.toolbar[data-v-33dd216e]{height:35px;width:100%}.file-previewer>.content[data-v-33dd216e]{height:calc(100% - 35px);width:100%;box-sizing:border-box;overflow:auto}