body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#ffeaeb}.logoContainer{width:100%;text-align:center;margin-top:6vw}.logoContainer img{width:30vw}.collageBox{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10vw;box-sizing:border-box}.collageItem{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:1vw;box-sizing:border-box}.collageItem img{width:100%}.cameraFeedContainer{width:100%;display:flex;justify-content:center;align-items:center;margin-top:6vw}.cameraFeedBox{width:55vw;position:relative}.cameraFeedBox video,.cameraFeedBox .outputImage{width:100%;border-radius:2vw;height:97.35vw;background-color:#000}.cameraFeedBox .outputImage{object-fit:contain}.progressContainer{display:flex;width:100%;justify-content:space-between;margin-bottom:2vw}.progressContainer .steps{border:1px solid #0a64bc;color:#0a64bc;padding:.5vw;width:32%;border-radius:1vw;box-sizing:border-box;text-align:center}.progressContainer .steps.active{color:#fff;background-color:#0a64bc}.logoContainerOP{margin-top:2vw;width:100%;display:flex;justify-content:space-between;padding:0 2vw;box-sizing:border-box}.logoContainerOP .logoBox img{width:20vw}.tapButtonContainer{position:absolute;bottom:4vw;width:100%;display:flex;justify-content:center}.tapButtonContainer img{width:12vw;cursor:pointer}.countdownOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;font-weight:700;color:#fff;text-shadow:2px 2px 10px black;animation:pop 1s ease-in-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.belowBtnContainer{display:flex;position:absolute;width:100%;justify-content:space-between;padding:0 5vw;box-sizing:border-box;align-items:center;left:0;bottom:5vw}.belowBtnContainer img{width:10vw}.flipBtnContainer{position:absolute;right:5vw;bottom:4vw}.flipBtnContainer img{width:9vw}.loaderOverlay{position:fixed;width:100vw;height:100vh;background-color:#000c;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;left:0;top:0}.warningOverlay{position:fixed;width:100vw;height:100vh;background-color:#000;color:#fff;font-size:24px;left:0;top:0}.warningOverlayInner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.QRContainer{position:absolute;bottom:-10vw;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;z-index:2}.QRContainer .QRBox{width:20vw;padding:2vw;box-sizing:border-box;background-color:#fff}.QRContainer .QRBox svg{width:100%;height:auto}.QRContainer .tgBtn{color:#0a64bc;font-size:4vw;margin-top:3vw}.formMainContainer{height:69dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.formMainContainer .formInnerContainer{width:70vw}.inputGroup{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:5vw}.inputGroup .label{background:#0b64bc;color:#fff;padding:1vw;width:40vw;text-align:center;font-size:3vw;font-weight:700;border-radius:1.5vw 1.5vw 0 0}.inputContainer{width:100%}.inputContainer input,.inputContainer textarea{width:100%;border:5px solid #0b64bc;box-sizing:border-box;padding:1vw;border-radius:3vw;height:8vw;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:3vw;text-align:center}.inputContainer textarea{height:20vw;box-sizing:border-box;padding:4vw}.buttonContainer{text-align:center;margin-top:6vw}.buttonContainer button{border:none;outline:none;background:none;width:25vw}.buttonContainer button img{width:100%}.tyContainer{height:79dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3vw;box-sizing:border-box;padding:22vw;text-align:center;color:#0b64bc}.topContent{margin-bottom:5vw;font-size:8vw;font-weight:700}.bottomContent{font-size:4vw}@media (orientation: portrait){.warningOverlay{display:none}}@media (orientation: landscape){.warningOverlay{display:block}}