body{margin:0;font-family:sans-serif;font-size:.9rem}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;background-color:#555;color:#fff;padding:.5em}#page-mode input,#toolbar button{color:currentColor;background-color:transparent;font:inherit;border:1px solid currentColor;border-radius:3px;padding:.25em .5em}#page-mode input:focus,#page-mode input:hover,#toolbar button:focus,#toolbar button:hover{color:#90ee90}#page-mode{display:flex;align-items:center;padding:.25em .5em}#viewport-container{flex:1;background:#eee;overflow:auto}#viewport{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}#viewport>div{text-align:center;max-width:100%}#viewport canvas{width:100%;box-shadow:0 2px 5px grey}#viewerContainer::-webkit-scrollbar{-webkit-appearance:none!important}#viewerContainer::-webkit-scrollbar:vertical,.#viewerContainer>#viewerContainer::-webkit-scrollbar:vertical{width:8px!important}#viewerContainer::-webkit-scrollbar-thumb{background-color:#babcbf;border-radius:20px;border:1px solid #ededed}.custom-loader{-webkit-animation:loader 1s infinite;animation:loader 1s infinite;display:flex}@-webkit-keyframes loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}