body{margin:0;padding:0}#container-circles{bottom:90px;left:50%;position:absolute}#outer-circle{background-color:hsla(0,0%,100%,.4);height:75px;left:-37px;width:75px;z-index:1}#inner-circle,#outer-circle{border-radius:50%;position:absolute}#inner-circle{background:#fff;height:44px;left:50%;margin:-22px 0 0 -22px;top:38px;width:44px;z-index:2}#inner-circle.is-clicked{height:38px;margin:-19px 0 0 -19px;width:38px}#white-flash.normal{height:100%;opacity:1;position:absolute;transition:opacity .9s ease-out;width:100%}#white-flash.do-transition{background:#fff;opacity:0}#display-error{background-color:#fff;color:#000}.react-html5-camera-photo{position:relative;text-align:center}.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:768px}.react-html5-camera-photo>.display-error{margin:0 auto;width:768px}@media (max-width:768px){.react-html5-camera-photo>.display-error,.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:100%}}.react-html5-camera-photo-fullscreen>img,.react-html5-camera-photo-fullscreen>video{height:100vh;width:100vw}.react-html5-camera-photo-fullscreen>video{object-fit:fill}.react-html5-camera-photo-fullscreen>.display-error{height:100vh;width:100vw}.results{height:10vh;overflow:auto;white-space:pre-wrap;width:100%}.image-capture-container{font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;height:100%;width:100%}.image-capture-container .input-container{border:1px solid #000;display:flex;height:100%;justify-content:center;margin:0 auto;width:80%}.image-capture-container .results{height:100%;margin-top:20px;white-space:pre-wrap}.hello-world-page{text-align:center}.title{align-items:center;display:flex;justify-content:center;margin-top:20px}.title .title-logo{animation:retate 5s linear infinite;height:60px;width:60px}.buttons-container{margin:20px auto;text-align:center}.buttons-container button{background-color:initial;border:1px solid #000;cursor:pointer;display:inline-block;padding:5px 15px}.buttons-container button:first-child{border-bottom-left-radius:10px;border-right:transparent;border-top-left-radius:10px}.buttons-container button:nth-child(2){border-bottom-right-radius:10px;border-left:transparent;border-top-right-radius:10px}@media screen and (max-width:800px){.buttons-container{width:70%}}@keyframes retate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7120818a.css.map*/