::selection{background:transparent}::-moz-selection{background:transparent}body,html{height:100%;padding:0;margin:0;background:#000;color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;transition:background 8s;overflow:hidden!important}body.loaded,html.loaded{background:#131313}body{position:fixed;top:0;left:0;width:100%;height:100%}body.info #info{opacity:1;transform:translateZ(0)}body.settings app-controls{transform:translateZ(0);transition:transform .6s .6s}body.settings #title{transform:translate3d(0,40px,0);transition:transform .6s}body app-controls .inner .settings button{display:none}#info{position:absolute;left:20px;bottom:40px;z-index:10;width:100%;max-width:360px;pointer-events:none;opacity:0;transform:translate3d(0,10px,0);transition:transform .6s,opacity .6s}#info p{margin-top:0;margin-bottom:17px;line-height:16px;font-size:11px}#title{bottom:20px;left:20px;transform:translateZ(0);transition:transform .6s .6s;color:#fff}#title,#toggle{position:absolute;z-index:10;text-decoration:none}#toggle{font-size:20px;bottom:17px;right:20px;color:inherit}app-main{display:block;height:100%;position:fixed;width:100%}app-controls{position:fixed;z-index:1;bottom:17px;left:20px;transform:translate3d(0,50px,0);transition:transform .6s}app-controls .inner .settings{display:block}app-controls .inner .settings .toggle{font-size:20px}app-controls .inner .settings .control.hidden{display:none}button{-webkit-appearance:none;cursor:pointer;border-radius:13px;display:inline-block;padding:6px 12px;margin-right:5px;color:inherit;background:none;font-size:inherit;border:1px solid #666}button:hover{background:#fff;color:#000}input[type=checkbox]{-webkit-appearance:none;height:17px;width:17px;top:5px;border:1px solid #666;border-radius:20px;padding:0;outline:none;position:relative;margin:0 0 0 10px;transition:background .3s}input[type=checkbox]:checked{background:#dedede}.spacer{margin-right:15px}.spacer.small{margin-right:5px}.toggle{position:relative;left:-5px;top:5px}.toggle input{height:0;width:0;visibility:hidden;margin-left:10px}.toggle label{cursor:pointer;text-indent:-9999px;width:30px;height:15px;background:grey;display:inline-block;border-radius:100px;position:relative;border:1px solid #666;background:none}.toggle label:after{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;background:#dedede;border-radius:13px;transition:.3s}.toggle input:checked+label:after{left:calc(100% - 1px);transform:translateX(-100%)}.toggle input:checked+label{background:none}