body,html{overflow:hidden;position:fixed;width:100%}body{height:100%;color:#000}h2{text-align:center}a,a:hover{text-decoration:none;color:#fff}.flex-container{display:flex;flex-direction:column;height:100%}.flex-container .content{flex:0 1 auto;overflow-y:hidden;overflow-x:hidden}.flex-container .footer{flex:0 1 auto;background-color:#eee;text-align:center;padding:1em}.flex-container .expand{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.center{text-align:center;margin:0 auto}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.wrapper{position:relative}.video{position:absolute;top:0}.video.fadeIn{opacity:1;transition:opacity .5s}.video.fadeOut{opacity:0;transition:opacity .5s}.feedback{top:5;left:5}.feedback,.icon{position:absolute}.icon{font-size:1.5rem;transition:opacity .5s ease-in-out}.filled{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.icon.green{left:0}.icon.yellow{left:2rem}.icon.red{left:4rem}.visible{opacity:1}.hidden,.invisible{opacity:0}.hidden{display:none}.showing{display:block;opacity:1}.subtitle-container{position:relative;transition:top .5s,color .5s,box-shadow .5s ease-in-out}.subtitle{padding:1em;transition:height .5s}.idle{color:#fff;box-shadow:inset 0 0 0 3000px rgba(0,0,0,.25)}.playing{color:#000;box-shadow:inset 0 0 0 3000px transparent}.arrow{position:absolute;left:50%;top:0;color:#fff;transition:transform .5s,top .5s ease-in-out}.options{position:relative;transition:top .5s}.spinner{position:absolute;top:50%;left:50%}
/*# sourceMappingURL=main.3b369a4a.chunk.css.map */