@font-face{font-family:"Saudi Serif";src:url(/assets/SaudiSerif-Bold-BvTE9sbH.woff2) format("woff2"),url(/assets/SaudiSerif-Bold-ChZTlWka.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Saudi Sans;src:url(/assets/SaudiSans-Regular-CxZZRLYy.woff2) format("woff2"),url(/assets/SaudiSans-Regular-DQh3aNGj.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{font-family:"Saudi Serif";margin:0;overflow:hidden;width:100vw;height:100vh;background-color:#fff;box-sizing:border-box;padding:0}.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.Container{height:93%;width:96%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1vw;overflow:hidden}.logoHomeContainer{text-align:center;margin-top:10.36vh}.logoHomeContainer img{width:42.87%}.pageHeader{margin-top:11.31vh;text-align:center;font-size:5vw;color:#565656}.formContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:5.86vh}.formHeader{text-align:center;font-size:50px;color:#565656}form{width:57.31vw;margin-top:2.35vh}form input{box-sizing:border-box;width:100%;background:#22a09d;border:1px solid #27dad6;height:73px;border-radius:14px;font-family:Saudi Sans;color:#fff;font-size:36px;text-align:center;outline:none}.homeButtonContainer{margin-top:12vw;width:100%;text-align:center;z-index:2}.homeButtonContainer button{cursor:pointer;background:transparent linear-gradient(180deg,#36e9e5,#22a09d) 0% 0% no-repeat padding-box;width:329px;height:73px;border:2px solid #22a09d;border-radius:13px;text-align:center;font:normal normal medium 36px/44px Saudi Sans;letter-spacing:.36px;color:#fff;text-shadow:0px 3px 4px #00000054;font-size:36px;outline:none}.homeButtonContainer button:disabled{background:transparent;color:#22a09d;text-shadow:none}.selectionLogo{margin-top:153px;width:100%;text-align:center}.selectionLogo img{width:376px}.slectionHeader{margin-top:100.97px;text-align:center;font-size:50px;color:#565656}.avatarContainer{display:flex;margin-top:120px;padding:0 7vw;box-sizing:border-box;justify-content:center;align-items:center;gap:59px}.avatarContainer img{width:327px;cursor:pointer;opacity:.5}.selectionBtnContainer{position:fixed;bottom:22vh;text-align:center;width:100%;left:0}.selectionBtnContainer button{cursor:pointer;background:transparent linear-gradient(180deg,#36e9e5,#22a09d) 0% 0% no-repeat padding-box;width:329px;height:73px;border:2px solid #22a09d;border-radius:13px;text-align:center;font:normal normal medium 36px/44px Saudi Sans;letter-spacing:.36px;color:#fff;text-shadow:0px 3px 4px #00000054;font-size:36px;outline:none}.selectionBtnContainer button:disabled{background:transparent;color:#22a09d;text-shadow:none}.cameraPopup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f0;background-color:#fff}.cameraPopupInner{width:100%;height:100%}.cameraContainer{display:flex;justify-content:center;background-color:#fff}.cameraMainContainer{height:1080px;width:1436.4px;background-color:#fff;position:relative}.videoFeedContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:center;object-fit:contain}.videoFeedContainer img{width:100%;object-fit:cover}.videoFeedContainer video{height:100%;width:100%;object-fit:cover!important}.captureBtnContainer{width:5vw;position:absolute;bottom:2vw;left:44%}.captureBtnContainer img{width:100%;object-fit:cover}.cameraPageHeader{margin-top:60.31px;text-align:center;font-size:50px;color:#565656}.preveiwContainer{margin-top:2vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.previewImageContainer{width:50vw;height:37.5vw;position:relative}.previewImageContainer img{width:100%;height:100%;object-fit:cover}.previewImageContainer img:nth-child(2){position:absolute;bottom:0;left:0vw}.previewImageContainer img:nth-child(2){width:100%!important;object-fit:cover}.previewButtonContainer{margin-top:1vw;width:100%;text-align:center}.previewButtonContainer .success{cursor:pointer;background:transparent linear-gradient(180deg,#36e9e5,#22a09d) 0% 0% no-repeat padding-box;width:12vw;height:3.1vw;border:2px solid #22a09d;border-radius:13px;text-align:center;font:normal normal medium 36px/44px Saudi Sans;letter-spacing:.36px;color:#fff;text-shadow:0px 3px 4px #00000054;font-size:2vw;outline:none}.previewButtonContainer .retake{cursor:pointer;background:transparent linear-gradient(180deg,#fab2bf,#f15b74) 0% 0% no-repeat padding-box;width:13vw;height:3.2vw;border:2px solid #f1627b;border-radius:13px;text-align:center;font:normal normal medium 36px/44px Saudi Sans;letter-spacing:.36px;color:#fff;text-shadow:0px 3px 4px #00000054;font-size:36px;outline:none;margin-right:57.52px}.tyPageHeader{margin-top:2vw;text-align:center;font-size:4vw;color:#565656}.finalImageContainer{width:40vw}.finalImageContainer img{width:100%;object-fit:contain}.qrContainer{margin-top:-70px;display:flex;justify-content:center;width:100%}.qrHeader{line-height:1.2;margin-top:1vw;text-align:center;font-size:2vw;color:#565656}.finalBtnContainer{position:absolute;bottom:6vw}.cameraListContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1}select{width:49vw;font-size:36px;background:#fff;border:none;padding:1vw}.loadingText{color:#000}.homeBtn{position:absolute;bottom:2vw;width:4vw;left:2vw}.homeBtn img{width:100%}.backBtn{position:fixed;bottom:3vh;left:1vw;width:5vw}.backBtn img{width:100%;object-fit:contain}.printAreaContainer{width:8in;height:6in;position:relative;box-sizing:border-box}.innerDiv{width:8in;height:6in}.innerDiv img{width:100%;height:100%;display:block}
