html{overflow:hidden}body{position:fixed;width:100%;height:100%;margin:0;display:grid;grid-gap:0px;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav content"}.frame-header{grid-area:header;margin:0}.frame-nav{grid-area:nav;min-height:0;display:flex}.frame-nav>div{display:flex}.frame-content{display:flex;flex-direction:column;overflow:auto}.frame-content>div{display:flex;flex-direction:column;overflow:auto;flex-grow:1}#frame-loader-overlay{display:flex;align-items:center;justify-content:center;position:fixed;height:100vh;width:100vw;background:#fff}#load-error{display:none;font-family:Arial;font-size:16px}#frame-loader{display:block;visibility:hidden;width:30px;aspect-ratio:1;background:#1e90fa;--b: 4px;--a: 135deg;border-radius:50%;padding:var(--b);--_g: /var(--b) var(--b) no-repeat radial-gradient(50% 50%, #000 97%, #0000);mask:top var(--_g),calc(50% + 50%*sin(var(--a))) calc(50% - (50%*cos(var(--a)))) var(--_g),linear-gradient(#0000 0 0) content-box intersect,conic-gradient(#000 var(--a),#0000 0);background-repeat:no-repeat;animation:spin-me 1s infinite .5s linear}@keyframes spin-me{to{visibility:visible;transform:rotate(1turn)}}.fade-out{animation:.15s fade-out ease-out forwards}@keyframes fade-out{to{opacity:0;display:none}}