@font-face{font-family:'Roboto';src:url("Roboto-Regular-webfont.woff") format('woff');font-weight:400;font-style:normal}html,body{font-family:'Roboto',sans-serif;padding:0;margin:0;width:100%;height:100%;overflow:hidden;background-color:#f0f0f0}#debug-overlay{position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.251);margin:.5em;padding:.5em;z-index:99}#debug-overlay h1{font-size:1.2em;margin:0}#debug-overlay input{width:4em}#controls{position:absolute;top:1em;left:1em;z-index:4}#controls .icon,.options .icon,#rev .icon{padding:1em;margin:.25em;line-height:.75em;border-radius:50%;border:.1em solid transparent;display:inline-block;transition:transform 100ms ease;background-color:rgba(255,255,255,0.878)}#controls .icon svg,.options .icon svg,#rev .icon svg{width:1.5em;height:1.5em}#controls .icon:hover,.options .icon:hover,#rev .icon:hover{cursor:pointer;transform:scale(1.2,1.2);transition:transform 250ms ease}#controls .icon:hover svg,.options .icon:hover svg,#rev .icon:hover svg{fill:#1451a0}#controls .icon:active,.options .icon:active,#rev .icon:active{transform:scale(1.4,1.4)}#controls .icon:active svg,.options .icon:active svg,#rev .icon:active svg{fill:#1451a0}#rev .icon::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-color:#000;border-radius:50%;z-index:-1;transform:scale(0);opacity:0}#rev .icon.indicator::before{opacity:1;transform:scale(1);transition:opacity 200ms linear 800ms}#rev .icon.default::before{transform:scale(5);opacity:0;transition:transform 2000ms ease-out,opacity 1000ms}#stage-frame{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column}#stage{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden}#errorFlash{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:#f00;opacity:0}#errorFlash.flashing{z-index:99;animation:errorFlash 150ms}#logo{position:absolute;z-index:2;top:1.5em;right:1.5em;width:12%;opacity:1}#progress{position:absolute;width:20em;height:.5em;border:1px solid #000;z-index:2;bottom:5em;left:calc(50% - 10em)}#progress #progressbar{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#910748}#titleOverlay{position:absolute;z-index:2;bottom:.5em;left:.75em;font-size:4em;font-weight:bold;color:#f0f0f0;text-shadow:.05em .05em .05em #000;user-select:none;pointer-events:none}#tooltip{position:absolute;z-index:3;display:none;pointer-events:none}#tooltip span{display:block;font-size:1em;background-color:#fff;pointer-events:none;padding:.05em .2em;white-space:nowrap}canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;box-sizing:border-box;z-index:1;user-select:none;user-select:none}#debugCanvas{width:1920;height:1080;z-index:2;pointer-events:none}#rev{display:none;position:absolute;left:1em;top:50%;z-index:3}#infos{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;display:none;background-color:rgba(255,255,255,0.502)}#infos .info{position:relative;display:none;background-color:#fff;box-shadow:.5em .5em 1em rgba(0,0,0,0.251);width:40%;left:35%;top:15%}#infos .info h1{font-size:1.65em;margin:0;background-color:#a8afc5;padding:.5em;color:#fff;font-weight:normal}#infos .info h2{margin:0}#infos .info .content{display:flex;flex-direction:column;padding:1.25em}#infos .info .content .unit img{width:100%;margin-bottom:1em}#infos .info .content .icons{white-space:nowrap;margin-bottom:.5em}#infos .info .content .icons .icon{display:inline-block;position:relative}#infos .info .content .icons .icon img,#infos .info .content .icons .icon svg{width:5em;height:6em;margin-top:.75em}#infos .info .content .icons .icon .count{background-color:#910748;width:2em;height:2em;border-radius:1em;color:#fff;line-height:2em;text-align:center;position:absolute;top:0}#infos .info .encoders{display:flex;margin-bottom:1em}#infos .info .encoders .section:not(:first-child){padding-left:1em}#infos .info .encoders .section:not(:last-child){padding-right:1em}#infos .info .encoders .sectionseparator{border-left:.15em solid #808080}#infos .info .encoders .sectionseparator.option{height:6em;align-self:center}#infos .info.sbs{left:30%;top:7.5%}#infos .info.sbs .content{flex-direction:row}#infos .info.sbs .content img.unit{width:auto;align-items:center;display:flex;flex-flow:row nowrap}#infos .info.sbs .encoders{flex-direction:column}#infos .info.sbs .encoders .section{padding:0 1em}#infos .info.sbs .encoders .sectionseparator{border:none}#infos .info.sbs .encoders .sectionseparator.option{display:none;height:0}#sidebar-cover{display:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.502);user-select:none}#sidebar{z-index:11;font-family:'Roboto Light',sans-serif;position:absolute;top:0;left:-23.5em;background-color:#fff;width:22.5em;height:100%;box-shadow:.1em .1em .1em .1em rgba(0,0,0,0.376);overflow-y:auto;transition:left 250ms ease-in}#sidebar.show{left:0}#sidebar .headline{padding:.5em 1em;margin-bottom:1em;background-color:#e0e0e0;display:flex;align-items:center}#sidebar .headline h1{margin:0;flex:1 0 auto;font-size:1.2em}#sidebar .headline .options{transform:scale(.8,.8)}#sidebar .headline .options .icon,#sidebar .headline .options .icon svg{width:2em;height:2em}#sidebar .headline .options .nav-wd{display:none}#sidebar .menu{margin-left:1em}#sidebar .menu a{display:block;text-decoration:none}#sidebar .menu ul{padding-left:1.4em;margin:0}#sidebar .menu li{list-style-type:square}#sidebar .menu li a{color:#000;padding:.15em 0 .15em 2.45em;margin:0 0 0 -2em;border-left:.25em transparent solid}#sidebar .menu li a:hover{background-color:#f0f0f0;border-left:.25em #a8afc5 solid;cursor:pointer}#sidebar .menu li a:active{border-left:.25em #a8afc5 solid}#sidebar .menu li.offline{color:#808080}#sidebar .menu li.offline a{color:#808080}@-moz-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@-webkit-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@-o-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}