.fr-prv-tbar.top{padding-top:10px;padding-left:5px;padding-right:5px}.fr-prv-tbar .x-btn-icon{margin:5px}.fr-prv-tbar.top .x-btn-icon{margin:5px;width:42px;height:42px}.fr-prv-tbar .x-btn-icon i{color:var(--theme-main)}.fr-prv-tbar.top .x-btn-icon i{font-size:21px}.fr-prv-tbar-filename{font-size:22px;overflow:hidden;white-space:nowrap;max-width:300px;text-overflow:ellipsis;margin-left:15px}.image-viewer.fr-layout-small .fr-prv-tbar-filename{max-width:170px}.fr-prv-tbar-status{min-width:80px;text-align:center;color:var(--theme-textLight)}.fr-prv-nav-btn{width:32px;height:32px}.fr-prv-nav-btn.loading{border:2px solid var(--theme-main)}.fr-prv-tbar-slider{margin-left:20px;margin-right:20px}.image-viewer{background:var(--theme-bg)}.image-viewer .canvas{background-color:var(--theme-filelist-bg);border:1px solid var(--theme-filelist-bg);border-left:none;position:relative}.image-viewer .canvas.transparent{background-image:url(../images/transparent.png)}body.darkMode .image-viewer .canvas.transparent{background-image:url(../images/transparent_dark.png)}.image-viewer .canvas iframe{height:100%;width:100%;border:0}.image-viewer .centered{width:100%;height:100%}.image-viewer .spinner{visibility:hidden;position:absolute;z-index:99;width:80px;height:80px;margin:auto;top:0;left:0;bottom:0;right:0}.image-viewer .activeImage{background-size:contain;background-repeat:no-repeat;background-position:center;text-align:center;transition:transform .5s ease}.image-viewer .dragging-zoom{position:absolute}