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.left-x #left,body.right-s #right,body.right-m #right,body.right-l #right,body.right-x #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}body.left-x #left{width:600px}body.left-x #main{left:600px}#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.right-x #right{width:600px}body.right-x #main{right:600px}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:@left-breakpoint){#main{left:0!important}#left{display:none!important;width:0}body.left-s #navbutton,body.left-m #navbutton,body.left-l #navbutton,body.left-x #navbutton{display:inline}body.left-s #navbar,body.left-m #navbar,body.left-l #navbar,body.left-x #navbar{display:block}body.left-s>main>iframe,body.left-m>main>iframe,body.left-l>main>iframe,body.left-x>main>iframe{padding-top:32px}}@media screen and (max-width:@right-breakpoint){#main{right:0!important}#right{display:none!important;width:0}body.right-s #advbutton,body.right-m #advbutton,body.right-l #advbutton,body.right-x #advbutton{display:inline}body.right-s #navbar,body.right-m #navbar,body.right-l #navbar,body.right-x #navbar{display:block}body.right-s>main>iframe,body.right-m>main>iframe,body.right-l>main>iframe,body.right-x>main>iframe{padding-top:32px}}#covering{position:fixed;top:0;bottom:0;width:100%;z-index:-1;background-color:gray;opacity:0;transition:opacity 0.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 0.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}body.left-x #left.active{width:600px}@keyframes slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}#right.active{animation:slide-right 0.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.right-x #right.active{width:600px}body>*>iframe{display:block;height:1px;min-height:100%;width:1px;min-width:100%;border:0;background:#fff;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}#testpanel.pass{background-color:#9f9}#testpanel.fail{background-color:#f99}#testpanel p{font-size:24px}#testpanel button,#testpanel #showreport{position:absolute;right:8px;top:8px;cursor:pointer}._sys_notif_holder_top_left:empty,._sys_notif_holder_top_right:empty,._sys_notif_holder_top_center:empty,._sys_notif_holder_bottom_left:empty,._sys_notif_holder_bottom_right:empty,._sys_notif_holder_bottom_center:empty{display:none}._sys_notif_holder_top_left,._sys_notif_holder_top_right,._sys_notif_holder_bottom_left,._sys_notif_holder_bottom_right{position:fixed;max-width:80%;width:450px;z-index:8999}._sys_notif_holder_top_center,._sys_notif_holder_bottom_center{position:fixed;max-width:80%;width:750px;z-index:8999;left:50%;transform:translateX(-50%)}._sys_notif_holder_top_center{top:25px}._sys_notif_holder_bottom_center{bottom:25px}._sys_notif_holder_top_left{top:25px;left:25px}._sys_notif_holder_top_right{top:25px;right:25px}._sys_notif_holder_bottom_left{bottom:25px;left:25px}._sys_notif_holder_bottom_right{bottom:25px;right:25px}._sys_notif_title{font-weight:700}