{"version":3,"sources":["webpack://Onfido/./components/Theme/constants.css","webpack://Onfido/./components/Modal/style.css","webpack://Onfido/./components/PageTitle/style.css","webpack://Onfido/./components/Theme/style.css","webpack://Onfido/./components/Welcome/style.css","webpack://Onfido/./components/Button/style.css","webpack://Onfido/./components/Select/style.css","webpack://Onfido/./components/DocumentSelector/style.css","webpack://Onfido/./components/Overlay/style.css","webpack://Onfido/./components/Error/style.css","webpack://Onfido/./components/CameraError/style.css","webpack://Onfido/./components/CameraPermissions/Primer/style.css","webpack://Onfido/./components/CameraPermissions/Recover/style.css","webpack://Onfido/./components/Camera/style.css","webpack://Onfido/./components/Uploader/style.css","webpack://Onfido/./components/CustomFileInput/style.css","webpack://Onfido/./components/crossDevice/SwitchDevice/style.css","webpack://Onfido/./components/PrivacyStatement/style.css","webpack://Onfido/./components/Capture/style.css","webpack://Onfido/./components/Photo/style.css","webpack://Onfido/./components/Video/style.css","webpack://Onfido/./components/Spinner/style.css","webpack://Onfido/./components/GenericError/style.css","webpack://Onfido/./components/Confirm/style.css","webpack://Onfido/./components/Confirm/CaptureViewer/style.css","webpack://Onfido/./components/EnlargedPreview/style.css","webpack://Onfido/./components/Pannable/style.css","webpack://Onfido/./components/NavigationBar/style.css","webpack://Onfido/./components/Complete/style.css","webpack://Onfido/./components/crossDevice/MobileConnected/style.css","webpack://Onfido/./components/crossDevice/CrossDeviceSubmit/style.css","webpack://Onfido/./components/crossDevice/MobileNotificationSent/style.css","webpack://Onfido/./components/crossDevice/CrossDeviceLink/style.css","webpack://Onfido/./components/PhoneNumberInput/style.css","webpack://Onfido/./components/crossDevice/ClientSuccess/style.css","webpack://Onfido/./components/crossDevice/Intro/style.css","webpack://Onfido/./components/ProofOfAddress/Guidance/style.css","webpack://Onfido/./components/ProofOfAddress/PoAIntro/style.css"],"names":[],"mappings":"AA2FA,qCACE,YACA,kBACA,MACA,OACA,SACA,QC/FF,8BAGE,UAGF,oGAMA,6BACE,sDACA,eACA,MACA,OACA,QACA,SAEA,iCACA,4FAEA,yCACE,UAEF,2CACE,UAIJ,2BASE,eAGA,kBACA,cACA,YAEA,WACA,eACA,cACA,kBACA,mCACA,mBACA,yBAEA,8CACA,yBAEA,cACA,gBACA,gBAEA,qDACE,WACA,YACA,kBACA,iBAGF,+HACE,oDAGF,uDACE,YACA,WACA,UACA,8CACA,wRAGF,oEACE,YACA,UACA,8CACA,yNAIJ,iCACE,6BACA,iiBACA,wBACA,kBACA,YACA,eACA,mCACA,WACA,kBACA,cACA,qBACA,YACA,UACA,UAEA,2DACE,WACA,YAIJ,sCACE,aACA,kBACA,WACA,QACA,8DACA,gBACA,iBACA,kBAGF,2CACE,6hBAAsB,CADxB,iFAII,cAIJ,0BAEI,8EACE,yBADF,0JAII,cAMN,iDACE,8B;ADtDJ,yCACE,YACA,kBACA,MACA,OACA,SACA,QE/FF,+BACE,cACA,gBACA,kBAEF,mCACE,kBACA,iBACA,6DACE,iBAIJ,yCACE,aAGF,sCACE,qBACA,oCACA,gEACE,oBAKF,2DACE,cAIJ,oCACE,cACA,SACA,UAHF,mEAKI,cACA,gBANJ,uEASI,cACA,gB;AFgDJ,qCACE,YACA,kBACA,MACA,OACA,SACA,QG/FF,0BACE,WACA,gBACA,SACA,kBACA,sDACA,6GAIF,oCACE,gBACA,mBAGF,yCACE,WACA,sDACA,6GACA,6FAIA,yEAPA,WACA,sDACA,6GACA,8FASF,mCACE,uDAGF,6BAGE,wBACA,uDACA,kBACA,sDACA,iCACA,wBARF,+BAUI,mDAEF,uDAEE,uBAAQ,EAIZ,8CACE,gBAGF,4BACE,WACA,WACA,eACA,uDAEA,27IACA,wBACA,2BACA,4BACA,UAEA,gEAEE,u7IAAsB,CAI1B,kCACE,eACA,4DACE,gBAIJ,mCACE,oBACA,6DACE,qBAIJ,4BACE,kBAGF,0BACE,cACA,4BACA,2BACA,WAGF,0BACE,sBACA,gBACA,sFACA,mBAGF,4BACE,0BACA,yBACA,cACA,iBACA,gBACA,kBACA,yBACA,wBACA,cAGF,8BACE,S;AH5BF,uCACE,YACA,kBACA,MACA,OACA,SACA,QI/FF,4BACE,eACA,kB;AJuFF,sCACE,YACA,kBACA,MACA,OACA,SACA,QK/FF,6BACE,aACA,kBACA,aACA,gBAEA,qBACA,kBACA,eAEA,qBACA,YACA,oBACA,UAEA,sCACE,mBAIJ,kCACE,iBAGF,sCACE,YAGF,qCAEE,cACA,aACA,eAEA,oBACA,YAEA,gBAKA,mBAGA,cAPA,+DACE,YASJ,yCACE,qCACA,oBACA,cACA,gBACA,YACA,gBACA,qBAGF,mCACE,6BACA,yBACA,cAGF,qCACE,yBACA,oBACA,6BACA,cACA,gBACA,kB;ACxEF,8BACE,sDACA,6GACA,wCAGF,6BACE,e;ANoFF,gDACE,YACA,kBACA,MACA,OACA,SACA,QO/FF,qCACE,gBACA,sDACA,6GACA,8EACA,UACA,kBACA,oBACA,oCACA,+DACE,cAIJ,uCACE,WACA,mBACA,oBACA,yBACA,cACA,eACA,sDACA,aACA,iBACA,mBACA,YACA,kBAEA,8CACE,8eACA,wBACA,WACA,cACA,aACA,kBACA,UACA,QACA,sEACA,WAIJ,wCACE,gBACA,4CACA,wCAGF,2CACE,sDACA,8EACA,6GACA,qBACA,eAGF,sCACE,SACA,gBACA,gBAGF,qCACE,cACA,iBACA,0BAGF,wCACE,gBACA,iBACA,0BAGF,oCACE,qBACA,yBACA,iBACA,sBACA,0BACA,0BACA,uBAGF,qCACE,eACA,4BACA,4BACA,wBACA,oCACA,UACA,WACA,iBACA,oDP/FD,8COwGG,khCAAsB,CPxGzB,4DOwGG,wnCAAsB,CPxGzB,qDOwGG,0xDAAsB,CPxGzB,qEOwGG,49CAAsB,CPxGzB,kDOwGG,69CAAsB,CPxGzB,4COwGG,8vCAAsB,C;APb1B,uCACE,YACA,kBACA,MACA,OACA,SACA,QQ/FF,gEACE,yBACA,kBACA,WACA,SACA,sEAEA,0FAGF,iCAiBE,UACA,oBAaF,4BACE,yoBALA,mCACA,sEAMA,4BACA,YACA,oBACA,kBACA,MACA,OACA,WAbA,gCACA,oEAgBA,sDAjBA,mCACA,wEAoBA,iEACE,0fAAsB,C;AR8B1B,qCACE,YACA,kBACA,MACA,OACA,SACA,QS/FF,2GACE,qBACA,gBACA,cACA,mBACA,2BACA,kBACA,qIACE,mBAIJ,qCAEE,yBAGF,uCAEE,yBAGF,iCACE,aACA,gBACA,kBAEF,sCACE,iBACA,iBAGF,2BACE,kBAGF,gCACE,qBACA,gBACA,gBACA,mBAIF,8GACE,kBACA,YACA,UACA,kBACA,2BACA,4BACA,wBAGF,sCAEE,6jBAAsB,CAGxB,wCAEE,q8BAAsB,CAGxB,qCACE,kBACA,gBACA,4BACA,WACA,YACA,kCACA,oCACA,qCACA,mCACA,kCACA,yDAAW,CAIb,qCACE,iCACA,+BAGF,mCACE,iCACA,+BAGF,6BACE,+eACA,2BACA,4BACA,wBACA,YACA,aACA,kBACA,WACA,aACA,eACA,YACA,a;ATZF,2CACE,YACA,kBACA,MACA,OACA,SACA,QU/FF,0CACE,cACA,kBACA,SACA,QACA,kBACA,qBAEA,iDAGE,gBACA,YACA,eACA,aACA,SACA,UAEA,eAGA,cACA,uDACE,0BAKN,0CACE,OACA,kBACA,QACA,MACA,UAIA,sDACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAQJ,4CAEE,SAnBA,oDACE,WACA,cACA,YACA,OACA,kBACA,QACA,MACA,WACA,UAWF,oDACE,yBACA,YAIJ,wCACE,QACA,OACA,QACA,kBACA,UAGF,wCACE,eACA,eACA,SACA,UACA,cACA,aACA,0BACA,gBACA,Y;AVSF,wDACE,YACA,kBACA,MACA,OACA,SACA,QW/FF,kDACE,WAGF,oDACE,sDACA,6GACA,uDACA,6FAGF,qDACE,iBACA,qCACA,uGACE,uBAIJ,8CACE,iBAEA,0BACA,yBACA,0BACA,sDACA,6GACA,eACA,WACA,oBACA,gGACE,yBAEF,gGACE,yBAIJ,gDACE,iBAEA,kBACA,eAGF,+CACE,uBAGF,gDACE,yBACA,0BACA,yBACA,kGACA,8pBACA,4BACA,qBACA,kBACA,uDAGA,gBAGF,8CACE,QACA,kBACA,QACA,kBACA,UACA,gBAEA,wEACE,SAIJ,qDACE,WACA,iCACA,mBACA,oBACA,mBACA,kBACA,QACA,SACA,uEAAW,CACX,uGACE,UACA,Y;AXAJ,yDACE,YACA,kBACA,MACA,OACA,SACA,QY/FF,sDACE,iBAEA,gBACA,0BACA,yBACA,mCACA,kBACA,8CACA,wGACE,mBAEF,gFACE,mCAIJ,2DACE,gBACA,uBAGF,kDACE,mBACA,kBACA,cACA,gBACA,kBACA,yBACA,uBACA,kBACA,MACA,6DAAW,CAGb,+CACE,UACA,SAGF,8CACE,kCAGF,gDACE,iBACA,kB;AZ2CF,sCACE,YACA,kBACA,MACA,OACA,SACA,QG/FF,2BACE,WACA,gBACA,SACA,kBACA,sDACA,6GAIF,qCACE,gBACA,mBAGF,0CACE,WACA,sDACA,6GACA,6FAIA,0EAPA,WACA,sDACA,6GACA,8FASF,oCACE,uDAGF,8BAGE,wBACA,uDACA,kBACA,sDACA,iCACA,wBARF,gCAUI,mDAEF,wDAEE,uBAAQ,EAIZ,+CACE,gBAGF,6BACE,WACA,WACA,eACA,uDAEA,27IACA,wBACA,2BACA,4BACA,UAEA,kEAEE,u7IAAsB,CAI1B,mCACE,eACA,6DACE,gBAIJ,oCACE,oBACA,8DACE,qBAIJ,6BACE,kBAGF,2BACE,cACA,4BACA,2BACA,WAGF,2BACE,sBACA,gBACA,sFACA,mBAGF,6BACE,0BACA,yBACA,cACA,iBACA,gBACA,kBACA,yBACA,wBACA,cAGF,+BACE,SUpHF,6BACE,YACA,sDACA,6GACA,6FAGF,gCACE,gBAGF,uCACE,WACA,cACA,gBAGF,8BACE,WACA,YACA,MACA,kBACA,UAGF,4BACE,cACA,YACA,UAEA,+DACE,WACA,MACA,OACA,YACA,kBAKJ,sCACE,kBACA,MACA,YAEA,qEACE,SACA,YACA,mEAAW,E;AbwCf,wCACE,YACA,kBACA,MACA,OACA,SACA,Qc/FF,kCACE,sDAGF,qCACE,eACA,+DACE,sDACA,uDACA,6GACA,+EAIJ,yCACE,wBACA,iBACA,iBAEA,mEACE,cACA,qBAIJ,8BAEE,cAGF,kEACE,yBAGF,gCACE,sDACA,kEAGF,wCACE,sDACA,WAGF,+BACE,cACA,iBACA,yCACA,cAEA,yDACE,oDAIJ,qCAEE,snBAAsB,CAEtB,+DACE,4gBAAsB,EAI1B,2CACE,65DACA,qBACA,cACA,cACA,YAEA,qEACE,WACA,UACA,osCAAsB,EAI1B,wCACE,sDACA,6GACA,aACA,mDAGF,mCACE,sDACA,6GACA,mDACA,kBACA,yBACA,0BACA,oBACA,yBACA,kEAEA,6DACE,6BACA,YACA,6FACA,W;ACtGJ,yCACE,kBACA,eAGF,qCACE,SACA,OAGA,wBACA,kBACA,QACA,MACA,WACA,U;Af4EF,wDACE,YACA,kBACA,MACA,OACA,SACA,QgB/FF,kDACE,WACA,yBACA,oBACA,yBACA,qBACA,2EAGF,4DACE,kBACA,qBAGF,6CACE,UACA,cACA,gBACA,gBACA,WACA,4CAGF,+CACE,gBAGF,mDACE,SACA,iBACA,WAGF,6CACE,aACA,YACA,cACA,oBACA,0BAGA,yBACA,8oMACA,4BACA,wBACA,4BACA,cACA,WAGF,gDACE,aACA,cACA,YACA,mBACA,YACA,miDACA,4B;AhBgCF,gDACE,YACA,kBACA,MACA,OACA,SACA,QiB/FF,wCACE,WAGF,wCACE,sDACA,kEACA,6GACA,cAGF,wCACE,sDACA,6FACA,yGACA,oBACA,kEACE,iBAIJ,qCACE,gBACA,gBACA,iBACA,kBACA,gBACA,+DACE,kBAIJ,qCACG,gBACA,kBAGH,4CACG,WACA,qBACA,WACA,UACA,w3CACA,4BACA,wBACA,kBACA,iBAGH,2CACE,gBACA,kBACA,gBACA,iBACA,2BAGF,6CACE,cACA,uBACA,0BAGF,wCACE,YACA,yBACA,qBACA,6BACA,cACA,cACA,kEACE,UACA,eAKF,kEACE,a;AjBWJ,uCACE,YACA,kBACA,MACA,OACA,SACA,QkB/FF,yCACE,kBACA,gBACA,mBAGF,qCACE,gB;AlBkFF,qCACE,YACA,kBACA,MACA,OACA,SACA,QmB/FF,6BACE,kBACA,WACA,SACA,UAGF,yBACE,eACA,sBACA,yBACA,kBACA,kBACA,6BACA,sEACA,aACA,iBACA,kBACA,UACA,YAEA,kCACE,mBACA,W;AnBkEJ,qCACE,YACA,kBACA,MACA,OACA,SACA,QoB/FF,0CACE,iBAGF,oCACE,gBACA,iBACA,gBAGF,+BACE,mBAGF,kCACE,gBACA,mBAEA,4DACE,gBAIJ,iCACE,qBACA,oBACA,gBACA,kBAGF,4BACE,gBAGF,+BACE,cACA,kBACA,OACA,MACA,4BACA,wBACA,cACA,eAGF,wCACE,grBACA,wBAGF,qCACE,s3BACA,wBAGF,8BACE,iUACA,wBACA,qBACA,eACA,gBACA,eAGF,uCACE,yDAAW,CAGb,4BACE,cACA,kBACA,gBACA,iBACA,qBAGF,6BACE,kBACA,WACA,SACA,UAGF,yBACE,UACA,iBACA,kBAGF,wCACE,cACA,iBACA,0BAGE,mGACE,cAKN,6BACE,cACA,kBACA,kBACA,UACA,QACA,OACA,QAGF,wCACE,kBACA,kBAGA,gDACE,WACA,qBACA,WACA,YACA,qBACA,mBACA,oBACA,iBAGJ,4CACE,kBACA,iBA8BF,oCA1BE,eACA,aACA,cACA,kBACA,YACA,wBACA,4BACA,6BACA,wCAUA,0lBAAsB,CARtB,6CACE,mBACA,WAkBJ,mCA9BE,eACA,aACA,cACA,kBACA,YACA,wBACA,4BACA,6BACA,wCAeA,kbAAsB,CAbtB,4CACE,mBACA,W;ApBxDJ,qEACE,YACA,kBACA,MACA,OACA,SACA,QqB/FF,8BACE,UACA,WACA,aAIF,oEACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,KACE,WAVJ,4DACE,GACE,gDACA,UAEF,IACE,8CACA,WAEF,KACE,WAIJ,6BACE,kBACA,qEAAW,CAEX,8CACE,oDAGF,8CACE,oDAGF,8CACE,oDAGF,8CACE,oDAGF,iCACE,0DACA,kBACA,aACA,cACA,cACA,eACA,mBACA,yBACA,iOAAwD,C;ArBuC5D,4CACE,YACA,kBACA,MACA,OACA,SACA,QsB/FF,8HACE,WACA,wBACA,iBAGF,6CAEE,s9GAAsB,CAGxB,gDAEE,k9GAAsB,C;AtB4ExB,uCACE,YACA,kBACA,MACA,OACA,SACA,QuB/FF,yCACE,WACA,sDACA,yCACA,6GACA,6FACA,kBAEA,6FACE,MAIJ,wCACE,aACA,kEACE,gBAIJ,6BACE,uDAGF,8BACE,WACA,UACA,wDACE,WAIJ,+BACE,UACA,WACA,sDACA,6FAGE,4FACE,aAKN,6BACE,cACA,mBAFF,gEAII,U;AvBwCJ,qDACE,YACA,kBACA,MACA,OACA,SACA,QwB/FF,6CACE,qBACA,cACA,eACA,eACA,oBAEA,4BACA,4BACA,8vHAAsB,CAGxB,oJAGE,sDACA,kBACA,mBACA,iBAEA,8KACE,oBAIJ,6GACE,gBAGF,kDACE,kBACA,yCAGF,gDACE,cAGF,2CACE,eACA,gBACA,cACA,cACA,sBACA,uDACA,8CACA,mBAGF,2CACE,WACA,YACA,mB;AxBqCF,+CACE,YACA,kBACA,MACA,OACA,SACA,QyB/FF,wCACE,kBACA,MACA,OACA,WACA,YACA,UACA,yBAGF,8CACE,kBACA,MACA,OACA,WACA,YAGF,qCACE,gBACA,eACA,mBACA,uBACA,cACA,kBAGF,+EAMI,kBACA,SACA,QACA,wEACA,wBAEA,uFACE,WACA,qBACA,YACA,aACA,uwBACA,4BACA,wBACA,sBACA,oBACA,oBAtBN,0HA0BM,kBACA,kBACA,YAKN,8EAEI,SACA,WACA,kBACA,UACA,gdAEA,+EAAW,CAEX,sFACE,cACA,eACA,qBACA,kBACA,y0BAAsB,CAI1B,oHAEI,UACA,iFAAW,C;ACpFjB,kCACE,c;A1B0FF,6CACE,YACA,kBACA,MACA,OACA,SACA,Q2B/FF,wCAEE,WACA,kBACA,gBACA,sDACA,kEAEE,eACA,uBAIJ,2CACE,4LACA,UAFF,6EAII,cACA,yHAEI,6BAPR,iFAYI,8qBAAsB,CAI1B,sCACE,aAGF,kCACE,WACA,cACA,UACA,kBACA,cACA,YACA,6BACA,eAEA,4DACE,YAIJ,sCACE,WACA,UACA,isBACA,4BACA,2BACA,wBACA,kBACA,qBACA,sBAGF,mCACE,kBACA,iBACA,iBAEA,6DACE,cAKF,8KAEI,mBAKN,8EAEI,yB;A3BSJ,wCACE,YACA,kBACA,MACA,OACA,SACA,Q4B/FF,gCACE,kBAGF,6BACE,WACA,wBACA,wnBACA,oB;A5BiFF,2DACE,YACA,kBACA,MACA,OACA,SACA,Q6B/FF,gDACE,WACA,wBACA,w2FACA,iBACA,kBAGF,kDACE,iBACA,iBACA,mBACA,YACA,cACA,qBACA,0FACA,eAGF,gDACE,oBAGF,oDACE,mB;A7BiEF,6DACE,YACA,kBACA,MACA,OACA,SACA,Q8B/FF,kDACE,cACA,aACA,oBACA,WACA,osDACA,wBAGF,wDACE,qBACA,eACA,eACA,oBAGF,2DACE,oBACA,gBACA,gBAGF,sDACE,iBACA,gB;A9BiEF,kEACE,YACA,kBACA,MACA,OACA,SACA,Q+B/FF,uDACE,WACA,wBACA,q4FACA,kBAGF,6DACE,gBAGF,8DACE,aACA,kBACA,gBAGF,yDACE,iBACA,iBACA,mBACA,YACA,cACA,0FACA,eACA,qBAGF,uDACE,oBAGF,2DACE,mB;A/BwDF,2DACE,YACA,kBACA,MACA,OACA,SACA,QgC9FF,sDACE,cACA,iBAGF,kDACE,gBAGF,iDACE,gBACA,gBACA,cACA,WAGF,8DACE,WACA,WACA,WACA,iBAGF,8GhC2EE,mBgCvEF,0DACE,YACA,yBACA,6BACA,gCACA,kBACA,yBACA,WACA,gFAGF,sDACE,yBACA,kBACA,gFAGF,uDACE,cACA,iBACA,iBACA,WACA,uBAGF,0DACE,WACA,kBACA,UACA,WACA,WACA,WAEA,4sGACA,gCACA,4BAEA,oIACA,4DACA,8EACA,0EAGF,kEACI,KAAM,qDAAU,CAChB,GAAI,yDAAU,EAFlB,0DACI,KAAM,qDAAU,CAChB,GAAI,yDAAU,EAGlB,2DACE,cACA,mBACA,gBAGF,yDACE,WACA,sDACA,6FACA,gBAGF,yHACE,cACA,eACA,qBACA,8EACA,WACA,4BACA,u5CACA,UAGF,oDACE,YACA,aACA,YACA,yBACA,gBACA,kBACA,gBACA,cACA,mBACA,kCAAa,CAGf,2DACE,YACA,YACA,iBACA,wBACA,UACA,qBACA,6BACA,4BAGF,mEACE,qBACA,cACA,iBAGF,kHACE,gCAGF,mDACE,mBACA,yBACA,YACA,mBAGF,+CACE,WhC3CA,mBgC6CA,YACA,8BACA,U;AhCzDF,gDACE,YACA,kBACA,MACA,OACA,SACA,QiC/FF,wCACE,cACA,iBACA,gBACA,YACA,WAGF,4CACE,cAGF,qDACE,WACA,WACA,mBAGF,qFAEI,aACA,YACA,YACA,cALJ,0EASE,cATF,8GAaI,eAbJ,uKAqBI,aArBJ,2EAwBI,iBAxBJ,wEA2BI,gBA3BJ,4EA+BI,iBACA,oBAhCJ,0FAmCI,YAnCJ,2FAsCI,aAtCJ,8GAyCI,0BAAO,CAzCX,2EA4CI,mBACA,oBACA,iBACA,oBA/CJ,gFAkDI,kBAlDJ,+EAqDI,8BACA,gCACA,YACA,aAIJ,4DAEI,mBAFJ,2DAMI,gBACA,WACA,mBARJ,mIAYI,0CAIJ,yCACE,qBACA,4BACA,2B;AjCRF,yDACE,YACA,kBACA,MACA,OACA,SACA,QkC/FF,8CACE,WACA,wBACA,w8EACA,mBACA,sBAGF,8CACE,iBACA,iB;AlC+EF,iDACE,YACA,kBACA,MACA,OACA,SACA,QmC/FF,yCACE,sDACA,6GACA,mDACA,8EAGF,sCACE,gBACA,UAGF,uCACE,sDACA,mBACA,kBAGA,+CACE,WACA,cACA,yBACA,aACA,YACA,kBACA,MACA,cAGF,0DACE,aAIJ,2CACE,wBACA,oCACA,WACA,WACA,UACA,kBACA,UAEA,+CACE,qqDAAsB,CAGxB,uDACE,uvEAAsB,CAGxB,uDACE,wiDAAsB,CAGxB,2DACE,u8EAAsB,CAI1B,8CACE,gBACA,oBACA,mDACA,wC;AnCyBF,uDACE,YACA,kBACA,MACA,OACA,SACA,QoC/FF,+CACE,kBACA,mBACA,yCACA,6GACA,sDAEA,yEACE,oBAIJ,gDACE,iBAEA,wDACE,WACA,qBACA,mBACA,oBACA,8fACA,wBACA,sBACA,cACA,yBACA,yBAIJ,8CACE,gBAGF,gDACE,cACA,gBACA,mBAEA,0EACE,iBAIJ,yDACE,kBACA,yCACA,cACA,cACA,mFACE,YAIJ,gDACE,YACA,WACA,kBACA,MACA,OACA,QACA,SAGF,6CACE,aACA,iB;ApCwBF,uDACE,YACA,kBACA,MACA,OACA,SACA,QqC/FF,+CACE,gBACA,kBAEA,yEACE,kBACA,oBAIJ,oDACE,gBACA,cACA,kBAGF,mDACE,sDACA,mBACA,iBACA,kBACA,2DACE,WACA,yBACA,kBACA,qBACA,cACA,aACA,kBACA,OACA,WAIJ,8CACE,gB","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/* 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/*\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: #353FF4;\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-spinner: @color-neutral-600;\n@color-secondary-button-text: @color-primary-500;\n@color-button-border: @color-primary-500;\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-selectors-border: #8B9094;\n@color-hint: #565B5E;\n@color-error: #DC2A2A;\n@color-warning: @color-primary-500;\n\n/* Transparent colors */\n@color-transparent: transparent;\n@color-help-container: @color-neutral-600;\n@color-preview-button-background: rgba(15, 37, 54, 0.85);\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.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: 8*@unit;\n  border: 1px solid @color-border;\n\n  font-family: \"Open Sans\", 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    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-transparent;\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: 'Open Sans', 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.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  background-image: url('assets/cross-white.svg');\n\n  .closeButtonLabel {\n    color: @color-white;\n  }\n}\n\n@media (--large) {\n  .closeButton {\n    &:hover, &:focus {\n      background-color: @color-background;\n\n      .closeButtonLabel {\n        display: block;\n      }\n    }\n  }\n\n\n  .closeButtonFullScreen:hover {\n    background-color: @color-transparent;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.title {\n  color: @color-text-dark;\n  font-weight: 600;\n  margin-bottom: 16*@unit;\n}\n.titleSpan {\n  font-size: 30*@unit;\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.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  @media (--large) {\n    margin-top: 0;\n  }\n}\n\n.fullScreen {\n  color: @color-white;\n  margin: 0;\n  z-index: 1;\n  .title {\n    color: @color-white;\n    font-weight: 400;\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\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  flex: 1 0 auto;\n  position: relative;\n  display: flex;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  > * {\n    flex-grow: 1;\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.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/powered-by-onfido.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/powered-by-onfido-light.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.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}\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: 600;\n  position: absolute;\n  margin-top: -10*@unit-small;\n  margin-left: 10*@unit-small;\n  padding: 0 14*@unit-small;\n}\n\n.helpList {\n  margin: 0;\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: 600;\n\n  text-decoration: none;\n  text-align: center;\n  cursor: pointer;\n\n  display: inline-block;\n  border: none;\n  border-radius: 4*@unit;\n  padding: 0;\n\n  &:disabled {\n    cursor: not-allowed;\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  /*layout*/\n  display: block;\n  width: 216*@unit;\n  max-width: 100%;\n\n  border-radius: 4*@unit;\n  border: none;\n\n  font-weight: 600;\n  @media (--small-viewport) {\n    width: 100%;\n  }\n\n  background: @color-primary-500;\n\n  /*text*/\n  color: @color-white;\n}\n\n.button-alternative {\n  background-color: @color-preview-button-background;\n  border-radius: 4*@unit;\n  color: @color-white;\n  font-weight: 600;\n  height: auto;\n  line-height: 1.4;\n  padding: 11.2*@unit 19.6*@unit;\n}\n\n.button-ghost {\n  background-color: @color-transparent;\n  border: 1px solid @color-white;\n  color: @color-white;\n}\n\n.button-outline {\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",".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  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 0;\n  position: relative;\n  margin: 8*@unit @large-text-margin 0;\n  flex-shrink: 0;\n  @media (--small-viewport) {\n    margin: 0 16*@unit;\n  }\n}\n\n.option {\n  width: 100%;\n  background: @color-white;\n  border-radius: 4*@unit;\n  border: 1px solid @color-selectors-border;\n  color: @color-text-dark;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  line-height: 1.43;\n  margin-bottom: 8*@unit;\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\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: 600;\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;\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.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: 600;\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: url('assets/cross.svg');\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\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","@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\n.fallbackLink {\n  cursor: pointer;\n  display: inline;\n  margin: 0;\n  padding: 0;\n  color: inherit;\n  font: inherit;\n  text-decoration: underline;\n  background: none;\n  border: none;\n}\n","@import (less) \"../../Theme/constants.css\";\n\n.container {\n  width: 100%;\n}\n\n.bodyWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 auto;\n  justify-content: space-between;\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\n  border-radius: 3*@unit-small;\n  border: 1px solid @color-background;\n  margin: 0 auto 8*@unit-small;\n  display: flex;\n  flex-direction: column;\n  max-width: 280*@unit-small;\n  width: 100%;\n  padding: 10*@unit-small;\n  @media (--small-viewport) and (--long-viewport) {\n    max-width: 234*@unit-small;\n  }\n  @media (--small-viewport) and (--short-viewport) {\n    max-width: 200*@unit-small;\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  border: 1px solid @color-border;\n  border-radius: 5*@unit-small;\n  background-color: @color-white;\n  box-shadow: 0 3*@unit-small 6*@unit-small @color-border;\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  /* 44% 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 121/270 = 0.44 */\n  padding-top: 44%;\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: 4*@unit-small solid @color-primary-500;\n  width: 80*@unit-small;\n  height: 80*@unit-small;\n  border-radius: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  @media (--small-viewport) and (--short-viewport) {\n    width: 70*@unit-small;\n    height: 70*@unit-small;\n  }\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: 600;\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: 600;\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  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.container {\n  display: flex;\n}\n\n.instructions {\n  margin: 16*@unit 0 0;\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.icon {\n  background-size: 64*@unit auto;\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.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: 76*@unit;\n  margin: 0 auto;\n  width: 72*@unit;\n\n  @media (--small-viewport) {\n    height: 144*@unit;\n    width: 144*@unit;\n    background-image: url('assets/letter-focus.svg');\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  border: 1px dotted @color-text-dark;\n  border-radius: 4*@unit;\n  background-color: @color-white;\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.container {\n  width: 100%;\n  border: 1px solid @color-text-dark;\n  border-radius: 4*@unit;\n  background-color: @color-white;\n  padding: 12*@unit 14*@unit;\n  display: inline-flex;\n}\n\n.switchClickableArea {\n  margin-bottom: 16*@unit;\n  text-decoration: none;\n}\n\n.copy {\n  width: 84%;\n  color: @color-text-dark;\n  text-align: left;\n  line-height: 1.5;\n  float: left;\n  align-self: center;\n}\n\n.header {\n  font-weight: 600;\n}\n\n.submessage {\n  margin: 0;\n  font-size: @font-size-small;\n  float: left;\n}\n\n.icon {\n  height: 72*@unit;\n  width: 72*@unit;\n  min-width: 16%;\n  margin-right: 14*@unit;\n  -moz-border-radius: 72*@unit 72*@unit;\n  -webkit-border-radius: 72*@unit 72*@unit;\n  border-radius: 72*@unit 72*@unit;\n  background-color: @color-icon-temporary;\n  background-image: url('assets/cross-device-small-icon.svg');\n  background-repeat: no-repeat;\n  background-size: 42*@unit;\n  background-position: 25% 50%;\n  display: block;\n  float: left;\n}\n\n.chevron {\n  height: 12*@unit;\n  width: 9*@unit;\n  float: right;\n  margin-left: 14*@unit;\n  margin: auto;\n  background-image: url('assets/chevron-right.svg');\n  background-repeat: no-repeat;\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","@import (less) \"../Theme/constants.css\";\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-white;\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  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.7;\n  }\n}\n","@import (less) \"../Theme/constants.css\";\n\n.challengeDescription {\n  line-height: 2.25;\n}\n\n.challengeTitle {\n  font-weight: 600;\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: 600;\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: 600;\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\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.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.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","@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.retake {\n  width: 160*@unit;\n  padding: 0;\n  @media (--small-viewport) {\n    width: 112*@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: 152*@unit;\n    }\n  }\n}\n\n.error {\n  display: block;\n  margin-bottom: 8*@unit;\n  .btn-outline {\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 32*@unit;\n\n  @media (--small-viewport) {\n    margin: 0 @small-text-margin 32*@unit;\n  }\n}\n\n.imageWrapper.fullscreenImageWrapper {\n  position: static;\n}\n\n.videoWrapper {\n  margin-bottom: 64*@unit;\n  flex: 1;\n}\n\n.pdfWrapper {\n  display: block;\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.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    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%, 32*@unit, 0);\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  &.entered {\n    .button {\n      opacity: 1;\n      transform: translate3d(-50%, -50%, 0);\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  .back {\n    color: @color-white;\n    &:hover {\n      .iconBack {\n        background-color: @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: 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-transparent;\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  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\n.backHoverDesktop {\n  &:hover, &:focus {\n    .label {\n      visibility: visible;\n    }\n  }\n}\n\n.back:hover {\n  .iconBack {\n    background-color: @color-background;\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","@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.cancel {\n  line-height: 1.43;\n  font-size: @font-size-small;\n  width: 50*@unit-small;\n  margin: auto;\n  color: @color-text-dark;\n  text-decoration: none;\n  box-shadow: inset 0 -1*@unit 0 0 @color-primary-500;\n  cursor: pointer;\n}\n\n.help {\n  margin-bottom: 24*@unit;\n}\n\n.helpList {\n  padding-left: 24*@unit;\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.uploadList li {\n  margin-bottom: 24*@unit;\n  list-style: none;\n  text-align: left;\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: 600;\n}\n\n.cancel {\n  line-height: 1.43;\n  font-size: @font-size-small;\n  width: 80*@unit-small;\n  margin: auto;\n  color: @color-text-dark;\n  box-shadow: inset 0 -1*@unit 0 0 @color-primary-500;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.help {\n  margin-bottom: 24*@unit;\n}\n\n.helpList {\n  padding-left: 24*@unit;\n}\n","@import (less) \"../../Theme/constants.css\";\n@parent-width: 432;\n\n.smsSection {\n  height: 76*@unit;\n  margin-top: 56*@unit;\n}\n\n.bolder {\n  font-weight: 600;\n}\n\n.label {\n  font-weight: 600;\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: 4*@unit;\n  border-bottom-left-radius: 4*@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  float: 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  height: 68*@unit;\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  margin-top: 8*@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-green.svg');\n  z-index: 1;\n}\n\n.linkText {\n  resize: none;\n  height: 24*@unit;\n  border: none;\n  background-color: @color-background;\n  overflow: hidden;\n  font-size: inherit;\n  line-height: 1.5;\n  color: @color-text-dark;\n  white-space: nowrap;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.copyToClipboard {\n  float: right;\n  height: 100%;\n  font-size: @font-size-small;\n  margin-left: 4*@unit-small;\n  padding: 0;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-bottom-color: @color-primary-500;\n}\n\n.copyToClipboard:visited {\n  text-decoration: none;\n  color: @color-text-dark;\n  font-size: @font-size-small;\n}\n\n.copySuccess .copyToClipboard {\n  border-bottom-color: transparent;\n}\n\n.divider {\n  border-style: solid;\n  border: 1px solid @color-border;\n  opacity: 0.35;\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 4*@unit 4*@unit 0;\n  padding: 0;\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.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.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  padding-bottom: 32*@unit;\n  position: relative;\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: 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-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","@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: 600;\n}\n\n.makeSure {\n  color: @color-text-dark;\n  font-weight: 600;\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: left;\n  margin: 0 80*@unit auto;\n\n  @media (--small-viewport) {\n    margin-left: 24*@unit;\n    margin-right: 24*@unit;\n  }\n}\n\n.requirements {\n  font-weight: 600;\n  color: @color-text-dark;\n  margin-bottom: 16*@unit;\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: 600;\n}\n"],"sourceRoot":""}