@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,#overlay .icon{padding:1em;margin:.25em;line-height:.75em;outline:.15em solid #0076be;display:inline-block;transition:transform 100ms ease;background-color:rgba(255,255,255,0.878)}#controls .icon svg,.options .icon svg,#overlay .icon svg{width:1.5em;height:1.5em}#controls .icon:hover,.options .icon:hover,#overlay .icon:hover{cursor:pointer;outline:.2em solid #0076be;transition:transform 250ms ease}#controls .icon:hover svg,.options .icon:hover svg,#overlay .icon:hover svg{fill:#0076be}#controls .icon:active,.options .icon:active,#overlay .icon:active{transform:scale(.9,.9)}#controls .icon:active svg,.options .icon:active svg,#overlay .icon:active svg{fill:#0076be}#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:.5}#progress{display:none;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:.5em;white-space:nowrap;box-shadow:.25em .25em .5em rgba(0,0,0,0.502)}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}#overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;padding:3em;background:rgba(0,0,0,0.502);text-align:center;white-space:nowrap;transition:opacity 200ms}#overlay .wrapper{position:relative;height:100%;transition:transform 200ms}#overlay .panelTitle{z-index:-1;position:absolute;left:0;right:0;bottom:-2.5em;transition:bottom 500ms ease-in-out 250ms}#overlay .panelTitle.hidden{bottom:0;transition:bottom 100ms}#overlay .panelTitle .headline{position:relative;color:#808080;background-color:#fff;display:inline-block;padding:.5em 4em}#overlay img{display:inline-block;height:100%;box-shadow:.5em .5em .5em rgba(0,0,0,0.25)}#overlay .panelRight{display:inline-block;position:relative;height:100%}#overlay .icon.close{position:absolute;top:1em;right:1em;outline:0;background-color:transparent}#overlay .icon.close:hover{outline:0}#overlay .drag{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;position:absolute;bottom:1em;right:1em;transition:opacity 400ms}#overlay .drag .text{display:block;font-size:1.2em;padding:.5em;margin-right:1em;background-color:#fff}#overlay .drag .dragIcon{position:relative;line-height:.75em;transition:transform 100ms ease;animation:drag infinite 3000ms}#overlay .drag .dragIcon svg{width:4em;height:4em}#overlay .drag .dragIcon svg .button{fill:transparent;animation:dragSvgButton infinite 3000ms}#overlay .drag.hidden{opacity:0}#overlay.hidden{pointer-events:none;opacity:0}#overlay.hidden .wrapper{transform:scale(.75,.75)}#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}}@-moz-keyframes drag{15%{left:0}25%{left:-1em}40%{left:1em}55%{left:-1em}70%{left:1em}80%{left:0}}@-webkit-keyframes drag{15%{left:0}25%{left:-1em}40%{left:1em}55%{left:-1em}70%{left:1em}80%{left:0}}@-o-keyframes drag{15%{left:0}25%{left:-1em}40%{left:1em}55%{left:-1em}70%{left:1em}80%{left:0}}@keyframes drag{15%{left:0}25%{left:-1em}40%{left:1em}55%{left:-1em}70%{left:1em}80%{left:0}}@-moz-keyframes dragSvgButton{0%{fill:transparent}10%{fill:#0076be}80%{fill:#0076be}90%{fill:transparent}}@-webkit-keyframes dragSvgButton{0%{fill:transparent}10%{fill:#0076be}80%{fill:#0076be}90%{fill:transparent}}@-o-keyframes dragSvgButton{0%{fill:transparent}10%{fill:#0076be}80%{fill:#0076be}90%{fill:transparent}}@keyframes dragSvgButton{0%{fill:transparent}10%{fill:#0076be}80%{fill:#0076be}90%{fill:transparent}}