body.pg-viewer-new{overflow:hidden;height:100vh}body.pg-viewer-new #new-viewer{height:calc(100vh - 56px)}body.pg-viewer-new.nav-hidden #navigation{transform:translateY(-56px)}body.pg-viewer-new.nav-hidden #betaBanner{transform:translateY(-56px)}body.pg-viewer-new.nav-hidden #new-viewer{margin-top:-56px;height:100vh}body.pg-viewer-new.institution-pg #new-viewer{height:calc(100vh - 81px)}body.pg-viewer-new.institution-pg.nav-hidden #navigation{transform:translateY(-82px)}body.pg-viewer-new.institution-pg.nav-hidden #betaBanner{transform:translateY(-82px)}body.pg-viewer-new.institution-pg.nav-hidden #new-viewer{margin-top:-82px;height:100vh}body.pg-viewer-new .promoad{display:none !important}.nav-view{max-height:56px}#new-viewer{width:100%}@media(min-width: 768px){#new-viewer.sidebar-open #viewport-container{left:450px}}#new-viewer.sidebar-open #ViewerSidebar{transform:translate(0, 0)}#new-viewer #viewport-container{position:absolute;inset:0;transition:all 200ms ease-out}#new-viewer #viewport-container .openseadragon-canvas:focus{outline:none}#new-viewer #viewport-container #react-overlays{position:absolute;inset:0;pointer-events:none}#new-viewer #ViewerFilmstrip{transition:opacity 500ms ease-in-out;opacity:0;pointer-events:none}#new-viewer #ViewerFilmstrip.is-open{opacity:1;pointer-events:all}#new-viewer #image-ctrls{position:absolute;top:30px;right:10px;width:50px}#new-viewer #image-ctrls #rotate-left{transform:scaleX(-1)}#new-viewer .ocr-highlight{outline:1px solid red;background-color:rgba(255,0,0,.1)}#new-viewer .viewer-rectangles{pointer-events:none}#new-viewer .viewer-rectangles .viewer-rectangle{mix-blend-mode:multiply;pointer-events:initial}#new-viewer .viewer-rectangles .viewer-rectangle.selectable{cursor:pointer}#new-viewer .viewer-rectangles .viewer-rectangle.active,#new-viewer .viewer-rectangles .viewer-rectangle:hover,#new-viewer .viewer-rectangles .viewer-rectangle:focus{outline:2px solid rgba(193,65,57,.9);background-color:transparent;background-color:rgba(252,240,79,.4);box-shadow:0 3px 6px rgba(0,0,0,.3)}#new-viewer .viewer-rectangles .viewer-rectangle.active .viewer-rectangle-title,#new-viewer .viewer-rectangles .viewer-rectangle:hover .viewer-rectangle-title,#new-viewer .viewer-rectangles .viewer-rectangle:focus .viewer-rectangle-title{opacity:1}#new-viewer .viewer-rectangles .viewer-rectangle .viewer-rectangle-title{opacity:0;position:absolute;transform-origin:top left;max-width:100%}#new-viewer .viewer-rectangles .viewer-rectangle .viewer-rectangle-title.rotate-0{top:100%}#new-viewer .viewer-rectangles .viewer-rectangle .viewer-rectangle-title.rotate-90{top:100%;left:100%;transform:rotate(-90deg)}#new-viewer .viewer-rectangles .viewer-rectangle .viewer-rectangle-title.rotate-180{left:100%;transform:rotate(180deg)}#new-viewer .viewer-rectangles .viewer-rectangle .viewer-rectangle-title.rotate-270{transform:rotate(90deg)}#new-viewer #ViewerSidebar{position:absolute;top:0;bottom:0;width:100%;transform:translate(0, 100%);background-color:#fff;transition:all 200ms ease-out}@media(min-width: 768px){#new-viewer #ViewerSidebar{width:450px;transform:translate(-100%, 0)}}@media(min-width: 768px){#new-viewer #ViewerSidebar #sidebar-toggle{position:absolute;top:50%;left:100%;transform:translateY(-50%);width:42px;height:56px}#new-viewer #ViewerSidebar #sidebar-toggle:focus,#new-viewer #ViewerSidebar #sidebar-toggle:active{outline:none}}#new-viewer #ViewerBrowseOverlay{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}#new-viewer .ReactCrop{width:100%;height:100%}#new-viewer .ReactCrop>div{width:100%;height:100%}.ViewerShortcutsDialog .key{background:#fff;font-weight:bold;padding:4px 8px;margin:0 2px;border-radius:4px;color:#1d1d1d;border-bottom:2px solid #999;box-shadow:0 1px 2px rgba(0,0,0,.5);text-shadow:none;text-transform:uppercase}.ViewerShortcutsDialog .key.hint{background:transparent;border:0 none;color:#a19a8f;font-weight:normal;box-shadow:none}.touch .ViewerShortcutsDialog .key{display:none}.ViewerShortcutsDialog .key.ctrl:before{content:"Ctrl"}.ViewerShortcutsDialog .key.ctrl.mac:before{content:"⌘"}.ViewerShortcutsDialog .key.shift:before{content:"⇧"}.ViewerShortcutsDialog .key .arrow-left{margin:0 5px 5px;transform:rotate(90deg)}.ViewerShortcutsDialog .key .arrow-right{margin:0 5px 5px;transform:rotate(-90deg)}