{"version":3,"sources":["webpack://Velocity/./components/Theme/constants.css","webpack://Velocity/./components/Modal/style.css","webpack://Velocity/./components/PageTitle/style.css","webpack://Velocity/./components/Theme/style.css","webpack://Velocity/./components/Welcome/style.css","webpack://Velocity/./components/Button/style.css","webpack://Velocity/./components/Select/style.css","webpack://Velocity/./components/DocumentSelector/style.css","webpack://Velocity/./components/Overlay/style.css","webpack://Velocity/./components/Error/style.css","webpack://Velocity/./components/CameraError/style.css","webpack://Velocity/./components/CameraPermissions/Primer/style.css","webpack://Velocity/./components/CameraPermissions/Recover/style.css","webpack://Velocity/./components/Camera/style.css","webpack://Velocity/./components/Spinner/style.css","webpack://Velocity/./components/Photo/style.css","webpack://Velocity/./components/Uploader/style.css","webpack://Velocity/./components/CustomFileInput/style.css","webpack://Velocity/./components/GenericError/style.css","webpack://Velocity/./components/PrivacyStatement/style.css","webpack://Velocity/./components/Capture/style.css","webpack://Velocity/./components/Video/style.css","webpack://Velocity/./components/Confirm/style.css","webpack://Velocity/./components/Confirm/CaptureViewer/style.css","webpack://Velocity/./components/EnlargedPreview/style.css","webpack://Velocity/./components/Pannable/style.css","webpack://Velocity/./components/NavigationBar/style.css","webpack://Velocity/./components/Complete/style.css","webpack://Velocity/./components/crossDevice/MobileConnected/style.css","webpack://Velocity/./components/crossDevice/CrossDeviceSubmit/style.css","webpack://Velocity/./components/crossDevice/MobileNotificationSent/style.css","webpack://Velocity/./components/crossDevice/CrossDeviceLink/style.css","webpack://Velocity/./components/PhoneNumberInput/style.css","webpack://Velocity/./components/QRCode/style.css","webpack://Velocity/./components/crossDevice/ClientSuccess/style.css","webpack://Velocity/./components/crossDevice/Intro/style.css","webpack://Velocity/./components/ProofOfAddress/Guidance/style.css","webpack://Velocity/./components/ProofOfAddress/PoAIntro/style.css"],"names":[],"mappings":"AA2HA,6CACE,YACA,kBACA,MACA,OACA,SACA,QC/HF,sCAGE,UAGF,4GAMA,qCACE,sDACA,eACA,MACA,OACA,QACA,SAEA,iCACA,4FAEA,iDACE,UAEF,mDACE,UAIJ,mCASE,eAGA,kBACA,cACA,YAEA,WACA,eACA,cACA,kBACA,mCACA,gBACA,yBAEA,2DACA,yBAEA,cACA,gBACA,gBAEA,6DACE,WACA,eACA,YACA,kBACA,iBAGF,+JACE,oDAGF,uEACE,YACA,WACA,UACA,8CACA,wRAGF,oFACE,YACA,UACA,8CACA,yNAIJ,yCACE,6BACA,iiBACA,wBACA,kBACA,YACA,eACA,gDACA,WACA,kBACA,cACA,qBACA,YACA,UACA,UAEA,mEACE,WACA,YAKF,6FAEI,cAEA,uHAGE,cAKN,wCACE,+CACE,0BAIJ,gDACE,yBAIJ,8CACE,aACA,kBACA,WACA,QACA,8DACA,gBACA,iBACA,kBAGF,mDAIE,6hBAAsB,CAHtB,yDACE,6BAFJ,iGAOI,c;ADjCJ,iDACE,YACA,kBACA,MACA,OACA,SACA,QE/HF,uCACE,cACA,gBACA,kBAEF,2CACE,cACA,iBACA,qEACE,iBAIJ,iDACE,aAGF,0CACE,cACA,gBAGF,8CACE,qBACA,oCACA,wEACE,oBAIJ,yCACE,aAGF,4CACE,cACA,SACA,UAHF,yKAOI,cAPJ,mFAWI,mBAXJ,uFAeI,cACA,gB;AFuEJ,6CACE,YACA,kBACA,MACA,OACA,SACA,QG/HF,kCACE,WACA,gBACA,SACA,kBACA,sDACA,6GAGF,4CACE,gBACA,mBAGF,iDACE,WACA,sDACA,6GACA,6FAIA,iFAPA,WACA,sDACA,6GACA,8FASF,2CACE,uDAGF,qCAGE,wBACA,kBACA,sDACA,iCACA,wBAPF,uCAUI,mDAGF,+DAEE,uBAAQ,EAIZ,+CACE,uDACA,cAGF,sDACE,gBAGF,oCACE,WACA,WACA,eACA,uDAEA,4CACA,wBACA,2BACA,4BACA,UAEA,gFAEE,2CAAsB,CAI1B,0CACE,eACA,oEACE,gBAIJ,2CACE,oBACA,qEACE,qBAIJ,oCACE,kBAGF,kCACE,cACA,4BACA,2BACA,WAGF,oCACE,0BACA,yBACA,cACA,iBACA,gBACA,kBACA,yBACA,wBACA,cAGF,kCACE,sBACA,gBACA,sFACA,mBACA,oBAGF,sCACE,SACA,mBAGF,kCACE,eACA,iBACA,iBACA,YACA,YACA,qBACA,6BACA,4BACA,6BACA,cAEA,wCACE,yBACA,cAGF,yCACE,yBACA,cAGF,0CACE,qBACA,cACA,iBAIJ,qCACE,6BAEA,2CACE,yBAGF,4CACE,yBAIJ,mCACE,6BAEA,mFAEE,cAGF,yCACE,yBAGF,0CACE,yB;AH5DJ,+CACE,YACA,kBACA,MACA,OACA,SACA,QI/HF,oCACE,eACA,kB;AJuHF,8CACE,YACA,kBACA,MACA,OACA,SACA,QK/HF,qCACE,aACA,kBACA,aACA,gBAEA,qBACA,kBACA,eAEA,qBACA,YACA,gBACA,UAEA,8CACE,mBACA,yBACA,cAIJ,0CACE,iBAGF,8CACE,YAGF,6CAEE,cAGA,cACA,aACA,eAEA,gBACA,YAMA,yBAJA,uEACE,YAMA,4GACE,yBAKF,gLAEE,yBAKN,+CACE,yBACA,oBACA,6BACA,cACA,gBACA,kBAGE,+FACE,yBAIJ,sJAEE,yBAIJ,2CACE,qCACA,gBACA,cACA,gBACA,YACA,gBACA,qBAEA,iDACE,oCAGF,kDACE,qCAIJ,6CACE,eACA,qBACA,SACA,UACA,cACA,aACA,0BACA,gBACA,Y;AC/GF,sCACE,sDACA,6GACA,wCAGF,qCACE,e;ANoHF,wDACE,YACA,kBACA,MACA,OACA,SACA,QO/HF,6CACE,gBACA,UACA,oBAEA,uEACE,cAIJ,+CACE,WACA,mBACA,gBACA,yBACA,cACA,eACA,sDACA,aACA,mBACA,YACA,kBAEA,sDACE,8eACA,wBACA,WACA,cACA,aACA,kBACA,UACA,QACA,sEACA,WAGF,+GACE,kEACA,cACA,YAGF,sDACE,kEACA,cACA,YAIJ,gDACE,gBACA,4CACA,wCAGF,mDACE,sDACA,8EACA,6GACA,qBACA,eAGF,8CACE,SACA,gBACA,gBAGF,6CACE,cACA,iBACA,0BAGF,gDACE,gBACA,iBACA,0BAGF,4CACE,qBACA,yBACA,iBACA,sBACA,0BACA,0BACA,uBAGF,6CACE,eACA,4BACA,4BACA,wBACA,oCACA,UACA,WACA,iBACA,oDPtGD,sDO+GG,khCAAsB,CP/GzB,oEO+GG,wnCAAsB,CP/GzB,6DO+GG,0xDAAsB,CP/GzB,6EO+GG,49CAAsB,CP/GzB,0DO+GG,69CAAsB,CP/GzB,oDO+GG,8vCAAsB,C;APY1B,+CACE,YACA,kBACA,MACA,OACA,SACA,QQ/HF,8JACE,yBACA,kBACA,WACA,SACA,sEAEA,0FAGF,yCAiBE,UACA,oBAOF,uCAEE,qBAGA,UACA,UACA,gCAAgB,CAGlB,uCAEE,qBAGA,UACA,UACA,+BAAgB,CAalB,oCACE,yoBALA,mCACA,sEAMA,4BACA,YACA,oBACA,kBACA,MACA,OACA,WAbA,gCACA,oEAgBA,8DAjBA,mCACA,wEAoBA,iFACE,0fAAsB,C;ARsC1B,6CACE,YACA,kBACA,MACA,OACA,SACA,QS/HF,mIACE,qBACA,gBACA,cACA,mBACA,2BACA,kBACA,6JACE,mBAIJ,6CAEE,yBAGF,+CAEE,yBAGF,yCACE,aACA,gBACA,kBAEF,8CACE,iBACA,iBAGF,mCACE,kBAGF,wCACE,qBACA,gBACA,gBACA,mBAIF,sIACE,kBACA,YACA,UACA,kBACA,2BACA,4BACA,wBAGF,8CAEE,6jBAAsB,CAGxB,gDAEE,q8BAAsB,CAGxB,6CACE,kBACA,gBACA,4BACA,WACA,YACA,kCACA,oCACA,qCACA,mCACA,kCACA,yDAAW,CAIb,6CACE,iCACA,+BAGF,2CACE,iCACA,+BAGF,qCACE,qfACA,2BACA,4BACA,wBACA,6BACA,kBACA,YACA,aACA,kBACA,WACA,aACA,eACA,YACA,aAEA,2CACE,uCAGF,4CACE,uC;ATWJ,mDACE,YACA,kBACA,MACA,OACA,SACA,QU/HF,kDACE,cACA,kBACA,SACA,QACA,kBACA,qBAEA,yDAGE,gBACA,YACA,eACA,aACA,SACA,UAEA,eAGA,cACA,+DACE,0BAKN,kDACE,OACA,kBACA,QACA,MACA,UAIA,8DACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAQJ,oDAEE,SAnBA,4DACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAWF,4DACE,yBACA,YAIJ,gDACE,QACA,OACA,QACA,kBACA,U;AVqDF,gEACE,YACA,kBACA,MACA,OACA,SACA,QW/HF,4DACE,sDACA,6GACA,uDACA,6FACA,uEAGF,6DACE,iBACA,qCACA,+GACE,uBAIJ,sDACE,iBACA,iBACA,sDACA,6GACA,uBACA,WACA,oBACA,wGACE,uBACA,aAEF,wGACE,uBACA,aAIJ,wDACE,iBAEA,kBACA,eAGF,uDACE,uBAGF,wDACE,yBACA,wjFACA,4BACA,qBACA,kBACA,uDAGA,kBAGF,sDACE,QACA,kBACA,QACA,kBACA,UACA,gBAEA,gFACE,SAIJ,mEACE,sDACA,6GACA,6F;AXgDF,iEACE,YACA,kBACA,MACA,OACA,SACA,QY/HF,8DACE,iBAEA,gBACA,0BACA,yBACA,mCACA,kBACA,8CACA,gHACE,mBAEF,wFACE,mCAIJ,mEACE,gBACA,uBAGF,0DACE,mBACA,kBACA,cACA,gBACA,kBACA,yBACA,uBACA,kBACA,MACA,6DAAW,CAGb,uDACE,UACA,SAGF,sDACE,kCAGF,wDACE,iBACA,kB;AZ2EF,8CACE,YACA,kBACA,MACA,OACA,SACA,QG/HF,mCACE,WACA,gBACA,SACA,kBACA,sDACA,6GAGF,6CACE,gBACA,mBAGF,kDACE,WACA,sDACA,6GACA,6FAIA,kFAPA,WACA,sDACA,6GACA,8FASF,4CACE,uDAGF,sCAGE,wBACA,kBACA,sDACA,iCACA,wBAPF,wCAUI,mDAGF,gEAEE,uBAAQ,EAIZ,gDACE,uDACA,cAGF,uDACE,gBAGF,qCACE,WACA,WACA,eACA,uDAEA,4CACA,wBACA,2BACA,4BACA,UAEA,kFAEE,2CAAsB,CAI1B,2CACE,eACA,qEACE,gBAIJ,4CACE,oBACA,sEACE,qBAIJ,qCACE,kBAGF,mCACE,cACA,4BACA,2BACA,WAGF,qCACE,0BACA,yBACA,cACA,iBACA,gBACA,kBACA,yBACA,wBACA,cAGF,mCACE,sBACA,gBACA,sFACA,mBACA,oBAGF,uCACE,SACA,mBAGF,mCACE,eACA,iBACA,iBACA,YACA,YACA,qBACA,6BACA,4BACA,6BACA,cAEA,yCACE,yBACA,cAGF,0CACE,yBACA,cAGF,2CACE,qBACA,cACA,iBAIJ,sCACE,6BAEA,4CACE,yBAGF,6CACE,yBAIJ,oCACE,6BAEA,qFAEE,cAGF,0CACE,yBAGF,2CACE,yBUpLJ,qCACE,WACA,YACA,sDACA,6GACA,6FAGF,wCACE,gBAGF,+CACE,WACA,cACA,gBAGF,sCACE,WACA,YACA,MACA,kBACA,UAGF,oCACE,cACA,YACA,UAEA,uEACE,WACA,MACA,OACA,YACA,kBAKJ,8CACE,kBACA,MACA,YAEA,6EACE,SACA,YACA,mEAAW,E;AbuEf,qFACE,YACA,kBACA,MACA,OACA,SACA,Qc/HF,sCACE,UACA,WACA,aAIF,4EACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,KACE,WAVJ,oEACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,KACE,WAIJ,qCACE,kBACA,qEAAW,CAEX,sDACE,oDAGF,sDACE,oDAGF,sDACE,oDAGF,sDACE,oDAGF,yCACE,0DACA,kBACA,aACA,cACA,cACA,eACA,mBACA,yBACA,iPAAwD,C;AduE5D,6CACE,YACA,kBACA,MACA,OACA,SACA,Qe/HF,uCACE,sDAGF,qCACE,kBACA,WACA,SACA,UAGF,iCACE,eACA,sBACA,yBACA,kBACA,kBACA,6BACA,sEACA,aACA,iBACA,kBACA,UACA,YAEA,uCACE,yBAGF,wCACE,yBAGF,0CACE,mBACA,yBAMJ,yCACE,kBAGF,uCACE,cACA,kBACA,OACA,MACA,4BACA,wBACA,UACA,WAGF,yCACE,iBACA,kBACA,kBACA,gBAGA,iDACE,WACA,cACA,yBACA,aACA,YACA,kBACA,UACA,cAGF,4DACE,aAIJ,0CACE,eACA,oBACA,cACA,gBAGF,uCACE,sBACA,mCACA,2BACA,WACA,mBACA,sBAGF,wCACE,ypKACA,wBAGF,yCACE,skDACA,wBAGF,uCACE,mBACA,c;AfcF,gDACE,YACA,kBACA,MACA,OACA,SACA,QgB/HF,0CACE,sDAGF,iEACE,YACA,sDACA,6GACA,6FACA,qBAGF,6CACE,eAEA,uEACE,sDACA,uDACA,6GACA,+EAIJ,iDACE,wBACA,iBACA,iBAEA,2EACE,cACA,qBAIJ,sCAEE,cAGF,wCACE,sDACA,kEAGF,gDACE,sDACA,WAGF,uCACE,cACA,iBACA,yCACA,cAEA,iEACE,oDAIJ,kDACE,eACA,kBAGF,8EACE,yBAGF,gGACE,+uGACA,sBACA,4BACA,4BACA,yBACA,sBACA,WACA,UACA,cACA,kBAEA,0HACE,6gBACA,2BACA,6BACA,yBACA,gBACA,aACA,aAIJ,yCAEE,oiDACA,uBACA,4BACA,4BACA,yBACA,sBACA,WACA,UACA,cACA,kBAEA,mEACE,6gBACA,2BACA,6BACA,yBACA,gBACA,aACA,aAOF,6EACE,WACA,UACA,qsCACA,sBAIJ,gDACE,sDACA,6GACA,aACA,mDAGF,2CACE,sDACA,6GACA,mDACA,kBACA,yBACA,kEAEA,qEACE,6BACA,YACA,6FACA,W;ACpJJ,iDACE,kBACA,eAGF,6CACE,SACA,OAGA,wBACA,kBACA,QACA,MACA,WACA,U;AjB4GF,oDACE,YACA,kBACA,MACA,OACA,SACA,QkB/HF,iNACE,WACA,wBACA,iBAGF,qDAEE,s9GAAsB,CAGxB,wDAEE,k9GAAsB,CAGxB,2DAEE,kkEACA,e;AlBsGF,wDACE,YACA,kBACA,MACA,OACA,SACA,QmB/HF,gDACE,WAGF,gDACE,sDACA,kEACA,6GACA,cAGF,gDACE,sDACA,6FACA,yGACA,oBACA,0EACE,iBAIJ,6CACE,gBACA,gBACA,iBACA,kBACA,gBACA,uEACE,kBAIJ,6CACG,gBACA,kBAGH,oDACG,WACA,qBACA,WACA,UACA,w3CACA,4BACA,wBACA,kBACA,iBAGH,mDACE,gBACA,kBACA,gBACA,iBACA,2BAGF,qDACE,cACA,uBACA,0BAGF,gDACE,YACA,yBACA,qBACA,6BACA,cACA,cACA,0EACE,UACA,eAKF,0EACE,a;AnB2CJ,+CACE,YACA,kBACA,MACA,OACA,SACA,QoB/HF,iDACE,kBACA,gBACA,mBAGF,6CACE,gBAGF,8CACE,eACA,0BAEA,oDACE,mCAGF,qDACE,mC;ApBsGJ,6CACE,YACA,kBACA,MACA,OACA,SACA,QqB/HF,kDACE,iBAGF,4CACE,gBACA,iBACA,gBAGF,uCACE,mBAGF,0CACE,gBACA,mBAEA,oEACE,gBAIJ,yCACE,qBACA,oBACA,gBACA,kBAGF,oCACE,gBAGF,uCACE,cACA,kBACA,OACA,MACA,4BACA,wBACA,cACA,eAGF,gDACE,grBACA,wBAGF,6CACE,s3BACA,wBAGF,sCACE,iUACA,wBACA,qBACA,eACA,gBACA,eAGF,+CACE,yDAAW,CAGb,oCACE,cACA,kBACA,gBACA,iBACA,qBAGF,qCACE,kBACA,WACA,SACA,UAGF,iCACE,UACA,iBACA,kBAGF,gDACE,cACA,iBACA,0BAGE,mHACE,cAKN,qCACE,cACA,kBACA,kBACA,UACA,QACA,OACA,QAGF,gDACE,kBACA,kBAGA,wDACE,WACA,qBACA,WACA,YACA,qBACA,mBACA,oBACA,iBAGJ,oDACE,kBACA,iBAsCF,4CAlCE,eACA,aACA,cACA,kBACA,YACA,wBACA,4BACA,6BACA,wCAkBA,0lBAAsB,CAhBtB,qDACE,mBACA,WAGF,kDACE,uDAAQ,CAGV,mDACE,qDAAQ,CAkBZ,2CAtCE,eACA,aACA,cACA,kBACA,YACA,wBACA,4BACA,6BACA,wCAuBA,kbAAsB,CArBtB,oDACE,mBACA,WAGF,iDACE,uDAAQ,CAGV,kDACE,qDAAQ,C;ArBhCZ,+CACE,YACA,kBACA,MACA,OACA,SACA,QsB/HF,iDACE,WACA,sDACA,yCACA,6GACA,6FACA,kBAEA,6GACE,MAIJ,gDACE,aACA,0EACE,gBAIJ,qCACE,uDAGF,uCACE,qBACA,iEACE,oBAIJ,6CACE,WACA,uEACE,aAIJ,uCACE,UACA,WACA,sDACA,6FAGE,4GACE,eACA,mBAKN,qCACE,cACA,mBAFF,kFAII,U;AtBiEJ,6DACE,YACA,kBACA,MACA,OACA,SACA,QuB/HF,qDACE,qBACA,cACA,eACA,eACA,oBAEA,4BACA,4BACA,8vHAAsB,CAGxB,6OAGE,sDACA,kBACA,mBACA,aAEA,uQACE,gBAIJ,iQAEE,gBAGF,0DACE,kBACA,yCAGF,wDACE,cACA,iBAGF,mDACE,eACA,gBACA,cACA,cACA,sBACA,uDACA,8CACA,mBAOA,2FACE,iBAQJ,kEACE,WACA,YACA,iBACA,uBACA,4FACE,aAIJ,mDACE,WACA,YACA,mB;AvB4CF,uDACE,YACA,kBACA,MACA,OACA,SACA,QwB/HF,gDACE,kBACA,MACA,OACA,WACA,YACA,UACA,yBAGF,sDACE,kBACA,MACA,OACA,WACA,YAGF,6CACE,gBACA,eACA,mBACA,uBACA,cACA,kBAGF,+FAMI,kBACA,SACA,QACA,wEACA,wBAEA,uGACE,WACA,qBACA,YACA,aACA,uwBACA,4BACA,wBACA,sBACA,oBACA,oBAtBN,kJA0BM,kBACA,kBACA,YAKN,8FAEI,SACA,WACA,kBAEA,sGACE,cACA,eACA,qBACA,kBACA,y0BAAsB,C;ACzE5B,0CACE,c;AzB0HF,qDACE,YACA,kBACA,MACA,OACA,SACA,Q0B/HF,gDAEE,WACA,kBACA,gBACA,sDACA,0EAEE,eACA,uBAIJ,mDACE,4LACA,UAGE,6JAEI,isBACA,yBARR,6FAcI,cAEA,oGACE,gsBAAsB,CADxB,kJAII,yBApBR,iGA0BI,8qBAAsB,CAKxB,8MAEI,mBAIJ,0GAEI,yBAIJ,2GAEI,yBAKN,8CACE,aAGF,0CACE,WACA,cACA,UACA,kBACA,cACA,YACA,6BACA,eAEA,oEACE,YAIJ,8CACE,WACA,UACA,isBACA,4BACA,2BACA,wBACA,6BACA,kBACA,qBACA,sBAGF,2CACE,kBACA,iBACA,iBAEA,qEACE,c;A1BoBJ,gDACE,YACA,kBACA,MACA,OACA,SACA,Q2B/HF,wCACE,kBAGF,qCACE,WACA,wBACA,wnBACA,oBAGF,uCACE,e;A3B6GF,mEACE,YACA,kBACA,MACA,OACA,SACA,Q4B/HF,wDACE,WACA,wBACA,w2FACA,iBACA,kBAOF,0DACE,e;A5B4GF,qEACE,YACA,kBACA,MACA,OACA,SACA,Q6B/HF,0DACE,cACA,aACA,oBACA,WACA,osDACA,wBAGF,gEACE,qBACA,eACA,eACA,oBAGF,oEACE,oBACA,gBACA,gBASF,8DACE,iBACA,gB;A7B2FF,0EACE,YACA,kBACA,MACA,OACA,SACA,Q8B/HF,+DACE,WACA,wBACA,q4FACA,kBAGF,qEACE,gBAGF,sEACE,aACA,kBACA,gBAOF,iEACE,e;A9BmGF,mEACE,YACA,kBACA,MACA,OACA,SACA,Q+B9HF,6DACE,WACA,sDACA,6GACA,6FAGF,kEACE,mDACA,sDACA,6GACA,6FAGF,iEACE,eAGF,mEACE,WACA,kBAGF,8DACE,cACA,iBAGF,yDACE,gBACA,gBACA,cACA,WAGF,sEACE,WACA,WACA,WACA,iBAGF,8H/BwFE,mB+BpFF,kEACE,YACA,yBACA,yBACA,4BACA,kBACA,yBACA,WACA,gFAGF,8DACE,yBACA,kBACA,gFAGF,+DACE,cACA,iBACA,iBACA,gBACA,uBAGF,kEACE,WACA,kBACA,UACA,WACA,WACA,WAEA,4sGACA,gCACA,4BAEA,oJACA,4DACA,8EACA,0EAGF,0EACI,KAAM,qDAAU,CAChB,GAAI,yDAAU,EAFlB,kEACI,KAAM,qDAAU,CAChB,GAAI,yDAAU,EAGlB,mEACE,mBACA,gBAGF,iEACE,WACA,sDACA,6FACA,gBAGF,yIACE,cACA,eACA,qBACA,8EACA,WACA,4BACA,wvBACA,UAGF,4DACE,YACA,YACA,aACA,gBACA,uBACA,kBACA,gBACA,cACA,mBACA,+CAAa,CAGf,mEACE,eACA,YACA,YACA,iBACA,wBACA,YACA,qBACA,6BACA,4BACA,6BACA,cAEA,yEACE,yBACA,cAGF,0EACE,yBACA,cAGF,2EACE,qBACA,cACA,iBAIJ,kIACE,gCAGF,2DACE,yBACA,mBAGF,uDACE,W/BxCA,mB+B0CA,YACA,sBACA,UAGF,+DACE,sDACA,UACA,8EACA,uEACA,kBACA,cAGF,2IAEE,WACA,yBACA,mBACA,yDAGF,qEACE,mBAGF,+DACE,WAGF,8DACE,aAGF,0RACE,cACA,WACA,qBACA,WACA,2BACA,4BAGF,wEAEE,45CAAsB,CAGxB,2EAEE,yxBAAsB,CAGxB,yEAEE,00DAAsB,C;A/B3GxB,wDACE,YACA,kBACA,MACA,OACA,SACA,QgC/HF,gDACE,cACA,iBACA,gBACA,YACA,WAGF,oDACE,cAGF,6DACE,WACA,WACA,mBAGF,6FAEI,aACA,YACA,YACA,cALJ,kFASE,cATF,sHAaI,eAbJ,uLAqBI,aArBJ,mFAwBI,iBAxBJ,gFA2BI,gBA3BJ,oFA+BI,iBACA,oBAhCJ,kGAmCI,YAnCJ,mGAsCI,aAtCJ,sHAyCI,0BAAO,CAzCX,mFA4CI,mBACA,oBACA,iBACA,oBA/CJ,wFAkDI,kBAlDJ,uFAqDI,8BACA,gCACA,YACA,aAIJ,oEAEI,mBAFJ,mEAMI,gBACA,WACA,mBARJ,mJAYI,0CAIJ,iDACE,qBACA,4BACA,2B;AhCwBF,8CACE,YACA,kBACA,MACA,OACA,SACA,QiC/HF,yCACE,oBAGF,+CACE,eAGF,6CACE,aACA,WACA,qBACA,2BACA,WACA,4BACA,0yCAAsB,CAGxB,6CACE,iBACA,gBACA,gB;AjCoGF,iEACE,YACA,kBACA,MACA,OACA,SACA,QkC/HF,sDACE,WACA,wBACA,w8EACA,mBACA,sBAGF,sDACE,iBACA,iB;AlC+GF,yDACE,YACA,kBACA,MACA,OACA,SACA,QmC/HF,mDACE,sDACA,6GAGF,yDAEE,mBAGF,iDACE,sDACA,6GACA,mDACA,8EAGF,8CACE,gBACA,UAGF,+CACE,sDACA,uEAGA,mBACA,kBAGA,uDACE,WACA,cACA,yBACA,aACA,YACA,kBACA,MACA,cAGF,kEACE,aAIJ,mDACE,wBACA,oCACA,WACA,WACA,UACA,kBACA,UAEA,uDACE,qqDAAsB,CAGxB,+DACE,uvEAAsB,CAGxB,+DACE,wiDAAsB,CAGxB,sEACE,u8EAAsB,CAI1B,sDACE,gBACA,oBACA,mDACA,wCAEA,qMAGE,c;AnCuCJ,+DACE,YACA,kBACA,MACA,OACA,SACA,QoC/HF,uDACE,kBACA,mBACA,yCACA,6GACA,sDAEA,iFACE,oBAIJ,wDACE,iBAEA,gEACE,WACA,qBACA,mBACA,oBACA,8fACA,wBACA,sBACA,cACA,yBACA,yBAIJ,sDACE,gBAGF,wDACE,cACA,gBACA,mBAEA,kFACE,iBAIJ,iEACE,kBACA,yCACA,cACA,cACA,2FACE,YAIJ,wDACE,YACA,WACA,kBACA,MACA,OACA,QACA,SAGF,qDACE,aACA,iB;ApCwDF,+DACE,YACA,kBACA,MACA,OACA,SACA,QqC/HF,uDACE,kBACA,kBAEA,iFACE,kBACA,oBAGJ,4DACE,eACA,qBACA,sFACE,gBAGJ,4DACE,sDACA,8EACA,uEAGF,2DACE,sDACA,mBACA,iBACA,kBACA,mEACE,WACA,yBACA,kBACA,qBACA,cACA,aACA,kBACA,OACA,WAIJ,sDACE,gB","file":"style.css","sourcesContent":["@custom-media --small-viewport (max-width: 479px);\n@custom-media --smaller-viewport (max-width: 359px);\n/* For viewport larger than iPhone 5 in terms of height */\n@custom-media --long-viewport (min-height: 568px);\n/* For viewport smaller than iPhone 5 in terms of height */\n@custom-media --short-viewport (max-height: 567px);\n\n/**\n * We want our units to be based on `em`, so that our SDK can accommodate for\n * the user changing their browser font size.\n * At the same time, `px` is a unit often used in templates etc. from Design.\n * To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.\n * This results in each @unit into being the same as 1px (when the parent\n * font-size is 16px, as it is by default).\n *\n * So each \"unit\" isn't a pixel, but it is when the parent font size is 16px,\n * and it's proportionate to the difference otherwise.\n */\n@unit: 1/16em;\n@font-size-base: 16*@unit;\n/*\n * We also need different units for when trying to do `px` \"equivalents\" when\n * our parent has a different font size.\n */\n@unit-large: 1/20em;\n@font-size-large: 20*@unit;\n\n@unit-small: 1/14em;\n@font-size-small: 14*@unit;\n\n@unit-x-small: 1/11em;\n@font-size-x-small: 11*@unit;\n\n/*\n * We also have a special unit for the react-phone-number-input library, so\n * we can keep its units in line with whatever units we decide to pick\n */\n@unit-rrui: 1em;\n\n@large-text-margin: 40*@unit;\n@small-text-margin: 24*@unit;\n@padding-lg: 16*@unit;\n@padding-sm: 10*@unit;\n@padding-xs: 8*@unit;\n\n@footer-height: 32*@unit;\n@footer-margin: 16*@unit;\n@navigation-height: 32*@unit;\n@navigation-height-sm-screen: 38*@unit;\n@navigation-padding-top: @padding-lg;\n@navigation-padding-sides: @padding-lg;\n@navigation-padding-top-sm-screen: @padding-sm;\n@navigation-padding-sides-sm-screen: @padding-xs;\n\n\n/* Solid colors */\n@color-white: #ffffff;\n@color-primary-500: #e31f3d;\n@color-icon-temporary: #EDEEEF;\n@color-neutral-600: #A2A8B3;\n@color-primary-700: #636670;\n\n@color-background: @color-white;\n@color-border: @color-neutral-600;\n@color-divider: #DEE1E4;\n@color-spinner: @color-neutral-600;\n@color-body-text: @color-primary-700;\n\n@color-text-dark: #2C3E4F;\n@color-camera-error-overlay: #1C1F21;\n@color-black: #000000;\n@color-small-print: #0F2536;\n@color-tips-pill: #5D6B78;\n@color-input-border: #667080;\n@color-hint: #565B5E;\n@color-error: #e31937;\n@color-warning: @color-primary-500;\n\n/* Error message button colors */\n@color-error-button-hover: #ffb9b9;\n@color-error-button-active: #fce5e5;\n\n/* Transparent colors */\n@color-transparent: transparent;\n@color-help-container: @color-neutral-600;\n@color-modal-overlay: rgba(0, 0, 0, 0.6);\n@color-camera-overlay: rgba(0, 0, 0, 0.7);\n@color-navbar-gradient-one: rgba(28,31,33,0);\n@color-navbar-gradient-two: rgba(28,31,33,0.35);\n\n/* Button colors */\n@color-primary-button: @color-primary-500;\n@color-primary-button-hover: #e31937;\n@color-primary-button-active: #e31f3d;\n@color-primary-button-disabled: #e8ecf0;\n\n@color-secondary-button: @color-transparent;\n@color-secondary-button-hover: rgb(227, 31, 61); \n@color-secondary-button-active: rgb(227, 31, 61);\n\n@color-secondary-button-text: @color-primary-500;\n@color-button-border: @color-primary-500;\n\n@color-small-button: rgba(15, 37, 54, 0.85);\n@color-small-button-hover: rgba(15, 37, 54, 0.6);\n@color-small-button-active: rgba(15, 37, 54, 0.85);\n\n@color-icon-button: @color-transparent;\n@color-icon-button-hover: #d5dae0;\n@color-icon-button-active: #a2a8b3;\n\n/* Selectors border styles */\n@selectors-border: 1px solid #8B9094;\n@selectors-box-shadow-hover: 0px 0px 0px 1px #e31937;\n@selectors-box-shadow-active: 0px 0px 0px 1px #e31f3d;\n\n/* Camera button colors */\n@color-camera-button: @color-white;\n@color-camera-button-hover: @color-primary-button-hover;\n@color-camera-button-active: @color-primary-button-active;\n@color-camera-button-disabled: #2b2d32;\n\n\n.absolute-center {\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.width-parent-relative(@base-width,@parent-width) {\n  width: 100%*(@base-width/@parent-width)\n}\n","@import (less) \"../Theme/constants.css\";\n\n.portal > * {\n  // When the modal is closed, overlay div has no css class\n  // This selector should be overridden by the `&--after-open` class below\n  opacity: 0;\n}\n\n.modalBody {\n  /*! Just a placeholder no namespace this element using css modules*/\n}\n\n@value modal_animation_duration: 200ms;\n\n.overlay {\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  background-color: @color-modal-overlay;\n  transition: opacity modal_animation_duration, z-index 0s modal_animation_duration;\n\n  &--after-open {\n    opacity: 1;\n  }\n  &--before-close {\n    opacity: 0;\n  }\n}\n\n.inner {\n  /*\n   * We set the `font-size` to 16px here. This will fix the rest of the SDK\n   * (which uses relative units) to this absolute unit.\n   *\n   * (NOTE - this feature is not yet ready to be used!)\n   * To opt-in to relative font-sizes, you can override this style to a relative\n   * font-size e.g. `font-size: 1em`\n   */\n  font-size: 16px;\n\n  /* Relative positioning so overflow affects absolute children */\n  position: relative;\n  overflow: auto;\n  margin: auto;\n\n  width: 94vw;\n  max-width: 512*@unit;\n  height: 600*@unit;\n  text-align: center;\n  max-height: calc(~'100% + 4*@{unit}');\n  border-radius: 0*@unit;\n  border: 1px solid @color-border;\n\n  font-family: 'Proxima Nova',Helvetica,sans-serif !important;\n  background-color: @color-background;\n\n  color: @color-body-text;\n  font-weight: 400;\n  line-height: 1.5;\n\n  @media (--small-viewport) {\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    position: absolute;\n    border-radius: 0;\n  }\n\n  &, *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  .portal & {\n    margin: auto;\n    z-index: -1;\n    opacity: 0;\n    transform: scale(0);\n    transition: opacity modal_animation_duration, transform modal_animation_duration, z-index 0s modal_animation_duration;\n  }\n\n  .overlay--after-open & {\n    z-index: 100;\n    opacity: 1;\n    transform: scale(1);\n    transition: opacity modal_animation_duration, transform modal_animation_duration;\n  }\n}\n\n.closeButton {\n  background-color: @color-icon-button;\n  background-image: url('assets/cross.svg');\n  background-size: contain;\n  border-radius: 16*@unit;\n  border: none;\n  cursor: pointer;\n  font-family: 'Proxima Nova',Helvetica,sans-serif;\n  height: 32*@unit;\n  position: absolute;\n  right: 15*@unit;\n  text-decoration: none;\n  top: 15*@unit;\n  width: 32*@unit;\n  z-index: 4;\n\n  @media (--small-viewport) {\n    top: 10*@unit;\n    right: 8*@unit;\n  }\n}\n\n.closeButton {\n  &:hover {\n    .closeButtonLabel {\n      display: block;\n\n      @media (--small-viewport) {\n        /* Safari Mobile tries to show \"hover\" text on click, so we make sure\n         * that mobile devices don't have any \"hover text\" */\n        display: none;\n      }\n    }\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      background-color: @color-icon-button-hover;\n    }\n  }\n\n  &:active {\n    background-color: @color-icon-button-active;\n  }\n}\n\n.closeButtonLabel {\n  display: none;\n  position: absolute;\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  font-weight: 500;\n  font-size: @font-size-small;\n  margin-right: 7*@unit-small;\n}\n\n.closeButtonFullScreen {\n  &:hover {\n    background-color: @color-transparent;\n  }\n  background-image: url('assets/cross-white.svg');\n\n  .closeButtonLabel {\n    color: @color-white;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.title {\n  color: @color-text-dark;\n  font-weight: 300;\n  margin-bottom: 16*@unit;\n}\n.titleSpan {\n  font-size: 2em;\n  line-height: 1.34;\n  @media (--small-viewport) {\n    font-size: 24*@unit;\n  }\n}\n\n.titleSpan:focus {\n  outline: none;\n}\n\n.subTitle {\n  color: #636670;\n  font-weight: 300;\n}\n\n.titleWrapper {\n  margin: 32*@unit @large-text-margin 16*@unit;\n  flex-shrink: 0;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin 16*@unit;\n  }\n}\n\n.smaller {\n  margin-top: 0;\n}\n\n.fullScreen {\n  color: @color-white;\n  margin: 0;\n  z-index: 1;\n\n  .title,\n  .subTitle {\n    color:  @color-white;\n  }\n\n  .title {\n    margin-bottom: 8*@unit;\n  }\n\n  .titleSpan {\n    font-size: @font-size-base;\n    line-height: 1.5;\n  }\n}\n","@import (less) \"./constants.css\";\n\n.step {\n  width: 100%;\n  min-height: 100%;\n  height: 0;/*necessary for IE11, see: https://stackoverflow.com/questions/24396205/flex-grow-not-working-in-internet-explorer-11-0*/\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.fullScreenStep {\n  overflow: hidden;\n  border-radius: 8*@unit;\n}\n\n.fullHeightContainer {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.fullHeightMobileContainer {\n  @media (--small-viewport) {\n    .fullHeightContainer();\n  }\n}\n\n.navigationBar{\n  flex: 0 0 auto;\n}\n\n.content {\n  /* Content height is 100% - non content height (total height of footer + total height of navbar)  */\n  @non-content-height: @footer-height + @footer-margin + @navigation-height + @navigation-padding-top;\n  height: calc(100% - @non-content-height);\n  position: relative;\n  display: flex;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n\n  > * {\n    flex-grow: 1;\n  }\n\n  @media (--small-viewport) {\n    @non-content-height: @footer-height + @footer-margin + @navigation-height-sm-screen + @navigation-padding-top-sm-screen;\n    height: calc(100% - @non-content-height);\n  }\n}\n\n.scrollableContent {\n  flex: 1 1 auto; /* .content will fit remaining space */\n  overflow: auto; /* scrollbar will only appear when child element exceeds .content height */\n}\n\n.fullScreenContentWrapper {\n  position: static;\n}\n\n.footer {\n  width: 100%;\n  height: @footer-height;\n  margin-top: 16*@unit;\n  flex: 0 0 auto;\n\n  background-image: url('assets/logo.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  z-index: 1;\n\n  .fullScreenStep & {\n    /* A full screen step will be a video/stream step, with a darker background */\n    background-image: url('assets/logo.svg');\n  }\n}\n\n.thickWrapper {\n  margin: 0 @large-text-margin;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin;\n  }\n}\n\n.mbottom-large {\n  margin-bottom: 88*@unit;\n  @media (--small-viewport) {\n    margin-bottom: 40*@unit;\n  }\n}\n\n.center {\n  text-align: center;\n}\n\n.icon {\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  height: 64*@unit;\n}\n\n.header {\n  border-radius: 10*@unit-small;\n  background-color: @color-tips-pill;\n  color: @color-white;\n  font-size: @font-size-small;\n  font-weight: 300;\n  position: absolute;\n  margin-top: -10*@unit-small;\n  margin-left: 10*@unit-small;\n  padding: 0 14*@unit-small;\n}\n\n.help {\n  padding: 24*@unit 16*@unit 16*@unit;\n  text-align: left;\n  box-shadow: inset 0 0 0 1*@unit @color-help-container;\n  border-radius: 8*@unit;\n  margin-bottom: 24*@unit;\n}\n\n.helpList {\n  margin: 0;\n  padding-left: 24*@unit;\n}\n\n.link {\n  cursor: pointer;\n  line-height: 1.43;\n  font-size: @font-size-small;\n  margin: auto;\n  padding: 2px;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-bottom-color: @color-primary-500;\n  background-color: @color-transparent;\n  color: @color-text-dark;\n\n  &:hover {\n    background-color: @color-primary-button-hover;\n    color: @color-white;\n  }\n\n  &:active {\n    background-color: @color-primary-button-active;\n    color: @color-white;\n  }\n\n  &:visited {\n    text-decoration: none;\n    color: @color-text-dark;\n    font-size: @font-size-small;\n  }\n}\n\n.warning {\n  background-color: transparent;\n\n  &:hover {\n    background-color: @color-primary-button-hover;\n  }\n\n  &:active {\n    background-color: @color-primary-button-active;\n  }\n}\n\n.error {\n  background-color: transparent;\n\n  &:hover,\n  &:active {\n    color: @color-error;\n  }\n\n  &:hover {\n    background-color: @color-error-button-hover;\n  }\n\n  &:active {\n    background-color: @color-error-button-active;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.text {\n  margin-top: 64*@unit;\n  margin-bottom: 80*@unit;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.button {\n  height: 56*@unit;\n  line-height: 56*@unit;\n  font: inherit;\n  font-weight: 400;\n\n  text-decoration: none;\n  text-align: center;\n  cursor: pointer;\n\n  display: inline-block;\n  border: none;\n  border-radius: 0*@unit;\n  padding: 0;\n\n  &:disabled {\n    cursor: not-allowed;\n    background-color: @color-primary-button-disabled;\n    color: darken(@color-primary-button-disabled, 20%);\n  }\n}\n\n.button-text {\n  font-size: @font-size-small;\n}\n\n.button-centered {\n  margin: auto;\n}\n\n.button-primary {\n  /*text*/\n  color: @color-white;\n\n  /*layout*/\n  display: block;\n  width: 216*@unit;\n  max-width: 100%;\n\n  border-radius: 0*@unit;\n  border: none;\n\n  @media (--small-viewport) {\n    width: 100%;\n  }\n\n  background-color: @color-primary-button;\n\n  &.hoverDesktop:not(:disabled) {\n    &:hover {\n      background-color: @color-primary-button-hover;\n    }\n  }\n\n  &:not(:disabled) {\n    &:active,\n    &.hoverDesktop:active {\n      background-color: @color-primary-button-active;\n    }\n  }\n}\n\n.button-secondary {\n  border: 1px solid @color-button-border;\n  border-radius: 4*@unit;\n  background-color: @color-transparent;\n  color: @color-secondary-button-text;\n  line-height: 16*@unit;\n  padding: 19.2*@unit 32*@unit;\n\n  &.hoverDesktop {\n    &:hover {\n      background-color: @color-secondary-button-hover;\n    }\n  }\n\n  &:active,\n  &.hoverDesktop:active {\n    background-color: @color-secondary-button-active;\n  }\n}\n\n.button-small {\n  background-color: @color-small-button;\n  border-radius: 0*@unit;\n  color: @color-white;\n  font-weight: 300;\n  height: auto;\n  line-height: 1.4;\n  padding: 11.2*@unit 19.6*@unit;\n\n  &:hover {\n    background-color: @color-small-button-hover;\n  }\n\n  &:active {\n    background-color: @color-small-button-active;\n  }\n}\n\n.fallbackButton {\n  cursor: pointer;\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n  color: inherit;\n  font: inherit;\n  text-decoration: underline;\n  background: none;\n  border: none;\n}\n",".wrapper {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n}\n\n.select {\n  max-width: 100%;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.list {\n  list-style: none;\n  padding: 0;\n  margin: 8*@unit @large-text-margin 0;\n\n  @media (--small-viewport) {\n    margin: 0 16*@unit;\n  }\n}\n\n.option {\n  width: 100%;\n  background: @color-white;\n  border-radius: 0*@unit;\n  border: @selectors-border;\n  color: @color-text-dark;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  margin-bottom: 0.8em;\n  padding: 16*@unit;\n  position: relative;\n\n  &::after {\n    background: url('assets/right.svg') no-repeat;\n    background-size: contain;\n    content: '';\n    display: block;\n    height: 12*@unit;\n    position: absolute;\n    right: 16*@unit;\n    top: 50%;\n    transform: translateY(-6*@unit);\n    width: 8*@unit;\n  }\n\n  &.optionHoverDesktop:hover {\n    box-shadow: @selectors-box-shadow-hover;\n    color: @color-text-dark;\n    border: none;\n  }\n\n  &:active {\n    box-shadow: @selectors-box-shadow-active;\n    color: @color-text-dark;\n    border: none;\n  }\n}\n\n.content {\n  text-align: left;\n  align-self: center;\n  flex-basis: 100%;\n}\n\n.optionMain {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-right: 18*@unit;\n  min-height: 48*@unit;\n}\n\n.label {\n  margin: 0;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n.hint {\n  color: @color-hint;\n  font-size: @font-size-small;\n  margin-bottom: 4*@unit-small;\n}\n\n.warning {\n  font-weight: 300;\n  font-size: @font-size-small;\n  margin-bottom: 6*@unit-small;\n}\n\n.tag {\n  display: inline-block;\n  background-color: @color-background;\n  font-size: @font-size-small;\n  padding: 0 12*@unit-small;\n  border-radius: 12*@unit-small;\n  margin-left: -12*@unit-small;\n  margin-top: 2*@unit-small;\n}\n\n.icon {\n  max-width: 100%;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: contain;\n  flex-shrink: 0;\n  width: 48*@unit;\n  height: 48*@unit;\n  margin-right: 16*@unit;\n  align-self: flex-start;\n}\n\n@document-types: passport, national-identity-card, driving-licence,\n                 bank-building-society-statement, utility-bill, letter;\n\n.loop(@index: 1) when (@index <= length(@document-types)) {\n  @value: extract(@document-types, @index);\n  .icon-@{value} {\n    background-image: url('assets/icon-@{value}.svg');\n  }\n  .loop(@index + 1);\n}\n.loop();\n","@import (less) \"../Theme/constants.css\";\n\n.overlay {\n  border: 1px solid @color-primary-500; /* Doc Autocapture border colour */\n  position: absolute;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  /* 300*@unit box-shadow, so 600*@unit by 600*@unit, so as to definitely cover the modal */\n  box-shadow: 0 0 0 300*@unit @color-camera-overlay;\n}\n\n.rectangle {\n  &:extend(.overlay);\n\n  //default value of react-webcam https://github.com/cezary/react-webcam\n  @width-frame: 640;\n  @height-frame: 480;\n\n  //Spec of overlay\n  @width-percent: 80%;\n  @aspect-ratio: 1.57;\n\n  /*\n    From the equation below one can find out @height-percent\n    aspect-ratio = (width-frame * width-percent) / (height-frame * height-percent)\n   */\n  @height-percent: (@width-frame * @width-percent) / (@height-frame * @aspect-ratio);\n\n  width: @width-percent;\n  height: @height-percent;\n}\n\n\n@card-frame-height: 0%;\n@card-frame-width: 92%;\n\n.id1Card {\n  &:extend(.overlay);\n  border-color: @color-white;\n\n  @aspect-ratio: 1.586; /* ID1 card size - width: 85.60mm, height: 53.98mm */\n  height: @card-frame-height;\n  width: @card-frame-width;\n  padding-bottom: calc(@card-frame-width / @aspect-ratio);\n}\n\n.id3Card {\n  &:extend(.overlay);\n  border-color: @color-white;\n\n  @aspect-ratio: 1.42;  /* ID3 card size - width: 125mm, height: 88mm */\n  height: @card-frame-height;\n  width: @card-frame-width;\n  padding-bottom: calc(@card-frame-width / @aspect-ratio);\n}\n\n\n.positionHole(@scale: 1, @offset-y: 105*@unit) {\n  @overlay-width: 740*@unit;\n  @overlay-height: 1800*@unit;\n  @hole-width: 264*@unit;\n  @hole-height: 328*@unit;\n  background-size: (@overlay-width * @scale) (@overlay-height * @scale);\n  background-position: 50% ~\"calc((@{hole-height} - @{overlay-height}) * @{scale} / 2 + @{offset-y})\";\n}\n\n.face {\n  background-image: url('assets/face-with-hole.svg');\n  .positionHole(.75, 30*@unit);\n  background-repeat: no-repeat;\n  height: 100%;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n\n  .positionHole(1);\n\n  @media (--smaller-viewport) {\n    .positionHole(.85);\n  }\n\n  .isWithoutHole & {\n    background-image: url('assets/face-without-hole.svg');\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.container {\n  border-radius: 6*@unit;\n  text-align: left;\n  color: @color-white;\n  margin: 0 40*@unit 16*@unit;\n  padding: 8*@unit 16*@unit 12*@unit 16*@unit;\n  position: relative;\n  @media (--small-viewport) {\n    margin: 0 16*@unit 8*@unit;\n  }\n}\n\n.container-error {\n  &:extend(.container);\n  background-color: @color-error;\n}\n\n.container-warning {\n  &:extend(.container);\n  background-color: @color-warning;\n}\n\n.instruction {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 24*@unit;\n}\n.instruction-text {\n  font-size: @font-size-small;\n  line-height: 1.43;\n}\n\n.title {\n  position: relative;\n}\n\n.title-text {\n  display: inline-block;\n  font-weight: 300;\n  line-height: 1.5;\n  padding-left: 24*@unit;\n}\n\n\n.title-icon {\n  position: absolute;\n  height: 100%;\n  width: 16*@unit;\n  margin-right: 8*@unit;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n\n.title-icon-error {\n  &:extend(.title-icon);\n  background-image: url('assets/error.svg');\n}\n\n.title-icon-warning {\n  &:extend(.title-icon);\n  background-image: url('assets/warning.svg');\n}\n\n.roundedTriangle {\n  position: absolute;\n  bottom: -6*@unit;\n  left: ~\"calc(50% - 8*@{unit})\";\n  width: 8*@unit;\n  height: 8*@unit;\n  border-top: 8*@unit solid @color-transparent;\n  border-right: 8*@unit solid @color-transparent;\n  border-bottom: 8*@unit solid @color-transparent;\n  border-left: 8*@unit solid @color-transparent;\n  border-bottom-left-radius: 3*@unit;\n  transform: rotate(-45deg);\n}\n\n\n.warningTriangle {\n  border-bottom: 8*@unit solid @color-warning;\n  border-left: 8*@unit solid @color-warning;\n}\n\n.errorTriangle {\n  border-bottom: 8*@unit solid @color-error;\n  border-left: 8*@unit solid @color-error;\n}\n\n.dismiss {\n  background-image: url('assets/cross.svg');\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-color: transparent;\n  border-radius: 50%;\n  width: 24*@unit;\n  height: 24*@unit;\n  position: absolute;\n  top: 10*@unit;\n  right: 10*@unit;\n  cursor: pointer;\n  border: none;\n  font: inherit;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.5);\n  }\n\n  &:active {\n    background-color: rgba(255, 255, 255, 0.7);\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.uploadFallback {\n  display: block;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  padding-right: 16*@unit;\n  padding-bottom: 4*@unit;\n\n  & button{\n    /* ref: http://stackoverflow.com/a/12642009/689223 */\n    /* Remove all decorations to look like normal text */\n    background: none;\n    border: none;\n    display: inline;\n    font: inherit;\n    margin: 0;\n    padding: 0;\n    /* Additional styles to look like a link */\n    cursor: pointer;\n\n    /*Custom style*/\n    color: @color-white;\n    &:hover{\n      text-decoration: underline;\n    }\n  }\n}\n\n.errorContainer {\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 4;\n}\n\n.errorOverlay() {\n  &::before {\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n    z-index: 1;\n  }\n}\n\n.errorContainerType {\n  .errorOverlay();\n}\n\n.errorHasBackdrop {\n  .errorOverlay();\n  bottom: 0;\n  &::before {\n    background-color: @color-camera-error-overlay;\n    opacity: .57;\n  }\n}\n\n.errorMessage {\n  top: 48*@unit;\n  left: 0;\n  right: 0;\n  position: absolute;\n  z-index: 2;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.bodyWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 auto;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.instructions {\n  font-size: @font-size-small;\n  margin: 10% 16*@unit-small 16*@unit-small;\n  @media (--small-viewport) and (--short-viewport) {\n    margin: 0 16*@unit-small;\n  }\n}\n\n.image {\n  font-size: @font-size-small;\n  margin-top: 40*@unit;\n  display: flex;\n  flex-direction: column;\n  max-width: 105.01*@unit-x-small;\n  width: 100%;\n  padding: 10*@unit-small;\n  @media (--small-viewport) and (--long-viewport) {\n    max-width: 79*@unit-x-small;\n    margin: auto;\n  }\n  @media (--small-viewport) and (--short-viewport) {\n    max-width: 79*@unit-x-small;\n    margin: auto;\n  }\n}\n\n.reasons {\n  font-size: @font-size-small;\n\n  text-align: center;\n  min-height: 42*@unit-small;\n}\n\n.reason {\n  margin-top: 8*@unit-small;\n}\n\n.graphic {\n  background-color: @color-white;\n  background-image: url('assets/allow.svg');\n  background-repeat: no-repeat;\n  background-size: 100%;\n  position: relative;\n  flex: 0 1 100%;\n  /* 90.2% is the aspect ratio of responsive div */\n  /* The percentage has been calculated by dividing the original height value divided by the original width value. In this case 94.67/105.01 = 0.992 */\n  padding-top: 90.2%;\n}\n\n.allow {\n  top: 70%;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  width: 50%;\n  font-weight: 300;\n\n  @media (--small-viewport) {\n    top: 65%;\n  }\n}\n\n.buttonInstructions {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.instructions {\n  font-size: @font-size-small;\n\n  text-align: left;\n  border-radius: 3*@unit-small;\n  border: 1px solid @color-background;\n  margin: 30*@unit-small 0 24*@unit-small;\n  position: relative;\n  padding: 24*@unit-small 24*@unit-small 12*@unit-small;\n  @media (--small-viewport) and (--short-viewport) {\n    font-size: @font-size-x-small;\n  }\n  @media (--small-viewport) {\n    margin: 24*@unit-small 0 12*@unit-small;\n  }\n}\n\n.instructionsTitle {\n  font-weight: 300;\n  margin: 0 0 8*@unit-small;\n}\n\n.recovery {\n  background: @color-secondary-button-text;\n  border-radius: 14*@unit-small;\n  color: @color-white;\n  font-weight: 300;\n  left: 20*@unit-small;\n  line-height: 24*@unit-small;\n  padding: 0 15*@unit-small;\n  position: absolute;\n  top: 0;\n  transform: translateY(-50%);\n}\n\n.steps {\n  padding: 0;\n  margin: 0;\n}\n\n.step {\n  margin: 0 15*@unit-small 10*@unit-small;\n}\n\n.button {\n  margin-left: auto;\n  margin-right: auto;\n}\n","@import (less) \"../Theme/constants.css\";\n@import (less) \"../Theme/style.css\";\n\n.camera {\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.container {\n  overflow: hidden;\n}\n\n.container:before {\n  content: \"\";\n  display: block;\n  padding-top: 70%;\n}\n\n.overlay {\n  width: 100%;\n  height: 100%;\n  top: 0;\n  position: absolute;\n  z-index: 0;\n}\n\n.video {\n  display: block;\n  height: 100%;\n  z-index: 0;\n  /* Use `object-fit: cover` on every browser but Edge */\n  @supports not (-ms-ime-align:auto) {\n    width:100%;\n    top: 0;\n    left: 0;\n    margin: auto;\n    object-fit: cover;\n  }\n}\n\n\n.webcamContainer {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  /* Only apply styles on Edge where there is no `object-fit:cover` support for video */\n  @supports (-ms-ime-align:auto) {\n    left: 50%;\n    margin: auto;\n    transform: translate(-50%, 0%);\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.loader {\n  width: 48*@unit;\n  height: 48*@unit;\n  outline: none;\n  &:extend(.absolute-center);\n}\n\n@keyframes ball-scale-ripple-multiple {\n  0% {\n    transform: scale(0.1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1);\n    opacity: 0.7;\n  }\n  100% {\n    opacity: 0.0;\n  }\n}\n\n.inner {\n  position: relative;\n  transform: translateX(25*@unit);\n\n  & > div:nth-child(0) {\n    animation-delay: -0.8s;\n  }\n\n  & > div:nth-child(1) {\n    animation-delay: -0.6s;\n  }\n\n  & > div:nth-child(2) {\n    animation-delay: -0.4s;\n  }\n\n  & > div:nth-child(3) {\n    animation-delay: -0.2s;\n  }\n\n  & > div {\n    animation-fill-mode: both;\n    position: absolute;\n    top: -2*@unit;\n    left: -26*@unit;\n    width: 50*@unit;\n    height: 50*@unit;\n    border-radius: 100%;\n    border: 2*@unit solid #ccc;\n    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.container {\n  display: flex;\n}\n\n.actions {\n  position: absolute;\n  bottom: 48*@unit;\n  left: 16*@unit;\n  right: 16*@unit;\n}\n\n.btn {\n  cursor: pointer;\n  outline-offset: 6*@unit;\n  background-color: @color-camera-button;\n  font-size: inherit;\n  border-radius: 50%;\n  border: 3*@unit solid @color-black;\n  box-shadow: 0 0 0 4*@unit @color-white;\n  height: 56*@unit;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0;\n  width: 56*@unit;\n\n  &:hover {\n    background-color: @color-camera-button-hover;\n  }\n\n  &:active {\n    background-color: @color-camera-button-active;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    background-color: @color-camera-button-disabled;\n  }\n}\n\n@import (less) \"../Theme/constants.css\";\n\n.thinWrapper {\n  margin: 0 39*@unit;\n}\n\n.introIcon {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 48*@unit;\n  height: 48*@unit;\n}\n\n.introBullet {\n  padding-left: 48*@unit;\n  margin-bottom: 48*@unit;\n  position: relative;\n  text-align: left;\n\n  /* blue line connecting all three icons */\n  &::before {\n    content: '';\n    display: block;\n    background-color: @color-text-dark;\n    width: 2*@unit;\n    height: 150%;\n    position: absolute;\n    top: 24*@unit;\n    left: 23*@unit;\n  }\n\n  &:last-child::before {\n    display: none;\n  }\n}\n\n.introBullets {\n  padding-left: 0;\n  margin-top: 41*@unit;\n  display: table;\n  list-style: none;\n}\n\n.introText {\n  padding-left: 17*@unit;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  height: 48*@unit;\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.selfieIcon {\n  background-image: url('assets/selfie-picto.svg');\n  background-size: contain;\n}\n\n.glassesIcon {\n  background-image: url('assets/glasses-picto.svg');\n  background-size: contain;\n}\n\n.introCopy {\n  margin-bottom: auto;\n  overflow: auto;\n}\n\n","@import (less) \"../Theme/constants.css\";\n\n.container {\n  display: flex;\n}\n\n.crossDeviceInstructionsContainer {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-bottom: 20*@unit;\n}\n\n.instructions {\n  margin: 16*@unit 0 0;\n\n  @media (--small-viewport) {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    justify-content: center\n  }\n}\n\n.instructionsCopy {\n  margin: 14*@unit-small 24*@unit-small;\n  font-size: @font-size-small;\n  line-height: 1.43;\n\n  @media (--small-viewport) {\n    font-size: @font-size-base;\n    margin: 14*@unit 24*@unit;\n  }\n}\n\n.error {\n  &:extend(.text);\n  color: @color-error;\n}\n\n.buttons {\n  display: flex;\n  justify-content: space-around;\n}\n\n.buttonContainer {\n  display: flex;\n  width: 100%;\n}\n\n.button {\n  display: block;\n  margin: 0 5*@unit;\n  flex: 1;\n  padding: 0 16*@unit;\n\n  @media (--small-viewport) {\n    flex-grow: 1;\n  }\n}\n\n.crossDeviceButton {\n  margin-top: 16*@unit;\n  margin-bottom: 16*@unit;\n}\n\n.icon {\n  background-size: 64*@unit auto;\n}\n\n.identityIcon {\n  background-image: url('assets/cross-device-doc-icon.svg');\n  background-size: 72*@unit;\n  background-position: 40% 50%;\n  background-repeat: no-repeat;\n  background-color: @color-icon-temporary;\n  border-radius: 144*@unit 144*@unit;\n  height: 144*@unit;\n  width: 144*@unit;\n  min-width: 16%;\n  margin: 32*@unit auto 0;\n\n  @media (--small-viewport) {\n    background-image: url('assets/camera.svg');\n    background-position: center;\n    background-color: @color-transparent;\n    background-size: 64*@unit auto;\n    border-radius: 0;\n    height: 72*@unit;\n    width: 72*@unit;\n  }\n}\n\n.faceIcon {\n  &:extend(.icon);\n  background-image: url('assets/cross-device-selfie-icon.svg');\n  background-size: 100*@unit;\n  background-position: 50% 30%;\n  background-repeat: no-repeat;\n  background-color: @color-icon-temporary;\n  border-radius: 144*@unit 144*@unit;\n  height: 144*@unit;\n  width: 144*@unit;\n  min-width: 16%;\n  margin: 32*@unit auto 0;\n\n  @media (--small-viewport) {\n    background-image: url('assets/camera.svg');\n    background-position: center;\n    background-color: @color-transparent;\n    background-size: 64*@unit auto;\n    border-radius: 0;\n    height: 72*@unit;\n    width: 72*@unit;\n  }\n}\n\n.proofOfAddressIcon {\n  &:extend(.identityIcon);\n\n  @media (--small-viewport) {\n    height: 144*@unit;\n    width: 144*@unit;\n    background-image: url('assets/letter-focus.svg');\n    background-size: auto;\n  }\n}\n\n.uploaderWrapper {\n  display: flex;\n  flex-direction: column;\n  margin: 0 16*@unit;\n  flex-grow: 1;\n}\n\n.uploadArea {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  position: relative;\n  padding: 24*@unit 24*@unit 8*@unit;\n  justify-content: space-around;\n\n  @media (--small-viewport) {\n    background-color: @color-transparent;\n    border: none;\n    justify-content: space-between;\n    padding: 0;\n  }\n}\n",".container {\n  position: relative;\n  cursor: pointer;\n}\n\n.input {\n  bottom: 0;\n  left: 0;\n  /* This input should always be hidden.\n  Highest specificity added to prevent the host app from overriding this style by mistake */\n  display: none !important;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.icon {\n  height: 144*@unit;\n  background-size: contain;\n  margin-top: 56*@unit;\n}\n\n.genericErrorIcon {\n  &:extend(.icon);\n  background-image: url('assets/connection-error-large.svg');\n}\n\n.flowInterruptedIcon {\n  &:extend(.icon);\n  background-image: url('assets/interrupted-flow.svg');\n}\n\n.unsupportedBrowserIcon {\n  &:extend(.icon);\n  background-image: url('assets/error-cross-small.svg');\n  height: 54*@unit;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.privacy {\n  width: 100%;\n}\n\n.content {\n  display: flex;\n  justify-content: space-around;\n  flex-direction: column;\n  color: @color-small-print;\n}\n\n.actions {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  margin-bottom: 24*@unit;\n  @media (--small-viewport) {\n    margin-bottom: 0;\n  }\n}\n\n.list {\n  line-height: 1.5;\n  text-align: left;\n  padding-left: 64*@unit;\n  position: relative;\n  margin-bottom: 0;\n  @media (--small-viewport) {\n    padding-left: 32*@unit;\n  }\n}\n\n.item {\n   list-style: none;\n   margin-bottom: 16*@unit;\n}\n\n.item:before{\n   content: '';\n   display: inline-block;\n   height: 16*@unit;\n   width: 32*@unit;\n   background-image: url('assets/tick-grey.svg');\n   background-repeat: no-repeat;\n   background-size: contain;\n   position: relative;\n   margin-left: -32*@unit;\n}\n\n.smallPrint {\n  text-align: left;\n  font-size: @font-size-x-small;\n  font-weight: 400;\n  line-height: 1.64;\n  margin-bottom: 24*@unit-x-small;\n}\n\n.smallPrint a {\n  color: @color-small-print;\n  margin-top: 10*@unit-x-small;\n  margin-bottom: 10*@unit-x-small;\n}\n\n.decline {\n  width: 136*@unit;\n  border: 1px solid @color-button-border;\n  border-radius: 28*@unit;\n  background-color: @color-transparent;\n  color: @color-secondary-button-text;\n  line-height: 1;\n  @media (--small-viewport) {\n    width: 112*@unit;\n    padding: 0 16*@unit;\n  }\n}\n\n.primary {\n  @media (--small-viewport) {\n    width: 152*@unit;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.documentContainer {\n  position: relative;\n  overflow: hidden;\n  margin: 0 40*@unit 16*@unit;\n}\n\n.faceContainer {\n  position: static;\n}\n\n.uploadFallback {\n  cursor: pointer;\n  text-decoration: underline;\n\n  &:hover {\n    background-color: @selectors-box-shadow-hover;\n  }\n\n  &:active {\n    background-color: @selectors-box-shadow-active;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.challengeDescription {\n  line-height: 2.25;\n}\n\n.challengeTitle {\n  font-weight: 300;\n  font-size: 20*@unit;\n  line-height: 1.2;\n}\n\n.introCopy {\n  margin-bottom: auto;\n}\n\n.introBullets {\n  text-align: left;\n  padding-left: 40*@unit;\n\n  @media (--small-viewport) {\n    padding-left: 0;\n  }\n}\n\n.introBullet {\n  padding-left: 46*@unit;\n  margin-bottom: 24*@unit;\n  list-style: none;\n  position: relative;\n}\n\n.bolder {\n  font-weight: 300;\n}\n\n.introIcon {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 26*@unit;\n  height: 26*@unit;\n}\n\n.speak_out_loudIcon {\n  background-image: url('assets/mic.svg');\n  background-size: contain;\n}\n\n.two_actionsIcon {\n  background-image: url('assets/camera.svg');\n  background-size: contain;\n}\n\n.movement {\n  background-image: url('assets/move-arrow.svg');\n  background-size: contain;\n  display: inline-block;\n  width: 65*@unit;\n  height: 21*@unit;\n  margin-top: 16*@unit;\n}\n\n.movement-turnLeft {\n  transform: rotate(180deg);\n}\n\n.recite {\n  display: block;\n  font-size: 54*@unit;\n  font-weight: 300;\n  line-height: 1.19;\n  margin-top: 2.37*@unit;\n}\n\n.actions {\n  position: absolute;\n  bottom: 48*@unit;\n  left: 16*@unit;\n  right: 16*@unit;\n}\n\n.btn:extend(.btn, .btn-centered, .btn-primary) {\n  padding: 0;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.captureActionsHint {\n  color: @color-white;\n  font-size: @font-size-small;\n  margin-bottom: 10*@unit-small;\n\n  &.recordAction {\n    @media (--smaller-viewport) {\n      display: none;\n    }\n  }\n}\n\n.caption {\n  color: @color-white;\n  text-align: center;\n  position: absolute;\n  z-index: 1;\n  top: 64*@unit;\n  left: 0;\n  right: 0;\n}\n\n.recordingIndicator {\n  text-align: center;\n  margin-bottom: 16*@unit;\n\n  /* Red circle */\n  &::before {\n    content: '';\n    display: inline-block;\n    width: 8*@unit;\n    height: 8*@unit;\n    margin-right: 5*@unit;\n    background: @color-error;\n    border-radius: 4*@unit;\n    line-height: 120%;\n  }\n}\n.recordingIndicatorText {\n  font-size: @font-size-x-small;\n  line-height: 1.45;\n}\n\n.fullScreenRoundedIcon() {\n  cursor: pointer;\n  width: 60*@unit;\n  height: 60*@unit;\n  font-size: inherit;\n  border: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-color: @color-transparent;\n  box-shadow: none;\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.7;\n  }\n\n  &:hover {\n    filter: brightness(200%);\n  }\n\n  &:active {\n    filter: brightness(80%);\n  }\n}\n\n.fullScreenStartRecordingIcon() {\n  .fullScreenRoundedIcon();\n  background-image: url('./assets/start.svg');\n}\n\n.fullScreenStopRecordingIcon() {\n  .fullScreenRoundedIcon();\n  background-image: url('./assets/stop.svg');\n}\n\n.startRecording {\n  .fullScreenStartRecordingIcon();\n}\n\n.stopRecording {\n  .fullScreenStopRecordingIcon();\n}\n","@import (less) \"../Theme/constants.css\";\n\n.previewsContainer {\n  width: 100%;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-bottom: 16*@unit;\n\n  &.previewsContainerIsFullScreen {\n    top: 0;\n  }\n}\n\n.actionsContainer {\n  margin: 0 48*@unit;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin;\n  }\n}\n\n.title {\n  flex: 0 0 auto;\n}\n\n.message {\n  margin: 32*@unit @large-text-margin 16*@unit;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin 16*@unit;\n  }\n}\n\n.btn-secondary {\n  width: 160*@unit;\n  @media (--small-viewport) {\n    width: 120*@unit;\n  }\n}\n\n.actions{\n  padding: 0;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  .btn-primary {\n    @media (--small-viewport) {\n      width: 135*@unit;\n      margin-bottom: 32*@unit;\n    }\n  }\n}\n\n.error {\n  display: block;\n  margin-bottom: 8*@unit;\n  .btn-secondary {\n    width: 90%;\n  }\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.pdfIcon {\n  display: inline-block;\n  width: 180*@unit;\n  height: 180*@unit;\n  max-width: 100%;\n  margin: 16*@unit auto 16*@unit;\n\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-image: url('assets/pdf-success.svg');\n}\n\n.pdfWrapper,\n.imageWrapper,\n.videoWrapper {\n  display: flex;\n  position: relative;\n  min-height: 90*@unit;\n  margin: 0 48*@unit;\n\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin;\n  }\n}\n\n.imageWrapper.fullscreenImageWrapper,\n.croppedImageWrapper.fullscreenImageWrapper {\n  position: static;\n}\n\n.videoWrapper {\n  margin-bottom: 64*@unit;\n  flex: 1;\n}\n\n.pdfWrapper {\n  display: block;     /* makes the containing PDF viewer width shrink correctly on window resize */\n  overflow: overlay;  /* append scrollbars if necessary and overlay over/above content (only for Chrome, to avoid double scrollbars) */\n}\n\n.image {\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  margin: 0 auto;\n  border-radius: 3*@unit;\n  flex: 0 0 auto;\n  align-self: stretch;\n  object-fit: contain;\n}\n\n\n.croppedImageWrapper {\n  &:extend(.imageWrapper);\n\n  @media (--small-viewport) {\n    min-height: 12em;\n  }\n}\n\n/* Only used for mobile device view */\n/* For browser compatibility for object-fit, object-position see\n    https://caniuse.com/#feat=object-fit\n    https://caniuse.com/#feat=object-position */\n.croppedDocumentImage {\n  width: 100%;\n  height: 14em;\n  object-fit: cover;\n  object-position: center;\n  @media (--small-viewport) {\n    height: 12em;\n  }\n}\n\n.video {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.expanded {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 4;\n  background-color: @color-white;\n}\n\n.imageContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.image {\n  min-height: 100%;\n  min-width: 100%;\n  object-fit: contain;\n  object-position: center;\n  display: block;\n  touch-action: none;\n}\n\n.container{\n  /*\n  HACK this container is only necessary in order to increase\n  the specifycity when compared to the Button variant class used\n  */\n  .button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    padding: 5*@unit 15.4*@unit;\n\n    &::before {\n      content: '';\n      display: inline-block;\n      width: 12*@unit;\n      height: 12*@unit;\n      background-image: url('assets/enlarge.svg');\n      background-repeat: no-repeat;\n      background-size: contain;\n      vertical-align: middle;\n      margin-top: -2*@unit;\n      margin-right: 10*@unit;\n    }\n\n    .button-text {\n      font-size: @font-size-x-small;\n      position: relative;\n      top: -1.65*@unit-x-small;\n    }\n  }\n}\n\n.expanded {\n  .button {\n    top: auto;\n    bottom: 16*@unit;\n    font-size: inherit;\n\n    &::before {\n      width: 18*@unit;\n      height: 18*@unit;\n      margin-top: -3*@unit;\n      margin-right: 8*@unit;\n      background-image: url('assets/collapse.svg');\n    }\n  }\n}\n",".container {\n  overflow: auto;\n}","@import (less) \"../Theme/constants.css\";\n\n.navigation {\n  @navigation-all-padding: @navigation-padding-top @navigation-padding-sides 0;\n  height: @navigation-height;\n  padding: @navigation-all-padding;\n  text-align: left;\n  box-sizing: content-box;\n  @media (--small-viewport) {\n    @navigation-all-padding: @navigation-padding-top-sm-screen @navigation-padding-sides-sm-screen 0;\n    height: @navigation-height-sm-screen;\n    padding: @navigation-all-padding;\n  }\n}\n\n.fullScreenNav {\n  background: linear-gradient(0deg, @color-navbar-gradient-one 0%, @color-navbar-gradient-two 100%);\n  z-index: 3;\n\n  .backHoverDesktop {\n    &:hover {\n      .iconBack {\n        background-image: url('assets/back-black.svg');\n        background-color: @color-icon-button-hover;\n      }\n    }\n  }\n\n  .back {\n    color: @color-white;\n\n    &:active {\n      background-image: url('assets/back-black.svg');\n\n      .iconBack {\n        background-color: @color-icon-button-active;\n      }\n    }\n  }\n\n  .iconBack {\n    background-image: url('assets/back-white.svg');\n  }\n}\n\n.backHoverDesktop {\n  &:hover, &:focus {\n    .label {\n      visibility: visible;\n    }\n  }\n\n  &:hover {\n    .iconBack {\n      background-color: @color-icon-button-hover;\n    }\n  }\n\n  &:active {\n    .iconBack {\n      background-color: @color-icon-button-active;\n    }\n  }\n}\n\n.disabled {\n  display: none;\n}\n\n.back {\n  height: 32*@unit;\n  color: @color-text-dark;\n  padding: 0;\n  font-size: inherit;\n  line-height: 1;\n  border: none;\n  background-color: @color-icon-button;\n  cursor: pointer;\n\n  @media (--small-viewport) {\n    width: auto;\n  }\n}\n\n.iconBack {\n  height: 32*@unit;\n  width: 32*@unit;\n  background-image: url('assets/back-black.svg');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  background-color: @color-transparent;\n  border-radius: 16*@unit;\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.label {\n  visibility: hidden;\n  margin: 0 7*@unit;\n  font-size: @font-size-small;\n\n  @media (--small-viewport) {\n    display: none;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.wrapper {\n  margin-top: 116*@unit;\n}\n\n.icon {\n  height: 64*@unit;\n  background-size: contain;\n  background-image: url('assets/complete.svg');\n  margin-bottom: 24*@unit;\n}\n\n.button{\n  margin-top: 80*@unit;\n}","@import (less) \"../../Theme/constants.css\";\n\n.icon {\n  height: 144*@unit;\n  background-size: contain;\n  background-image: url('assets/connection-large.svg');\n  margin-top: 40*@unit;\n  margin-bottom: 32*@unit;\n}\n\n.help {\n  /* placeholder to namespace this with CSS modules */\n}\n\n.cancel {\n  cursor: pointer;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.icon {\n  height: 36*@unit;\n  width: 36*@unit;\n  margin-right: 14*@unit;\n  float: left;\n  background-image: url('assets/complete-tick-small.svg');\n  background-size: contain;\n}\n\n.uploadList {\n  display: inline-block;\n  padding-left: 0;\n  margin-top: 48*@unit;\n  margin-bottom: 56*@unit;\n}\n\n.uploadListItem {\n  margin-bottom: 24*@unit;\n  list-style: none;\n  text-align: left;\n}\n\n.documentUploadedLabel,\n.selfieUploadedLabel,\n.videoUploadedLabel {\n  /* placeholder to namespace this with CSS modules */\n}\n\n.listText {\n  line-height: 2.25;\n  font-weight: 600;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.icon {\n  height: 144*@unit;\n  background-size: contain;\n  background-image: url('assets/mobile-notification-large.svg');\n  margin-bottom: 32*@unit;\n}\n\n.submessage {\n  margin-bottom: 0;\n}\n\n.boldMessage {\n  margin-top: 0;\n  margin-bottom: 32*@unit;\n  font-weight: 300;\n}\n\n.help {\n  /* placeholder to namespace this with CSS modules */\n}\n\n.cancel {\n  cursor: pointer;\n}\n","@import (less) \"../../Theme/constants.css\";\n@parent-width: 432;\n\n.container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.secureLinkView {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.qrCodeSection {\n  margin-top: 16*@unit;\n}\n\n.qrCodeContainer {\n  height: 144*@unit;\n  margin-bottom: 16*@unit;\n}\n\n.smsSection {\n  height: 76*@unit;\n  margin-top: 56*@unit;\n}\n\n.label {\n  font-weight: 300;\n  text-align: left;\n  color: @color-text-dark;\n  float: left;\n}\n\n.numberInputSection {\n  height: 48*@unit;\n  width: 100%;\n  float: left;\n  margin-top: 4*@unit;\n}\n\n.inputContainer, .linkText {\n  .width-parent-relative(320, @parent-width);\n}\n\n.inputContainer {\n  height: 100%;\n  border: 1px solid @color-input-border;\n  border-top-left-radius: 0*@unit;\n  border-bottom-left-radius: 0*@unit;\n  border-right: none;\n  background-color: @color-white;\n  float: left;\n  box-shadow: 0 -0.1*@unit 0*@unit 0*@unit @color-input-border;\n}\n\n.fieldError {\n  border: 1px solid @color-error;\n  border-right: none;\n  box-shadow: 0 -0.1*@unit 0*@unit 0*@unit @color-error;\n}\n\n.numberError {\n  color: @color-error;\n  font-size: @font-size-small;\n  line-height: 1.43;\n  text-align: left;\n  margin-top: 4*@unit-small;\n}\n\n.sending:before {\n  float: left;\n  margin-left: 12*@unit;\n  width: 16*@unit;\n  height: 16*@unit;\n  content: \"\";\n  opacity: 0.5;\n\n  background-image: url('./assets/spinner.svg');\n  background-position: left center;\n  background-repeat: no-repeat;\n\n  animation-name: spin;\n  animation-duration: 4000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n}\n\n@keyframes spin {\n    from {transform:rotate(0deg);}\n    to {transform:rotate(360deg);}\n}\n\n.copyLinkSection {\n  margin-top: 86*@unit;\n  text-align: left;\n}\n\n.linkContainer {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  padding-top: 16*@unit;\n}\n\n.copySuccess .actionContainer:before {\n  width: 13*@unit;\n  height: 11*@unit;\n  display: inline-block;\n  justify-content: center;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-image: url('./assets/checkmark.svg');\n  z-index: 1;\n}\n\n.linkText {\n  resize: none;\n  border: none;\n  height: 24*@unit;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: inherit;\n  line-height: 1.5;\n  color: @color-text-dark;\n  white-space: nowrap;\n  font-family: 'Proxima Nova',Helvetica,sans-serif;\n}\n\n.copyToClipboard {\n  cursor: pointer;\n  float: right;\n  height: 100%;\n  font-size: @font-size-small;\n  margin-left: 4*@unit-small;\n  padding: 2px;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-bottom-color: @color-primary-500;\n  background-color: @color-transparent;\n  color: @color-text-dark;\n\n  &:hover {\n    background-color: @color-primary-button-hover;\n    color: @color-white;\n  }\n\n  &:active {\n    background-color: @color-primary-button-active;\n    color: @color-white;\n  }\n\n  &:visited {\n    text-decoration: none;\n    color: @color-text-dark;\n    font-size: @font-size-small;\n  }\n}\n\n.copySuccess .copyToClipboard {\n  border-bottom-color: transparent;\n}\n\n.divider {\n  border: 1px solid @color-divider;\n  margin-top: 11*@unit;\n}\n\n.btn {\n  height: 48*@unit;\n  .width-parent-relative(112, @parent-width);\n  float: right;\n  border-radius: 0 0*@unit 0*@unit 0;\n  padding: 0;\n}\n\n.styledLabel {\n  display: flex;\n  width: 50%;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  margin: 0 auto;\n}\n\n.styledLabel:before,\n.styledLabel:after {\n  content: '';\n  border: 1px solid @color-divider;\n  margin: 0 24*@unit 0 0;\n  flex: 1 0 24*@unit;\n}\n\n.styledLabel:after {\n  margin: 0 0 0 24*@unit;\n}\n\n.viewOptions {\n  margin: 16*@unit;\n}\n\n.viewOption {\n  margin: 0 16*@unit;\n}\n\n.optionIcon {\n  width: 22*@unit;\n  height: 16*@unit;\n  display: inline-block;\n  content: \"\";\n  vertical-align: text-bottom;\n  background-repeat: no-repeat;\n}\n\n.smsLinkOption:before {\n  &:extend(.optionIcon);\n  background-image: url('./assets/icon-sms.svg');\n}\n\n.qrCodeLinkOption:before {\n  &:extend(.optionIcon);\n  background-image: url('./assets/icon-qr-code.svg');\n}\n\n.copyLinkOption:before {\n  &:extend(.optionIcon);\n  background-image: url('./assets/icon-copy-link.svg');\n}\n","@import (less) \"../Theme/constants.css\";\n\n.loading {\n  color: @color-tips-pill;\n  font-size: @font-size-large;\n  line-height: 1.6;\n  margin: 8*@unit-large;\n  float: left;\n}\n\n.mobileInput {\n  font-size: @font-size-base;\n}\n\n.phoneNumberContainer {\n  float: left;\n  width: 100%;\n  padding: 8*@unit 12*@unit;\n}\n\n.phoneNumberContainer :global {\n  .react-phone-number-input__icon {\n    height: 28.8*@unit;\n    width: 28.8*@unit;\n    border: none;\n    display: block;\n  }\n\n  .rrui__select__arrow {\n  color: @color-text-dark;\n  }\n\n  .rrui__select__options:not(.rrui__select__options--menu) {\n    width: 438*@unit;\n  }\n\n  /*\n   * We need to override the `rrui` styles from REM to EM, for our relative fonts\n   */\n  .rrui__input:not(.rrui__input--multiline),\n  .rrui__input-label {\n    height: 1.8*@unit-rrui;\n  }\n  .rrui__select__native {\n    min-height: 1.8*@unit-rrui;\n  }\n  .rrui__input-error {\n    margin-top: 0.3*@unit-rrui;\n  }\n  .rrui__select__options\n  {\n    padding-top: 0.6*@unit-rrui;\n    padding-bottom: 0.6*@unit-rrui;\n  }\n  .rrui__select__options--left-aligned {\n    left: -1.2*@unit-rrui;\n  }\n  .rrui__select__options--right-aligned {\n    right: -1.2*@unit-rrui;\n  }\n  .rrui__select__options:not(.rrui__select__options--menu) {\n    width: calc(100% + 2.4*@unit-rrui);\n  }\n  .rrui__select__option {\n    padding-left: 1.2*@unit-rrui;\n    padding-right: 1.2*@unit-rrui;\n    padding-top: 0.3*@unit-rrui;\n    padding-bottom: 0.3*@unit-rrui;\n  }\n  .rrui__select__option-icon {\n    margin-right: 0.9*@unit-rrui;\n  }\n  .rrui__select__close-icon {\n    margin-top: calc(0.6*@unit-rrui + 4px);\n    margin-right: calc(0.6*@unit-rrui + 4px);\n    width: 1.5*@unit-rrui;\n    height: 1.5*@unit-rrui;\n  }\n}\n\n.phoneNumberContainer {\n  button {\n    border-bottom: none;\n  }\n\n  input {\n    overflow: hidden;\n    width: 100%;\n    border-bottom: none;\n  }\n\n  button:focus, input:focus {\n    outline: auto 5px -webkit-focus-ring-color;\n  }\n}\n\n.flagIcon {\n  background-size: 100%;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n","@import (less) \"../Theme/constants.css\";\n\n.qrCodeHelp {\n  min-height: 105*@unit;\n}\n\n.qrCodeHelpButton {\n  cursor: pointer;\n}\n\n.qrCodeHelpIcon {\n  width: 20*@unit;\n  height: 16*@unit;\n  display: inline-block;\n  vertical-align: text-bottom;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-image: url('./assets/icon-info.svg');\n}\n\n.qrCodeHelpList {\n  font-size: @font-size-small;\n  text-align: left;\n  margin-bottom: 0;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.icon {\n  height: 144*@unit;\n  background-size: contain;\n  background-image: url('assets/return-to-computer-large.svg');\n  margin-top: 50*@unit;\n  margin-bottom: 50*@unit;\n}\n\n.text {\n  font-size: @font-size-small;\n  line-height: 1.43;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.container {\n  display: flex;\n  flex-direction: column;\n}\n\n.buttonContainer {\n  /* to raise button slightly so bottom of focus border is not cut off */\n  margin-bottom: 8*@unit;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.list {\n  list-style: none;\n  padding: 0;\n}\n\n.stage {\n  display: flex;\n  align-items: center;\n\n  /* to position line connecting all three icons */\n  padding-bottom: 32*@unit;\n  position: relative;\n\n  /* line connecting all three icons */\n  &::before {\n    content: '';\n    display: block;\n    background-color: @color-text-dark;\n    width: 2*@unit;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 23*@unit;\n  }\n\n  &:last-child::before {\n    display: none;\n  }\n}\n\n.stageIcon {\n  background-size: contain;\n  flex-shrink: 0;\n  float: left;\n  height: 48*@unit;\n  width: 48*@unit;\n  position: relative;\n  z-index: 1;\n\n  &-sms {\n    background-image: url('assets/connection-large.svg')\n  }\n\n  &-take-photos {\n    background-image: url('assets/take-photos.svg');\n  }\n\n  &-take-selfie {\n    background-image: url('assets/take-selfie.svg');\n  }\n\n  &-return-to-computer {\n    background-image: url('assets/return-to-computer-large.svg')\n  }\n}\n\n.stageMessage {\n  text-align: left;\n  margin-left: 15*@unit;\n  flex-grow: 1;\n  flex-basis: 100%;\n\n  &-sms,\n  &-take-photos,\n  &-return-to-computer {\n    color: #636670;\n  }\n}","@import (less) \"../../Theme/constants.css\";\n\n.content {\n  position: relative;\n  margin: 0 40*@unit 16*@unit;\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n\n  @media (--small-viewport) {\n    margin: 0 24*@unit 16*@unit;\n  }\n}\n\n.subTitle {\n  font-size: @font-size-small;\n\n  &::before {\n    content: '';\n    display: inline-block;\n    width: 16*@unit-small;\n    height: 16*@unit-small;\n    background-image: url('assets/warningSmall.svg');\n    background-size: contain;\n    vertical-align: middle;\n    line-height: 1;\n    margin-right: 5*@unit-small;\n    margin-top: -2*@unit-small;\n  }\n}\n\n.bolder {\n  font-weight: 300;\n}\n\n.makeSure {\n  color: @color-text-dark;\n  font-weight: 300;\n  margin-bottom: 8*@unit;\n\n  @media (--small-viewport) {\n    text-align: left;\n  }\n}\n\n.docImageContainer {\n  position: relative;\n  flex: 1;\n  width: 340*@unit;\n  margin: 0 auto;\n  @media (--small-viewport) {\n    width: 100%;\n  }\n}\n\n.docImage {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.label {\n  fill: @color-text-dark;\n  font-size: @font-size-small;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.content {\n  text-align: center;\n  margin: 0 80*@unit auto;\n\n  @media (--small-viewport) {\n    margin-left: 24*@unit;\n    margin-right: 24*@unit;\n  }\n}\n.thickWrapper {\n  margin: 0 @large-text-margin;\n  padding-bottom: 2.5em;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin;\n  }\n}\n.requirements {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.requirement {\n  display: flex;\n  padding-bottom: 16*@unit;\n  padding-left: 16*@unit;\n  position: relative;\n  &::before {\n    content: '';\n    background-color: @color-primary-500;\n    border-radius: 50%;\n    display: inline-block;\n    height: 6*@unit;\n    width: 6*@unit;\n    position: absolute;\n    left: 0;\n    top: 6*@unit;\n  }\n}\n\n.bolder {\n  font-weight: 300;\n}\n"],"sourceRoot":""}