@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hidden{opacity:0!important}#root,body,html{height:100%;font-family:Roboto;overflow-x:hidden!important}.center-notification{display:flex;align-content:space-around;justify-content:space-around;flex-wrap:wrap;height:calc(100vh - 30px)}.instruction{font-size:15px;font-weight:700;text-align:center}.instruction div{display:block;font-size:12px;font-weight:400}.instruction.instruction-error{color:#1b0005;background-color:#ff9aae;border:1px solid #1b0005;padding:25px}.instruction.instruction-error div{font-size:14px}.render-error{text-align:center;width:400px}.render-error h4{font-size:20px;font-weight:700;margin-bottom:25px}.render-error ul{list-style-type:disc;list-style-position:inside;text-align:left;margin:0 auto 20px;width:300px}.render-error button{font-size:18px;font-weight:700;padding:20px;background-color:#3e17e9;color:#fff;min-width:150px;border:none}.visual-component-instr{height:80px}.visual-component,.visual-component-instr{text-align:center;display:flex;align-content:space-around;justify-content:space-around;flex-direction:row;flex-wrap:wrap}.visual-component{max-height:600px;min-height:408px;overflow:hidden;cursor:pointer}.visual-component .footer{position:absolute;bottom:0;right:0;width:100%;height:60px;margin-bottom:20px;padding-left:30px;padding-right:30px;z-index:10;display:flex;flex-direction:column;justify-content:flex-end}.visual-component .footer>div{width:100%;color:#fff;font-size:.8rem}.footer{width:70%;display:inline-block;text-align:left}@media (max-width:530px){body{overflow-x:scroll}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.transition{opacity:1;transition:opacity 3s ease-in}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.btn-restart-process{background-image:linear-gradient(90deg,#134e5e 0,#71b280 51%,#134e5e);padding:10px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:7px;display:block;border:1px solid #134e5e;margin-bottom:10px}.btn-restart-process:hover{background-position:100%;color:#fff;text-decoration:none}.btn-copy-token{color:#aaa;display:inline-block}.btn-shape{color:#aaa}.btn-shape span{font-weight:700;color:#71b280}@media (max-width:600px){.token{max-width:100%;margin-top:60px;margin-bottom:20px;flex-direction:column}}.video-enter{opacity:0}.video-enter-active{opacity:1;transition:opacity 3s}.video-exit{opacity:1}.video-exit-active{opacity:0;transition:opacity 3s}.slick-item{margin:15px;height:125px;cursor:pointer}.slick-selected{border:1px solid #ccc}.box-mask{position:absolute;z-index:999;background-color:hsla(0,0%,100%,.6)}.box-mask-face{position:absolute;display:inline-block;top:50%;left:50%;height:380px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:30}.progress-box__canvas{position:absolute;top:50%;left:50%;height:100%;-webkit-transform:scaleX(-1) translate(50%,-50%);transform:scaleX(-1) translate(50%,-50%);z-index:2}.progress-box__bar{width:100%;color:#fff}.progress-box__bar .ui.progress{height:4px;background:none;border:1px solid #fff}.progress-box__bar__text{width:100%}.progress-box__bar__text--bottom{text-align:left}.progress-box__bar__text--right{float:right}.take-photo-actions{position:absolute;z-index:99;width:100%;bottom:0;display:flex;align-items:center;justify-content:center}.take-photo-actions__btn{background:none;margin:30px 30px 10px;color:#155724;background-color:#d4edda;border:#d4edda;border-radius:7px;padding:8px;width:90px;min-height:90px}.take-photo-actions__btn svg{font-size:2rem;display:block;margin:0 auto 10px}.info-text{position:absolute;left:50%;bottom:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20;font-size:1.5rem;color:#fff;text-shadow:2px 2px #000}.record-timer-text{width:100%;top:5%;font-size:1.5rem}.record-timer-text,.start-text{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20;color:#fff;text-shadow:2px 2px #000}.start-text{top:50%;font-size:2.5rem}@media screen and (max-width:450px){.info-text,.record-timer-text{font-size:1rem}.start-text{font-size:1.5rem}}.bar{background:#fff}.mask-ol-z{z-index:10;opacity:.6!important}.mask{position:absolute;left:50%;width:100%;max-width:929px;margin:auto;height:100%;background-position:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mask--arc-show:before{content:"";z-index:999;display:block;position:absolute;top:50%;left:50%;border-radius:50%;border-left:50px solid #fff;opacity:.8;height:50%;width:35%;-webkit-transform:translate(-50%,-50%) rotateY(92deg);transform:translate(-50%,-50%) rotateY(92deg)}.mask--arc-animated:before{-webkit-animation:arc-animation 10s linear;animation:arc-animation 10s linear}.alert-on-top{font-size:1rem;width:auto;display:inline-block;margin-top:5px;border-radius:7px!important;position:relative;padding:.5rem 1rem;color:#155724;background-color:#d4edda;border:1px solid #d4edda}@-webkit-keyframes arc-animation{0%{-webkit-transform:translate(-50%,-50%) rotateY(94deg);transform:translate(-50%,-50%) rotateY(94deg)}23.75%{-webkit-transform:translate(-50%,-50%) rotateY(180deg);transform:translate(-50%,-50%) rotateY(180deg)}51.25%{-webkit-transform:translate(-50%,-50%) rotateY(94deg);transform:translate(-50%,-50%) rotateY(94deg)}76.25%{-webkit-transform:translate(-50%,-50%) rotateY(0deg);transform:translate(-50%,-50%) rotateY(0deg)}97.5%{-webkit-transform:translate(-50%,-50%) rotateY(92deg);transform:translate(-50%,-50%) rotateY(92deg)}to{-webkit-transform:translate(-50%,-50%) rotateY(92deg);transform:translate(-50%,-50%) rotateY(92deg)}}@keyframes arc-animation{0%{-webkit-transform:translate(-50%,-50%) rotateY(94deg);transform:translate(-50%,-50%) rotateY(94deg)}23.75%{-webkit-transform:translate(-50%,-50%) rotateY(180deg);transform:translate(-50%,-50%) rotateY(180deg)}51.25%{-webkit-transform:translate(-50%,-50%) rotateY(94deg);transform:translate(-50%,-50%) rotateY(94deg)}76.25%{-webkit-transform:translate(-50%,-50%) rotateY(0deg);transform:translate(-50%,-50%) rotateY(0deg)}97.5%{-webkit-transform:translate(-50%,-50%) rotateY(92deg);transform:translate(-50%,-50%) rotateY(92deg)}to{-webkit-transform:translate(-50%,-50%) rotateY(92deg);transform:translate(-50%,-50%) rotateY(92deg)}}.MoveAnimation-wrap{position:absolute;left:50%}.MoveAnimation{color:#00ffd1;box-sizing:border-box;border:3px solid #00ffd1;border-radius:20%;position:absolute;will-change:box-shadow,opacity}.MoveAnimation:after{content:"";display:table;clear:both}.MoveAnimation.is-animating{color:#fff;border-color:#fff;-webkit-animation:MoveAnimation-highlight .3333333333333s linear 2.5s 3 alternate;animation:MoveAnimation-highlight .3333333333333s linear 2.5s 3 alternate}.MoveAnimation.is-animating:before{content:"";box-sizing:border-box;width:112%;height:112%;border-radius:inherit;display:block;position:absolute;top:-6%;left:-6%;opacity:0;box-shadow:-25px 0 10px -6px rgba(0,221,221,.4),inset 12px 0 10px -6px rgba(0,221,221,.4);will-change:opacity;-webkit-animation:MoveAnimation-shadow .3333333333333s linear 2.5s 3 alternate;animation:MoveAnimation-shadow .3333333333333s linear 2.5s 3 alternate}.MoveAnimation-line{color:hsla(0,0%,100%,.8);width:0;height:100%;border-left:2px solid #fff;border-radius:50%;float:left;position:relative;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);box-shadow:-6px 0 6px -3px,inset 6px 0 6px -3px;will-change:width,border,box-shadow;animation:line-center-left .3333333333333s linear 2.5s 3 alternate-reverse,line-center-left 2.3s linear 3.5s 1 forwards,line-left-center 2.3s linear 5.8s 1 forwards,line-center-right 2.3s linear 8.1s 1 forwards,line-right-center 2.1s linear 10.4s 1 forwards}.MoveAnimation-arrow{width:40px;height:40px;float:left;position:absolute;top:40%;left:50px;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#fff;opacity:0;will-change:left,opacity;-webkit-animation:MoveAnimation-arrow .3333333333333s linear 2.5s 3 alternate;animation:MoveAnimation-arrow .3333333333333s linear 2.5s 3 alternate}.MoveAnimation-arrow:before{content:"";width:0;height:0;border:50px solid transparent;border-right-color:#fff;border-left:none;display:inline-block;float:left;position:relative;bottom:30px;left:-50px}@-webkit-keyframes line-center-left{0%{width:0;border-right:none;border-left:2px solid #fff;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}to{width:100%;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}}@keyframes line-center-left{0%{width:0;border-right:none;border-left:2px solid #fff;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}to{width:100%;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}}@-webkit-keyframes line-left-center{0%{width:100%;border-right:none;border-left:2px solid #fff;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}to{width:0;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}}@keyframes line-left-center{0%{width:100%;border-right:none;border-left:2px solid #fff;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}to{width:0;-webkit-clip-path:polygon(-10% 0,-10% 100%,50% 100%,50% 0)}}@-webkit-keyframes line-center-right{0%{width:0;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}to{width:100%;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}}@keyframes line-center-right{0%{width:0;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}to{width:100%;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}}@-webkit-keyframes line-right-center{0%{width:100%;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}to{width:0;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}}@keyframes line-right-center{0%{width:100%;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}to{width:0;border-right:2px solid #fff;border-left:none;-webkit-clip-path:polygon(50% 0,50% 100%,110% 100%,110% 0);box-shadow:6px 0 6px -3px,inset -6px 0 6px -3px}}@-webkit-keyframes MoveAnimation-highlight{0%{box-shadow:-45px 0 10px -30px #00ffd1}to{box-shadow:-45px 0 10px -30px transparent}}@keyframes MoveAnimation-highlight{0%{box-shadow:-45px 0 10px -30px #00ffd1}to{box-shadow:-45px 0 10px -30px transparent}}@-webkit-keyframes MoveAnimation-shadow{0%{opacity:1}50%{opacity:0}}@keyframes MoveAnimation-shadow{0%{opacity:1}50%{opacity:0}}@-webkit-keyframes MoveAnimation-arrow{0%{left:50px;opacity:.7}to{left:calc(50% + 50px);opacity:.7}}@keyframes MoveAnimation-arrow{0%{left:50px;opacity:.7}to{left:calc(50% + 50px);opacity:.7}}#Ticks{width:0;height:0;opacity:0}#Tick-line{stroke-width:1px;stroke:#000}#Tick-hilite-line{stroke-width:2px;stroke:#2da698}.TickScale{width:90%;height:75px;max-width:300px;padding:0;display:flex;position:relative;align-self:center}.TickScale-left,.TickScale-right{display:flex;position:relative;flex:1 1 50%}.TickScale-left{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.TickScale-center{color:#000;width:2px;height:70%;position:absolute;top:15%;left:calc(50% - 1px);flex:0 0 auto;background-color:#000}.TickScale-indicator{color:#00ffd1;height:80%;top:10%;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#00ffd1;opacity:0;box-shadow:0 0 3px 0;will-change:left,opacity;-webkit-animation:show-indicator 50ms linear 2.5s 1 forwards,go-left 2.3s linear 3.5s 1 forwards,go-left-center 2.3s linear 5.8s 1 forwards,go-right 2.3s linear 8.1s 1 forwards,go-right-center 2.1s linear 10.4s 1 forwards;animation:show-indicator 50ms linear 2.5s 1 forwards,go-left 2.3s linear 3.5s 1 forwards,go-left-center 2.3s linear 5.8s 1 forwards,go-right 2.3s linear 8.1s 1 forwards,go-right-center 2.1s linear 10.4s 1 forwards}.TickScale-static{will-change:left,opacity;-webkit-animation:glow 50ms linear 3.5s 1 forwards;animation:glow 50ms linear 3.5s 1 forwards}[dir=rtl] .TickScale-left{order:2}@-webkit-keyframes show-indicator{0%{opacity:0}to{opacity:1}}@keyframes show-indicator{0%{opacity:0}to{opacity:1}}@-webkit-keyframes go-left{to{left:2px}}@keyframes go-left{to{left:2px}}@-webkit-keyframes go-left-center{0%{left:2px}to{left:calc(50% - 1px)}}@keyframes go-left-center{0%{left:2px}to{left:calc(50% - 1px)}}@-webkit-keyframes go-right{to{left:calc(100% - 4px)}}@keyframes go-right{to{left:calc(100% - 4px)}}@-webkit-keyframes go-right-center{0%{left:calc(100% - 4px)}to{left:calc(50% - 1px)}}@keyframes go-right-center{0%{left:calc(100% - 4px)}to{left:calc(50% - 1px)}}@-webkit-keyframes glow{0%{color:#000;background-color:#000}to{color:#2da698;background-color:#2da698}}@keyframes glow{0%{color:#000;background-color:#000}to{color:#2da698;background-color:#2da698}}.Ticks{width:100%;height:100%}.Ticks-hilite{position:absolute;top:0;left:0}.Ticks-animate{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.Ticks-animate-left{-webkit-animation:go-out 2.3s linear 3.5s 1 forwards;animation:go-out 2.3s linear 3.5s 1 forwards}.Ticks-animate-right{-webkit-animation:go-out 2.3s linear 8.1s 1 forwards;animation:go-out 2.3s linear 8.1s 1 forwards}.app-footer{background-color:#8082ff;bottom:0;color:#fff;margin:0;padding:5px;font-size:11px;vertical-align:middle}.app-footer button{background:none;border:none;color:#fff}.app-footer>.copy-log{float:right}@media (max-width:530px){.btn-copy-token{font-size:.8rem}.btn-restart-process{margin:0;font-size:.8rem;padding:10px 25px}.take-photo-actions__btn{font-size:.8rem;width:115px;margin:20px}.take-photo-actions__btn svg{font-size:2.5rem}.alert-on-top{font-size:1.1rem}.footer{width:auto}}.Virtual-Mirror-App{display:flex;min-height:100vh;flex-direction:column}.Virtual-Mirror-Content{flex:1 1;max-height:calc(100vh - 30px)}footer{min-height:30px;max-height:30px;vertical-align:middle}
/*# sourceMappingURL=main.e73f4487.chunk.css.map */