html{zoom:inherit}body{font-family:helvetica,arial,sans-serif;margin:0;color:#3d3d3d;--mdc-theme-primary: #007f8b;--mdc-theme-on-primary: #f1f3f4}h1{font-style:italic;color:#ff6f00;color:#007f8b}h2{clear:both}em{font-weight:700}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}video{clear:both;display:block;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}section{opacity:1;transition:opacity .5s ease-in-out}.sectionContainer{width:100%}header,footer{margin-top:.5em}.removed{display:none}.invisible{opacity:.2}.note{font-style:italic;font-size:130%}.videoView{display:flex;align-items:center}.detectOnClick,.blend-shapes{position:relative;float:left;width:48%;margin:2% 1%;cursor:pointer}.highlighter{background:#00ff0040;border:1px dashed #fff;z-index:1;position:absolute}.canvas{z-index:1;position:absolute;pointer-events:none}.output_canvas{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.blend-shapes-item{display:flex;align-items:center;height:20px}.blend-shapes-label{display:flex;width:120px;justify-content:flex-end;align-items:center;margin-right:4px}.blend-shapes-value{display:flex;height:16px;align-items:center;background-color:#007f8b}.mainContainer{display:flex;flex-direction:column;align-items:center;margin-left:2rem;margin-right:2rem}.header{display:flex;flex-direction:column;align-items:center}.gestureContainer{position:absolute;width:480px;height:360px}.gestureContainer img{height:inherit}.logoContainer{background-color:#da291c;display:flex;width:100%;justify-content:center}.logoContainer path{fill:#fff}.oval{width:40%;top:20%;left:30%;height:60%;border:1px solid #000;border-radius:50%;position:absolute;z-index:10}template{display:none}.videoView{display:flex;align-items:center;position:relative;visibility:hidden;overflow:hidden}.videoView.visible{visibility:visible}.videoView video{min-width:100%;aspect-ratio:54/85;object-fit:cover;transform:scaleZ(-1)}#root h3{margin-top:1rem}.videoView.face video{transform:scaleX(-1)}.videoView.face:before{content:"";position:absolute;width:60%;aspect-ratio:54/85;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:.2rem solid rgba(255,190,49,.5);box-shadow:0 0 0 2000px #0006;z-index:998}.videoView.face:after{border:.2rem solid rgba(255,190,49,.815);border-radius:50%}.videoView.face.no-face:after{border:.2rem solid rgba(255,49,49,.815)}.videoView.face.no-face:before{border:.2rem solid rgba(255,255,255,.9)}.videoView.face.smily-face:after{border:.2rem solid rgba(90,255,49,.815)}.videoView.face.smily-face:before{border:.2rem solid rgba(66,255,49,.5)}.transparent-screen{position:relative;overflow:hidden;height:100%}.videoView.doc:after{content:"";aspect-ratio:54/85;position:absolute;left:50%;top:40%;transform:translate3d(-50%,-50%,0);box-shadow:0 0 0 2000px #0006;border-radius:1rem;border:#fff 1px solid;width:95%;height:50%;z-index:200}.helper{font-family:helvetica,arial,sans-serif;margin:0 3rem}.explain{text-align:center}.loadingText{width:100%;text-align:center;position:absolute;font-size:smaller}.buttonContainer{display:flex;justify-content:center;position:absolute;bottom:10%;z-index:300;width:100%}.button{display:flex;aspect-ratio:1/1;align-items:center;border-radius:50%;border:4px solid rgba(255,255,255,.8);background-color:#0a7c06cc;color:#fff;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .2s ease-out}.action-button{display:flex;flex-direction:column;justify-content:center;border-radius:2rem;background-color:#da291c;margin:0 .5rem;height:1.5rem}.action-button:active{background-color:#8d1602}.cancel-icon{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;border-radius:50%;width:2rem;background-color:#da291c;color:#fff;font-weight:700;cursor:pointer;font-size:1rem}.success-icon{display:flex;aspect-ratio:1/1;align-items:center;border-radius:50%;border:4px solid #02C66A;color:#02c66a;font-weight:700;cursor:pointer;font-size:1rem}.floating-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;color:#fff;font-size:2rem;font-weight:700}.icon-container{display:flex;width:100%;justify-content:center;align-content:center}.button:hover,.button:focus,.button:active{background-color:#a8eca6}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424e6;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryColor: #d13030}body,#root{margin:0;min-height:100%}