@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body,html{margin:0;overflow:hidden}html{font-family:sans-serif}body.loading:after{content:" ";position:fixed;left:0;right:0;top:0;bottom:0;display:block;width:4rem;height:4rem;margin:auto;border:2px solid rgba(0,0,0,.25);border-left-color:#000;border-radius:50%;-webkit-animation:rotate .8s linear infinite;animation:rotate .8s linear infinite}body.loading>*{opacity:.15}.stats{position:fixed;top:0;left:0;z-index:200;margin:.5rem;padding:.5rem .5rem 0;background-color:hsla(0,0%,100%,.6);border-radius:6px}.stats-item{margin:0 0 .5rem}.stats-item-title{margin:0 0 .25rem;font-size:.75rem}#stats div{position:relative!important}#app{position:fixed;top:0;left:0;width:100%;height:100%}#canvas,#video{position:absolute;top:0;left:0;display:block;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}#canvas{z-index:100}#help-message{z-index:100;text-align:center;height:40px;margin:0 auto;opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#help-message label{font-size:1.5rem;color:#fff;text-shadow:0 0 3px #000;display:block}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #dfc;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}