body{margin:0;padding:0;overflow:hidden}#main{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;overflow:hidden;-webkit-overflow-scrolling:touch}#header,#footer{display:none;position:fixed;overflow:hidden;left:0;width:100%}#header{top:0}#footer{bottom:0}body.top-s #header,body.top-m #header,body.top-l #header{display:block}body.top-s #header{height:32px}body.top-m #header{height:48px}body.top-l #header{height:70px}body.bottom-s #footer,body.bottom-m #footer,body.bottom-l #footer{display:block}body.bottom-s #footer{height:32px}body.bottom-m #footer{height:48px}body.bottom-l #footer{height:70px}#left,#right{display:none;position:absolute;top:0;bottom:0;overflow:hidden;z-index:2;-webkit-overflow-scrolling:touch}body.left-s #left,body.left-m #left,body.left-l #left,body.right-s #right,body.right-m #right,body.right-l #right{display:block}#left{left:0}body.left-s #left{width:225px}body.left-s #main{left:225px}body.left-m #left{width:300px}body.left-m #main{left:300px}body.left-l #left{width:400px}body.left-l #main{left:400px}#right{right:0}body.right-s #right{width:225px}body.right-s #main{right:225px}body.right-m #right{width:300px}body.right-m #main{right:300px}body.right-l #right{width:400px}body.right-l #main{right:400px}body.top-s #main,body.top-s #left,body.top-s #right,body.top-s #covering{top:32px !important}body.top-m #main,body.top-m #left,body.top-m #right,body.top-m #covering{top:48px !important}body.top-l #main,body.top-l #left,body.top-l #right,body.top-l #covering{top:70px !important}body.bottom-s #main,body.bottom-s #left,body.bottom-s #right,body.bottom-s #covering{bottom:32px !important}body.bottom-m #main,body.bottom-m #left,body.bottom-m #right,body.bottom-m #covering{bottom:48px !important}body.bottom-l #main,body.bottom-l #left,body.bottom-l #right,body.bottom-l #covering{bottom:70px !important}#dialog_frame{width:100%;max-height:84vh !important;border:0}.modal-content{overflow:hidden}#navbar{display:none;height:32px;background-color:#ddd;left:0;right:0;position:absolute;top:0;box-shadow:0 0 12px 0 #888;z-index:100}#maintitle{left:0;position:absolute;right:0;text-align:center;font-size:24px}#navbutton,#advbutton{display:none;position:absolute;z-index:20;font-size:32px}#navbutton{left:16px}#advbutton{right:16px}.hidden{display:none}body.darkmode #navbar{background-color:#222;color:#fff}@media screen and (max-width:768px){#main{left:0 !important}#left{display:none !important;width:0}body.left-s #navbutton,body.left-m #navbutton,body.left-l #navbutton{display:inline}body.left-s #navbar,body.left-m #navbar,body.left-l #navbar{display:block}}@media screen and (max-width:1100px){#main{right:0 !important}#right{display:none !important;width:0}body.right-s #advbutton,body.right-m #advbutton,body.right-l #advbutton{display:inline}body.right-s #navbar,body.right-m #navbar,body.right-l #navbar{display:block}}#covering{position:fixed;top:0;bottom:0;width:100%;z-index:-1;background-color:gray;opacity:0;transition:opacity .1s}#covering.active{z-index:10;opacity:.6}#left.active,#right.active{z-index:100}@keyframes slide-left{0{transform:translateX(-100%)}100%{transform:translateX(0)}}#left.active{animation:slide-left .1s forwards;margin-left:0 !important;display:block !important}body.left-s #left.active{width:225px}body.left-m #left.active{width:300px}body.left-l #left.active{width:400px}@keyframes slide-right{0{transform:translateX(100%)}100%{transform:translateX(0)}}#right.active{animation:slide-right .1s forwards;margin-right:0 !important;display:block !important}body.right-s #right.active{width:225px}body.right-m #right.active{width:300px}body.right-l #right.active{width:400px}body>*>iframe{display:block;height:1px;min-height:100%;width:1px;min-width:100%;border:0;background:white;overflow:hidden;-webkit-overflow-scrolling:touch}#testpanel{position:absolute;width:100%;bottom:0;z-index:9999;background-color:#eef;box-shadow:0 0 16px #888;padding:8px}#testLogDisplay.testsPassed{background-color:#9f9}#testLogDisplay.testsFailed{background-color:#f99}#testpanel p{font-size:24px}#testpanel textarea{width:100%;height:96px}#testpanel button{position:absolute;right:8px;top:8px}