body,html{height:100%}body{font-family:"Open Sans",sans-serif!important;color:#272c33;margin:0;padding:0}#root,.App{height:100%}.control{position:absolute;top:0;right:0;z-index:999}.viewer-container{position:relative;width:100vw;height:100%;max-height:-webkit-fill-available;background:#eee;overflow:hidden}.viewer-container .anchor-control{position:absolute;bottom:10px;left:10px;z-index:10}.viewer-container .anchor-control svg{cursor:pointer;color:#fff;background-color:#428bca;border:2px solid #357ebd}.viewer-container .anchor-control svg.disabled{color:#fff;border-color:#fff;background:transparent}@media(min-aspect-ratio:1/1){.viewer-container .anchor-control{width:12vh;height:12vh}}@media(max-aspect-ratio:1/1){.viewer-container .anchor-control{width:12vw;height:12vw}}.viewer-container .anchor-control img{width:100%;height:100%}.viewer-container .capture-preview{display:flex;flex-direction:column;align-items:center;padding-top:10vh;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:99;background:transparent}.viewer-container .capture-preview .image-container{border:2px solid #fff;position:relative;width:70%;height:70%}.viewer-container .capture-preview .image-container img.preview-photo{width:100%;height:100%}.viewer-container .capture-preview .image-container .close-button{position:absolute;right:0;top:0;border:2px solid #fff;border-top:none;border-right:none;padding:2%;color:#fff;background:transparent}.viewer-container .capture-preview .preview-control{width:80%;display:flex;flex-direction:row}.viewer-container .capture-preview .preview-control button{width:100%;padding:2%;cursor:pointer;background:transparent;border:2px solid #fff;color:#fff}@media(min-aspect-ratio:1/1){.viewer-container .capture-preview .preview-control button{font-size:5vh}}@media(max-aspect-ratio:1/1){.viewer-container .capture-preview .preview-control button{font-size:5vw}}.poweredby-overlay.overlay{bottom:auto;color:#6699b2;opacity:.8;flex-direction:row;justify-content:left}@media(min-aspect-ratio:1/1){.poweredby-overlay.overlay{top:1vh;left:1vh}.poweredby-overlay.overlay.hasPreview{top:16vh}}@media(max-aspect-ratio:1/1){.poweredby-overlay.overlay{top:1vw;left:1vw}.poweredby-overlay.overlay.hasPreview{top:16vw}}@media(min-aspect-ratio:1/1){.poweredby-overlay.overlay img{height:12vh}}@media(max-aspect-ratio:1/1){.poweredby-overlay.overlay img{height:12vw}}.preview-overlay.overlay{top:0;bottom:auto;flex-direction:column;background:#6699b2;border-bottom:5px solid #1c3b5f;text-align:center;color:#fff;opacity:.8;line-height:1.5em;z-index:3}.preview-overlay.overlay a{text-decoration:none;margin-left:10px;padding:0 20px;background:#eee;border:2px solid #3f4652;color:#1c3b5f;border-radius:10px;white-space:nowrap}@media(min-aspect-ratio:1/1){.preview-overlay.overlay{font-size:3vh;padding:2vh;height:10vh}}@media(max-aspect-ratio:1/1){.preview-overlay.overlay{font-size:3vw;padding:2vw;height:10vw}}.overlay{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0;background:transparent;z-index:2}.overlay.hidden{display:none}.loading .loader{border:16px solid #6699b2;border-top-color:#1c3b5f;opacity:.8;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@media(min-aspect-ratio:1/1){.loading .loader{width:15vh;height:15vh;border-width:3vw}}@media(max-aspect-ratio:1/1){.loading .loader{width:15vw;height:15vw;border-width:3vw}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pre-start{text-align:center}.pre-start .inner{display:flex;flex-direction:column;justify-content:center;border-radius:10px;width:50%;padding:30px;margin:auto;background:#6699b2;color:#fff;opacity:.8}@media(min-aspect-ratio:1/1){.pre-start .inner{font-size:5vh}}@media(max-aspect-ratio:1/1){.pre-start .inner{font-size:5vw}}.pre-start .inner button{margin-top:5%;padding:3%;background:#eee;border:2px solid #3f4652;color:#3f4652;border-radius:10px}@media(min-aspect-ratio:1/1){.pre-start .inner button{font-size:5vh}}@media(max-aspect-ratio:1/1){.pre-start .inner button{font-size:5vw}}.scanning{display:flex;justify-content:center}.scanning.hide{display:none}.scanning.unseen{opacity:0}.scanning .inner{position:relative;display:flex;justify-content:center;opacity:.8;background:linear-gradient(90deg,#fff 20%,transparent 0) 0 0,linear-gradient(90deg,#fff 20%,transparent 0) 0 100%,linear-gradient(270deg,#fff 20%,transparent 0) 100% 0,linear-gradient(270deg,#fff 20%,transparent 0) 100% 100%,linear-gradient(180deg,#fff 20%,transparent 0) 0 0,linear-gradient(180deg,#fff 20%,transparent 0) 100% 0,linear-gradient(0deg,#fff 20%,transparent 0) 0 100%,linear-gradient(0deg,#fff 20%,transparent 0) 100% 100%;background-repeat:no-repeat;background-size:20% 20%}@media(min-aspect-ratio:1/1){.scanning .inner{width:60vh;height:60vh}}@media(max-aspect-ratio:1/1){.scanning .inner{width:80vw;height:80vw}}.scanning .inner .launch-guide{pointer-events:none;position:absolute;width:100%;height:100%;font-size:30px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.scanning .inner .launch-guide .text{display:flex;justify-content:center;margin-bottom:20px}.scanning .inner .launch-guide svg{display:flex;justify-content:center;width:40%;height:40%}.scanning .inner .scanline{position:absolute;width:100%;height:4%;background:#fff;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;z-index:2}@-webkit-keyframes move{0%,to{top:0}50%{top:calc(100% - 10px)}}@keyframes move{0%,to{top:0}50%{top:calc(100% - 10px)}}.scanning .inner .inner-swiper{width:80%;height:80%;align-self:center}.scanning .inner .inner-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.scanning .inner .inner-swiper .swiper-slide img{max-width:100%;max-height:100%;width:100%;height:100%;opacity:.6;object-fit:contain;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.scanning .selection{position:fixed;bottom:0;right:-50%;max-width:50%;background:#d8e6ed;transition:.5s linear;z-index:2}.scanning .selection.show{right:0}.scanning .selection .items{display:flex;padding:2px;flex-wrap:wrap}.scanning .selection .items .item{width:12vw;height:12vw;text-align:center;display:flex;justify-content:center}.scanning .selection .items .item img{width:90%;object-fit:contain}.scanning .dropdown{position:fixed;bottom:10px;right:10px}@media(min-aspect-ratio:1/1){.scanning .dropdown{height:12vh;width:12vh}}@media(max-aspect-ratio:1/1){.scanning .dropdown{height:12vw;width:12vw}}.scanning .dropdown img{width:100%;height:100%}.scanning .footer{position:fixed;bottom:0;width:100%;background:hsla(0,0%,100%,.2)}@media(min-aspect-ratio:1/1){.scanning .footer{height:15vh}}@media(max-aspect-ratio:1/1){.scanning .footer{height:15vw}}.scanning .footer .swiper-container{height:100%}.scanning .footer .swiper-slide{height:100%;border:0 solid #fff;display:flex;align-items:center;justify-content:center}@media(min-aspect-ratio:1/1){.scanning .footer .swiper-slide{width:15vh}}@media(max-aspect-ratio:1/1){.scanning .footer .swiper-slide{width:15vw}}.scanning .footer .swiper-slide img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=main.c429ea7e.chunk.css.map */