html,body,#app{height:100%;margin:0;overflow:hidden}body{font-family:system-ui,sans-serif}.scorm-runtime-status{text-align:center;color:#1f2933;justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.scorm-runtime-status[hidden]{display:none}.scorm-runtime-nav{background:#f8f9fa;border-bottom:1px solid #e1e4e8;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;display:flex}.scorm-runtime-nav[hidden]{display:none}.scorm-runtime-nav-button{color:#1f2933;cursor:pointer;background:#fff;border:1px solid #cbd2d9;border-radius:.25rem;padding:.375rem .875rem;font-family:inherit;font-size:.875rem}.scorm-runtime-nav-button:hover:not(:disabled){color:#505fb5;border-color:#505fb5}.scorm-runtime-nav-button:focus-visible{outline-offset:2px;outline:2px solid #505fb5}.scorm-runtime-nav-button:disabled{color:#9aa5b1;cursor:not-allowed;background:#f4f5f7}.scorm-runtime-fullscreen .scorm-runtime-nav-button{padding:.625rem 1.25rem;font-size:1rem}.scorm-runtime-frame-container{height:100%}.scorm-runtime-nav:not([hidden])+.scorm-runtime-frame-container{height:calc(100% - 2.75rem)}.scorm-runtime-frame{border:0;width:100%;height:100%;display:block}