html{--page-border-width: 10px}body,html{margin:0;height:100%;width:100%}#app,div.file-loader{width:100%;height:100%;position:relative;margin:0}div.file-loader input.file-drop-zone{opacity:0;position:relative;width:100%;height:100%;cursor:pointer}div.file-loader div{position:absolute;--this-padding: 30px;--bg-stripe-color: rgb(200, 83, 0);top:var(--this-padding);bottom:var(--this-padding);left:var(--this-padding);right:var(--this-padding);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-stripe-color);background:repeating-linear-gradient(45deg,transparent,transparent 20px,var(--bg-stripe-color) 20px,var(--bg-stripe-color) 22px)}div.file-loader div span{font-size:2rem;background-color:#fff;border-radius:5px;padding:0rem .3rem}div.xopp-viewer{width:100%;height:100%;position:relative;margin:0;display:flex;flex-direction:column;background-color:#ddd;--scale-factor: 1}div.xopp-viewer div.toolbar{background-color:gray;height:100px;display:none}div.xopp-viewer div.content{overflow:auto}div.xopp-viewer div.content div.page{position:relative;margin:20px auto;width:unset;height:unset;overflow:hidden;box-sizing:content-box;box-shadow:0 0 15px 2px #00000080;border:1px rgba(0,0,0,.5) solid}div.xopp-viewer div.content div.page canvas{margin:0;width:100%;height:100%;display:block;box-sizing:border-box}div.xopp-viewer div.content div.author-info{position:relative;margin:20px auto;text-align:center}@media (max-width: 768px){div.xopp-viewer{--scale-factor: .5}}