.ToolbarRow{border-bottom:var(--ui-border-thickness) solid var(--ui-border-color);flex:0 0 auto;height:var(--toolbar-height);padding-left:1rem;padding-right:1rem;position:relative;transition:height .3s ease;width:100%;display:flex;align-items:center}ToolbarRow.expanded{height:calc(var(--toolbar-height) + var(--toolbar-drawer-height))}
#viewer{height:calc(100% - var(--top-bar-height))}#viewer>.loadingTextDiv{color:var(--text-secondary-color);font-size:30px;height:100%;line-height:calc(100% - var(--top-bar-height))}.ViewerMain{width:100%;height:100%;transition:all .3s ease}.ViewerMain>div{width:100%;height:100%}
.viewport-container{float:left;position:relative;border:var(--viewport-border-thickness) solid var(--ui-border-color)}.viewport-container.active{border:var(--viewport-border-thickness) solid var(--active-color)}
.viewport-drop-target{opacity:1;position:relative;transition:all .3s ease}.viewport-drop-target.hovered{opacity:.5;cursor:copy}
.FlexboxLayout{display:flex;flex:1;flex-flow:row nowrap;align-items:stretch;height:calc(100% - var(--toolbar-height) - var(--top-bar-height));width:100%;overflow:hidden}.sidepanel{flex:1;height:100%;transition:var(--sidepanel-transition);overflow-y:auto}.from-left{border-right:var(--ui-border-thickness) solid var(--ui-border-color);margin-left:calc(var(--left-sidepanel-menu-width)*-1);max-width:var(--left-sidepanel-menu-width)}.from-right{border-left:var(--ui-border-thickness) solid var(--ui-border-color);margin-right:calc(var(--right-sidepanel-menu-width)*-1);max-width:var(--right-sidepanel-menu-width)}.sidepanel.is-open{margin-right:0;margin-left:0}.main-content{flex:1;height:100%;overflow:hidden;transition:var(--sidepanel-transition);width:100%}@media only screen and (max-width:768px){.FlexboxLayout{height:calc(100% - var(--toolbar-height) - var(--top-bar-height) - 16px)}}
.ErrorBoundaryDialogTitle{margin-top:0}.ErrorBoundaryDialogButton{outline:none}.ErrorBoundaryDialogIcon{margin-right:5px;width:10px;transform:rotate(-90deg);vertical-align:middle}.ErrorBoundaryDialogIcon.opened{transform:rotate(0deg)}
#viewer{background-color:#000;width:100%}.loadingTextDiv{color:var(--text-secondary-color);font-size:30px}
.StudyPrefetcher{height:5px;width:100%;display:flex;flex-direction:row;background-color:var(--default-color)}.StudyPrefetcher .item{height:5px}.StudyPrefetcher .item.cached{background-color:#000}
