/* A complete viewport high: scroll the page to bring the whole model into view. */
.campus-frame{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-height:320px;background:#e5e4dc;border:1px solid #cdd8df;position:relative}
.campus-frame-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:36px;padding:3px 7px;background:#fff;color:#19344d}.campus-frame-tools>span{margin-right:auto;font-size:13px}.campus-frame-tools button{font:inherit;font-size:14px;white-space:nowrap;min-height:28px;padding:3px 8px}
.campus-frame iframe#model,.campus-frame iframe.landmark{flex:1 1 0;height:0!important;min-height:0!important;width:100%;display:block;border:0}
.campus-frame.campus-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;height:100dvh;border:0;min-height:0}
body.campus-popout{margin:0;overflow:hidden}body.campus-popout>header,body.campus-popout>#nav,body.campus-popout>nav,body.campus-popout>.notice,body.campus-popout>.statusbar,body.campus-popout #caption,body.campus-popout #modelView>.caption{display:none!important}
body.campus-popout{height:100vh;height:100dvh;display:flex;flex-direction:column}body.campus-popout>main{flex:1;min-height:0;padding:0 4px;display:flex;flex-direction:column}body.campus-popout #layoutView{display:none}body.campus-popout #modelView{display:flex;flex-direction:column;flex:1;min-height:0}body.campus-popout .campus-frame{flex:1;min-height:0;height:0}body.campus-popout .selection{padding:4px 8px;margin:0}body.campus-popout .results{max-height:25vh}body.campus-popout .workspace-bar{flex:0 0 auto}body.campus-popout #modelState{margin:2px 6px}body.campus-popout .campus-frame-tools{min-height:34px}

body.campus-popout .campus-frame.campus-expanded{flex:none;height:100vh;height:100dvh}