{"version":3,"sources":["webpack:///./components/Theme/constants.css","webpack:///./components/Modal/style.css","webpack:///./components/Theme/style.css","webpack:///./components/Confirm/style.css","webpack:///./components/EnlargedPreview/style.css","webpack:///./components/Pannable/style.css","webpack:///./components/Error/style.css","webpack:///./components/Spinner/style.css","webpack:///./components/Title/style.css","webpack:///./components/Welcome/style.css","webpack:///./components/DocumentSelector/style.css","webpack:///./components/Select/style.css","webpack:///./components/Capture/style.css","webpack:///./components/CameraError/style.css","webpack:///./components/Overlay/style.css","webpack:///./components/Camera/style.css","webpack:///./components/CameraPermissions/Recover/style.css","webpack:///./components/Collapsible/style.css","webpack:///./components/CameraPermissions/Primer/style.css","webpack:///./components/Uploader/style.css","webpack:///./components/CustomFileInput/style.css","webpack:///./components/crossDevice/SwitchDevice/style.css","webpack:///./components/PrivacyStatement/style.css","webpack:///./components/Photo/style.css","webpack:///./components/Video/style.css","webpack:///./components/crossDevice/GenericError/style.css","webpack:///./components/ProofOfAddress/Guidance/style.css","webpack:///./components/ProofOfAddress/PoAIntro/style.css","webpack:///./components/Complete/style.css","webpack:///./components/crossDevice/MobileNotificationSent/style.css","webpack:///./components/crossDevice/MobileConnected/style.css","webpack:///./components/crossDevice/CrossDeviceSubmit/style.css","webpack:///./components/PhoneNumberInput/style.css","webpack:///../~/react-phone-number-input/style.css","webpack:///../~/react-phone-number-input/rrui.css","webpack:///./components/crossDevice/CrossDeviceLink/style.css","webpack:///./components/crossDevice/ClientSuccess/style.css","webpack:///./components/crossDevice/Intro/style.css","webpack:///./components/NavigationBar/style.css"],"names":[],"mappings":"AAMA,qCACE,YACA,kBACA,MACA,OACA,SACA,QCVF,8BAGE,UAGF,oGAMA,6BACE,qDACA,eACA,MACA,OACA,QACA,SAEA,gCACA,oFAEA,yCACE,UAEF,2CACE,UAIJ,2BAEE,kBACA,cACA,YAEA,WACA,gBACA,aACA,kBACA,4BACA,kBAEA,2CACA,yBAEA,cACA,eACA,gBACA,iBAEA,oDACE,WACA,YACA,kBACA,iBAGF,6HACE,oDAGF,uDACE,YACA,WACA,UACA,8CACA,8PAGF,oEACE,YACA,UACA,8CACA,kMAIJ,iCACE,6BACA,qZACA,mBACA,YACA,eACA,iCACA,YACA,aACA,kBACA,WACA,qBACA,SACA,WACA,UAEA,0DACE,SACA,WAIJ,sCACE,aACA,kBACA,WACA,QACA,8DACA,gBACA,eACA,iBAGF,2CACE,iZAAsB,CADxB,iFAII,WAIJ,yBACE,uCACE,yBADF,6EAII,cAIJ,iDACE,8BD9HJ,qCACE,YACA,kBACA,MACA,OACA,SACA,QEVF,0BACE,WACA,gBACA,SACA,kBACA,qDACA,yGAIF,oCACE,gBACA,kBAGF,yCACE,WACA,qDACA,yGACA,6EAIA,wEAPA,WACA,qDACA,yGACA,8EASF,mCACE,mDAGF,6BACE,mDACA,kBACA,qDAHF,+BAKI,mDAIJ,8CACE,gBAGF,4BACE,WACA,YACA,mDAEA,42KACA,4BACA,4BACA,UAEA,sDACE,YAIJ,kCACE,cACA,2DACE,eAIJ,kCACE,qDACA,aACA,iBACA,iBACA,2DACE,eAIJ,mCACE,qBACA,4DACE,sBAIJ,yBACE,YACA,aACA,gBACA,eACA,oBAEA,qBACA,kBACA,eAEA,qBACA,YACA,mBACA,UACA,aACA,kDACE,qBAIJ,kCACE,YAGF,iCAEE,cACA,YACA,mBACA,eACA,gBACA,iBAIA,YAEA,mBAGA,WARA,0DACE,YAUJ,qCACE,oCACA,kBACA,WACA,gBACA,YACA,gBACA,mBAGF,+BACE,6BACA,sBACA,WAGF,iCACE,yBACA,mBACA,6BACA,cACA,iBACA,oBAGF,4BACE,kBAGF,0BACE,cACA,4BACA,wBACA,YAGF,6BACE,WACA,qDACA,6EACA,wBACA,sDACE,sBAKF,uFACE,aAIJ,0BACE,yBACA,gBACA,wGACA,kBAGF,4BACE,mBACA,yBACA,WACA,eACA,gBACA,kBACA,iBACA,iBACA,eAGF,8BACE,SFpMF,uCACE,YACA,kBACA,MACA,OACA,SACA,QGVF,yCACE,WACA,YACA,kBACA,qDACA,yGACA,6EAEA,6FACE,MAIJ,wCACE,cACA,iEACE,eAIJ,6BACE,mDAGF,gCACE,WACA,WACA,mBACA,qDAEA,yDACE,oBAIJ,oCACE,kBACA,qDACA,gDACA,WACA,YACA,eACA,gBAEA,iFACE,gBAIJ,oCACE,aACA,aAGF,6BACE,eACA,gBACA,cACA,cACA,kBACA,mDACA,+CACA,yCAGF,6BACE,WACA,YACA,yCAGF,gCACE,WAGF,8BACE,YACA,UACA,uDACE,aAIJ,+BACE,UAGF,+BACE,qBACA,YACA,aACA,eACA,iBAEA,4BACA,4BACA,wzCAAsB,CAGxB,6BACE,cACA,sDACE,gBAHJ,gEAMI,UC3GJ,wCAME,UACA,sBAGF,sFATE,kBACA,MACA,OACA,WACA,WACA,CAYF,qCACE,gBACA,eACA,yCACA,iDACA,cACA,wCAGF,sCACE,kBACA,SACA,QACA,eACA,6EAAW,CAEX,6CACE,WACA,qBACA,WACA,YACA,2gBACA,4BACA,wBACA,sBACA,gBACA,kBAIJ,8EAEI,SACA,YACA,eACA,UACA,qbAEA,6EAAW,CAEX,qFACE,WACA,YACA,gBACA,iBACA,6kBAAsB,CAI1B,oHAEI,UACA,6EAAW,CCtEjB,kCACE,cLKF,qCACE,YACA,kBACA,MACA,OACA,SACA,QMVF,2GACE,kBACA,gBACA,WACA,mBACA,sBACA,kBACA,oIACE,eAIJ,qCAEE,yBAGF,uCAEE,yBAGF,iCACE,aACA,gBACA,iBACA,eACA,iBAKF,2BACE,kBAGF,gCACE,qBACA,eACA,gBACA,iBACA,kBAIF,8GACE,kBACA,YACA,WACA,iBACA,wBACA,4BACA,wBAGF,sCAEE,qaAAsB,CAGxB,wCAEE,y3BAAsB,CAGxB,qCACE,kBACA,YACA,qBACA,UACA,WACA,iCACA,mCACA,oCACA,kCACA,8BACA,yDAAW,CAIb,qCACE,gCACA,8BAGF,mCACE,gCACA,8BAGF,6BACE,2cACA,wBACA,4BACA,wBACA,WACA,YACA,kBACA,SACA,WACA,eNhGF,qEACE,YACA,kBACA,MACA,OACA,SACA,QOVF,8BACE,WACA,YAIF,oEACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,GACE,WAVJ,4DACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,GACE,WAIJ,6BACE,kBACA,6DAAW,CAEX,8CACE,kDAGF,6CACE,kDAGF,8CACE,kDAGF,8CACE,kDAGF,iCACE,0DACA,kBACA,SACA,WACA,WACA,YACA,mBACA,sBACA,2NAAwD,CP7C5D,qCACE,YACA,kBACA,MACA,OACA,SACA,QQVF,2BACE,cACA,gBACA,eACA,iBACA,mBACA,oDACE,eACA,kBAIJ,kCACE,sBACA,2DACE,oBAKF,sDACE,cAIJ,gCACE,WACA,SACA,UAHF,2DAKI,WACA,eACA,gBACA,iBCnCJ,4BACE,gBACA,mBTIF,gDACE,YACA,kBACA,MACA,OACA,SACA,QUVF,wCACE,qDACA,yGACA,oEACA,kBACA,kBACA,iEACE,eAIJ,uCACE,gBACA,kBACA,yBACA,cACA,eACA,qDACA,eACA,iBACA,kBACA,aACA,kBAEA,6CACE,sXACA,WACA,cACA,YACA,kBACA,WACA,QACA,8DACA,UAIJ,wCACE,gBACA,6CACA,6CAGF,2CACE,qDACA,oEACA,yGACA,kBACA,gBAGF,sCACE,SACA,eACA,gBACA,iBAGF,qCACE,cACA,kBAGF,wCACE,gBACA,kBAGF,oCACE,qBACA,yBACA,eACA,mBACA,kBACA,eAGF,qCACE,eACA,4BACA,4BACA,kCACA,WACA,YACA,kBACA,gDVvFD,8CUgGG,+tBAAsB,CVhGzB,4DUgGG,k0BAAsB,CVhGzB,qDUgGG,27CAAsB,CVhGzB,qEUgGG,iiCAAsB,CVhGzB,kDUgGG,u+BAAsB,CVhGzB,4CUgGG,81BAAsB,CChG1B,8BACE,qDACA,yGACA,6CAGF,6BACE,eCPF,yCACE,kBACA,gBACA,mBAGF,qCACE,gBCNF,0CACE,cACA,kBACA,SACA,QACA,mBACA,mBAEA,iDAGE,gBACA,YACA,eACA,aACA,SACA,UACA,aACA,iBAEA,eAGA,WACA,uDACE,0BAKN,0CACE,OACA,kBACA,QACA,MACA,UAIA,qDACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAQJ,4CAEE,SAnBA,mDACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAYA,yBACA,YAIJ,wCACE,SACA,OACA,QACA,kBACA,UAGF,wCACE,eACA,0BACA,ebvEF,uCACE,YACA,kBACA,MACA,OACA,SACA,QcVF,gEACE,yBACA,kBACA,WACA,SACA,oEAEA,oFAGF,iCAiBE,UACA,oBAaF,4BACE,ikBALA,6BACA,+BAMA,4BACA,YACA,oBACA,kBACA,MACA,OACA,WAbA,6BACA,+BAgBA,qDAjBA,6BACA,kCAoBA,iEACE,4aAAsB,CdvD1B,sCACE,YACA,kBACA,MACA,OACA,SACA,QEVF,2BACE,WACA,gBACA,SACA,kBACA,qDACA,yGAIF,qCACE,gBACA,kBAGF,0CACE,WACA,qDACA,yGACA,6EAIA,yEAPA,WACA,qDACA,yGACA,8EASF,oCACE,mDAGF,8BACE,mDACA,kBACA,qDAHF,gCAKI,mDAIJ,+CACE,gBAGF,6BACE,WACA,YACA,mDAEA,42KACA,4BACA,4BACA,UAEA,uDACE,YAIJ,mCACE,cACA,4DACE,eAIJ,mCACE,qDACA,aACA,iBACA,iBACA,4DACE,eAIJ,oCACE,qBACA,6DACE,sBAIJ,0BACE,YACA,aACA,gBACA,eACA,oBAEA,qBACA,kBACA,eAEA,qBACA,YACA,mBACA,UACA,aACA,mDACE,qBAIJ,mCACE,YAGF,kCAEE,cACA,YACA,mBACA,eACA,gBACA,iBAIA,YAEA,mBAGA,WARA,2DACE,YAUJ,sCACE,oCACA,kBACA,WACA,gBACA,YACA,gBACA,mBAGF,gCACE,6BACA,sBACA,WAGF,kCACE,yBACA,mBACA,6BACA,cACA,iBACA,oBAGF,6BACE,kBAGF,2BACE,cACA,4BACA,wBACA,YAGF,8BACE,WACA,qDACA,6EACA,wBACA,uDACE,sBAKF,yFACE,aAIJ,2BACE,yBACA,gBACA,wGACA,kBAGF,6BACE,mBACA,yBACA,WACA,eACA,gBACA,kBACA,iBACA,iBACA,eAGF,+BACE,SavMF,6BACE,YACA,qDACA,yGACA,6EAGF,gCACE,gBAGF,uCACE,WACA,cACA,gBAGF,8BACE,WACA,YACA,MACA,kBACA,UAGF,4BACE,cACA,YACA,UAEA,+DACE,WACA,MACA,OACA,YACA,sCAKJ,sCACE,kBACA,MACA,YAEA,qEACE,SACA,YACA,2DAAW,Ef7Cf,yDACE,YACA,kBACA,MACA,OACA,SACA,QgBVF,8CACE,gBACA,mBAGF,sDACE,gBACA,kBACA,yBACA,eACA,mBACA,kBACA,uBAGF,2DACE,gBACA,eAGF,kDACE,mBACA,kBACA,WACA,gBACA,UACA,iBACA,eACA,kBACA,MACA,6DAAW,CAGb,+CACE,UACA,SAGF,8CACE,mBAGF,gDACE,iBACA,kBC9CF,mCACE,eACA,0BACA,oEAGF,yCACE,sYACA,wBACA,4BACA,WACA,qBACA,WACA,gBACA,0DACA,sBACA,WAGF,+EACE,qDAAW,CjBdb,wDACE,YACA,kBACA,MACA,OACA,SACA,QkBVF,6CACE,gBACA,mBAGF,8CACE,kBACA,yBACA,eACA,kBAGF,gDACE,YAGF,gDACE,kBACA,eACA,eAGF,+CACE,eAGF,gDACE,yBACA,kBACA,sBACA,kEACA,8fACA,4BACA,qBACA,aACA,mBACA,kBACA,YAEA,yEACE,aACA,aAIJ,8CACE,QACA,kBACA,QACA,kBACA,UACA,gBAEA,uEACE,SAIJ,oDACE,WACA,yBACA,WACA,YACA,mBACA,kBACA,QACA,SACA,qEAAW,ClB/Db,wCACE,YACA,kBACA,MACA,OACA,SACA,QmBVF,kCACE,qDAGF,qCACE,gBAGF,yCACE,iBACA,eACA,iBAEA,kEACE,gBAIJ,8BAEE,cAGF,kEACE,0BAGF,gCACE,qDACA,sDAGF,+BACE,cACA,aACA,WACA,qCACA,oBAEA,wDACE,oDAIJ,qCAEE,oiBAAsB,CAEtB,8DACE,wcAAsB,EAI1B,2CACE,mtDACA,qBACA,YACA,YACA,WAEA,oEACE,aACA,YACA,kkCAAsB,EAI1B,wCACE,qDACA,yGACA,cACA,mDACA,iEACE,iBAIJ,mCACE,qDACA,yGACA,mDACA,kBACA,0BACA,yBACA,kBACA,sBACA,sDAEA,4DACE,6BACA,YACA,6EACA,WC9FJ,yCACE,kBACA,eAGF,qCACE,SACA,OACA,aACA,kBACA,QACA,MACA,WACA,UCbF,kDACE,YACA,WACA,yBACA,kBACA,sBACA,mBACA,kBACA,0EAGF,4DACE,qBAGF,6CACE,UACA,cACA,eACA,gBACA,iBACA,WACA,6CAGF,+CACE,gBAGF,mDACE,SACA,eACA,WAGF,6CACE,YACA,WACA,cACA,kBACA,wBAGA,yBACA,q3DACA,4BACA,4BACA,cACA,WAGF,gDACE,YACA,UACA,YACA,iBACA,YACA,6bACA,4BrBpDF,gDACE,YACA,kBACA,MACA,OACA,SACA,QsBVF,wCACE,WAGF,wCAEE,sDACA,4EACA,cAGF,gFANE,qDAEA,6BASA,wCAHA,6EACA,wEACA,mBACA,iEACE,iBAIJ,qCACE,eACA,iBACA,gBACA,kBACA,kBACA,gBACA,8DACE,mBAIJ,qCACG,gBACA,mBAGH,4CACG,WACA,qBACA,YACA,WACA,oeACA,4BACA,kBACA,kBACA,qEACE,mBAIL,2CACE,gBACA,eACA,gBACA,iBACA,mBAGF,6CACE,cACA,gBACA,mBAGF,wCACE,YACA,yBACA,mBACA,6BACA,cACA,iBACA,iEACE,YACA,gBAKF,iEACE,aCnFJ,6BACE,kBACA,YACA,UACA,WAGF,kCACE,yBAGF,yBACE,sBACA,kBACA,sBACA,4DACA,YACA,iBACA,kBACA,UACA,WACA,eACA,avBhBF,qCACE,YACA,kBACA,MACA,OACA,SACA,QwBVF,+BACE,iBAGF,oCACE,gBACA,eACA,iBAGF,+BACE,mBAGF,kCACE,gBACA,kBAEA,2DACE,gBAIJ,iCACE,kBACA,mBACA,gBACA,kBAGF,4BACE,gBAGF,+BACE,cACA,kBACA,OACA,MACA,4BACA,WACA,YAGF,wCACE,umBAAsB,CAGxB,qCACE,gvBAAsB,CAGxB,8BACE,6RACA,qBACA,WACA,YACA,gBAGF,uCACE,yDAAW,CAGb,4BACE,cACA,eACA,gBACA,iBACA,eAGF,6BACE,kBACA,YACA,UACA,WAGF,yBACE,UACA,iBACA,kBAGF,wCACE,WACA,eACA,mBAGE,kGACE,cAKN,6BACE,WACA,kBACA,kBACA,UACA,SACA,OACA,QAGF,wCACE,eACA,kBACA,iBACA,mBAGA,+CACE,WACA,qBACA,UACA,WACA,iBACA,mBACA,kBACA,iBA0BJ,oCARE,wbAAsB,CAYxB,uEAzBE,WACA,YACA,YACA,wBACA,4BACA,6BACA,wCACA,aACA,cAKA,CAYF,mCAPE,kUAAsB,CCnJxB,6CACE,aACA,wBACA,koFACA,gBACA,oBzBCF,uDACE,YACA,kBACA,MACA,OACA,SACA,Q0BVF,+CACE,kBACA,mBACA,qCACA,yGACA,qDAEA,wEACE,oBAIJ,gDACE,eAEA,uDACE,WACA,qBACA,WACA,YACA,8WACA,sBACA,gBACA,iBACA,gBAIJ,8CACE,gBAGF,gDACE,cACA,gBACA,kBAEA,yEACE,iBAIJ,yDACE,kBACA,qCACA,YACA,cACA,kFACE,YAIJ,gDACE,YACA,WACA,kBACA,MACA,OACA,QACA,SAGF,6CACE,aACA,e1B5DF,uDACE,YACA,kBACA,MACA,OACA,SACA,Q2BVF,+CACE,gBACA,mBAEA,wEACE,iBACA,mBAIJ,oDACE,gBACA,cACA,mBAGF,mDACE,qDACA,oBACA,kBACA,kBACA,0DACE,WACA,yBACA,kBACA,qBACA,WACA,UACA,kBACA,OACA,QAIJ,8CACE,gBCrCF,gCACE,iBAGF,mCACE,eACA,iBAEF,6BACE,YACA,wBACA,shBACA,qBCZF,uDACE,YACA,wBACA,63DACA,mBAGF,6DACE,gBAGF,8DACE,aACA,mBACA,gBAGF,yDACE,iBACA,eACA,WACA,YACA,cACA,gFACA,eACA,qBAGF,uDACE,qBAGF,2DACE,oBCjCF,gDACE,YACA,wBACA,wyEACA,gBACA,mBAGF,kDACE,iBACA,eACA,WACA,YACA,cACA,qBACA,gFACA,eAGF,gDACE,qBAGF,oDACE,oBCxBF,kDACE,YACA,WACA,kBACA,WACA,qgBAAsB,CAGxB,wDACE,qBACA,eACA,gBACA,mBAGF,2DACE,mBACA,gBACA,gBAGF,sDACE,iBACA,gBCvBF,wCACE,cACA,eACA,iBACA,WACA,WAGF,4CACE,eAGF,qDACE,WACA,WACA,iBAGF,qFACE,aACA,YACA,YACA,cAGF,0EACE,cAGF,8GACE,YAGF,4DACE,mBAGF,2DACE,WACA,mBACA,gBAIF,yCACE,qBACA,4BACA,wBC/CF,+BAIC,kBAGA,qDACA,kEAID,mCAEC,WAID,2FAIC,qCAGD,iCAEC,kBAGD,2DAEC,kBAGD,+DAEC,WAGD,4IAaC,gBAGD,+CAEC,gBACA,iBAGD,gDAEC,qDACA,kEAGD,qDAEC,mBAGD,gCAGC,aACA,aAEA,iCAEA,sDAGD,+CAIC,wBACA,yBAIA,oBACA,qBAEA,YAGD,iCAEC,6BAAc,CCjGf,yCAGC,YACA,gCACA,oDAGD,gHAIC,4BAOD,aAIC,kBAGD,6DAGC,aAAS,CAIV,sBAEC,iBAAa,CAGd,mBAEC,kBACA,cAOD,mBAEC,aACA,gBAEA,UACA,6DAGD,8DAGC,qBAGD,6BAEC,eAQD,iEAIC,SACA,UACA,mBACA,aACA,6DACA,YACA,gBACA,eACA,kBACA,oBACA,oBACA,mBAOD,kBAEC,UACA,oBAEA,gDACA,8DAGA,oHAIA,4BACA,oCAGD,4BAEC,UACA,oBAEA,gDACA,8DAEA,2GAAuB,CAGxB,2BAEC,kBACA,UAGD,2BAQC,UAGA,0EAGD,qCAEC,UAGD,cAEC,gJAGD,cAEC,qFAGD,oBAEC,kBAGD,uBAEC,SACA,eACA,mBACA,sBACA,gBACA,sBACA,qBACA,kBACA,oDAGD,gCAEC,OAGD,iCAEC,QAGD,qCAEC,YAAO,CAGR,sCAEC,aAAQ,CAGT,yDAEC,gCAAQ,CAGT,iCAKC,kBAGD,+BAEC,YAKA,eAGD,sBAEC,cACA,WAEA,sBAMA,oDACA,gBACA,mBAGD,4BAEC,yBAGD,gEAGC,eAGD,2BAEC,mBAAe,CAGhB,+BAEC,oEAGD,+BAEC,yBAGD,qCAEC,yBAGD,6BAEC,yBACA,WAGD,2BAEC,kBAGD,yEAIC,YACA,oDAGD,sBAEC,gCACA,oDAGA,gBAGD,uFAGC,4BAGD,6BAEC,cAGD,gCAEC,cAGD,6BAEC,cAGD,4CAGC,cAMD,sBAEC,sEAGD,gCAEC,qDACA,kEAGD,8BAEC,mDACA,gBACA,uBAGD,qBAEC,QACA,SAEA,kBACA,gBACA,mBAEA,WAEA,wEAGA,0BAEA,mBACA,8BACA,+BAEA,cAGD,+BAEC,WAGD,+BAEC,kBACA,OACA,UACA,UACA,eAGD,qBAMC,aACA,eACA,MACA,QACA,UAGD,0BAEC,iCACA,mCACA,aACA,aAAe,ClC3YhB,2DACE,YACA,kBACA,MACA,OACA,SACA,QmCTF,sDACE,YACA,gBAGF,kDACE,gBAGF,iDACE,gBACA,gBACA,cACA,WAGF,8DACE,YACA,WACA,WACA,eAGF,8GnCVE,mBmCcF,0DACE,YACA,yBACA,2BACA,8BACA,kBACA,sBACA,WACA,sEAGF,sDACE,yBACA,kBACA,sEAGF,uDACE,cACA,eACA,iBACA,WACA,eAGF,0DACE,WACA,iBACA,WACA,YACA,WACA,WAEA,44CACA,sBACA,4BAEA,oIACA,oDACA,8EACA,0EAGF,kEACI,GAAM,qDAAU,CAChB,GAAI,uDAAU,EAFlB,0DACI,GAAM,qDAAU,CAChB,GAAI,uDAAU,EAGlB,2DACE,YACA,gBACA,gBAGF,yDACE,WACA,qDACA,6EACA,eAGF,yHACE,WACA,YACA,qBACA,WACA,4BACA,waACA,UAGF,oDACE,YACA,YACA,YACA,yBACA,gBACA,eACA,iBACA,cACA,mBACA,gCAAa,CAGf,2DACE,YACA,eACA,gCACA,gBACA,qBAGF,mEACE,qBACA,cACA,eAGF,kHACE,mBAGF,mDACE,mBACA,yBACA,YACA,gBAGF,+CACE,YnC5HA,mBmC8HA,YACA,0BACA,UChJF,8CACE,aACA,wBACA,+vDACA,gBACA,mBAGF,8CACE,eACA,iBCVF,yCACE,qDACA,yGACA,mDACA,oEAGF,uCACE,qDACA,oBACA,kBAGA,8CACE,WACA,cACA,yBACA,UACA,YACA,kBACA,MACA,UAGF,yDACE,aAIJ,2CACE,wBACA,kCACA,WACA,YACA,WACA,kBACA,UAEA,+CACE,2qCAAsB,CAGxB,uDACE,uoDAAsB,CAGxB,uDACE,wnCAAsB,CAGxB,2DACE,8vDAAsB,CAI1B,8CACE,gBACA,iBACA,mDACA,6CrCrDF,6CACE,YACA,kBACA,MACA,OACA,SACA,QsCVF,wCACE,YACA,oBACA,gBACA,sDACA,iEACE,YACA,iBACA,kBAIJ,2CACE,4KACA,UAFF,6EAII,WACA,yHAEI,6BAPR,iFAYI,sjBAAsB,CAI1B,sCACE,aAGF,kCACE,YACA,cACA,UACA,eACA,iBACA,YACA,6BACA,eAEA,2DACE,YAIJ,sCACE,YACA,WACA,6jBACA,4BACA,wBACA,mBACA,qBACA,sBAGF,mCACE,aACA,gBAIF,uFAEI,qBAEA,gHACE,cAKN,8EAEI,yBAIJ,wCACE","file":"style.css","sourcesContent":["@custom-media --large (min-width: 480px);\n@custom-media --small-viewport (max-width: 479px);\n@custom-media --smaller-viewport (max-width: 359px);\n@large-text-margin: 40px;\n@small-text-margin: 24px;\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\n\n\n// WEBPACK FOOTER //\n// ./components/Theme/constants.css","@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: rgba(0, 0, 0, 0.6);\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  /* Relative positioning so overflow affects absolute children */\n  position: relative;\n  overflow: auto;\n  margin: auto;\n\n  width: 94vw;\n  max-width: 32rem;\n  height: 600px;\n  text-align: center;\n  max-height: ~\"calc(100% + 4px)\";\n  border-radius: 8px;\n\n  font-family: \"Open Sans\", sans-serif !important;\n  background-color: #f3f3f4;\n\n  color: #585E5F;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n\n  @media (--small-viewport) {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    border-radius: 0px;\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: transparent;\n  background-image: url('assets/cross.svg');\n  border-radius: 16px;\n  border: none;\n  cursor: pointer;\n  font-family: 'Open Sans', sans-serif;\n  height: 32px;\n  outline: none;\n  position: absolute;\n  right: 15px;\n  text-decoration: none;\n  top: 15px;\n  width: 32px;\n  z-index: 4;\n\n  @media (--small-viewport) {\n    top: 10px;\n    right: 8px;\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: 14px;\n  margin-right: 8px;\n}\n\n.closeButtonFullScreen {\n  background-image: url('assets/cross-white.svg');\n  \n  .closeButtonLabel {\n    color: #fff;\n  }\n}\n\n@media (--large) {\n  .closeButton:hover {\n    background-color: #D8DADC;\n\n    .closeButtonLabel {\n      display: block;\n    }\n  }\n\n  .closeButtonFullScreen:hover {\n    background-color: transparent;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Modal/style.css","@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\n.fullScreenStep {\n  overflow: hidden;\n  border-radius: 8px;\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  flex: 1 0 auto;\n  position: relative;\n  display: flex;\n  > * {\n    flex-grow: 1;\n  }\n}\n\n.fullScreenContentWrapper {\n  position: static;\n}\n\n.footer {\n  width: 100%;\n  height: 48px;\n  flex: 0 0 auto;\n\n  background-image: url('assets/powered-by-onfido.svg');\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  z-index: 1;\n  /* hide the footer if view height is too small */\n  @media (max-height: 420px) {\n    z-index: -1;\n  }\n}\n\n.thickWrapper {\n  margin: 0rem @large-text-margin;\n  @media (--small-viewport) {\n    margin: 0rem @small-text-margin;\n  }\n}\n\n.imageWrapper {\n  display: flex;\n  height: 300px;\n  min-height: 100px;\n  margin: auto 3rem;\n  @media (--small-viewport) {\n    margin: 0rem @small-text-margin;\n  }\n}\n\n.mbottom-large {\n  margin-bottom: 5.5rem;\n  @media (--small-viewport) {\n    margin-bottom: 2.5rem;\n  }\n}\n\n.btn {\n  height: 56px;\n  font: inherit;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: inherit;\n\n  text-decoration: none;\n  text-align: center;\n  cursor: pointer;\n\n  display: inline-block;\n  border: none;\n  border-radius: 2rem;\n  padding: 0;\n  outline: none;\n  @media (--small-viewport) {\n    padding: 1.2rem 2rem;\n  }\n}\n\n.btn-centered {\n  margin: auto;\n}\n\n.btn-primary {\n  /*layout*/\n  display: block;\n  width: 216px;\n  border-radius: 28px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 16px;\n  @media (--small-viewport) {\n    width: 100%;\n  }\n  border: none;\n\n  background: #00C8A0;\n\n  /*text*/\n  color: #fff;\n}\n\n.btn-alternative {\n  background-color: rgba(15, 37, 54, 0.85);\n  border-radius: 4px;\n  color: #fff;\n  font-weight: 600;\n  height: auto;\n  line-height: 1.4;\n  padding: .8em 1.4em;\n}\n\n.btn-ghost {\n  background-color: transparent;\n  border: 1px solid #fff;\n  color: #fff;\n}\n\n.btn-outline {\n  border: 1px solid #8A9293;\n  border-radius: 28px;\n  background-color: transparent;\n  color: #585E5F;\n  line-height: 16px;\n  padding: 1.2rem 2rem;\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: 4rem;\n}\n\n.actions {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  padding: .75rem 1.5rem 0 1.5rem;\n  @media (--large) {\n    padding: 1.5em 3rem 0 3rem;\n  }\n}\n\n.actions .btn-primary {\n  @media (--small-viewport) {\n    width: 152px;\n  }\n}\n\n.help {\n  padding: 1.5rem 1rem 1rem;;\n  text-align: left;\n  box-shadow: inset 0 0 0px 1px rgba(138,146,147,0.35);\n  border-radius: 8px;\n}\n\n.header {\n  border-radius: 12px;\n  background-color: #5D6B78;\n  color: #FFFFFF;\n  font-size: 14px;\n  font-weight: 600;\n  position: absolute;\n  margin-top: -12px;\n  margin-left: 12px;;\n  padding: 0rem 1rem;\n}\n\n.helpList {\n  margin: 0rem;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Theme/style.css","@import (less) \"../Theme/constants.css\";\n\n.previewsContainer {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &.previewsContainerIsFullScreen {\n    top: 0;\n  }\n}\n\n.actionsContainer {\n  margin: 0rem 3rem;\n  @media (--small-viewport) {\n    margin: 0rem @small-text-margin;\n  }\n}\n\n.title {\n  flex: 0 0 auto;\n}\n\n.captures {\n  height: 90%;\n  width: 100%;\n  margin-bottom: 2rem;\n  display: flex;\n\n  @media (--small-viewport) {\n    margin-bottom: 1rem;\n  }\n}\n\n.imageWrapper {\n  position: relative;\n  display: flex;\n  align-self: flex-start;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n\n  &.fullscreenImageWrapper {\n    position: static;\n  }\n}\n\n.videoWrapper {\n  margin-top: 0;\n  height: 340px;\n}\n\n.image {\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  margin: 0 auto;\n  border-radius: 3px;\n  flex: 0 0 auto;\n  align-self: stretch;\n  object-fit: contain;\n}\n\n.video {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.pdfImage {\n  width: 100%;\n}\n\n.retake {\n  width: 136px;\n  padding: 0;\n  @media (--small-viewport) {\n    width: 112px;\n  }\n}\n\n.actions{\n  padding: 0;\n}\n\n.pdfIcon {\n  display: inline-block;\n  width: 180px;\n  height: 180px;\n  max-width: 100%;\n  margin: 1rem auto 1rem;\n\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-image: url('assets/pdf-success.svg');\n}\n\n.error {\n  display: block;\n  @media (--small-viewport) {\n    font-size: 11px;\n  }\n  .btn-outline {\n    width: 90%;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Confirm/style.css",".expanded {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 4;\n  background-color: #fff;\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.button {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  font-size: 11px;\n  transform: translate3d(-50%, -50%, 0);\n\n  &::before {\n    content: '';\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n    background-image: url('assets/enlarge.svg');\n    background-repeat: no-repeat;\n    background-size: contain;\n    vertical-align: middle;\n    margin-top: -2px;\n    margin-right: 10px;\n  }\n}\n\n.expanded {\n  .button {\n    top: auto;\n    bottom: 16px;\n    font-size: 16px;\n    opacity: 0;\n    transition: opacity .75s cubic-bezier(0.19, 1, 0.22, 1),\n                transform .75s cubic-bezier(0.19, 1, 0.22, 1);\n    transform: translate3d(-50%, 32px, 0);\n\n    &::before {\n      width: 18px;\n      height: 18px;\n      margin-top: -3px;\n      margin-right: 8px;\n      background-image: url('assets/collapse.svg'); \n    }\n  }\n\n  &.entered {\n    .button {\n      opacity: 1;\n      transform: translate3d(-50%, -50%, 0);\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./components/EnlargedPreview/style.css",".container {\n  overflow: auto;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/Pannable/style.css","@import (less) \"../Theme/constants.css\";\n\n.container {\n  border-radius: 6px;\n  text-align: left;\n  color: #FFFFFF;\n  margin: 0 40px 16px;\n  padding: 8px 16px 12px 16px;\n  position: relative;\n  @media (--small-viewport) {\n    margin: 0 16px;\n  }\n}\n\n.container-error {\n  &:extend(.container);\n  background-color: #DC2A2A;\n}\n\n.container-warning {\n  &:extend(.container);\n  background-color: #2A7AB0;\n}\n\n.instruction {\n  margin-top: 0px;\n  margin-bottom: 0px;\n  margin-left: 24px;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n@title-height: 24px;\n\n.title {\n  position: relative;\n}\n\n.title-text {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: @title-height;\n  padding-left: 24px;\n}\n\n\n.title-icon {\n  position: absolute;\n  height: 100%;\n  width: 16px;\n  margin-right: 8px;\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: -6px;\n  left: ~\"calc(50% - 8px)\";\n  width: 8px;\n  height: 8px;\n  border-top: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 8px solid transparent;\n  border-left: 8px solid transparent;\n  border-bottom-left-radius: 3px;\n  transform: rotate(-45deg);\n}\n\n\n.warningTriangle {\n  border-bottom: 8px solid #2A7AB0;\n  border-left: 8px solid #2A7AB0;\n}\n\n.errorTriangle {\n  border-bottom: 8px solid #DC2A2A;\n  border-left: 8px solid #DC2A2A;\n}\n\n.dismiss {\n  background: url('assets/cross.svg');\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  cursor: pointer;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/Error/style.css","@import (less) \"../Theme/constants.css\";\n\n.loader {\n  width: 48px;\n  height: 48px;\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(25px);\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: -2px;\n    left: -26px;\n    width: 50px;\n    height: 50px;\n    border-radius: 100%;\n    border: 2px 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\n\n\n// WEBPACK FOOTER //\n// ./components/Spinner/style.css","@import (less) \"../Theme/constants.css\";\n\n.title {\n  color: #2C3E4F;\n  font-weight: 600;\n  font-size: 30px;\n  line-height: 40px;\n  margin-bottom: 16px;\n  @media (--small-viewport) {\n    font-size: 24px;\n    line-height: 32px;\n  }\n}\n\n.titleWrapper {\n  margin: 32px @large-text-margin 16px;\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin 16px;\n  }\n}\n\n.smaller {\n  @media (--large) {\n    margin-top: 0;\n  }\n}\n\n.fullScreen {\n  color: white;\n  margin: 0;\n  z-index: 1;\n  .title {\n    color: white;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Title/style.css",".text {\n  margin-top: 64px;\n  margin-bottom: 80px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Welcome/style.css","@import (less) \"../Theme/constants.css\";\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  margin: 8px @large-text-margin 0;\n  @media (--small-viewport) {\n    margin: 0 16px;\n  }\n}\n\n.option {\n  background: #fff;\n  border-radius: 4px;\n  border: 1px solid #8B9094;\n  color: #2C3E4F;\n  cursor: pointer;\n  display: flex;\n  font-size: 14px;\n  line-height: 20px;\n  margin-bottom: 8px;\n  padding: 16px;\n  position: relative;\n\n  &::after {\n    background: url('assets/right.svg') no-repeat;\n    content: '';\n    display: block;\n    height: 12px;\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-6px);\n    width: 8px;\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: 18px;\n  min-height: 48px;\n}\n\n.label {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.hint {\n  color: #565B5E;\n  margin-bottom: 4px;\n}\n\n.warning {\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.tag {\n  display: inline-block;\n  background-color: #F3F3F4;\n  padding: 0 12px;\n  border-radius: 12px;\n  margin-left: -12px;\n  margin-top: 2px;\n}\n\n.icon {\n  max-width: 100%;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  margin-right: 16px;\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\n\n\n// WEBPACK FOOTER //\n// ./components/DocumentSelector/style.css",".wrapper {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n}\n\n.select {\n  max-width: 100%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Select/style.css",".documentContainer {\n  position: relative;\n  overflow: hidden;\n  margin: 0 40px 16px;\n}\n\n.faceContainer {\n  position: static;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/Capture/style.css","\n.uploadFallback {\n  display: block;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  padding-right: 16px;\n  padding-bottom: 4px;\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    outline: none;\n    outline-offset: 0;\n    /* Additional styles to look like a link */\n    cursor: pointer;\n\n    /*Custom style*/\n    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: #1C1F21;\n    opacity: .57;\n  }\n}\n\n.errorMessage {\n  top: 48px;\n  left: 0;\n  right: 0;\n  position: absolute;\n  z-index: 2;\n}\n\n.fallbackLink {\n  display: inline;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/CameraError/style.css","@import (less) \"../Theme/constants.css\";\n\n.overlay {\n  border: 1px solid #00c8a0;\n  position: absolute;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  /* 300px box-shadow, so 600px by 600px, so as to definitely cover the modal */\n  box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.7);\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.positionHole(@scale: 1, @offset-y: 105px) {\n  @overlay-width: 740px;\n  @overlay-height: 1800px;\n  @hole-width: 264px;\n  @hole-height: 328px;\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, 30px);\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\n\n\n// WEBPACK FOOTER //\n// ./components/Overlay/style.css","@import (less) \"../Theme/constants.css\";\n@import (less) \"../Theme/style.css\";\n\n.camera {\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\n\n\n// WEBPACK FOOTER //\n// ./components/Camera/style.css","@import (less) \"../../Theme/constants.css\";\n\n.text {\n  margin-top: 64px;\n  margin-bottom: 80px;\n}\n\n.instructions {\n  text-align: left;\n  border-radius: 3px;\n  border: 1px solid #D8D8D8;\n  font-size: 14px;\n  margin: 30px 0 24px;\n  position: relative;\n  padding: 24px 24px 12px;\n}\n\n.instructionsTitle {\n  font-weight: 600;\n  margin: 0 0 8px;\n}\n\n.recovery {\n  background: #585E5F;\n  border-radius: 1em;\n  color: #fff;\n  font-weight: 600;\n  left: 20px;\n  line-height: 24px;\n  padding: 0 15px;\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 15px 10px;\n}\n\n.button {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/CameraPermissions/Recover/style.css",".trigger {\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-color: #00C8A0;\n}\n\n.trigger::after {\n  background-image: url('assets/arrow.svg');\n  background-size: contain;\n  background-repeat: no-repeat;\n  content: '';\n  display: inline-block;\n  height: 6px;\n  margin-left: 5px;\n  transform: rotate(180deg);\n  vertical-align: middle;\n  width: 10px;\n}\n\n.isExpanded .trigger::after {\n  transform: rotate(0deg);\n}\n\n\n// WEBPACK FOOTER //\n// ./components/Collapsible/style.css","@import (less) \"../../Theme/constants.css\";\n\n.text {\n  margin-top: 64px;\n  margin-bottom: 80px;\n}\n\n.image {\n  border-radius: 3px;\n  border: 1px solid #D8D8D8;\n  font-size: 14px;\n  margin: 30px 0 8px;\n}\n\n.image p {\n  margin: 16px;\n}\n\n.reasons {\n  text-align: center;\n  font-size: 14px;\n  min-height: 3em;\n}\n\n.reason {\n  margin-top: 8px;\n}\n\n.graphic {\n  border: 1px solid #DFE0E0;\n  border-radius: 5px;\n  background-color: #fff;\n  box-shadow: 0 3px 6px #D8D8D8;\n  background-image: url('assets/allow.svg');\n  background-repeat: no-repeat;\n  background-size: 100%;\n  height: 121px;\n  margin: 0 auto 30px;\n  position: relative;\n  width: 270px;\n\n  @media (--small-viewport) {\n    height: 100px;\n    width: 224px;\n  }\n}\n\n.allow {\n  top: 70%;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  width: 50%;\n  font-weight: 600;\n\n  @media (--small-viewport) {\n    top: 65%;\n  }\n}\n\n.allow::after {\n  content: '';\n  border: 4px solid #00C9A1;\n  width: 80px;\n  height: 80px;\n  border-radius: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n\n// WEBPACK FOOTER //\n// ./components/CameraPermissions/Primer/style.css","@import (less) \"../Theme/constants.css\";\n\n.container {\n  display: flex;\n}\n\n.instructions {\n  margin: 16px 0 0;\n}\n\n.instructionsCopy {\n  margin: 1rem 24px;\n  font-size: 14px;\n  line-height: 1.43;\n\n  @media (--small-viewport) {\n    font-size: 16px;\n  }\n}\n\n.error {\n  &:extend(.text);\n  color: #DC0505;\n}\n\n.icon {\n  background-size: 4rem auto;\n}\n\n.buttons {\n  display: flex;\n  justify-content: space-around;\n}\n\n.button {\n  display: block;\n  margin: 0 5px;\n  width: auto;\n  flex: 1;\n  padding: 1.2rem 1rem;\n\n  @media (--small-viewport) {\n    flex-grow: 1;\n  }\n}\n\n.identityIcon {\n  &:extend(.icon);\n  background-image: url('assets/upload.svg');\n\n  @media (--small-viewport) {\n    background-image: url('assets/camera.svg');\n  }\n}\n\n.proofOfAddressIcon {\n  background-image: url('assets/letter-upload.svg');\n  background-size: auto;\n  height: 76px;\n  margin: auto;\n  width: 72px;\n\n  @media (--small-viewport) {\n    height: 144px;\n    width: 144px;\n    background-image: url('assets/letter-focus.svg');\n  }\n}\n\n.uploaderWrapper {\n  display: flex;\n  flex-direction: column;\n  margin: 0rem 1rem;\n  flex-grow: 1;\n  @media (--small-viewport) {\n    margin-top: 48px;\n  }\n}\n\n.uploadArea {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  position: relative;\n  padding: 1.5rem 24px .5rem;\n  border: 1px solid #2C3E4F;\n  border-radius: 4px;\n  background-color: #FFFFFF;\n  justify-content: space-around;\n\n  @media (--small-viewport) {\n    background-color: transparent;\n    border: none;\n    justify-content: space-between;\n    padding: 0;\n  }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./components/Uploader/style.css",".container {\n  position: relative;\n  cursor: pointer;\n}\n\n.input {\n  bottom: 0;\n  left: 0;\n  display: none;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/CustomFileInput/style.css",".container {\n  height: 96px;\n  width: 100%;\n  border: 1px solid #2C3E4F;\n  border-radius: 4px;\n  background-color: #FFFFFF;\n  margin-bottom: 1rem;\n  padding: 12px 14px;\n  display: inline-flex;\n}\n\n.switchClickableArea {\n  text-decoration: none;\n}\n\n.copy {\n  width: 84%;\n  color: #2C3E4F;\n  font-size: 16px;\n  text-align: left;\n  line-height: 24px;\n  float: left;\n  align-self: center;\n}\n\n.header {\n  font-weight: 600;\n}\n\n.submessage {\n  margin: 0px;\n  font-size: 14px;\n  float: left;\n}\n\n.icon {\n  height: 72px;\n  width: 72px;\n  min-width: 16%;\n  margin-right: 14px;\n  -moz-border-radius: 72px 72px;\n  -webkit-border-radius: 72px 72px;\n  border-radius: 72px 72px;\n  background-color: #00C8A0;\n  background-image: url('assets/cross-device-small-icon.svg');\n  background-repeat: no-repeat;\n  background-position: 25% 50%;\n  display: block;\n  float: left;\n}\n\n.chevron {\n  height: 12px;\n  width: 9px;\n  float: right;\n  margin-left: 14px;\n  margin: auto;\n  background-image: url('assets/chevron-right.svg');\n  background-repeat: no-repeat;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/SwitchDevice/style.css","@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: #0F2536;\n}\n\n.actions {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row;\n  margin-bottom: 24px;\n  @media (--small-viewport) {\n    margin-bottom: 0;\n  }\n}\n\n.list {\n  font-size: 16px;\n  line-height: 24px;\n  text-align: left;\n  padding-left: 64px;\n  position: relative;\n  margin-bottom: 0;\n  @media (--small-viewport) {\n    padding-left: 32px;\n  }\n}\n\n.item {\n   list-style: none;\n   margin-bottom: 16px;\n}\n\n.item:before{\n   content: '';\n   display: inline-block;\n   height: 16px;\n   width: 32px;\n   background-image: url('assets/tick-grey.svg');\n   background-repeat: no-repeat;\n   position: relative;\n   margin-left: -32px;\n   @media (--small-viewport) {\n     margin-left: -32px;\n   }\n}\n\n.smallPrint {\n  text-align: left;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 18px;\n  margin-bottom: 24px;\n}\n\n.smallPrint a {\n  color: #0F2536;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n.decline {\n  width: 136px;\n  border: 1px solid #8A9293;\n  border-radius: 28px;\n  background-color: transparent;\n  color: #585E5F;\n  line-height: 16px;\n  @media (--small-viewport) {\n    width: 112px;\n    padding: 0px 16px;\n  }\n}\n\n.primary {\n  @media (--small-viewport) {\n    width: 152px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/PrivacyStatement/style.css",".actions {\n  position: absolute;\n  bottom: 48px;\n  left: 16px;\n  right: 16px;\n}\n\n.btn:disabled {\n  background-color: #8A9293;\n}\n\n.btn {\n  background-color: white;\n  border-radius: 50%;\n  border: 3px solid black;\n  box-shadow: 0px 0px 0px 4px white;\n  height: 56px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0;\n  width: 56px;\n  cursor: pointer;\n  outline: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Photo/style.css","@import (less) \"../Theme/constants.css\";\n\n.challenge {\n  line-height: 36px;\n}\n\n.challengeTitle {\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n}\n\n.introCopy {\n  margin-bottom: auto;\n}\n\n.introBullets {\n  text-align: left;\n  padding-left: 40px;\n\n  @media (--small-viewport) {\n    padding-left: 0;\n  }\n}\n\n.introBullet {\n  padding-left: 46px;\n  margin-bottom: 24px;\n  list-style: none;\n  position: relative;\n}\n\n.bolder {\n  font-weight: 600;\n}\n\n.introIcon {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background-repeat: no-repeat;\n  width: 26px;\n  height: 26px;\n}\n\n.speak_out_loudIcon {\n  background-image: url('assets/mic.svg');\n}\n\n.two_actionsIcon {\n  background-image: url('assets/camera.svg');\n}\n\n.movement {\n  background-image: url('assets/move-arrow.svg');\n  display: inline-block;\n  width: 65px;\n  height: 21px;\n  margin-top: 16px;\n}\n\n.movement-turnLeft {\n  transform: rotate(180deg);\n}\n\n.recite {\n  display: block;\n  font-size: 54px;\n  font-weight: 600;\n  line-height: 64px;\n  margin-top: 8px;\n}\n\n.actions {\n  position: absolute;\n  bottom: 48px;\n  left: 16px;\n  right: 16px;\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: #fff;\n  font-size: 14px;\n  margin-bottom: 10px;\n\n  &.recordAction {\n    @media (--smaller-viewport) {\n      display: none;\n    }\n  }\n}\n\n.caption {\n  color: #fff;\n  text-align: center;\n  position: absolute;\n  z-index: 1;\n  top: 64px;\n  left: 0;\n  right: 0;\n}\n\n.recordingIndicator {\n  font-size: 11px;\n  text-align: center;\n  line-height: 16px;\n  margin-bottom: 16px;\n\n  /* Red circle */\n  &::before {\n    content: '';\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    margin-right: 5px;\n    background: #DC2A2A;\n    border-radius: 4px;\n    line-height: 120%;\n  }\n}\n\n.fullScreenRoundedIcon() {\n  width: 60px;\n  height: 60px;\n  border: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-color: transparent;\n  box-shadow: none;\n  outline: none;\n  cursor: pointer;\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\n\n// WEBPACK FOOTER //\n// ./components/Video/style.css",".icon {\n  height: 144px;\n  background-size: contain;\n  background-image: url('assets/connection-error-large.svg');\n  margin-top: 56px;\n  margin-bottom: 192px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/GenericError/style.css","@import (less) \"../../Theme/constants.css\";\n\n.content {\n  position: relative;\n  margin: 0 40px 1rem;\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n\n  @media (--small-viewport) {\n    margin: 0 24px 1rem;\n  }\n}\n\n.subTitle {\n  font-size: 14px;\n\n  &::before {\n    content: '';\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    background-image: url('assets/warningSmall.svg');\n    vertical-align: middle;\n    line-height: 1em;\n    margin-right: 5px;\n    margin-top: -2px;\n  }\n}\n\n.bolder {\n  font-weight: 600;\n}\n\n.makeSure {\n  color: #2C3E4F;\n  font-weight: 600;\n  margin-bottom: 8px;\n\n  @media (--small-viewport) {\n    text-align: left;\n  }\n}\n\n.docImageContainer {\n  position: relative;\n  flex: 1;\n  width: 340px;\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: #2C3E4F;\n  font-size: 14px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/ProofOfAddress/Guidance/style.css","@import (less) \"../../Theme/constants.css\";\n\n.content {\n  text-align: left;\n  margin: 0 80px auto;\n\n  @media (--small-viewport) {\n    margin-left: 24px;\n    margin-right: 24px;\n  }\n}\n\n.requirements {\n  font-weight: 600;\n  color: #2C3E4F;\n  margin-bottom: 16px;\n}\n\n.requirement {\n  display: flex;\n  padding-bottom: 16px;\n  padding-left: 16px;\n  position: relative;\n  &::before {\n    content: '';\n    background-color: #00C9A1;\n    border-radius: 50%;\n    display: inline-block;\n    height: 6px;\n    width: 6px;\n    position: absolute;\n    left: 0;\n    top: 6px;\n  }\n}\n\n.bolder {\n  font-weight: 600;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/ProofOfAddress/PoAIntro/style.css",".wrapper {\n  margin-top: 116px;\n}\n\n.submessage {\n  font-size: 20px;\n  line-height: 32px;\n}\n.icon {\n  height: 4rem;\n  background-size: contain;\n  background-image: url('assets/complete.svg');\n  margin-bottom: 1.5rem;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/Complete/style.css",".icon {\n  height: 9rem;\n  background-size: contain;\n  background-image: url('assets/mobile-notification-large.svg');\n  margin-bottom: 2rem;\n}\n\n.submessage {\n  margin-bottom: 0;\n}\n\n.boldMessage {\n  margin-top: 0;\n  margin-bottom: 2rem;\n  font-weight: 600;\n}\n\n.cancel {\n  line-height: 20px;\n  font-size: 14px;\n  width: 80px;\n  margin: auto;\n  color: #2C3E4F;\n  box-shadow: inset 0 -1px 0 0 #00C8A0;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.help {\n  margin-bottom: 1.5rem;\n}\n\n.helpList {\n  padding-left: 1.5rem;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/MobileNotificationSent/style.css",".icon {\n  height: 9rem;\n  background-size: contain;\n  background-image: url('assets/connection-large.svg');\n  margin-top: 40px;\n  margin-bottom: 32px;\n}\n\n.cancel {\n  line-height: 20px;\n  font-size: 14px;\n  width: 50px;\n  margin: auto;\n  color: #2C3E4F;\n  text-decoration: none;\n  box-shadow: inset 0 -1px 0 0 #00C8A0;\n  cursor: pointer;\n}\n\n.help {\n  margin-bottom: 1.5rem;\n}\n\n.helpList {\n  padding-left: 1.5rem;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/MobileConnected/style.css",".icon {\n  height: 36px;\n  width: 36px;\n  margin-right: 14px;\n  float: left;\n  background-image: url('assets/complete-tick-small.svg');\n}\n\n.uploadList {\n  display: inline-block;\n  padding-left: 0px;\n  margin-top: 48px;\n  margin-bottom: 56px;\n}\n\n.uploadList li {\n  margin-bottom: 24px;\n  list-style: none;\n  text-align: left;\n}\n\n.listText {\n  line-height: 36px;\n  font-weight: 600;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/CrossDeviceSubmit/style.css",".loading {\n  color: #5D6B78;\n  font-size: 20px;\n  line-height: 32px;\n  margin: 8px;\n  float: left;\n}\n\n.mobileInput {\n  font-size: 16px;\n}\n\n.phoneNumberContainer {\n  float: left;\n  width: 100%;\n  padding: 8px 12px;\n}\n\n.phoneNumberContainer :global .react-phone-number-input__icon {\n  height: 1.8em;\n  width: 1.8em;\n  border: none;\n  display: block;\n}\n\n.phoneNumberContainer :global .rrui__select__arrow {\n  color: #2C3E4F;\n}\n\n.phoneNumberContainer :global .rrui__select__options:not(.rrui__select__options--menu) {\n  width: 438px;\n}\n\n.phoneNumberContainer button {\n  border-bottom: none;\n}\n\n.phoneNumberContainer input {\n  width: 100%;\n  border-bottom: none;\n  overflow: hidden;\n}\n\n\n.flagIcon {\n  background-size: 100%;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/PhoneNumberInput/style.css",".react-phone-number-input__row\n{\n\t/* This is done to stretch `.rrui__select__options` */\n\t/* to the full width of `.react-phone-number-input__phone` */\n\tposition    : relative;\n\n\t/* This is done to stretch the contents of this component */\n\tdisplay     : flex;\n\talign-items : center;\n}\n\n/* Overrides `width: 100%` setting from `react-resonsive-ui` */\n.react-phone-number-input__country\n{\n\twidth : auto;\n}\n\n/* The phone number input stretches to fill all empty space */\n.react-phone-number-input__phone,\n/* The country select, when expanded, stretches to fill all empty space */\n.react-phone-number-input__country.rrui__select--expanded\n{\n\tflex : 1;\n}\n\n.react-phone-number-input__phone\n{\n\tfont-size : inherit;\n}\n\n.react-phone-number-input__country.rrui__select--collapsed\n{\n\tmargin-right : 0.5em;\n}\n\n.react-phone-number-input__country .rrui__select__autocomplete\n{\n\twidth : 100%;\n}\n\n.react-phone-number-input__country,\n.react-phone-number-input__country:not(.react-phone-number-input__country--native-expanded) .rrui__input\n{\n\t/* This is done to stretch `.rrui__select__options` */\n\t/* to the full width of `.react-phone-number-input__phone` */\n\t/* rather than to the full width of `.rrui__select` */\n\t/* because the `.rrui__select` is contracted */\n\t/* as soon as a user selects a country which caused */\n\t/* the `.rrui__select__options` to contract too */\n\t/* while the list collapse animation is still in progress. */\n\t/* The `position: relative` container is now `.react-phone-number-input`. */\n\t/* The `:not(.react-phone-number-input__country--native-expanded)` selector */\n\t/* is required because native `<select/>` is positioned absolutely. */\n\tposition : static;\n}\n\n.react-phone-number-input .rrui__select__arrow\n{\n\tmargin-top  : 0.3em;\n\tmargin-left : 0.3em;\n}\n\n.react-phone-number-input .rrui__select__option\n{\n\tdisplay     : flex;\n\talign-items : center;\n}\n\n.react-phone-number-input .rrui__select__option-icon\n{\n\tmargin-bottom : 0.1em;\n}\n\n.react-phone-number-input__icon\n{\n\t/* The flag icon size is 4x3 hence the exact `width` and `height` values */\n\twidth      : 1.24em;\n\theight     : 0.93em;\n\n\tborder     : 1px solid rgba(0, 0, 0, 0.25);\n\t/* Makes sure `width`x`height` is exactly `4x3` and `border` width is not included in it */\n\tbox-sizing : content-box;\n}\n\n.react-phone-number-input__icon--international\n{\n\t/* The international icon size is square */\n\t/* and also has no border hence the `2 * 1px` `width` and `height` compensation */\n\twidth         : calc(0.93em + 2px);\n\theight        : calc(0.93em + 2px);\n\n\t/* The international icon size is square hence the exact `padding` value */\n\t/* for precise alignment with `4x3` sized country flags. */\n\tpadding-left  : 0.155em;\n\tpadding-right : 0.155em;\n\n\tborder : none;\n}\n\n.react-phone-number-input__error\n{\n\tmargin-left : calc(0.93em + 2px);\n}\n\n\n// WEBPACK FOOTER //\n// ../~/react-phone-number-input/style.css","/*===========================================================\n= Inputs                                                    =\n===========================================================*/\n\n.rrui__input-field,\n.rrui__select__button\n{\n\tborder        : none;\n\tborder-bottom : 1px solid #C5D2E0;\n\ttransition    : border 0.1s;\n}\n\n.rrui__input-field:focus,\n.rrui__select__button:focus,\n.rrui__select__native-expanded:focus + .rrui__select__button\n{\n\tborder-bottom-color: #03B2CB;\n}\n\n/*===========================================================\n= Input                                                     =\n===========================================================*/\n\n.rrui__input\n{\n\t/* `position: relative` is for the floating label absolute positioning\n\t   and also for `.rrui__select__options width` sizing */\n\tposition : relative;\n}\n\n.rrui__input:not(.rrui__input--multiline),\n.rrui__input-label\n{\n\theight : calc(0.3rem * 6);\n}\n\n/* For native `<select/>` in Safari */\n.rrui__select__native\n{\n\tmin-height : calc(0.3rem * 6);\n}\n\n.rrui__input-error\n{\n\tmargin-top : calc(0.3rem);\n\tcolor      : #D30F00;\n}\n\n/*===========================================================\n= Input field                                               =\n===========================================================*/\n\n.rrui__input-field\n{\n\toutline       : none;\n\tborder-radius : 0;\n\t/* Some web browsers add <input/> padding by default */\n\tpadding       : 0;\n\tappearance    : none;\n}\n\n.rrui__input-field--invalid,\n.rrui__input-field--invalid:focus\n{\n\tborder-color: #EB2010;\n}\n\n.rrui__input-field--disabled\n{\n\tcursor: default;\n}\n\n/*===========================================================\n= Buttons                                                   =\n===========================================================*/\n\n/* Reset the default `<button/>` styles */\n.rrui__select__button,\n.rrui__select__option,\n.rrui__select__close\n{\n\tmargin      : 0;\n\tpadding     : 0;\n\twhite-space : nowrap;\n\toutline     : none;\n\tappearance  : none;\n\tborder      : none;\n\tbackground  : none;\n\tcursor      : pointer;\n\tfont-size   : inherit;\n\tfont-family : inherit;\n\tfont-weight : inherit;\n\tfont-style  : inherit;\n}\n\n/*===========================================================\n= Select                                                    =\n===========================================================*/\n\n.rrui__expandable\n{\n\topacity : 0;\n\tpointer-events : none;\n\n\ttransform        : scaleY(0);\n\ttransform-origin : 50% top 0px;\n\n\t/* 250ms - too slow for short lists */\n\ttransition : all 150ms cubic-bezier(.76,.04,.46,.75) 0ms;\n\n\t/* prevent white background showing through the transparent border */\n\t/* http://stackoverflow.com/questions/7473200/transparent-border-expands-background-color-image */\n\tbackground-clip         : padding-box;\n\t-webkit-background-clip : padding-box;\n}\n\n.rrui__expandable--expanded\n{\n\topacity        : 1;\n\tpointer-events : auto;\n\n\ttransform        : scaleY(1);\n\ttransform-origin : 50% top 0px;\n\n\ttransition : all 150ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n}\n\n.rrui__expandable--overlay\n{\n\tposition : absolute;\n\tz-index  : 1;\n}\n\n.rrui__expandable__content\n{\n\t/*\n\tThe inner block's `opacity` is animated too\n\t(it fades in and out by itself too).\n\tThis is done to fade out the inner block when the dropdown is collapsed\n\ttherefore hiding an otherwise bizarre and unwanted visual clutter\n\t*/\n\topacity: 0;\n\n\t/* Mitigates inner content overlapping with itself creating a feeling of a mess */\n\ttransition: opacity 150ms ease-out;\n}\n\n.rrui__expandable__content--expanded\n{\n\topacity: 1;\n}\n\n.rrui__shadow\n{\n\tbox-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n}\n\n.rrui__select\n{\n\tuser-select : none;\n}\n\n.rrui__select--menu\n{\n\tposition : relative;\n}\n\n.rrui__select__options\n{\n\tmargin           : 0;\n\tpadding-left     : 0;\n\tpadding-top      : calc(2 * 0.3rem);\n\tpadding-bottom   : calc(2 * 0.3rem);\n\toverflow-y       : auto;\n\tbackground-color : white;\n\tlist-style-type  : none;\n\toverflow-x       : hidden;\n\tbox-sizing       : border-box;\n}\n\n.rrui__expandable--left-aligned\n{\n\tleft : 0;\n}\n\n.rrui__expandable--right-aligned\n{\n\tright : 0;\n}\n\n.rrui__select__options--left-aligned\n{\n\tleft : calc(0.3rem * 4 * -1);\n}\n\n.rrui__select__options--right-aligned\n{\n\tright : calc(0.3rem * 4 * -1);\n}\n\n.rrui__select__options:not(.rrui__select__options--menu)\n{\n\twidth : calc(100% + 0.3rem * 4 * 2);\n}\n\n.rrui__select__options--downward\n{\n\t/* When an html page is overflown by a long list\n\t   then this bottom margin helps to see that\n\t   there's no more options left out being clipped or something */\n\tmargin-bottom : 1em;\n}\n\n.rrui__select__options--upward\n{\n\tbottom : 100%;\n\n\t/* When an html page is overflown by a long list\n\t   then this bottom margin helps to see that\n\t   there's no more options left out being clipped or something */\n\tmargin-top : 1em;\n}\n\n.rrui__select__option\n{\n\tdisplay : block;\n\twidth   : 100%;\n\n\tpadding-left  : calc(0.3rem * 4);\n\tpadding-right : calc(0.3rem * 4);\n\n\tpadding-top    : calc(0.3rem * 1);\n\tpadding-bottom : calc(0.3rem * 1);\n\n\tbox-sizing  : border-box;\n\ttext-align  : left;\n\twhite-space : nowrap;\n}\n\n.rrui__select__option:hover\n{\n\tbackground-color : #FBFDFD;\n}\n\n.rrui__select__button--disabled,\n.rrui__select__option--disabled\n{\n\tcursor : default;\n}\n\n.rrui__select__option-icon\n{\n\tmargin-right : calc(0.3rem * 3);\n}\n\n.rrui__select__options--upward\n{\n\ttransform-origin: 50% bottom 0px;\n}\n\n.rrui__select__option--focused\n{\n\tbackground-color: #ECF1F6;\n}\n\n.rrui__select__option--focused:hover\n{\n\tbackground-color: #EFF3F8;\n}\n\n.rrui__select__option:active\n{\n\tbackground-color : #3678D1;\n\tcolor            : white;\n}\n\n.rrui__select__option-icon\n{\n\tmargin-right: 0.5em\n}\n\n.rrui__select__toggler,\n.rrui__select__button,\n.rrui__select__autocomplete\n{\n\theight     : 100%;\n\tbox-sizing : border-box;\n}\n\n.rrui__select__button\n{\n\tborder-bottom : 1px solid #C5D2E0;\n\ttransition    : border 0.1s;\n\n\t/* Because Chrome adds `text-align: center` for all buttons */\n\ttext-align : left;\n}\n\n.rrui__select__button:focus,\n.rrui__select__native-expanded:focus + .rrui__select__button\n{\n\tborder-bottom-color: #03B2CB;\n}\n\n.rrui__select__button:active\n{\n\tcolor: #03B2CB;\n}\n\n.rrui__select__button--expanded\n{\n\tcolor: #3678D1;\n}\n\n.rrui__select__button--empty\n{\n\tcolor: #888C91;\n}\n\n.rrui__select__button,\n.rrui__select__option\n{\n\tcolor : inherit;\n}\n\n/* Not introducing an animation on `.rrui__select__option`\n   because it would introduce a little clutter due to\n   focused option animation in autocomplete mode */\n.rrui__select__button\n{\n\ttransition : color 30ms ease-out;\n}\n\n.rrui__select__selected-content\n{\n\tdisplay     : flex;\n\talign-items : center;\n}\n\n.rrui__select__selected-label\n{\n\tflex          : 1 0 auto;\n\toverflow      : hidden;\n\ttext-overflow : ellipsis;\n}\n\n.rrui__select__arrow\n{\n\twidth  : 0;\n\theight : 0;\n\n\tmargin-left   : 0.35em;\n\tmargin-top    : 0.1em;\n\tmargin-bottom : 0.1em;\n\n\topacity: 0.7;\n\n\ttransition: opacity 100ms ease-out;\n\n\t/* border-width: arrow_height arrow_width/2 0 arrow_width/2 */\n\tborder-width : 0.35em 0.2em 0 0.2em;\n\n\tborder-style       : solid;\n\tborder-left-color  : transparent;\n\tborder-right-color : transparent;\n\n\tcolor: #B8BDC4;\n}\n\n.rrui__select__arrow--expanded\n{\n\topacity: 0.3;\n}\n\n.rrui__select__native-expanded\n{\n\tposition : absolute;\n\tleft     : 0;\n\tz-index  : 1;\n\topacity  : 0;\n\tcursor   : pointer;\n}\n\n.rrui__select__close\n{\n\t/*\n\tSet `display` to `block` for fullscreen `.rrui__expandable` design.\n\tdisplay      : block;\n\t*/\n\tdisplay      : none;\n\tposition     : fixed;\n\ttop          : 0;\n\tright        : 0;\n\tz-index      : 1;\n}\n\n.rrui__select__close-icon\n{\n\tmargin-top   : calc(0.3rem * 2 + 4px);\n\tmargin-right : calc(0.3rem * 2 + 4px);\n\twidth        : calc(0.3rem * 5);\n\theight       : calc(0.3rem * 5);\n}\n\n\n// WEBPACK FOOTER //\n// ../~/react-phone-number-input/rrui.css","@import (less) \"../../Theme/constants.css\";\n@parent-width: 432;\n\n.smsSection {\n  height: 76px;\n  margin-top: 56px;\n}\n\n.bolder {\n  font-weight: 600;\n}\n\n.label {\n  font-weight: 600;\n  text-align: left;\n  color: #2C3E4F;\n  float: left;\n}\n\n.numberInputSection {\n  height: 48px;\n  width: 100%;\n  float: left;\n  margin-top: 4px;\n}\n\n.inputContainer, .linkText {\n  .width-parent-relative(320, @parent-width);\n}\n\n.inputContainer {\n  height: 100%;\n  border: 1px solid #667080;\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-right: none;\n  background-color: #FFFFFF;\n  float: left;\n  box-shadow: 0px -0.1px 0px 0px rgba(102,112,128,1);\n}\n\n.fieldError {\n  border: 1px solid #DC2A2A;\n  border-right: none;\n  box-shadow: 0px -0.1px 0px 0px rgba(220,42,42,1);\n}\n\n.numberError {\n  color: #DC2A2A;\n  font-size: 14px;\n  line-height: 20px;\n  float: left;\n  margin-top: 4px;\n}\n\n.sending:before {\n  float: left;\n  margin-left: 12px;\n  width: 16px;\n  height: 16px;\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  height: 68px;\n  margin-top: 86px;\n  text-align: left;\n}\n\n.linkContainer {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n}\n\n.copySuccess .actionContainer:before {\n  width: 13px;\n  height: 11px;\n  display: inline-block;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-image: url('./assets/checkmark-green.svg');\n  z-index: 1;\n}\n\n.linkText {\n  resize: none;\n  height: 24px;\n  border: none;\n  background-color: #f3f3f4;\n  overflow: hidden;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2C3E4F;\n  white-space: nowrap;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.copyToClipboard {\n  float: right;\n  font-size: 14px;\n  border-bottom: 1px solid #00C8A0;\n  margin-left: 4px;\n  text-decoration: none;\n}\n\n.copyToClipboard:visited {\n  text-decoration: none;\n  color: #2C3E4F;\n  font-size: 14px;\n}\n\n.copySuccess .copyToClipboard {\n  border-bottom: none;\n}\n\n.divider {\n  border-style: solid;\n  border: 1px solid #8A9293;\n  opacity: 0.35;\n  margin-top: 11px;\n}\n\n.btn {\n  height: 48px;\n  .width-parent-relative(112, @parent-width);\n  float: right;\n  border-radius: 0 4px 4px 0;\n  padding: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/CrossDeviceLink/style.css",".icon {\n  height: 144px;\n  background-size: contain;\n  background-image: url('assets/return-to-computer-large.svg');\n  margin-top: 50px;\n  margin-bottom: 50px;\n}\n\n.text {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/ClientSuccess/style.css",".content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.stage {\n  display: flex;\n  padding-bottom: 32px;\n  position: relative;\n\n  /* blue line connecting all three icons */\n  &::before {\n    content: '';\n    display: block;\n    background-color: #2C3E4F;\n    width: 2px;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 23px;\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: 48px;\n  width: 48px;\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-computer {\n    background-image: url('assets/return-to-computer-large.svg')\n  }\n}\n\n.stageMessage {\n  text-align: left;\n  margin-left: 15px;\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/crossDevice/Intro/style.css","@import (less) \"../Theme/constants.css\";\n\n.navigation {\n  height: 32px;\n  padding: 16px 16px 0;\n  text-align: left;\n  box-sizing: content-box;\n  @media (--small-viewport) {\n    height: 38px;\n    padding-left: 8px;\n    padding-top: 10px;\n  }\n}\n\n.fullScreenNav {\n  background: linear-gradient(0deg, rgba(28,31,33,0) 0%, rgba(28,31,33,0.35) 100%);\n  z-index: 3;\n  .back {\n    color: white;\n    &:hover {\n      .iconBack {\n        background-color: transparent;\n      }\n    }\n  }\n  .iconBack {\n    background-image: url('assets/back-white.svg');\n  }\n}\n\n.disabled {\n  display: none;\n}\n\n.back {\n  height: 32px;\n  color: #2C3E4F;\n  padding: 0;\n  font-size: 14px;\n  line-height: 32px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  @media (--small-viewport) {\n    width: auto;\n  }\n}\n\n.iconBack {\n  height: 32px;\n  width: 32px;\n  background-image: url('assets/back-black.svg');\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 16px;\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.label {\n  display: none;\n  margin-left: 8px;\n}\n\n\n.backHoverDesktop:hover {\n  .label {\n    display: inline-block;\n\n    @media (--small-viewport) {\n      display: none;\n    }\n  }\n}\n\n.back:hover {\n  .iconBack {\n    background-color: #D8DADC;\n  }\n}\n\n.back:focus {\n  outline: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/NavigationBar/style.css"],"sourceRoot":""}