telegram-tt/dist/BundleExtra.091cfe4ed97cbb3a487a.css.map

{"version":3,"file":"BundleExtra.091cfe4ed97cbb3a487a.css","mappings":"AAAA,oBACE,aACA,yBACA,4BAEA,4BACE,2BAIJ,2BACE,kBACA,wBAEA,4CACE,kBACA,MACA,O;ACjBJ,mBACE,kBACA,SACA,eACA,WACA,wBAEA,uCACE,aAGF,0BAXF,mBAYI,mBAGF,yBAfF,mBAgBI,mEAEA,gCACE,UACA,oBACA,oBAEA,wEACE,UACA,oBAKN,wCACE,UAGF,gDACE,kBACA,0CACA,YACA,eACA,WACA,wBAEA,sDACE,UAGF,yBAZF,gDAaI,WAIJ,6BACE,UAGF,+BACE,gBACA,cACA,gBACA,kBACA,2BACA,mBACA,uBACA,mBAEA,0BAVF,+BAWI,oBAGF,sCACE,eACA,gBACA,oBAIA,iDACE,WACA,kBACA,cACA,eACA,aACA,gBACA,2BACA,2CACA,uBAEA,yBAXF,iDAYI,aACA,iBAMR,qBACE,yBAEA,sDAEE,0B;ACpGN,aACE,kBACA,oBACA,sBACA,gBAEA,iCACE,kBACA,MACA,QACA,SACA,OACA,qCACE,sBACA,uBAEF,uCACE,2BAIJ,yBArBF,aAuBI,WAGF,yBA1BF,aA2BI,kBAGF,0BA9BF,aA+BI,sBACS,yBACP,iBAIJ,mBACE,cACA,iCACA,YACA,mBACA,aACA,WACA,YACA,6BACA,wBAEA,0BAXF,mBAYI,gCAIF,iCACE,oBAIJ,0BACE,kBACA,SACA,QACA,gCACA,cACA,eACA,2CACA,uDACE,uCAGF,qCACE,kBACA,kBACA,aAIJ,gCACE,kBACA,MACA,OACA,WACA,YACA,aACA,mBACA,uBAEA,2CACE,2BACA,WACA,iBACA,kBACA,cACA,aACA,UACA,kBACA,qBACA,qBAGF,iDACE,e;ACrGN,qBACE,aACA,mBACA,kBACA,OACA,SACA,WACA,yBACA,kBACA,mEACA,uBACA,UACA,oBAEA,yCACE,aAGF,yBAlBF,qBAmBI,eACA,6BACA,gBACA,+BAGF,4BACE,UACA,mBAGF,8BACE,aACA,mBACA,WAGF,6BACE,YAGF,mCACE,WACA,UACA,cACA,YAGF,oCACE,gBACA,qBACA,gCACA,QAEA,4BACA,qBACA,0CAEA,iCAEA,0CACE,gBACA,iCACA,8DACE,UAIJ,wDACE,gBACA,UACA,oCAIJ,kDACE,gBACA,iCACA,sEACE,UAIJ,kCACE,mBAGF,uCACE,mBACA,gBACA,uBACA,kBAGF,sCACE,kBACA,UACA,WACA,MACA,YACA,kBACA,eAEA,yBATF,sCAUI,UAGF,4CACE,kBACA,QACA,cACA,eACA,WACA,2BACA,uCACA,2CAGF,wIAGE,kBACA,MACA,OACA,YACA,2CAGF,+CACE,kBACA,sCAGF,6CACE,gCAEA,oDACE,WACA,kBACA,aACA,cACA,kBACA,sCACA,QACA,QACA,oCAKN,iDACE,eACA,kB;ACvJJ,oBACE,kBACA,MACA,OACA,QACA,SACA,eACA,gBACA,UACA,kBACA,YACA,oBACA,uBACA,mBAEA,+BACE,kBAEA,mCACE,kBACA,QACA,SACA,gCAIJ,wBACE,gBACA,iCACA,mBACA,yBAGF,qCACE,gBACA,YAGF,6BACE,Y;ACvCJ,mBACE,kBACA,aACA,YACA,iBACA,0BAEA,kCACA,WACA,gBAEA,kBACA,MACA,OACA,QACA,SAEA,qBACE,yBAIJ,kBACE,kBACA,MACA,OACA,QACA,SACA,YACA,cACA,UACA,kBACA,qBAEA,0BACE,U;ACnCJ,4BAEE,kBACA,WACA,YAGF,aACE,YACA,0CAGF,eACE,iCAEA,iCACE,gBAGF,uBACE,eACA,MACA,O;ACtBJ,YACE,aACA,qBACA,WACA,eAEA,WACA,wBAEA,kBACE,UAGF,oBACE,uBAEA,yBAHF,oBAII,cAIJ,kBACE,aACA,sBACA,uBACA,+BAGF,mBACE,sBACA,gBACA,gBACA,gBACA,uBAGF,kBACE,oBACA,kBACA,wB;ACvCJ,cACE,kBACA,eACA,SACA,0BACA,2CACA,WACA,gBACA,gBACA,yCACA,+BACA,oBAEA,mBACE,8BACA,mBAGF,+CAEE,kBACA,aACA,aACA,cACA,WAEA,mDACE,iBAIJ,wBACE,WAGF,uBACE,YAGF,wBACE,kBACA,aACA,cACA,aACA,YAEA,8BACE,kBACA,QACA,cACA,eACA,WACA,2BACA,sCACA,2CAGF,6DAEE,kBACA,MACA,OACA,YACA,2CAGF,+BACE,gBAEA,uBAEA,sCACE,WACA,kBACA,aACA,cACA,kBACA,oCACA,QACA,QACA,oCAIJ,8BACE,WACA,YACA,cACA,UACA,SACA,UACA,eACA,gBAEA,oDACE,iB;AC/FR,aACE,eACA,MACA,OACA,YACA,YACA,0BACA,WACA,8BAEA,aACA,2BACA,4BACA,kBACA,eACA,sBACA,mBAEA,yBAlBF,aAmBI,iBAIF,yBACE,yBACA,mBAIA,qNAIE,aAIJ,oCACE,mCAKA,sEACE,oBACA,gBAKF,gCACE,aAGF,uCACE,UAGF,sCACE,eACA,MACA,OACA,YACA,aACA,UACA,UAIJ,gCACE,aACA,mBACA,kBACA,mCACA,YACA,qDAEA,4CACE,WACA,YAGF,yBAbF,gCAcI,mDAEA,oDACE,qBAKN,mDAEE,oBAGF,+DAEE,kBACA,oBACA,kBACA,WACA,YACA,aACA,mBACA,gBAGF,yBACE,eACA,SACA,WACA,SACA,YACA,UACA,SACA,wCACA,mCACA,wBACA,UACA,wBACA,aACA,eACA,UAEA,yBAjBF,yBAkBI,YAGF,sEAEE,UAGF,8BACE,yDACA,6CAEA,+BAEA,uCACE,UACA,iCACA,qBAIJ,8BACE,iCACA,yDACA,0DAEA,uCACE,WACA,+BACA,qBAIJ,gCACE,qBACA,aACA,YACA,6BAEA,yBANF,gCAOI,UACA,gCACA,oBAEA,wDACE,UACA,oBAOV,OACE,kBACA,8BACA,8BACA,gBACA,gBACA,+CAEA,uBACE,4CAGF,cACE,kBAGF,mBACE,iFAGF,wBAEE,WACA,YACA,iBACA,yBACA,+C;AC7MJ,kBACE,8BAEA,gCACE,WACA,gBAEA,yBAJF,gCAKI,YAIJ,gCACE,aACA,mBACA,qBAEA,wCACE,mBAGF,6CACE,SACA,OAGF,8CACE,YACA,2BAEA,eACA,cACA,kBACA,oBACA,uBAIJ,iCACE,UACA,gBACA,aACA,sBAEA,8CACE,YACA,kBACA,gBACA,gBAIJ,8BACE,YACA,SACA,kBACA,aACA,mBACA,uBACA,kCAGF,oCACE,kBAGF,4BACE,kBACA,WAKE,yBADF,4EAEI,SAEA,6FACE,iB;AC7EV,SACE,eACA,MACA,OACA,YACA,aACA,uB;ACLA,6BACE,mBACA,4CACE,0BAIJ,2BACE,aACA,mBACA,uBACA,qBAEA,yCACE,eACA,kBAEA,qDACE,kBAEF,oDACE,iBAKN,uBACE,aACA,yBACA,sBAEA,+BACE,oBAEA,uCACE,iBAKN,+BACE,aACA,mBAEA,kCACE,OACA,qBACA,kBAEA,yBALF,kCAMI,oBAGF,0CACE,2BAIJ,8CACE,WACA,oBAIJ,2BACE,kBACA,mBACA,wBACA,gBACA,uBAEA,yBAPF,2BAQI,uBAGF,mCACE,gBACA,YAGF,qCACE,eAEA,2CACE,wDAGF,8CACE,sCACA,WAIJ,oCACE,YACA,oBAGF,mCACE,WACA,cACA,iBAGF,gCACE,kBACA,MACA,OACA,WACA,YACA,aACA,mBACA,uBACA,kBAIJ,iCACE,aACA,mBACA,uBACA,iBACA,4BAGF,8BACE,aACA,qCACA,W;AChIF,+BACE,gBAGF,8BACE,aAEA,yBAHF,8BAII,uBAGF,uCACE,OACA,yBACA,yBAHF,uCAII,sBACA,iBAKN,0BACE,aACA,mBACA,mBAEA,+BACE,yBAIJ,8BACE,kCAGF,+BACE,iBACA,gBAGF,4BACE,mBACA,kC;AC1CF,2BACE,8CACA,cAGF,2BACE,WACA,uBACA,YACA,gBACA,SACA,gBAGF,4BACE,aACA,sBACA,gBACA,UACA,wDACA,uDAGF,4BACE,WACA,YACA,SAEA,wCACE,yBAIJ,6BACE,kBACA,SACA,gBACA,2BACA,sCAEA,qCACE,wBAGF,oCACE,kBAIJ,sBACE,kBACA,WAGF,yBACE,2BACE,yCACA,gBACA,YACA,0BAGF,4BACE,gBACA,iB;ACjEN,sBACE,kBACA,iDACA,WACA,YACA,WACA,WACA,uBACA,SAwBA,UAtBA,mDACE,qBACA,sBAGF,mCACE,WACA,yBAFF,mCAGI,yBAIJ,yBAtBF,sBAuBI,UACA,WACA,eAEA,mCACE,cAMJ,kDACE,kCAGF,iIAEE,SAGF,6CACE,2BAGF,kCACE,UACA,oBAEA,+CACE,iDAGF,4EACE,2FAGF,kFACE,kEAIJ,8BACE,WACA,kDACA,WACA,UACA,WAGF,4BACE,WACA,kDACA,aACA,mBACA,eAEA,mCACA,4CACA,iDACA,gBAEA,oBACA,+EAEA,yBAfF,4BAgBI,UACA,gBAGF,oCACE,WACA,YAEA,yBAJF,oCAKI,eACA,iBAKN,4BACE,iBACA,mBACA,gBACA,uBACA,YAEA,yBAPF,4BAQI,oBAIJ,8BACE,iBACA,aAEA,oCACE,WACA,gBACA,uBACA,2BACA,wBACA,aACA,kBACA,gBACA,mBACA,mBACA,wBACA,oCACA,eACA,uBAEA,iBACA,kBAEA,sCACE,iBACA,kCAGF,gDACE,yBACA,kDACE,cAIJ,6CACE,WACA,eACA,oBAGF,0DACE,0CACA,2BAGF,qBACE,oFACE,yCACA,sB;ACpKV,kBACE,gDACA,4DACA,qCAEA,iCACE,gBAGF,6BACE,oBAGF,yCACE,oBAGF,gCACE,iBACA,cACA,kBAGF,sCACE,SAGF,uDACE,aACA,mBAGF,uCACE,aACA,cACA,yB;ACnCJ,2BACE,aACA,aACA,WACA,kBACA,MACA,OACA,WACA,YACA,oBACA,aAEA,4BACE,KACE,iDAGF,GACE,0CAIJ,qCACE,KACE,8DAGF,GACE,qDAIJ,4CACE,kBACA,mBACA,oBACA,iCACA,0BACA,6DAGF,qDACE,4CAGF,oDACE,8EAGF,6DACE,uFAGF,mDACE,UAGF,4DACE,U;ACzDF,yBACE,gBAGF,mCACE,mBAGF,2BACE,YACA,eACA,gBACA,kBACA,mBAEA,qBACA,8BAEA,8CACE,SAGF,oDACE,+BAIJ,+BACE,qBACA,aACA,YACA,uBACA,kBACA,2CACA,eACA,kBACA,gBAEA,2CACE,oBAGF,0CACE,qBAGF,uCACE,sBAGF,qCACE,mCAGF,8CACE,kBACA,mBACA,iBACA,gBACA,uBAEA,2DACE,WACA,YACA,qBACA,sBACA,oBAKN,qCACE,aACA,mBAEA,6CACE,iBAIA,sDACE,cACA,kB;AClFN,yBACE,iBAIA,qFACE,qCAIJ,8BACE,qBAIA,0BACE,YAGF,sBACE,eACA,WAGF,6BACE,kCAEA,sDACE,wBACA,mBACA,qBACA,kBACA,qBAEA,kEACE,mBAKN,4BACE,YACA,kCACA,gBACA,uBAEA,yCACE,wBAEA,gDACE,aAIJ,kDACE,cACA,eACA,iBACA,sBACA,wBACA,oBAGF,uCACE,kBACA,qBACA,iBACA,WACA,6BACA,wBACA,gBAKN,uBACE,aACA,8BAIA,gCACE,iB;ACnFN,aACE,aACA,YACA,mBACA,8BACA,kBACA,oBAEA,wBACE,aACA,cACA,eACA,mBACA,eACA,kBACA,gBACA,kCAEA,uCACE,kBACA,oB;ACpBN,wBACE,sBACA,YACA,gBACA,yBAEA,MACE,gBACA,sBAGF,kBACE,UACA,6BAGF,yBACE,uCAEA,iBACE,8BAIJ,iBACE,oBACA,qBACA,oCACA,gBAEA,mBACA,kCACA,sCAEA,UACE,kBACA,WACA,WACA,gCACA,aACA,SACA,8EAGF,cAEE,sBACA,oCACA,mBACA,8FAEA,SACE,cACA,uHAKN,4BAEE,wBACA,2CACA,uIAEA,YACE,sBAIJ,YACE,0CAGF,iBACE,YACA,YACA,gBACA,uBACA,sBACA,2BAGF,gBACE,kCACA,kBACA,mBACA,yBAGF,YACE,cACA,qCACA,mBACA,gBACA,qCAIA,gCACE,uDAMA,sBACE,2BACA,+DAEA,WACE,6EACA,aACE,yBACA,8DAIJ,YACE,kCACA,4EAEA,UACE,gEAMJ,gBACE,wEAEA,WACE,0DAQR,uBACE,iEAEA,YACE,gBACA,0BAKN,sBACE,kBACE,8BAIJ,oBACE,8CAEA,iCACE,mBACA,gBACA,2BACA,oBACA,oDAEA,WACE,yBACA,gBACA,kBACA,mHAEA,yBAEE,0HAMF,UACE,iBACA,eACA,sCAKN,aACE,oBACA,6BAIJ,iBACE,aACA,cACA,iBACA,8BACA,qBACA,iDACA,yCACA,iCACA,gBACA,kBACA,8BAEA,iDAEA,aACE,4DAEA,iBACE,qEAKF,gBACE,eACA,2BAKN,WACE,qCAIA,cACE,mBACA,C;AC5NJ,yBACE,wBACA,gBACA,yBACA,iBACA,kBAGF,kDAEE,gBAGF,2BACE,kBACA,YACA,WACA,iDAGF,wBACE,gBACA,cACA,kBAEA,gCACE,WACA,cACA,iBAGF,qCACE,kBACA,MACA,OACA,kDAGF,qCACE,YACA,kDAOA,kEACE,gCAGF,qDACE,gCAGF,8CACE,gCAGF,yDAtEJ,gCACA,eACA,mBACA,oFAEA,+DACE,qBAoEE,qDA1EJ,gCACA,eACA,mBACA,iFAEA,2DACE,qBAwEE,8CA9EJ,gCACA,eACA,mBACA,gFAEA,oDACE,qB;ACJF,sBACE,iBACA,kBACA,aACA,cACA,mBACA,wBACA,mBACA,uBACA,sCACA,kBACA,WACA,eACA,eACA,kBACA,gBACA,wBAEA,4BACE,aAGF,0BACE,kBACA,MACA,OACA,WACA,YAGF,wBACE,mBACA,iCACA,qCAKA,iOAGE,wBAGF,0EACE,2BAKF,8BACE,qBAIJ,6BACE,yCAEA,oCACE,WACA,cACA,kBACA,OACA,MACA,WACA,YACA,gCAIJ,+BACE,oBAEA,iCACE,aAGF,sCACE,a;ACjFR,gBACE,mCACA,aACA,mBACA,gBACA,oBACA,+BACA,qBAEA,kBACE,iBACA,kBACA,kCAGF,yBACE,a;AChBJ,4BACE,yCAEA,2CACE,+CAEA,8DACE,oBACA,kBACA,YACA,kCAIJ,yCACE,sBAEA,qDACE,aAKF,uFACE,uBAGF,kFACE,qBAGF,iEACE,iBACA,qBAGF,kEACE,eACA,gBACA,SAIA,0EACE,cACA,kBACA,eACA,sBAKN,kDACE,mBACA,gBACA,oBAGF,iDACE,uBACA,6C;AC5DJ,mCACE,WACA,aACA,mBACA,8BAIA,sCACE,aACA,mBAEA,8CACE,qBACA,oBAGF,6CACE,aACA,2BACA,mBAEA,gDACE,eACA,gBACA,mBACA,SACA,gBACA,mBACA,uBACA,gBAIJ,8CACE,aAIA,yDACE,iBAMJ,+CACE,WAIJ,2DACE,2BAEA,6DACE,UACA,cAKF,6CACE,mBACA,sBAKN,+BACE,eACA,wBACA,6B;ACtEA,4CACE,oBAGF,+DAEE,WACA,YACA,mBACA,UACA,cAGF,wBACE,eACA,gBAGF,yCACE,aACA,sBACA,uBAIA,iFAEE,mB;AC5BN,eACE,SACA,oBACA,eACA,kBAEA,kDAEE,kBACA,OACA,MACA,WACA,YAGF,4BACE,gBACA,mBACA,+BAEA,mEAEE,kBACA,OACA,MACA,WACA,YACA,iBAIJ,sBACE,WACA,cACA,sCACA,UACA,6BAIA,+BACE,UAGF,qCACE,qBAIJ,kCACE,YACA,aACA,mBACA,uB;ACpDF,gDACE,aACA,qCACA,mBACA,kBACA,yCACA,2EAGF,oCACE,uBACA,gB;ACXF,0DACE,gCAGF,0FAEE,kBAGF,8CACE,gBACA,aAGF,4CACE,cACA,aAGF,uCACE,cACA,WACA,YACA,2CACA,eAGF,wCACE,kBACA,aACA,cACA,aACA,cACA,wCACA,qBACA,YAGF,oDACE,YAGF,uCACE,sBACA,aAEA,oDACE,gBAGE,mEACE,mDAKN,gEACE,mBAGF,+DACE,kBAIJ,mDACE,aACA,qCACA,mBACA,kBACA,yCACA,2EAEA,uDACE,eACA,iDACA,iCAEA,8DACE,0CACA,wDAIF,8DACE,cACA,WACA,WACA,iBACA,oB;ACjFN,gGACE,gBAIJ,uEACE,WACA,YACA,4BACA,qBACA,mBAhBA,gFACE,yDADF,8EACE,yDADF,8EACE,yDADF,+EACE,yDADF,6EACE,yDADF,gFACE,yDADF,8EACE,yDADF,8EACE,yDADF,+EACE,yDADF,gFACE,yDADF,+EACE,0DADF,gFACE,0DADF,gFACE,0DADF,gFACE,0DADF,6EACE,0DAsBJ,kEACE,kBACA,qBAGF,kIAEE,kCACA,kBACA,kBAGF,gEACE,6CACA,wBACA,2CACA,cAGF,yEACE,eAGF,uEACE,kBAGF,yD;AC5CE,qCACE,WACA,YACA,4BACA,qBACA,cACA,oCAZF,6CACE,yDADF,2CACE,yDADF,2CACE,yDADF,4CACE,yDADF,0CACE,yDADF,6CACE,yDADF,2CACE,yDADF,2CACE,yDADF,4CACE,yDADF,6CACE,yDADF,4CACE,0DADF,6CACE,0DADF,6CACE,0DADF,6CACE,0DADF,0CACE,qB;ACJJ,QACE,kBACA,cACA,iBACA,kBACA,aACA,cACA,sBAEA,gDATF,QAUI,YACA,aACA,sBAGF,YACE,YACA,aAGF,yBACE,kBACA,OACA,MACA,WACA,YAEA,gCACE,aAIJ,wBACE,WACA,YACA,0DACA,mB;AClCJ,UACE,YAEA,cACE,aACA,sBACA,gBAGF,uBACE,uBAIJ,sBACE,aACA,YACA,8BACA,mBAIA,4BACE,WAEA,6CACE,6BACA,8BAKN,kBACE,0CACA,mDACA,yCAEA,gBC/BA,+BD0BF,kBCzBI,mBAGA,mBD8BF,qDACE,gBAGF,kCACE,aACA,sBAEA,iDACE,cACA,YAIJ,0BACE,iBACA,mBAGF,iCACE,iBACA,qBAIJ,yBACE,aACA,sBACA,mBACA,sBACA,kBACA,yCACA,2EACA,sBAEA,mCACE,gBACA,gBAGF,sCACE,WAIJ,uBACE,WACA,YACA,qBACA,kBAEA,wCACE,kBACA,OACA,MACA,WACA,YAEA,+CACE,aAKN,oBACE,uBACA,yCAEA,+BACE,yBACA,yBACA,2EACA,8DAEA,gDACE,qBAKN,eACE,yCACA,2BACA,2EACA,sBAEA,yBACE,gBACA,gBAGF,sBACE,eACA,kCACA,mBACA,kBAEA,+BACE,iBAIJ,sBACE,gBAGF,2BACE,kBACA,kCACA,mBACA,qBAEA,oDACE,eAGF,kDACE,gBACA,sBAGF,oCACE,iBACA,uBAIJ,kCACE,eACA,sBACA,kCACA,gBACA,qBAEA,2CACE,iBAIJ,yBACE,oBAEA,oCACE,gBAGF,8CACE,oBAEA,wDACE,WAGF,oDACE,YACA,iBACA,iBACA,kCAGF,6GAEE,cACA,gBAGF,qDACE,oBAGF,wDACE,kBACA,mBACA,kCAEA,kEACE,oBAGF,8DACE,wBAGF,8DACE,sBACA,uBAMJ,sDACE,yBAEA,wDACE,cAKN,2CACE,oBAEA,4DACE,mBACA,gBACA,cAGF,mDACE,WACA,YACA,kBAGF,yDACE,eACA,iBACA,qBACA,gBAGF,0DACE,kBACA,iBACA,kCAMA,+HAEE,iBAGF,6DACE,WACA,cACA,kBAMR,4BACE,wBAGF,qDAEE,qBAIA,8CACE,gBAIJ,gEAEE,gBAGF,8BACE,yBACA,2BACA,mBACA,kCAIJ,sBACE,yCACA,kBACA,gBAEA,wCACE,YAGF,4CACE,aAIJ,uBACE,iBAGF,eACE,yBAIA,4CACE,aAGF,8CACE,uBACA,aAKF,8CACE,aACA,cACA,uB;AEhWJ,SACE,YACA,gBACA,kBAEA,eACE,yCACA,gBAEA,sBACE,kBACA,aACA,sBAEA,yDACE,kBACA,oBACA,qBAGF,6BACE,yBAGF,4BACE,sBACA,kCAGF,4CACE,kCACA,eACA,gBACA,mBAGF,yCACE,kBACA,oBAEA,kBACA,Y;ACzCR,eACE,YACA,gBAEA,0BACE,yC;ACLJ,0BACE,kBACA,kBACA,eACA,gBAEA,sCACE,cAGF,kCACE,WACA,YACA,kBACA,MACA,OACA,6DACA,0BAGF,2CACE,kBACA,MACA,OAGF,mCACE,iBACA,yB;AC5BJ,kBACE,kBACA,YACA,mCACA,eACA,4BACA,YACA,mBACA,mEACA,YACA,YAEA,8BACE,2CACA,kBACA,cACA,WACA,aACA,eACA,WACA,YACA,aACA,cACA,eACA,0BACA,WAGF,gCACE,kBACA,cACA,WACA,cACA,gBACA,YACA,aACA,kBACA,mCAGF,iCACE,YACA,wDAGF,4FAEE,wDAGF,iCACE,WACA,YACA,gBACA,mBAGF,yBACE,eACA,WACA,YACA,gBACA,iBACA,kBACA,aACA,eACA,mBACA,mBAGF,2BACE,0DACA,YACA,YAGF,oDACE,gBAGF,yDACE,4DAGF,2DACE,0D;ACrFJ,oBACE,kBACA,eAEA,wCACE,cACA,iBACA,gBACA,4BAGF,gDACE,iBAGF,4BACE,4GACA,qBACA,iBACA,qBAGF,2CACE,kBAGF,8BACE,kBAGF,6BACE,gBAGF,mCACE,eACA,gBACA,uBAGF,6BACE,aACA,kBACA,yBACA,0BAEA,qCACE,8CACA,eACA,uBAEA,uDACE,uB;ACnDN,+BACE,eACA,eAGF,yBACE,+BACE,iBAIJ,+BACE,mBAGF,gCACE,kBACA,UAGF,2BACE,kBACA,WACA,aACA,gBACA,gBACA,iBACA,gBAGF,iCACE,gBACA,0CACA,+CAEA,wCACE,qBAIJ,0BACE,WACA,kBACA,kC;AC5CJ,qBACE,eACA,MACA,OACA,QACA,aACA,6BAEA,2BACE,kBACA,eAEA,qCACE,sCAGF,mCACE,6BACA,8B;AClBN,sBACE,kBACA,MACA,OACA,+BACA,WACA,cACA,mCACA,aACA,mBACA,mDACA,oDAEA,mCACE,mBACA,OAIJ,sBACE,kBACA,SACA,OACA,+BACA,WACA,cACA,mCACA,aACA,mBACA,iDACA,oDAEA,kDACE,2CACA,kDAGF,+BACE,OACA,kCAKF,sEAEE,8B;AC9CJ,gBACE,wBACA,gBACA,sBAEA,WAEA,yBAPF,gBAQI,yBAGF,8CACE,SAEA,+DACE,gBAGF,oDACE,aAGF,qDACE,0BACA,cAGF,sDACE,eAIA,+DACE,WAMJ,oCACE,iBAGF,kCACE,kBAIA,0CACE,YAIJ,uCACE,wB;ACtDN,iBACE,kCAEA,+BACE,mBACA,yBAFF,+BAGI,gBACA,uBAIJ,gCACE,+BACA,iCACA,yBAHF,gCAII,uBAIJ,gCACE,iBACA,cACA,aACA,eACA,qBAEA,0EAEE,OACA,yBACA,aACA,uBACA,2CACA,iBAEA,gGACE,YACA,iBACA,gBAGF,0GACE,qBAKN,mCACE,iBACA,cACA,cACA,aACA,sBACA,wBAEA,0DACE,qBAGF,8CACE,0BAIJ,6CACE,kBAEA,2DACE,mCAGF,6DACE,mBACA,UAIJ,8BACE,kBAEA,2EAEE,WACA,kBACA,OACA,MACA,QACA,SACA,2CACA,oBAEA,UACA,yBACA,UAGF,sCACE,mDACA,yCAGF,qCACE,sCACA,aACA,uBACA,mBACA,2BAKF,8CACE,YAGF,6CACE,UAGF,wIAGE,oBAGF,mFAEE,2CAIJ,+BACE,kBAGF,iCACE,YAEA,2DACE,WACA,aACA,YACA,e;AC7IJ,yBACE,mBACA,8BAGF,0BACE,+BACA,oBAGF,mCACE,mBAGF,2BACE,kCACA,eACA,gBACA,qBAGF,yBACE,6BACA,iBACA,6CACA,iBACA,cAEA,mCACE,gCAGF,yBAXF,yBAYI,gBACA,gBAEA,4DAEE,kBAKN,2BACE,kBAEA,yCACE,mBAGF,iDACE,kBACA,aACA,eAIJ,sBACE,kBAEA,sCACE,oBAGF,4BACE,iBAIJ,iBACE,kBACA,kCAGF,kBACE,kBACA,yBACA,2BAGF,mCACE,oB;AClFJ,aACE,oBACA,mBACA,uBACA,aACA,cACA,eACA,kDACA,eACA,kBACA,mBAEA,+BACA,sCAEA,yBACE,oBAGF,sCAEE,kDAGF,iBACE,WACA,Y;AC1BJ,aACE,YAEA,kBACE,yBACA,gBACA,cAEA,yBALF,kBAMI,sBAGF,wCACE,aACA,eAIJ,oBACE,YACA,6CACA,aACA,mBACA,6BACA,+CAEA,yBARF,oBASI,gBACA,kBACA,cACA,mBACA,mBAEA,qBACA,8BAEA,uCACE,SAGF,6CACE,+BAGF,uCACE,oBACA,sBAIF,2BACE,WACA,cACA,cACA,UACA,a;ACvDR,eACE,YAEA,oBACE,kBACA,yBACA,gBACA,cAEA,yBANF,oBAOI,sBAIJ,sBACE,YACA,6CACA,kBACA,gBACA,kBACA,mBACA,+CAEA,qBACA,8BAEA,yCACE,SAGF,+CACE,+BAIF,6BACE,WACA,cACA,cACA,UACA,YAIF,0CACE,oBACA,sBACA,mBACA,uBAEA,wDACE,qBAEA,mMACE,YACA,aACA,WACA,YAIJ,6DACE,WACA,YACA,kBACA,aACA,mBACA,uBAEA,kNACE,WACA,YACA,kBACA,MACA,OAMR,qCACE,YACA,cAEA,yBAJF,qCAKI,YAIJ,mCACE,yBACA,eACA,gBACA,kD;AC7FJ,WACE,aACA,mBACA,uBACA,eACA,+BACA,kBAGE,oCACE,WAIJ,sBACE,mBAGF,oBACE,uBAGF,sBACE,uBAGF,uBACE,eAGF,sBACE,WACA,YACA,0CACA,iCAGF,qCACE,kBACA,MACA,OACA,WACA,YACA,iBAEA,2BACA,0CAGF,oBACE,kBACA,oBAGF,8BACE,kBACA,WACA,aACA,WACA,YACA,gBACA,qBACA,oCAMA,UACA,UALA,mCACE,iBAOJ,6BACE,kBAEA,qCACE,W;AC5EN,WACE,aACA,qCACA,uBACA,gBACA,qBACA,YACA,gBACA,eAEA,6BAVF,WAWI,oBAGF,gDACE,iBACA,0B;ACbF,wBACE,eACA,OACA,QACA,SACA,mCACA,UAEA,6CACA,yCACA,2CACA,uCACA,8HAMA,6BACE,+BAEA,uDACE,gGAIJ,+CACE,gBAGF,yCACE,8CAIJ,iBACE,iCACA,wFAGF,mBACE,wCACA,0CACA,aACA,mBACA,uBACA,+CACA,kBAEA,2BACE,cACA,0BACA,gBACA,gBACA,UAEA,qCACE,oBAGF,6CACE,gBAGF,gDACE,kBACA,YAGF,gDACE,kBACA,aAKN,8BACE,YAEA,uCACE,iCAKF,sCACE,kBACA,UACA,OACA,WACA,aACA,cAQF,0LACE,UACA,cAKF,4DACE,gDAIJ,oBACE,8CACA,UACA,gBAEA,6BALF,oBAMI,gCAIJ,6BACE,iCACA,aACA,mBACA,uBACA,kCAGF,iCACE,aACA,kBACA,6CACA,yCAGF,+BACE,iCACE,eAKN,YACE,mBAEA,iBACE,eACA,sBACA,gBACA,SACA,mBACA,kDACA,gBACA,mBACA,uBACA,mBACA,uBAGF,sBACE,mBAGF,mBACE,cACA,0BACA,gBACA,gBACA,UjB1KF,4DiB8KE,gBAIA,8CACE,cAGF,0CACE,gB;ACzLN,YACE,oBAEA,6BACE,gBAGF,4BACE,eAEA,sCACE,mBACA,mBAKF,wCACE,UACA,aAGF,uCACE,O;ACvBN,mBACE,wBACA,gBACA,sBAEA,WAEA,yBAPF,mBAQI,yB;ACPF,gCACE,wBACA,gBACA,gBACA,cACA,sBAEA,yBAPF,gCAQI,yBAKF,0CACE,kBACA,UACA,OACA,WACA,aACA,c;ACpBN,gBACE,aACA,2DACA,oBACA,mBAEA,uBACE,a;ACPJ,gBACE,kBACA,cAGE,0CACE,kBACA,UACA,UACA,QACA,aAKJ,uCACE,mBAGF,wBACE,Y;ACpBJ,cACE,aACA,oBAEA,gBAIA,kBAHA,+BALF,cAMI,oBAIF,2BACE,gB;ACVF,iDACE,gCACA,iCAEA,wDACE,cACA,uBAIJ,mBACE,mDACA,cACA,WACA,YACA,iBACA,gDACA,oBACA,qBACA,uBACA,wBACA,gBACA,iBAEA,mCACE,WACA,iBAGF,6BACE,aACA,cACA,kBAIJ,2BACE,YAGF,mBACE,gBACA,gBACA,uBAGF,yBACE,mBACA,oBACA,qBACA,4BACA,gBACA,uBACA,gBACA,uBAEF,8DAEE,iB;AC3DJ,aACE,SACA,oBACA,gBACA,kBACA,eAEA,iBACE,kBACA,OACA,MACA,WACA,YACA,iB;ACZF,oCACE,cACA,gBAGF,0BACE,aACA,qCACA,aACA,UAEA,yBANF,0BAOI,sCAGF,qCACE,iBACA,sDACE,4BACA,6BAIJ,qCACE,wBAGF,yCACE,cACA,SACA,SACA,oBACA,gBAEA,uJAGE,kBACA,MACA,OACA,sBACA,uBAEA,yBATF,uJAUI,WACA,YACA,oCACA,sC;AC/CR,2BACE,gBACA,oBACA,sBACA,yBACA,mBAGF,4BACE,wBACA,gBACA,gBACA,cACA,sBAEA,yBAPF,4BAQI,yBAKF,sCACE,UACA,kBACA,UACA,OACA,WACA,aACA,cAKN,YACE,oBAGA,6BACE,oBACA,kBACA,2BACA,4BAEA,qCACE,cACA,WACA,kBACA,SACA,UACA,sCACA,uBACA,wBACA,kBAIJ,6BACE,iCACA,gBACA,mBAGF,kBACE,0BAGF,sBACE,mBACA,kCACA,mB;ACtEJ,aACE,YACA,gBACA,gBAEA,0BACE,aACA,sBACA,gBACA,kCACA,uBACA,mB;ACXJ,eACE,YACA,gBACA,gBAEA,4BACE,aACA,sBACA,gBACA,kCAGF,4BACE,mBAEA,mCACE,aACA,8BACA,cAEA,kDACE,gBAGF,0CACE,eACA,sBACA,SACA,gBACA,mBACA,uBAGF,0CACE,kCACA,SAGF,2CACE,cACA,iBAEA,oDACE,mCACA,kCAEA,qHAEE,+CAMR,iCACE,aACA,iBACA,gBAIA,oDACE,iBAGF,6CACE,cACA,kBAKN,8BACE,e;ACzEJ,WACE,YACA,eAEA,0BACE,YACA,cAEA,+BACE,aACA,qCACA,uBACA,gBACA,qBAIJ,wBACE,6BACA,gBACA,kB;ACpBJ,oBACE,oBACA,mBACA,6CAEA,4BACE,oBACA,gBACA,aACA,mBACA,8BAGF,2BACE,iBACA,oBACA,eACA,wBACA,iBACA,yBAEA,wCACE,yBAIJ,6BACE,iBACA,iBAGF,2BACE,WAEA,gCACE,UAGF,mCACE,mBACA,kCAGF,iCACE,gBACA,eAIJ,2BACE,mBACA,8BAEA,oCACE,yB;ACtDN,yBACE,kBACA,eACA,cACA,iDAEA,+DACE,yCAGF,qCACE,oBAGF,kCACE,OACA,gBACA,mBACA,uBACA,oBAEA,wDACE,aACA,cACA,kBACA,WACA,UACA,iBACA,qBACA,yBAEA,8DACE,sBAIJ,6CACE,kBACA,qBACA,iBACA,WACA,6BACA,wBACA,gBAIJ,gCACE,aACA,mBACA,oBAGF,+BACE,aACA,mBACA,WACA,6BAGF,+BACE,iBAGF,+BACE,OACA,mB;AClEJ,YACE,YACA,kBACA,kBAEA,sBACE,oBACA,0CAEA,4BACE,oBACA,eACA,wBACA,iBACA,yBAEA,yCACE,yBAKN,kBACE,6BAGF,mBACE,mBACA,6CAEA,UACA,4BAEA,gCACE,gBACA,mBAGF,0BACE,UAIJ,qCACE,wBACA,0BAGF,kCACE,cAGF,wKAIE,2BAIA,mFACE,sCAGF,yFACE,uCAKN,uBACE,GACE,kDACA,0DACA,0BAGF,IACE,kDACA,0DACA,0BAGF,IACE,kDACA,0DACA,qBAIJ,wBACE,GACE,kDACA,0DACA,yBAGF,IACE,kDACA,0DACA,oBAGF,IACE,kDACA,0DACA,qB;AC1GJ,mBACE,6CACA,wBACA,aACA,8BAEA,gCACE,aACA,mBACA,mBACA,sBACA,gBACA,kCACA,+BACA,gBACA,MACA,mCAEA,yBAZF,gCAaI,kCAIJ,mCACE,iBAEA,6CACE,cACA,kBAIJ,gCACE,iBACA,kBACA,gBAEA,yBALF,gCAMI,kBAGF,yCACE,wBAKF,oEACE,qBAIA,6EACE,oBACA,eAKN,mCACE,0BACA,wBAGE,uDACE,iBACA,eAKN,8BACE,sBACA,kBACA,iB;AC1EJ,aACE,YACA,kBACA,aACA,sBACA,oBAEA,sBACE,kBACA,MACA,OACA,SACA,QACA,iCAGF,4BACE,sBACA,cACA,kBAEA,yBALF,4BAMI,gBAIJ,gCACE,0CACA,YACA,c;AC7BJ,YACE,kBACA,YACA,mDAEA,2BACE,YACA,kBACA,kBAGF,qBACE,oBACA,yCACA,2EACA,sBAEA,0BACE,eAGF,mCACE,iBAGF,+BACE,gBAGF,+BACE,2BAEA,yCACE,gBAIJ,mCACE,cACA,eACA,mBACA,kBAEA,oDACE,kBACA,OACA,MACA,WACA,YAEA,2DACE,aAKN,+BACE,kBAEA,yCACE,aACA,mBAGF,oDACE,aACA,kBAGF,0CACE,gBAGF,yDACE,oBACA,mBACA,gBACA,uBAGF,gEACE,gBACA,mBAIA,gDACE,gBACA,mBAKF,mEACE,qBAKN,sCACE,gBACA,mBACA,kCAEA,gDACE,mBAIJ,mCACE,kCACA,qBAEA,6CACE,mBAIJ,mCACE,kCACA,kBAGF,8BACE,iBAIJ,kCACE,YAGF,wBACE,wBAGF,yBACE,gBAEA,gCACE,oBACA,mBAEA,2CACE,sBAKF,6CACE,aACA,WACA,eAGF,4CACE,cACA,aACA,eAKN,oBACE,6BACA,yCACA,2EACA,sBAEA,aACA,mBACA,cAEA,gBACA,iBAEA,iCACE,oBACA,kBACA,YAGF,kCACE,YACA,YACA,gBACA,UACA,gBAIJ,qBACE,iBAIJ,oBACE,mBAIA,6BACE,kBAGF,mCACE,eACA,mBACA,mBAGF,uCACE,kBACA,YACA,QACA,6BACA,UAGF,4BACE,oBAGF,6BACE,mBAKF,yBACE,mBAGF,4BACE,gBAGF,2BACE,gBAEA,0BACA,4GAEE,wBAIJ,6BACE,oBAKF,6BACE,gBACA,mBAGF,8BACE,kBAKF,kCACE,aACA,6BAGF,wCACE,WACA,YAMF,yCACE,kBACA,gBACA,iB;ACxRJ,aACE,aACA,sBACA,eAEA,8BACE,6CAGF,kBACE,aACA,eACA,cACA,oBAEA,wBACE,yCAIJ,mBACE,aACA,YACA,YACA,gBAGF,wBACE,aACA,sBACA,uBACA,gBACA,iBAGF,4BACE,kCACA,gBACA,uBACA,mBAGF,wBACE,gBACA,uBACA,mBAGF,mBACE,kCACA,kBACA,iBACA,mBAGF,sBACE,aACA,6BACA,gBACA,UAGF,qBACE,WACA,Y;AChEJ,cACE,mBAEA,iBACE,kBACA,kCACA,sB;ACNJ,UACE,mBAGE,iBACE,kCACA,gBACA,oBAGF,sBACE,mB;ACXN,UACE,gBAEA,uBACE,aACA,mBACA,cAEA,2BACE,YACA,aAIA,gCACE,iBACA,mBAGF,+BACE,mBACA,iBACA,kCAKN,sBACE,YAEA,uCACE,kBACA,aACA,mBACA,4BACA,kCACA,gBAEA,4CACE,wBAGF,8CACE,aACA,YAKN,wBACE,0CACA,aAEA,4CACE,aACA,0BACA,gBAEA,8CACE,iBACA,kCACA,kBACA,aAGF,uDACE,4BACA,qBACA,mBACA,cAGF,8DACE,yDAGF,mEACE,yDAIA,yDACE,eACA,sBACA,gBACA,gBACA,sBACA,wBACA,0BAGF,wDACE,gBACA,kBACA,6C;AC9FV,WACE,kBAEA,qDACE,kBAGF,uBACE,kBACA,aACA,UACA,UAEA,2BACE,e;ACdN,aACE,mBAEA,gBACE,kBACA,kCACA,sBAGF,4BACE,aACA,8BAEA,yCACE,aACA,cACA,a;AChBN,gBACE,aACA,YACA,6DACA,8DACA,gBAEA,yBACE,WACA,YACA,Y;ACTF,8BACE,oBAGF,sBACE,kBACA,0DACA,2DACA,WACA,oBACA,aACA,mBACA,mBACA,mCACA,6CAEA,yBACE,gBACA,mBACA,uBACA,mBAIJ,0BACE,aAGF,6BACE,aACA,eACA,aACA,mBACA,uBAGF,+BACE,aACA,gBAGF,uBACE,cACA,WACA,YACA,kBAGF,sBACE,kBACA,6DACA,8DACA,WACA,oBACA,mCACA,0CAEA,6BACE,oBACA,gBAIJ,4BACE,YAGF,6BACE,UACA,gBAIJ,+FAEI,4BACE,gBAGF,0BACE,c","sources":["webpack://telegram-t/./src/components/mediaViewer/MediaViewerActions.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewerFooter.scss","webpack://telegram-t/./src/components/mediaViewer/VideoPlayer.scss","webpack://telegram-t/./src/components/mediaViewer/VideoPlayerControls.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewerContent.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewerSlides.scss","webpack://telegram-t/./src/components/mediaViewer/PanZoom.scss","webpack://telegram-t/./src/components/mediaViewer/SenderInfo.scss","webpack://telegram-t/./src/components/mediaViewer/ZoomControls.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewer.scss","webpack://telegram-t/./src/components/common/ChatOrUserPicker.scss","webpack://telegram-t/./src/components/main/Dialogs.scss","webpack://telegram-t/./src/components/common/CalendarModal.scss","webpack://telegram-t/./src/components/main/NewContactModal.scss","webpack://telegram-t/./src/components/main/WebAppModal.scss","webpack://telegram-t/./src/components/middle/MessageSelectToolbar.scss","webpack://telegram-t/./src/components/middle/ReactorListModal.scss","webpack://telegram-t/./src/components/middle/EmojiInteractionAnimation.scss","webpack://telegram-t/./src/components/left/search/RecentContacts.scss","webpack://telegram-t/./src/components/left/search/ChatMessage.scss","webpack://telegram-t/./src/components/left/search/DateSuggest.scss","webpack://telegram-t/./src/components/left/search/LeftSearch.scss","webpack://telegram-t/./src/components/ui/CropModal.scss","webpack://telegram-t/./src/components/ui/AvatarEditable.scss","webpack://telegram-t/./src/components/ui/ShowMoreButton.scss","webpack://telegram-t/./src/components/left/settings/folders/SettingsFoldersChatsPicker.scss","webpack://telegram-t/./src/components/left/settings/folders/SettingsFolders.scss","webpack://telegram-t/./src/components/left/settings/SettingsStickerSet.scss","webpack://telegram-t/./src/components/left/settings/WallpaperTile.scss","webpack://telegram-t/./src/components/left/settings/SettingsGeneralBackground.scss","webpack://telegram-t/./src/components/left/settings/SettingsGeneralBackgroundColor.scss","webpack://telegram-t/./src/components/left/settings/SettingsActiveSession.module.scss","webpack://telegram-t/./src/components/left/settings/SettingsActiveSessions.scss","webpack://telegram-t/./src/components/common/PasswordMonkey.scss","webpack://telegram-t/./src/components/left/settings/Settings.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/left/newChat/NewChat.scss","webpack://telegram-t/./src/components/left/ArchivedChats.scss","webpack://telegram-t/./src/components/middle/message/ReactionSelectorReaction.scss","webpack://telegram-t/./src/components/middle/message/ReactionSelector.scss","webpack://telegram-t/./src/components/middle/message/MessageContextMenu.scss","webpack://telegram-t/./src/components/common/StickerSetModal.scss","webpack://telegram-t/./src/components/middle/HeaderMenuContainer.scss","webpack://telegram-t/./src/components/middle/MobileSearch.scss","webpack://telegram-t/./src/components/middle/composer/MentionTooltip.scss","webpack://telegram-t/./src/components/middle/composer/AttachmentModal.scss","webpack://telegram-t/./src/components/middle/composer/PollModal.scss","webpack://telegram-t/./src/components/middle/composer/EmojiButton.scss","webpack://telegram-t/./src/components/middle/composer/EmojiPicker.scss","webpack://telegram-t/./src/components/middle/composer/StickerPicker.scss","webpack://telegram-t/./src/components/common/GifButton.scss","webpack://telegram-t/./src/components/middle/composer/GifPicker.scss","webpack://telegram-t/./src/components/middle/composer/SymbolMenu.scss","webpack://telegram-t/./src/components/middle/composer/BotCommand.scss","webpack://telegram-t/./src/components/middle/composer/BotCommandTooltip.scss","webpack://telegram-t/./src/components/middle/composer/BotCommandMenu.scss","webpack://telegram-t/./src/components/middle/composer/StickerTooltip.scss","webpack://telegram-t/./src/components/middle/composer/CustomSendMenu.scss","webpack://telegram-t/./src/components/middle/composer/EmojiTooltip.scss","webpack://telegram-t/./src/components/middle/composer/inlineResults/BaseResult.scss","webpack://telegram-t/./src/components/middle/composer/inlineResults/MediaResult.scss","webpack://telegram-t/./src/components/middle/composer/InlineBotTooltip.scss","webpack://telegram-t/./src/components/middle/composer/SendAsMenu.scss","webpack://telegram-t/./src/components/right/RightSearch.scss","webpack://telegram-t/./src/components/right/StickerSearch.scss","webpack://telegram-t/./src/components/right/GifSearch.scss","webpack://telegram-t/./src/components/right/statistics/StatisticsOverview.scss","webpack://telegram-t/./src/components/right/statistics/StatisticsRecentMessage.scss","webpack://telegram-t/./src/components/right/statistics/Statistics.scss","webpack://telegram-t/./src/components/right/PollAnswerResults.scss","webpack://telegram-t/./src/components/right/PollResults.scss","webpack://telegram-t/./src/components/right/management/Management.scss","webpack://telegram-t/./src/components/right/management/JoinRequest.scss","webpack://telegram-t/./src/components/payment/ShippingInfo.scss","webpack://telegram-t/./src/components/payment/Shipping.scss","webpack://telegram-t/./src/components/payment/Checkout.scss","webpack://telegram-t/./src/components/payment/CardInput.scss","webpack://telegram-t/./src/components/payment/PaymentInfo.scss","webpack://telegram-t/./src/components/payment/ConfirmPayment.scss","webpack://telegram-t/./src/components/payment/PaymentModal.scss"],"sourcesContent":[".MediaViewerActions {\n  display: flex;\n  margin-inline-start: auto;\n  margin-inline-end: -0.375rem;\n\n  .Button {\n    margin-inline-start: 0.25rem;\n  }\n}\n\n.MediaViewerActions-mobile {\n  position: relative;\n  color: var(--color-text);\n\n  .ProgressSpinner {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n}\n",".MediaViewerFooter {\n  position: absolute;\n  bottom: 0;\n  padding: 1rem 0;\n  width: 100%;\n  transition: opacity 0.15s;\n\n  #MediaViewer.zoomed & {\n    display: none;\n  }\n\n  @media (max-height: 640px) {\n    padding: 0.5rem 0 0;\n  }\n\n  @media (max-width: 600px) {\n    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);\n\n    &.is-for-video {\n      opacity: 0;\n      pointer-events: none;\n      padding-bottom: 5rem;\n\n      .video-controls-visible &:not(.is-hidden) {\n        opacity: 1;\n        pointer-events: all;\n      }\n    }\n  }\n\n  body.ghost-animating & {\n    opacity: 0;\n  }\n\n  .media-viewer-footer-content {\n    position: relative;\n    max-width: var(--messages-container-width);\n    margin: auto;\n    cursor: pointer;\n    opacity: 0.5;\n    transition: opacity 0.15s;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    @media (max-width: 600px) {\n      opacity: 1;\n    }\n  }\n\n  &.is-hidden {\n    opacity: 0;\n  }\n\n  .media-text {\n    margin-bottom: 0;\n    overflow: auto;\n    padding: 0 0.5rem;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 0.9375rem;\n    letter-spacing: 0.025rem;\n    max-height: 4.25rem;\n\n    @media (max-height: 640px) {\n      max-height: 2.75rem;\n    }\n\n    .emoji {\n      width: 0.9375rem;\n      height: 0.9375rem;\n      vertical-align: -2px;\n    }\n\n    &.multiline {\n      &::before {\n        content: \"\";\n        position: absolute;\n        left: -0.75rem;\n        right: -0.75rem;\n        top: -0.25rem;\n        bottom: -0.25rem;\n        background: rgba(0, 0, 0, 0.75);\n        border-radius: var(--border-radius-default);\n        z-index: var(--z-below);\n\n        @media (max-width: 600px) {\n          display: none;\n          background: none;\n        }\n      }\n    }\n  }\n\n  a {\n    color: var(--color-links);\n\n    &:hover,\n    &:focus {\n      text-decoration: underline;\n    }\n  }\n}\n",".VideoPlayer {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  #MediaViewer.zoomed & {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    > div {\n      width: 100% !important;\n      height: 100% !important;\n    }\n    video {\n      max-height: none !important;\n    }\n  }\n\n  @media (min-width: 601px) {\n    // Safari: custom controls are not displayed after exiting full screen mode.\n    z-index: 1;\n  }\n\n  @media (max-width: 600px) {\n    overflow: visible;\n  }\n\n  @media (max-height: 640px) {\n    margin-bottom: 1.75rem;\n    @at-root .has-footer #{&} {\n      margin-bottom: 0;\n    }\n  }\n\n  video {\n    display: block;\n    max-height: calc(100vh - 8.25rem);\n    margin: auto;\n    object-fit: contain;\n    outline: none;\n    width: 100%;\n    height: 100%;\n    background: no-repeat 50% 50%;\n    background-size: contain;\n\n    @media (max-height: 640px) {\n      max-height: calc(100vh - 10rem);\n    }\n\n    // Disable fullscreen on double tap on mobile devices\n    .is-touch-env & {\n      pointer-events: none;\n    }\n  }\n\n  .play-button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 3.25rem;\n    height: 3.25rem;\n    background-color: rgba(0, 0, 0, 0.5) !important;\n    body:not(.animation-level-0) & {\n      transition: opacity 0.3s ease !important;\n    }\n\n    .icon-play {\n      font-size: 1.75rem;\n      position: relative;\n      left: 0.125rem;\n    }\n  }\n\n  .spinner-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .buffering {\n      background: rgba(0, 0, 0, 0.25);\n      color: #fff;\n      font-size: 0.75rem;\n      position: absolute;\n      left: 0.1875rem;\n      top: 0.1875rem;\n      z-index: 1;\n      padding: 0 0.375rem;\n      border-radius: 0.75rem;\n      line-height: 1.125rem;\n    }\n\n    .ProgressSpinner {\n      cursor: pointer;\n    }\n  }\n}\n",".VideoPlayerControls {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  padding: 1rem 0.5rem 0.5rem;\n  font-size: 0.875rem;\n  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);\n  transition: opacity 0.3s;\n  opacity: 0;\n  pointer-events: none;\n\n  #MediaViewer.zoomed & {\n    display: none;\n  }\n\n  @media (max-width: 600px) {\n    position: fixed;\n    padding: 2.25rem 0.5rem 0.75rem;\n    background: none;\n    z-index: var(--z-media-viewer);\n  }\n\n  &.active {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n\n  .spacer {\n    flex-grow: 1;\n  }\n\n  .Button.round {\n    width: 2rem;\n    padding: 0;\n    margin: 0.25rem;\n    height: 2rem;\n  }\n\n  .volume-slider {\n    margin-bottom: 0;\n    margin-left: -0.75rem;\n    padding: 0.5rem 0.5rem 0.5rem 0.5rem;\n    width: 0;\n\n    --volume-slider-width: 4rem;\n    --slider-color: #fff;\n    --color-borders: rgba(255, 255, 255, 0.5);\n    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n    transition: width 0.2s ease-in-out;\n\n    &:hover{\n      overflow: hidden;\n      width: var(--volume-slider-width);\n      .RangeSlider__input {\n        opacity: 1;\n      }\n    }\n\n    .RangeSlider__input {\n      margin-bottom: 0;\n      opacity: 0;\n      transition: opacity 0.15s ease-in-out;\n    }\n  }\n\n  .volume:hover + .volume-slider {\n    overflow: hidden;\n    width: var(--volume-slider-width);\n    .RangeSlider__input {\n      opacity: 1;\n    }\n  }\n\n  .player-time {\n    white-space: nowrap;\n  }\n\n  .player-file-size {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-left: 0.5rem;\n  }\n\n  .player-seekline {\n    position: absolute;\n    left: 1rem;\n    right: 1rem;\n    top: 0;\n    height: 1rem;\n    touch-action: none;\n    cursor: pointer;\n\n    @media (max-width: 600px) {\n      top: 1rem;\n    }\n\n    &-track {\n      position: absolute;\n      top: 50%;\n      left: -0.25rem;\n      right: -0.25rem;\n      height: 5px;\n      transform: translateY(-50%);\n      background-color: rgba(255, 255, 255, 0.16);\n      border-radius: var(--border-radius-default);\n    }\n\n    &-buffered,\n    &-played,\n    &-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-radius: var(--border-radius-default);\n    }\n\n    &-buffered {\n      position: absolute;\n      background-color: rgba(255, 255, 255, 0.5);\n    }\n\n    &-played {\n      background: var(--color-primary);\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 0.75rem;\n        height: 0.75rem;\n        border-radius: 50%;\n        background-color: var(--color-primary);\n        right: 0;\n        top: 50%;\n        transform: translate(0.325rem, -50%);\n      }\n    }\n  }\n\n  .playback-rate-menu .bubble {\n    min-width: 4rem;\n    margin-right: 4rem;\n  }\n}\n",".MediaViewerContent {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  transform: none;\n  overflow: hidden;\n  z-index: 1;\n  padding: 3.25rem 0;\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n\n  .thumbnail {\n    position: relative;\n\n    img {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  > img {\n    max-width: 100vw;\n    max-height: calc(100vh - 8.25rem);\n    object-fit: contain;\n    transition: transform 0.2s;\n  }\n\n  .spinner-wrapper {\n    max-width: 100vw;\n    margin: auto;\n  }\n\n  .Spinner {\n    margin: auto;\n  }\n}\n",".MediaViewerSlides {\n  position: absolute;\n  display: flex;\n  height: 100%;\n  max-height: 100vh;\n  min-height: -moz-available;\n  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */\n  max-height: -webkit-fill-available;\n  width: 100%;\n  overflow: hidden;\n  -ms-touch-action: none;\n  touch-action: none;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  & * {\n    -ms-scroll-chaining: none;\n  }\n}\n\n.MediaViewerSlide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  flex: 100% 0 0;\n  z-index: 0;\n  touch-action: none;\n  transform-origin: 0 0;\n\n  &--active {\n    z-index: 1;\n  }\n}\n",".pan-wrapper,\n.pan-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.pan-wrapper {\n  cursor: move;\n  user-select: none;\n}\n\n.pan-container {\n  transition: transform 0.2s ease-in;\n\n  .pan-wrapper.move & {\n    transition: none;\n  }\n\n  .zoomed & {\n    position: fixed;\n    top: 0;\n    left: 0;\n  }\n}\n",".SenderInfo {\n  display: flex;\n  align-content: center;\n  color: white;\n  cursor: pointer;\n\n  opacity: 0.5;\n  transition: 0.15s opacity;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .Avatar {\n    margin-inline-end: 1rem;\n\n    @media (max-width: 600px) {\n      display: none;\n    }\n  }\n\n  .meta {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    max-width: calc(100% - 3.75rem);\n  }\n\n  .title {\n    line-height: 1.4375rem;\n    font-weight: 500;\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .date {\n    line-height: 1.25rem;\n    font-size: 0.875rem;\n    letter-spacing: -0.01rem;\n  }\n}\n",".ZoomControls {\n  position: absolute;\n  bottom: 1.25rem;\n  left: 50%;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: var(--border-radius-default);\n  width: 100%;\n  height: 3.375rem;\n  max-width: 274px;\n  transform: translate3d(-50%, 0, 0.625rem);\n  transition: opacity 0.3s ease-in;\n  pointer-events: none;\n\n  &.open {\n    z-index: var(--z-media-viewer);\n    pointer-events: all;\n  }\n\n  .zoom-out,\n  .zoom-in {\n    position: absolute;\n    top: 0.4375rem;\n    width: 2.5rem;\n    height: 2.5rem;\n    color: #fff;\n\n    i {\n      font-size: 1.5rem;\n    }\n  }\n\n  .zoom-out {\n    left: 0.5rem;\n  }\n\n  .zoom-in {\n    right: 0.5rem;\n  }\n\n  .seekline {\n    position: absolute;\n    left: 3.25rem;\n    right: 3.25rem;\n    top: 1.125rem;\n    height: 1rem;\n\n    &-track {\n      position: absolute;\n      top: 50%;\n      left: -0.25rem;\n      right: -0.25rem;\n      height: 2px;\n      transform: translateY(-50%);\n      background-color: rgba(255, 255, 255, 0.5);\n      border-radius: var(--border-radius-default);\n    }\n\n    &-played,\n    &-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-radius: var(--border-radius-default);\n    }\n\n    &-played {\n      background: #fff;\n      /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n      transition: width 200ms;\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 0.75rem;\n        height: 0.75rem;\n        border-radius: 50%;\n        background-color: var(--color-white);\n        right: 0;\n        top: 50%;\n        transform: translate(0.325rem, -50%);\n      }\n    }\n\n    &-input {\n      width: 100%;\n      height: 1rem;\n      top: -0.375rem;\n      opacity: 0;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      overflow: hidden;\n\n      &::-webkit-slider-thumb {\n        margin-top: -2rem;\n      }\n    }\n  }\n}\n","#MediaViewer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.9);\n  color: #fff;\n  z-index: var(--z-media-viewer);\n\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: auto 1fr;\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  justify-items: stretch;\n  align-items: center;\n\n  @media (max-width: 600px) {\n    background: rgba(0, 0, 0, 1);\n  }\n\n  // Potential perf improvement\n  &:not(.shown) {\n    display: block !important;\n    transform: scale(0);\n  }\n\n  body.ghost-animating & {\n    > .pan-wrapper,\n    > button,\n    .MediaViewerContent img,\n    .MediaViewerContent .VideoPlayer {\n      display: none;\n    }\n  }\n\n  body.animation-level-2 & {\n    transition-duration: 0.3s !important;\n  }\n\n  &:not(.open),\n  .closing {\n    .SenderInfo {\n      pointer-events: none;\n      transition: none;\n    }\n  }\n\n  &.zoomed {\n    .navigation {\n      display: none;\n    }\n\n    .media-viewer-head {\n      z-index: 2;\n    }\n\n    .MediaViewerSlide {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      padding: 0;\n      z-index: 1;\n    }\n  }\n\n  .media-viewer-head {\n    display: flex;\n    grid-area: 1 / 1 / 2 / -2;\n    position: relative;\n    z-index: var(--z-media-viewer-head);\n    min-width: 0;\n    padding: 0.5rem max(1.25rem, env(safe-area-inset-left));\n\n    & > .Transition {\n      width: 100%;\n      min-width: 0;\n    }\n\n    @media (max-width: 600px) {\n      padding: 0.5rem max(0.5rem, env(safe-area-inset-left));\n\n      .media-viewer-close {\n        margin-right: 1.5rem;\n      }\n    }\n  }\n\n  & > .Transition,\n  & > .pan-wrapper {\n    grid-area: 1 / 1 / -1 / -1;\n  }\n\n  & > .Transition,\n  & > .pan-wrapper .Transition {\n    position: relative;\n    justify-self: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .navigation {\n    position: fixed;\n    top: 4rem;\n    width: 10vw;\n    bottom: 0;\n    border: none;\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    background: transparent no-repeat;\n    background-size: 1.25rem;\n    opacity: 0;\n    transition: opacity 0.15s;\n    outline: none;\n    cursor: pointer;\n    z-index: 1;\n\n    @media (max-width: 600px) {\n      width: 20vw;\n    }\n\n    &:hover,\n    .is-touch-env & {\n      opacity: 1;\n    }\n\n    &.prev {\n      background-image: url(\"../../assets/media_navigation_previous.svg\");\n      background-position: 1.25rem calc(50% - 2rem);\n\n      left: env(safe-area-inset-left);\n\n      &[dir=\"rtl\"] {\n        left: auto;\n        right: env(safe-area-inset-right);\n        transform: scaleX(-1);\n      }\n    }\n\n    &.next {\n      right: env(safe-area-inset-right);\n      background-image: url(\"../../assets/media_navigation_next.svg\");\n      background-position: calc(100% - 1.25rem) calc(50% - 2rem);\n\n      &[dir=\"rtl\"] {\n        right: auto;\n        left: env(safe-area-inset-left);\n        transform: scaleX(-1);\n      }\n    }\n\n    &.inline {\n      top: calc(50% - 3rem);\n      bottom: unset;\n      height: 6rem;\n      background-position-y: center;\n\n      @media (max-width: 600px) {\n        opacity: 0;\n        transition: opacity 0.15s ease-in;\n        pointer-events: none;\n\n        .video-controls-visible & {\n          opacity: 1;\n          pointer-events: all;\n        }\n      }\n    }\n  }\n}\n\n.ghost {\n  position: absolute;\n  z-index: var(--z-media-viewer);\n  will-change: transform, opacity;\n  overflow: hidden;\n  border-radius: 0;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n\n  &.rounded-corners {\n    border-radius: var(--border-radius-messages);\n  }\n\n  &.circle {\n    border-radius: 50%;\n  }\n\n  body.is-ios & {\n    transition: transform 0.2s ease, opacity 0.2s ease, border-radius 0.2s ease !important;\n  }\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-select: none;\n    object-fit: cover;\n  }\n}\n",".ChatOrUserPicker {\n  z-index: var(--z-media-viewer);\n\n  .modal-dialog {\n    height: 70%;\n    max-width: 25rem;\n\n    @media (max-width: 600px) {\n      height: 90%;\n    }\n  }\n\n  .modal-header {\n    display: flex;\n    align-items: center;\n    padding: 0.25rem 0.5rem;\n\n    .Button {\n      margin-right: 0.5rem;\n    }\n\n    .input-group {\n      margin: 0;\n      flex: 1;\n    }\n\n    .form-control {\n      border: none;\n      box-shadow: none !important;\n\n      height: 2.75rem;\n      padding: 0.5rem;\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n      unicode-bidi: plaintext;\n    }\n  }\n\n  .modal-content {\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    .picker-list {\n      height: 100%;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 0.5rem;\n    }\n  }\n\n  .no-results {\n    height: 100%;\n    margin: 0;\n    padding: 1rem 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-text-secondary);\n  }\n\n  .scroll-container {\n    position: relative;\n  }\n\n  .ListItem {\n    position: absolute;\n    width: 100%;\n  }\n\n  .ListItem.chat-item-clickable {\n    &:not(.force-rounded-corners) {\n      @media (max-width: 600px) {\n        margin: 0;\n\n        .ListItem-button {\n          border-radius: 0;\n        }\n      }\n    }\n  }\n}\n","#Dialogs {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: var(--z-modal);\n}\n",".CalendarModal {\n  .modal-dialog {\n    max-width: 26.25rem;\n    .modal-content {\n      padding: 0.375rem 1rem 1rem;\n    }\n  }\n\n  .timepicker {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n\n    .form-control {\n      max-width: 5rem;\n      text-align: center;\n\n      &:first-child {\n        margin-right: 1rem;\n      }\n      &:last-child {\n        margin-left: 1rem;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: column;\n\n    .Button {\n      text-transform: none;\n\n      + .Button {\n        margin-top: 0.5rem;\n      }\n    }\n  }\n\n  .month-selector {\n    display: flex;\n    align-items: center;\n\n    h4 {\n      flex: 1;\n      margin: 0 0 0 1.25rem;\n      font-size: 1.25rem;\n\n      @media (max-width: 600px) {\n        margin-left: 0.75rem;\n      }\n\n      & ~ .Button {\n        color: var(--color-primary);\n      }\n    }\n\n    .Button.hidden {\n      opacity: 0.5;\n      pointer-events: none;\n    }\n  }\n\n  .day-button {\n    position: relative;\n    border-radius: 4rem;\n    outline: none !important;\n    font-weight: 500;\n    margin: 0.125rem 0.625rem;\n\n    @media (max-width: 600px) {\n      margin: 0.25rem 0.375rem;\n    }\n\n    &.weekday {\n      margin-bottom: 0;\n      height: 1rem;\n    }\n\n    &.clickable {\n      cursor: pointer;\n\n      &:hover {\n        background-color: var(--color-interactive-element-hover);\n      }\n\n      &.selected {\n        background-color: var(--color-primary);\n        color: white;\n      }\n    }\n\n    &.disabled {\n      opacity: 0.25;\n      pointer-events: none;\n    }\n\n    &::before {\n      content: \"\";\n      display: block;\n      padding-top: 100%;\n    }\n\n    span {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.875rem;\n    }\n  }\n\n  .calendar-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 17rem;\n    margin: 1.5rem -0.5rem 0.5rem;\n  }\n\n  .calendar-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    width: 100%;\n  }\n}\n",".NewContactModal {\n  .modal-dialog {\n    max-width: 28rem;\n  }\n\n  &__new-contact {\n    display: flex;\n\n    @media (max-width: 500px) {\n      flex-direction: column;\n    }\n\n    &-fieldset {\n      flex: 1;\n      margin-inline-start: 1rem;\n      @media (max-width: 500px) {\n        margin-inline-start: 0;\n        margin-top: 1rem;\n      }\n    }\n  }\n\n  &__profile {\n    display: flex;\n    align-items: center;\n    margin-bottom: 2rem;\n\n    &-info {\n      margin-inline-start: 1rem;\n    }\n  }\n\n  &__user-status {\n    color: var(--color-text-secondary);\n  }\n\n  &__phone-number {\n    font-size: 1.5rem;\n    margin-bottom: 0;\n  }\n\n  &__help-text {\n    font-size: 0.9375rem;\n    color: var(--color-text-secondary);\n  }\n}\n",".WebAppModal {\n  .modal-header {\n    border-bottom: 1px solid var(--color-dividers);\n    padding: 0.5rem;\n  }\n\n  .modal-dialog {\n    height: 75%;\n    justify-content: center;\n    border: none;\n    box-shadow: none;\n    margin: 0;\n    overflow: hidden;\n  }\n\n  .modal-content {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 0;\n    border-bottom-right-radius: var(--border-radius-default);\n    border-bottom-left-radius: var(--border-radius-default);\n  }\n\n  .web-app-frame {\n    width: 100%;\n    height: 100%;\n    border: 0;\n\n    &.with-button {\n      height: calc(100% - 56px);\n    }\n  }\n\n  .web-app-button {\n    position: absolute;\n    bottom: 0;\n    border-radius: 0;\n    transform: translateY(100%);\n    transition: 0.25s ease-in-out transform;\n\n    &.visible {\n      transform: translateY(0);\n    }\n\n    &.hidden {\n      visibility: hidden;\n    }\n  }\n\n  .Spinner {\n    position: absolute;\n    right: 1rem;\n  }\n\n  @media (max-width: 600px) {\n    .modal-dialog {\n      background-color: var(--color-background);\n      border-radius: 0;\n      height: 100%;\n      max-width: 100% !important;\n    }\n\n    .modal-content {\n      max-height: none;\n      border-radius: 0;\n    }\n  }\n}\n",".MessageSelectToolbar {\n  position: absolute;\n  bottom: calc(0.5rem + env(safe-area-inset-bottom));\n  left: 0.5rem;\n  right: 0.5rem;\n  width: auto;\n  z-index: 20;\n  justify-content: center;\n  margin: 0;\n\n  .mask-image-disabled &::before {\n    left: auto !important;\n    right: auto !important;\n  }\n\n  .no-composer & {\n    width: 100%;\n    @media (max-width: 600px) {\n      width: calc(100% - 1rem);\n    }\n  }\n\n  @media (min-width: 601px) {\n    left: 1rem;\n    right: 1rem;\n    bottom: 1.25rem;\n\n    .no-composer & {\n      top: -4.75rem;\n    }\n  }\n\n  opacity: 1;\n\n  & .MessageSelectToolbar-inner {\n    transform: scaleX(1) translateX(0);\n  }\n\n  .no-composer .middle-column-footer-button-container + &,\n  .no-composer .messaging-disabled + & {\n    top: auto;\n  }\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  &:not(.shown) {\n    opacity: 0;\n    pointer-events: none;\n\n    .shown-inner {\n      transform: scaleX(var(--toolbar-hidden-scale, 1));\n    }\n\n    &.with-composer .MessageSelectToolbar-inner {\n      transform: scaleX(var(--toolbar-hidden-scale, 1)) translateX(var(--toolbar-translate-x, 0));\n    }\n\n    &:not(.with-composer) .MessageSelectToolbar-inner {\n      transform: scaleX(var(--toolbar-unpin-hidden-scale)) translateX(0);\n    }\n  }\n\n  &::before {\n    z-index: -1;\n    max-width: calc(100% * var(--composer-hidden-scale));\n    width: 100%;\n    left: auto;\n    right: auto;\n  }\n\n  &-inner {\n    width: 100%;\n    max-width: calc(100% * var(--composer-hidden-scale));\n    display: flex;\n    align-items: center;\n    padding: 0.25rem;\n\n    background: var(--color-background);\n    border-radius: var(--border-radius-messages);\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n    font-weight: 500;\n\n    transform: scaleX(1);\n    transition: transform var(--select-transition), opacity var(--select-transition);\n\n    @media (max-width: 600px) {\n      padding: 0;\n      max-width: none;\n    }\n\n    > .Button {\n      width: 3rem;\n      height: 3rem;\n\n      @media (max-width: 600px) {\n        width: 2.875rem;\n        height: 2.875rem;\n      }\n    }\n  }\n\n  &-count {\n    margin-left: 1rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex-grow: 1;\n\n    @media (max-width: 600px) {\n      margin-right: 0.5rem;\n    }\n  }\n\n  &-actions {\n    margin-left: auto;\n    display: flex;\n\n    .item {\n      width: 100%;\n      background: none;\n      border: none !important;\n      box-shadow: none !important;\n      outline: none !important;\n      display: flex;\n      position: relative;\n      overflow: hidden;\n      line-height: 1.5rem;\n      white-space: nowrap;\n      color: var(--color-text);\n      --ripple-color: rgba(0, 0, 0, 0.08);\n      cursor: pointer;\n      unicode-bidi: plaintext;\n\n      padding: 0.6875rem;\n      border-radius: 50%;\n\n      i {\n        font-size: 1.5rem;\n        color: var(--color-text-secondary);\n      }\n\n      &.destructive {\n        color: var(--color-error);\n        i {\n          color: inherit;\n        }\n      }\n\n      &.disabled {\n        opacity: 0.5;\n        cursor: default;\n        pointer-events: none;\n      }\n\n      &:not(.disabled):active {\n        background-color: var(--color-item-active);\n        transition: none !important;\n      }\n\n      @media (hover: hover) {\n        &:hover, &:focus {\n          background-color: var(--color-chat-hover);\n          text-decoration: none;\n        }\n      }\n    }\n  }\n}\n",".ReactorListModal {\n  --color-reaction: var(--color-message-reaction);\n  --hover-color-reaction: var(--color-message-reaction-hover);\n  --accent-color: var(--color-primary);\n\n  .modal-content {\n    overflow: hidden;\n  }\n\n  .Reactions {\n    margin-bottom: 0.5rem;\n  }\n\n  .reaction-filter-emoji {\n    margin-right: 0.25rem;\n  }\n\n  .reactor-list {\n    max-height: 400px;\n    overflow: auto;\n    overflow-x: hidden;\n  }\n\n  .reactors-list-item {\n    margin: 0;\n  }\n\n  .reactors-list-item .ListItem-button {\n    display: flex;\n    align-items: center;\n  }\n\n  .reactors-list-emoji {\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-inline-start: auto;\n  }\n}\n",".EmojiInteractionAnimation {\n  --start-x: 0;\n  --start-y: 0;\n  --scale: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1000;\n\n  @keyframes show-interaction {\n    from {\n      transform: translate(0, 0) scale(var(--scale, 0));\n    }\n\n    to {\n      transform: translate(-50%, -50%) scale(1);\n    }\n  }\n\n  @keyframes show-interaction-reversed {\n    from {\n      transform: translate(50%, 0) scaleX(-1) scale(var(--scale, 0));\n    }\n\n    to {\n      transform: translate(100%, -50%) scaleX(-1) scale(1);\n    }\n  }\n\n  .AnimatedSticker {\n    position: absolute;\n    top: var(--start-y);\n    left: var(--start-x);\n    transform: scale(var(--scale), 0);\n    transform-origin: left top;\n    transition: 0.25s cubic-bezier(0.29, 0.81, 0.27, 0.99) opacity;\n  }\n\n  &.reversed .AnimatedSticker {\n    transform: scale(var(--scale), 0) scaleX(-1);\n  }\n\n  &.playing .AnimatedSticker {\n    animation: show-interaction forwards 0.25s cubic-bezier(0.29, 0.81, 0.27, 0.99);\n  }\n\n  &.reversed.playing .AnimatedSticker {\n    animation: show-interaction-reversed forwards 0.25s cubic-bezier(0.29, 0.81, 0.27, 0.99);\n  }\n\n  &.hiding .AnimatedSticker {\n    opacity: 0;\n  }\n\n  &.reversed.hiding .AnimatedSticker {\n    opacity: 0;\n  }\n}\n",".RecentContacts {\n  .Loading {\n    min-height: 75vh;\n  }\n\n  .top-peers-section {\n    padding: 0.5rem 1rem;\n  }\n\n  .top-peers {\n    height: 6rem;\n    margin: 0 -1rem;\n    overflow-x: auto;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    scrollbar-width: none;\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    &::-webkit-scrollbar {\n      height: 0;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0);\n    }\n  }\n\n  .top-peer-item {\n    display: inline-block;\n    width: 4.5rem;\n    height: 6rem;\n    padding: 0.625rem 0.25rem;\n    margin-left: 0.5rem;\n    border-radius: var(--border-radius-default);\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n\n    &:first-child {\n      margin-left: 0.125rem;\n    }\n\n    &:last-child {\n      margin-right: 0.125rem;\n    }\n\n    .Avatar {\n      margin: 0 auto 0.375rem;\n    }\n\n    &:hover {\n      background: var(--color-chat-hover);\n    }\n\n    .top-peer-name {\n      text-align: center;\n      white-space: nowrap;\n      font-size: 0.75rem;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .emoji-small {\n        width: 1rem;\n        height: 1rem;\n        background-size: 1rem;\n        margin-inline-end: 1px;\n        vertical-align: -3px;\n      }\n    }\n  }\n\n  .recent-chats-header {\n    display: flex;\n    align-items: center;\n\n    .Button {\n      margin-left: auto;\n    }\n\n    &[dir=\"rtl\"] {\n      .Button {\n        margin-left: 0;\n        margin-right: auto;\n      }\n    }\n  }\n}\n",".ChatMessage {\n  &:first-child {\n    margin-top: 0.5rem;\n  }\n  &:hover,\n  &.selected {\n    .Avatar.online::after {\n      border-color: var(--color-chat-hover);\n    }\n  }\n\n  .ListItem-button {\n    padding: 0.25rem 0.5rem;\n  }\n\n  .info {\n    .title {\n      flex-grow: 1;\n    }\n\n    h3 {\n      font-size: 1rem;\n      width: auto;\n    }\n\n    .subtitle {\n      color: var(--color-text-secondary);\n\n      .matching-text-highlight {\n        color: var(--color-text);\n        background: #cae3f7;\n        border-radius: 0.25rem;\n        padding: 0 0.125rem;\n        display: inline-block;\n\n        .theme-dark & {\n          --color-text: #000;\n        }\n      }\n    }\n\n    .message {\n      flex-grow: 1;\n      color: var(--color-text-secondary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .sender-name {\n        color: var(--color-text);\n\n        &::after {\n          content: \": \";\n        }\n      }\n\n      .media-preview--image {\n        width: 1.25rem;\n        height: 1.25rem;\n        object-fit: cover;\n        border-radius: 0.125rem;\n        vertical-align: -0.25rem;\n        margin-right: 0.25rem;\n      }\n\n      .icon-play {\n        position: relative;\n        display: inline-block;\n        font-size: 0.75rem;\n        color: #fff;\n        margin-inline-start: -1.25rem;\n        margin-inline-end: 0.5rem;\n        bottom: 0.0625rem;\n      }\n    }\n  }\n\n  .info-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  &[dir=\"rtl\"] {\n    .subtitle {\n      text-align: right;\n    }\n  }\n}\n",".DateSuggest {\n  display: flex;\n  height: 2rem;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-left: 0.5rem;\n  margin-bottom: 0.5rem;\n\n  .date-item {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 8rem;\n    margin-top: 0.375rem;\n    cursor: pointer;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n\n    .icon-calendar {\n      font-size: 1.25rem;\n      margin-right: 0.25rem;\n    }\n  }\n}\n",".LeftSearch {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n\n  & > .Transition {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .TabList {\n    padding-bottom: 1px;\n    z-index: 1;\n  }\n\n  .documents-list {\n    padding: 0 1.25rem 1.25rem;\n\n    .ListItem {\n      padding: 0.625rem 0;\n    }\n  }\n\n  .section-heading {\n    position: relative;\n    padding-top: 1.25rem;\n    padding-left: 1.25rem;\n    margin: 0 0 1rem -1.25rem !important;\n\n    font-weight: 500;\n    font-size: 0.9375rem;\n    color: var(--color-text-secondary);\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      background: var(--color-borders);\n      left: 0.625rem;\n      top: -1px;\n    }\n\n    &[dir=\"rtl\"],\n    &[dir=\"auto\"] {\n      padding-left: 0;\n      padding-right: 1.25rem;\n      margin: 0 -1.25rem 0 1rem !important;\n      text-align: initial;\n\n      &::before {\n        left: auto;\n        right: 0.625rem;\n      }\n    }\n  }\n\n  .LeftSearch .search-section .section-heading,\n  .RecentContacts .search-section .section-heading {\n    margin-left: -1rem !important;\n    width: calc(100% + 2rem);\n    box-shadow: 0 -1px 0 0 var(--color-borders);\n\n    &::before {\n      display: none;\n    }\n  }\n\n  .WebLink {\n    display: flex;\n  }\n\n  .content:not(.with-seekline) {\n    align-self: center;\n    min-width: 0;\n    flex-grow: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-word;\n  }\n\n  .message-date {\n    font-size: 0.75rem;\n    color: var(--color-text-secondary);\n    padding-left: 1rem;\n    white-space: nowrap;\n  }\n\n  .media-list {\n    display: grid;\n    padding: 0.5rem;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: 0.25rem;\n  }\n\n  .Audio {\n    .ProgressSpinner {\n      margin: -0.1875rem 0 0 -0.1875rem;\n    }\n  }\n\n  .ListItem.search-result {\n    .ChatInfo {\n      .handle {\n        unicode-bidi: plaintext;\n        color: var(--color-primary);\n\n        &::before {\n          content: \"@\";\n          html[lang=\"ar\"] & {\n            content: \" ،@\";\n            margin-inline-end: 0.25rem;\n          }\n        }\n\n        &::after {\n          content: \", \";\n          color: var(--color-text-secondary);\n\n          html[lang=\"ar\"] & {\n            content: \"\";\n          }\n        }\n      }\n\n      &[dir=\"rtl\"] {\n        .status {\n          text-align: right;\n\n          .handle {\n            float: right;\n          }\n        }\n      }\n    }\n  }\n\n  .ListItem.search-result-message {\n    .sender-name {\n      color: var(--color-text);\n\n      &::after {\n        content: \": \";\n        white-space: pre;\n      }\n    }\n  }\n\n  @media (max-width: 600px) {\n    .ListItem {\n      margin: 0 -0.625rem;\n    }\n  }\n\n  .search-section {\n    padding: 0 1rem 0.5rem;\n\n    .section-heading {\n      color: var(--color-text-secondary);\n      font-size: 0.9375rem;\n      font-weight: 500;\n      margin-bottom: 0 !important;\n      padding-top: 0.875rem;\n\n      .Link {\n        float: right;\n        color: var(--color-links);\n        font-weight: 400;\n        margin-right: 1rem;\n\n        &:focus,\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &[dir=\"rtl\"],\n      &[dir=\"auto\"] {\n        .Link {\n          float: left;\n          margin-left: 1rem;\n          margin-right: 0;\n        }\n      }\n    }\n\n    .Loading {\n      height: 4.5rem;\n      margin-bottom: 0.5rem;\n    }\n  }\n\n  .chat-selection {\n    padding-top: 0.5rem;\n    display: flex;\n    flex-shrink: 0;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    align-items: flex-end;\n    box-shadow: inset 0 -1px 0 0 var(--color-borders);\n    background-color: var(--color-background);\n    -webkit-overflow-scrolling: touch;\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    > .PickerSelectedItem {\n      flex: 0 0 auto;\n\n      &:last-child {\n        margin-right: auto;\n      }\n    }\n\n    &[dir=\"rtl\"] {\n      > .PickerSelectedItem:last-child {\n        margin-left: auto;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .NothingFound {\n    height: 100%;\n  }\n\n  [dir=\"rtl\"] {\n    .message-date {\n      padding-left: 0;\n      padding-right: 1rem;\n    }\n  }\n}\n","@mixin thumb-styles() {\n  background: var(--color-primary);\n  cursor: pointer;\n  transform: scale(1);\n  transition: transform 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n}\n\n.CropModal {\n  .modal-dialog {\n    width: calc(100% - 2rem);\n    max-width: 35rem;\n    height: calc(100% - 1rem);\n    max-height: 35rem;\n    position: relative;\n  }\n\n  .modal-content,\n  #avatar-crop {\n    overflow: hidden;\n  }\n\n  .confirm-button {\n    position: absolute;\n    bottom: 1rem;\n    right: 1rem;\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n  }\n\n  #avatar-crop {\n    max-width: 25rem;\n    margin: 0 auto;\n    position: relative;\n\n    &::before {\n      content: \"\";\n      display: block;\n      padding-top: 100%;\n    }\n\n    .cr-boundary {\n      position: absolute;\n      top: 0;\n      left: 0;\n      border-radius: var(--border-radius-messages-small);\n    }\n\n    .cr-viewport {\n      border: none;\n      box-shadow: 0 0 2000px 2000px rgba(#7f7f7f, 0.5);\n    }\n\n    .cr-slider {\n      // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.\n      // Browsers will drop the entire selector if it doesn't understand a part of it.\n\n      &::-webkit-slider-runnable-track {\n        background: var(--color-borders);\n      }\n\n      &::-moz-range-track {\n        background: var(--color-borders);\n      }\n\n      &::-ms-track {\n        background: var(--color-borders);\n      }\n\n      &::-webkit-slider-thumb {\n        @include thumb-styles();\n      }\n\n      &::-moz-range-thumb {\n        @include thumb-styles();\n      }\n\n      &::-ms-thumb {\n        @include thumb-styles();\n      }\n    }\n  }\n}\n","@import \"../../styles/mixins\";\n\n.AvatarEditable {\n  label {\n    margin-left: auto;\n    margin-right: auto;\n    width: 7.5rem;\n    height: 7.5rem;\n    margin-bottom: 2rem;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    color: white;\n    font-size: 3rem;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    outline: none !important;\n\n    input {\n      display: none;\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    i {\n      transform: scale(1);\n      transition: transform 0.15s linear;\n      z-index: var(--z-register-add-avatar);\n    }\n\n    // @optimization The weirdest workaround for screen animation lag\n    @include while-transition() {\n      input,\n      i,\n      &::after {\n        display: none !important;\n      }\n\n      img {\n        position: static !important;\n      }\n    }\n\n    &:hover {\n      i {\n        transform: scale(1.2);\n      }\n    }\n\n    &.filled {\n      background-color: var(--color-background);\n\n      &::after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(black, 0.4);\n      }\n    }\n\n    &.disabled {\n      pointer-events: none;\n\n      i {\n        display: none;\n      }\n\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n",".ShowMoreButton {\n  color: var(--text-color) !important;\n  display: flex;\n  align-items: center;\n  text-align: left;\n  text-transform: none;\n  padding-left: 0.75rem !important;\n  opacity: 1 !important;\n\n  i {\n    font-size: 1.5rem;\n    margin-right: 2rem;\n    color: var(--color-text-secondary);\n  }\n\n  .Spinner {\n    top: 0.4375rem;\n  }\n}\n",".SettingsFoldersChatsPicker {\n  height: calc(100% - var(--header-height));\n\n  .picker-header {\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    .max-items-reached {\n      margin-bottom: 0.5rem;\n      margin-left: 0.5rem;\n      flex-grow: 1;\n      color: var(--color-text-secondary);\n    }\n  }\n\n  .picker-list {\n    padding: 0 0.5rem 0.5rem;\n\n    .no-results {\n      height: 10rem;\n    }\n  }\n\n  .ListItem.picker-list-item {\n    &.chat-type-item .ListItem-button {\n      padding: 0.875rem 0.75rem;\n    }\n\n    &.chat-item .ListItem-button {\n      padding: 0.5rem 0.75rem;\n    }\n\n    .Checkbox {\n      margin-left: auto;\n      padding-left: 3.25rem;\n    }\n\n    .chat-type {\n      font-size: 1rem;\n      font-weight: 400;\n      margin: 0;\n    }\n\n    &[dir=\"rtl\"] {\n      .Checkbox {\n        margin-left: 0;\n        margin-right: auto;\n        padding-left: 0;\n        padding-right: 3.25rem;\n      }\n    }\n  }\n\n  .settings-item-header {\n    margin-left: 0.75rem;\n    margin-top: 1rem;\n    margin-bottom: 0.5rem;\n  }\n\n  .picker-list-divider {\n    margin: 0.5rem -0.5rem 0;\n    border-bottom: 1px solid var(--color-borders);\n  }\n}\n",".settings-folders-recommended-item {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.settings-folders-list-item {\n  .ChatInfo {\n    display: flex;\n    align-items: center;\n\n    .Avatar {\n      margin-left: -0.25rem;\n      margin-right: 1.5rem;\n    }\n\n    .title {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n\n      h3 {\n        font-size: 1rem;\n        font-weight: 500;\n        line-height: 1.3125;\n        margin: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        text-align: left;\n      }\n    }\n\n    .status {\n      display: none;\n    }\n\n    &[dir=\"rtl\"] {\n      .title h3 {\n        text-align: right;\n      }\n    }\n  }\n\n  .ListItem-button {\n    i {\n      opacity: 0.9;\n    }\n  }\n\n  &.color-primary .ListItem-button {\n    color: var(--color-primary);\n\n    i {\n      opacity: 1;\n      color: inherit;\n    }\n  }\n\n  &[dir=\"rtl\"] {\n    .Avatar {\n      margin-left: 1.5rem;\n      margin-right: -0.25rem;\n    }\n  }\n}\n\n.settings-item .ShowMoreButton {\n  margin: 0 -1rem;\n  width: calc(100% + 2rem);\n  padding-left: 1rem !important;\n}\n",".SettingsStickerSet {\n  .settings-item &.ListItem {\n    margin-bottom: 0.5rem;\n  }\n\n  .StickerButton,\n  .Button {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 0.5rem 0 0;\n    padding: 0;\n    flex: 0 0 3rem;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  .multiline-menu-item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  &[dir=\"rtl\"] {\n    .StickerButton,\n    .Button {\n      margin: 0 0 0 0.5rem;\n    }\n  }\n}\n",".WallpaperTile {\n  height: 0;\n  padding-bottom: 100%;\n  cursor: pointer;\n  position: relative;\n\n  .media-inner,\n  &::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .media-inner {\n    overflow: hidden;\n    transform: scale(1);\n    transition: transform 0.15s ease;\n\n    img,\n    canvas {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &::after {\n    content: \"\";\n    display: block;\n    border: 2px solid var(--color-primary);\n    opacity: 0;\n    transition: opacity 0.15s ease;\n  }\n\n  &.selected {\n    &::after {\n      opacity: 1;\n    }\n\n    .media-inner {\n      transform: scale(0.9);\n    }\n  }\n\n  .spinner-container {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n",".SettingsGeneralBackground {\n  .settings-wallpapers {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: 0.0625rem;\n    background-color: var(--color-background);\n    box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n  }\n\n  .Loading {\n    height: auto !important;\n    margin-top: 5rem;\n  }\n}\n",".SettingsGeneralBackgroundColor {\n  &:not(.is-dragging) .handle {\n    transition: transform 300ms ease;\n  }\n\n  .color-picker,\n  .hue-picker {\n    position: relative;\n  }\n\n  .color-picker {\n    margin-top: 1rem;\n    height: 12rem;\n  }\n\n  .hue-picker {\n    margin: 2rem 0;\n    height: 0.5rem;\n  }\n\n  canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--border-radius-default);\n    cursor: pointer;\n  }\n\n  .handle {\n    position: absolute;\n    top: -0.75rem;\n    left: -0.75rem;\n    width: 1.5rem;\n    height: 1.5rem;\n    border: 0.125rem solid var(--color-white);\n    border-radius: 0.75rem;\n    cursor: grab;\n  }\n\n  .hue-picker .handle {\n    top: -0.5rem;\n  }\n\n  .tools {\n    margin-bottom: 0.625rem;\n    display: flex;\n\n    .input-group {\n      margin-bottom: 0;\n\n      &[dir=\"rtl\"] {\n        label {\n          transform: scale(0.75) translate(1.25rem, -2.25rem);\n        }\n      }\n    }\n\n    .input-group:first-child {\n      margin-right: 0.5rem;\n    }\n\n    .input-group:last-child {\n      margin-left: 0.5rem;\n    }\n  }\n\n  .predefined-colors {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: 0.0625rem;\n    background-color: var(--color-background);\n    box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n\n    div {\n      cursor: pointer;\n      box-shadow: inset 0 0 0 0 var(--color-background);\n      transition: box-shadow 300ms ease;\n\n      &.active {\n        border: 0.125rem solid var(--color-primary);\n        box-shadow: inset 0 0 0 0.3125rem var(--color-background);\n      }\n\n      // A hack to make a square\n      &:before {\n        display: block;\n        content: \"\";\n        width: 100%;\n        padding-top: 100%;\n        pointer-events: none;\n      }\n    }\n  }\n}\n","$icons: \"android\", \"apple\", \"brave\", \"chrome\", \"edge\", \"firefox\", \"linux\", \"opera\", \"safari\", \"samsung\", \"ubuntu\", \"unknown\", \"vivaldi\", \"windows\", \"xbox\";\n\n@mixin device-icon($icon-name) {\n  .iconDevice__#{$icon-name} {\n    background-image: url(\"../../../assets/devices/#{$icon-name}.svg\");\n  }\n}\n\n.SettingsActiveSession {\n  :global(.modal-dialog) {\n    max-width: 28rem;\n  }\n}\n\n.iconDevice {\n  width: 5rem;\n  height: 5rem;\n  background-repeat: no-repeat;\n  background-size: 5rem;\n  margin: 0 auto 1rem;\n}\n\n@each $icon in $icons {\n  @include device-icon($icon);\n}\n\n.title {\n  text-align: center;\n  margin-bottom: 0.25rem;\n}\n\n.note,\n.date {\n  color: var(--color-text-secondary);\n  font-size: 0.875rem;\n  text-align: center;\n}\n\n.box {\n  background: var(--color-background-secondary);\n  padding: 1rem 1rem 0.5rem;\n  border-radius: var(--border-radius-default);\n  margin: 1rem 0;\n}\n\n.actionHeader {\n  margin-top: 1px;\n}\n\n.actionName {\n  margin-right: auto;\n}\n\n.headerButton {\n  margin-right: -0.5rem;\n}\n","$icons: \"android\", \"apple\", \"brave\", \"chrome\", \"edge\", \"firefox\", \"linux\", \"opera\", \"safari\", \"samsung\", \"ubuntu\", \"unknown\", \"vivaldi\", \"windows\", \"xbox\";\n\n@mixin device-icon($icon-name) {\n  .icon-device-#{$icon-name} {\n    background-image: url(\"../../../assets/devices/#{$icon-name}.svg\");\n  }\n}\n\n.SettingsActiveSessions {\n  .icon-device {\n    width: 2rem;\n    height:2rem;\n    background-repeat: no-repeat;\n    background-size: 2rem;\n    flex: 0 0 2rem;\n    margin-inline-end: 1.5rem !important;\n  }\n\n  @each $icon in $icons {\n    @include device-icon($icon);\n  }\n}\n","#monkey {\n  position: relative;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 7.5rem;\n  height: 7.5rem;\n  margin-bottom: 1.75rem;\n\n  @media (min-width: 600px) and (min-height: 450px) {\n    width: 10rem;\n    height: 10rem;\n    margin-bottom: 2.5rem;\n  }\n\n  &.big {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .AnimatedSticker {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hidden {\n      display: none\n    }\n  }\n\n  .monkey-preview {\n    width: 100%;\n    height: 100%;\n    background: url('../../assets/monkey.svg') center;\n    background-size: 100%;\n  }\n}\n","@import \"../../../styles/mixins\";\n\n#Settings {\n  height: 100%;\n\n  > div {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .left-header {\n    padding-right: 0.8125rem;\n  }\n}\n\n.settings-main-header {\n  display: flex;\n  flex-grow: 1;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.settings-more-menu {\n  .bubble {\n    width: auto;\n\n    .MenuItem button {\n      padding-left: 1rem !important;\n      padding-right: 2rem !important;\n    }\n  }\n}\n\n.settings-content {\n  border-top: 1px solid var(--color-borders);\n  background-color: var(--color-background-secondary);\n  height: calc(100% - var(--header-height));\n\n  overflow-y: auto;\n  @include overflow-y-overlay();\n\n  &.no-border, &.two-fa {\n    border-top: none;\n  }\n\n  &.infinite-scroll {\n    display: flex;\n    flex-direction: column;\n\n    & > .custom-scroll {\n      flex: 1 1 auto;\n      height: auto;\n    }\n  }\n\n  #monkey {\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n  }\n\n  .AnimatedEmoji {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.settings-content-header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 1.5rem 1rem;\n  text-align: center;\n  background-color: var(--color-background);\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n  margin-bottom: 0.625rem;\n\n  &.no-border {\n    margin-bottom: 0;\n    box-shadow: none;\n  }\n\n  .input-group {\n    width: 100%;\n  }\n}\n\n.settings-content-icon {\n  width: 5rem;\n  height: 5rem;\n  margin-bottom: 2.5rem;\n  position: relative;\n\n  .AnimatedSticker {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hidden {\n      display: none;\n    }\n  }\n}\n\n.settings-main-menu {\n  padding: 0 0.5rem 0.75rem;\n  background-color: var(--color-background);\n\n  > .ChatExtra {\n    padding: 0 0.5rem 0.3125rem;\n    margin: 0 -0.5rem 0.625rem;\n    box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n    border-bottom: 0.625rem solid var(--color-background-secondary);\n\n    .ListItem.narrow {\n      margin-bottom: 0.25rem;\n    }\n  }\n}\n\n.settings-item {\n  background-color: var(--color-background);\n  padding: 1.5rem 1.5rem 1rem;\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n  margin-bottom: 0.625rem;\n\n  &.no-border {\n    margin-bottom: 0;\n    box-shadow: none;\n  }\n\n  &-header {\n    font-size: 1rem;\n    color: var(--color-text-secondary);\n    margin-bottom: 2rem;\n    position: relative;\n\n    &[dir=\"rtl\"] {\n      text-align: right;\n    }\n  }\n\n  &-slider {\n    margin-top: 2rem;\n  }\n\n  &-description {\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    margin-top: -0.5rem;\n    margin-bottom: 1.5rem;\n\n    .settings-content.two-fa & {\n      font-size: 1rem;\n    }\n\n    .settings-edit-profile & {\n      margin-bottom: 0;\n      padding-bottom: 1.5rem;\n    }\n\n    &[dir=\"rtl\"] {\n      text-align: right;\n      unicode-bidi: plaintext;\n    }\n  }\n\n  &-description-larger {\n    font-size: 1rem;\n    line-height: 1.3125rem;\n    color: var(--color-text-secondary);\n    margin-top: 2rem;\n    margin-bottom: 0.75rem;\n\n    &[dir=\"rtl\"] {\n      text-align: right;\n    }\n  }\n\n  .ListItem {\n    margin: 0 -1rem 1rem;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .multiline-menu-item {\n      white-space: initial;\n\n      &.full-size {\n        width: 100%;\n      }\n\n      .date {\n        float: right;\n        font-size: 0.75rem;\n        margin-left: 1rem;\n        color: var(--color-text-secondary);\n      }\n\n      .title,\n      .subtitle {\n        display: block;\n        text-align: left;\n      }\n\n      .title {\n        line-height: 1.25rem;\n      }\n\n      .subtitle {\n        font-size: 0.875rem;\n        line-height: 1.5rem;\n        color: var(--color-text-secondary);\n\n        & + .subtitle {\n          margin-top: -0.25rem;\n        }\n\n        &.black {\n          color: var(--color-text);\n        }\n\n        &.tight {\n          line-height: 1.3125rem;\n          margin-bottom: 0.1875rem;\n        }\n      }\n    }\n\n    &.destructive {\n      .ListItem-button {\n        color: var(--color-error);\n\n        i {\n          color: inherit;\n        }\n      }\n    }\n\n    &.blocked-list-item {\n      margin-bottom: 0.5rem;\n\n      .ListItem-button {\n        align-items: center;\n        text-align: left;\n        padding: 0.5rem;\n      }\n\n      .Avatar {\n        width: 3rem;\n        height: 3rem;\n        margin-right: 1rem;\n      }\n\n      .contact-name {\n        font-size: 1rem;\n        line-height: 1rem;\n        margin-bottom: 0.25rem;\n        font-weight: 500;\n      }\n\n      .contact-phone {\n        font-size: 0.875rem;\n        line-height: 1rem;\n        color: var(--color-text-secondary);\n      }\n    }\n\n    &[dir=\"rtl\"] {\n      .multiline-menu-item {\n        .title,\n        .subtitle {\n          text-align: right;\n        }\n\n        .date {\n          float: left;\n          margin-left: 0;\n          margin-right: 1rem;\n        }\n      }\n    }\n  }\n\n  .RangeSlider {\n    margin-bottom: 1.0625rem;\n  }\n\n  .Checkbox,\n  .radio-group {\n    margin: 0 -1rem 0.5rem;\n  }\n\n  .radio-group {\n    .Radio:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .Radio + .Radio,\n  .Checkbox + .Checkbox {\n    margin-top: 2rem;\n  }\n\n  &__current-value {\n    margin-inline-start: auto;\n    padding-inline-start: 0.5rem;\n    font-size: 0.9375rem;\n    color: var(--color-text-secondary);\n  }\n}\n\n.settings-fab-wrapper {\n  height: calc(100% - var(--header-height));\n  position: relative;\n  overflow: hidden;\n\n  .settings-content {\n    height: 100%;\n  }\n\n  .FloatingActionButton {\n    right: 1.5rem;\n  }\n}\n\n.settings-edit-profile {\n  padding: 0 1.5rem;\n}\n\n.username-link {\n  color: var(--color-links);\n}\n\n.settings-quick-reaction {\n  .Radio-main .label {\n    display: flex;\n  }\n\n  .ReactionStaticEmoji {\n    margin-inline-end: 1rem;\n    width: 1.5rem;\n  }\n}\n\n.SettingsDefaultReaction {\n  .ReactionStaticEmoji {\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-inline-end: 2rem;\n  }\n}\n","// @optimization\n@mixin while-transition() {\n  .Transition > div:not(.Transition__slide--active) & {\n    @content;\n  }\n}\n\n@mixin overflow-y-overlay() {\n  @supports (overflow-y: overlay) {\n    overflow-y: overlay;\n\n    //Workaround for Android <= 9\n    overflow-x: hidden;\n  }\n}\n\n@mixin reset-range() {\n  input[type=\"range\"] {\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 0.75rem;\n    margin-bottom: 0.5rem;\n    background: transparent;\n\n    &:focus {\n      outline: none;\n    }\n\n    &::-ms-track {\n      width: 100%;\n      cursor: pointer;\n\n      background: transparent;\n      border-color: transparent;\n      color: transparent;\n    }\n\n    &::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n\n    &::-moz-slider-thumb {\n      -moz-appearance: none;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: pointer;\n    }\n\n    &::-moz-range-track, &::-moz-range-progress {\n      cursor: pointer;\n    }\n  }\n}\n",".NewChat {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n\n  &-inner {\n    height: calc(100% - var(--header-height));\n    overflow: hidden;\n\n    &.step-2 {\n      padding: 0 1.25rem;\n      display: flex;\n      flex-direction: column;\n\n      .note, .error {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin: 1.5rem 0.25rem;\n      }\n\n      .error {\n        color: var(--color-error);\n      }\n\n      .note {\n        margin-top: -0.5625rem;\n        color: var(--color-text-secondary);\n      }\n\n      .chat-members-heading {\n        color: var(--color-text-secondary);\n        font-size: 1rem;\n        font-weight: 500;\n        margin: 1rem 0.25rem;\n      }\n\n      .chat-members-list {\n        margin: 0 -1.25rem;\n        padding: 0 1rem 1rem;\n\n        overflow-x: hidden;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n",".ArchivedChats {\n  height: 100%;\n  overflow: hidden;\n\n  .chat-list {\n    height: calc(100% - var(--header-height));\n  }\n}\n",".ReactionSelectorReaction {\n  margin-left: 0.5rem;\n  position: relative;\n  min-width: 2rem;\n  min-height: 2rem;\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &__static {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: url('../../../assets/reaction-thumbs.png') no-repeat;\n    background-size: auto 100%;\n  }\n\n  .AnimatedSticker {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  &--compact {\n    min-width: 1.5rem;\n    min-height: 1.5rem;\n  }\n}\n",".ReactionSelector {\n  position: absolute;\n  height: 3rem;\n  background: var(--color-background);\n  min-width: 3rem;\n  max-width: calc(100% + 5rem);\n  z-index: 100;\n  border-radius: 3rem;\n  filter: drop-shadow(0 0.25rem 0.125rem var(--color-default-shadow));\n  right: -3rem;\n  top: -3.5rem;\n\n  &__bubble-big {\n    border: 0.5rem solid var(--color-background);\n    position: absolute;\n    display: block;\n    content: \"\";\n    right: 1.5rem;\n    bottom: -0.5rem;\n    width: 1rem;\n    height: 1rem;\n    border-top: 0;\n    border-left: 0;\n    border-right: 0;\n    border-radius: 0 0 50% 50%;\n    z-index: -1;\n  }\n\n  &__bubble-small {\n    position: absolute;\n    display: block;\n    content: \"\";\n    right: 1.25rem;\n    bottom: -1.25rem;\n    width: 0.5rem;\n    height: 0.5rem;\n    border-radius: 50%;\n    background: var(--color-background);\n  }\n\n  body.is-safari & {\n    filter: none;\n    box-shadow: 0 0.25rem 0.125rem var(--color-default-shadow);\n  }\n\n  body.is-safari &__bubble-small,\n  body.is-safari &__bubble-big {\n    box-shadow: 0 0.25rem 0.125rem var(--color-default-shadow);\n  }\n\n  &__items-wrapper {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    border-radius: 3rem;\n  }\n\n  &__items {\n    padding: 0 1rem;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    overflow: overlay;\n    overflow-y: hidden;\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    border-radius: 3rem;\n  }\n\n  &--compact {\n    background: var(--color-background-compact-menu-reactions);\n    height: 2rem;\n    top: -2.5rem;\n  }\n\n  &--compact &__items {\n    padding: 0 0.5rem;\n  }\n\n  &--compact &__bubble-big {\n    border-color: var(--color-background-compact-menu-reactions);\n  }\n\n  &--compact &__bubble-small {\n    background: var(--color-background-compact-menu-reactions);\n  }\n}\n",".MessageContextMenu {\n  position: absolute;\n  font-size: 1rem;\n\n  .scrollable-content {\n    overflow: auto;\n    overflow: overlay;\n    padding: 0.5rem 0;\n    overscroll-behavior: contain;\n  }\n\n  &.compact .scrollable-content {\n    padding: 0.25rem 0;\n  }\n\n  .bubble {\n    transition: opacity 0.15s cubic-bezier(0.2, 0, 0.2, 1), transform 0.15s cubic-bezier(0.2, 0, 0.2, 1) !important;\n    transform: scale(0.7);\n    overflow: initial;\n    padding: 0 !important;\n  }\n\n  &.with-reactions .bubble {\n    margin-top: 3.5rem;\n  }\n\n  .backdrop {\n    touch-action: none;\n  }\n\n  &--seen-by {\n    max-width: 14rem;\n  }\n\n  &--seen-by-label {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .avatars {\n    display: flex;\n    align-self: center;\n    margin-inline-start: auto;\n    padding-inline-start: 1rem;\n\n    .Avatar {\n      border: 0.0625rem solid var(--color-background);\n      margin-right: 0;\n      box-sizing: content-box;\n\n      &:not(:first-child) {\n        margin-left: -0.1875rem;\n      }\n    }\n  }\n}\n",".StickerSetModal {\n  .modal-dialog {\n    width: 26.25rem;\n    max-width: 100%;\n  }\n\n  @media (max-width: 600px) {\n    .modal-dialog {\n      width: 18.875rem;\n    }\n  }\n\n  .modal-header {\n    padding: 0.5rem 1rem;\n  }\n\n  .modal-content {\n    text-align: center;\n    padding: 0;\n  }\n\n  .stickers {\n    position: relative;\n    width: 100%;\n    height: 19rem;\n    max-height: 50vh;\n    overflow-y: auto;\n    padding: 0 0.25rem;\n    text-align: left;\n  }\n\n  .button-wrapper {\n    padding: 0.5rem 0;\n    border-top: 1px solid var(--color-borders);\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    button {\n      display: inline-block;\n    }\n  }\n\n  .Loading {\n    width: 100%;\n    height: 22.8125rem;\n    max-height: calc(50vh + 3.8125rem);\n  }\n}\n\n",".HeaderMenuContainer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100vh;\n  z-index: var(--z-header-menu);\n\n  .Menu {\n    position: absolute;\n    font-size: 1rem;\n\n    .backdrop {\n      z-index: var(--z-header-menu-backdrop);\n    }\n\n    .bubble {\n      z-index: var(--z-header-menu);\n      --offset-y: calc(100% + 1rem);\n    }\n  }\n}\n","#MobileSearch > .header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: var(--z-mobile-search);\n  width: 100%;\n  height: 3.5rem;\n  background: var(--color-background);\n  display: flex;\n  align-items: center;\n  padding-left: max(0.25rem, env(safe-area-inset-left));\n  padding-right: max(0.5rem, env(safe-area-inset-right));\n\n  > .SearchInput {\n    margin-left: 0.25rem;\n    flex: 1;\n  }\n}\n\n#MobileSearch > .footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: var(--z-mobile-search);\n  width: 100%;\n  height: 3.5rem;\n  background: var(--color-background);\n  display: flex;\n  align-items: center;\n  padding-left: max(1rem, env(safe-area-inset-left));\n  padding-right: max(0.5rem, env(safe-area-inset-right));\n\n  body:not(.keyboard-visible) & {\n    padding-bottom: env(safe-area-inset-bottom);\n    height: calc(3.5rem + env(safe-area-inset-bottom));\n  }\n\n  > .counter {\n    flex: 1;\n    color: var(--color-text-secondary);\n  }\n}\n\n#MobileSearch:not(.active) {\n  .header, .footer {\n    // `display: none` will prevent synchronous focus on iOS\n    transform: translateX(-999rem);\n  }\n}\n",".MentionTooltip {\n  width: calc(100% - 4rem);\n  max-width: 20rem;\n  flex-direction: column;\n\n  z-index: -1;\n\n  @media (max-width: 600px) {\n    width: calc(100% - 3rem);\n  }\n\n  .ListItem.chat-item-clickable {\n    margin: 0;\n\n    .ListItem-button {\n      border-radius: 0;\n    }\n\n    .info {\n      display: flex;\n    }\n\n    .title {\n      margin-inline-end: 0.625rem;\n      max-width: 70%;\n    }\n\n    .handle {\n      font-size: 1rem;\n    }\n\n    &[dir=\"rtl\"] {\n      .status {\n        width: auto;\n      }\n    }\n  }\n\n  .ChatInfo {\n    .title h3 {\n      line-height: 1.25;\n    }\n\n    .Avatar {\n      margin-right: 0.7em;\n    }\n\n    .handle {\n      &::before {\n        content: \"@\";\n      }\n    }\n\n    .user-status {\n      display: none !important;\n    }\n  }\n}\n",".AttachmentModal {\n  --border-radius-default: 0.625rem;\n\n  .modal-dialog {\n    max-width: 26.25rem;\n    @media (max-width: 600px) {\n      max-height: 100%;\n      padding-bottom: 1.5rem;\n    }\n  }\n\n  .modal-content {\n    padding: 0.5rem 1.25rem 1.875rem;\n    max-height: calc(100vh - 3.25rem);\n    @media (max-width: 600px) {\n      padding-bottom: 0.25rem;\n    }\n  }\n\n  .media-wrapper {\n    max-height: 26rem;\n    overflow: auto;\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 1.5rem;\n\n    video,\n    img {\n      flex: 1;\n      width: calc(50% - 0.15rem);\n      height: 12rem;\n      margin-bottom: 0.3125rem;\n      border-radius: var(--border-radius-default);\n      object-fit: cover;\n\n      &:only-child {\n        height: auto;\n        max-height: 25rem;\n        margin-bottom: 0;\n      }\n\n      &:nth-child(even) {\n        margin-left: 0.3125rem;\n      }\n    }\n  }\n\n  .document-wrapper {\n    max-height: 25rem;\n    overflow: auto;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    margin: 0.75rem 0 1.75rem;\n\n    .File:not(:last-child) {\n      margin-bottom: 1.5rem;\n    }\n\n    .file-icon {\n      cursor: default !important;\n    }\n  }\n\n  .attachment-caption-wrapper {\n    position: relative;\n\n    .form-control {\n      background: var(--color-background);\n    }\n\n    .MentionTooltip {\n      right: 0 !important;\n      z-index: 0;\n    }\n  }\n\n  .drop-target {\n    position: relative;\n\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: var(--border-radius-default);\n      pointer-events: none;\n\n      opacity: 0;\n      transition: 250ms opacity;\n      z-index: 1;\n    }\n\n    &::before {\n      background-image: var(--drag-target-border-hovered);\n      background-color: var(--color-background);\n    }\n\n    &::after {\n      content: attr(data-attach-description);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: var(--color-primary);\n    }\n  }\n\n  &.hovered {\n    .drop-target::before {\n      opacity: 0.95;\n    }\n\n    .drop-target::after {\n      opacity: 1;\n    }\n\n    .attachment-caption-wrapper,\n    .document-wrapper,\n    .media-wrapper {\n      pointer-events: none;\n    }\n\n    .document-wrapper,\n    .media-wrapper {\n      border-radius: var(--border-radius-default);\n    }\n  }\n\n  &--send-wrapper {\n    position: relative;\n  }\n\n  .CustomSendMenu {\n    bottom: auto;\n\n    .is-pointer-env & > .backdrop {\n      width: 100%;\n      top: -2.25rem;\n      bottom: auto;\n      height: 2.75rem;\n    }\n  }\n}\n",".PollModal {\n  .modal-dialog {\n    max-width: 26.25rem;\n    max-height: calc(100vh - 5rem);\n  }\n\n  .modal-content {\n    padding: 0.5rem 1.25rem 1.875rem;\n    min-height: 4.875rem;\n  }\n\n  .modal-header-condensed {\n    margin-bottom: 1rem;\n  }\n\n  .options-header {\n    color: var(--color-text-secondary);\n    font-size: 1rem;\n    font-weight: 500;\n    margin: 1.5rem 0.25rem;\n  }\n\n  .options-list {\n    margin: 1rem -0.75rem -0.5rem;\n    padding: 0 0.75rem;\n    border-top: 1px solid var(--color-chat-hover);\n    max-height: 20rem;\n    overflow: auto;\n\n    &.overflown {\n      padding: 0 0.4375rem 0.5rem 0.75rem;\n    }\n\n    @media (max-width: 600px) {\n      overflow: hidden;\n      max-height: none;\n\n      &,\n      &.overflown {\n        padding: 0 0.75rem;\n      }\n    }\n  }\n\n  .option-wrapper {\n    position: relative;\n\n    .form-control {\n      padding-right: 3rem;\n    }\n\n    .option-remove-button {\n      position: absolute;\n      top: 0.3125rem;\n      right: 0.3125rem;\n    }\n  }\n\n  .quiz-mode {\n    margin-top: 1.5rem;\n\n    .options-header {\n      margin-bottom: 0.5rem;\n    }\n\n    .note {\n      margin-top: 0.5rem;\n    }\n  }\n\n  .note {\n    font-size: smaller;\n    color: var(--color-text-secondary);\n  }\n\n  .error {\n    font-size: smaller;\n    color: var(--color-error);\n    margin: -1rem 0 1rem 0.25rem;\n  }\n\n  .input-group:last-child {\n    margin-bottom: 0.5rem;\n  }\n}\n",".EmojiButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  margin: 0.125rem;\n  border-radius: var(--border-radius-messages-small);\n  cursor: pointer;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n\n  background-color: transparent;\n  transition: background-color 0.15s ease;\n\n  .mac-os-fix & {\n    line-height: inherit;\n  }\n\n  &.focus,\n  &:hover {\n    background-color: var(--color-background-selected);\n  }\n\n  & > img {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n",".EmojiPicker {\n  height: 100%;\n\n  &-main {\n    height: calc(100% - 3rem);\n    overflow-y: auto;\n    padding: 0.5rem;\n\n    @media (max-width: 600px) {\n      padding: 0.5rem 0.25rem;\n    }\n\n    .symbol-set-container {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n\n  &-header {\n    height: 3rem;\n    border-bottom: 1px solid var(--color-borders);\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    @media (max-width: 600px) {\n      overflow-x: auto;\n      overflow-y: hidden;\n      display: block;\n      white-space: nowrap;\n      padding: 0.4375rem 0;\n\n      scrollbar-width: none;\n      scrollbar-color: rgba(0, 0, 0, 0);\n\n      &::-webkit-scrollbar {\n        height: 0;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: rgba(0, 0, 0, 0);\n      }\n\n      .symbol-set-button {\n        display: inline-flex;\n        vertical-align: middle;\n      }\n\n      // Spacer to counter last button margin not being accounted in scroll width\n      &::after {\n        content: \"\";\n        display: block;\n        flex-shrink: 0;\n        width: 1px;\n        height: 1rem;\n      }\n    }\n  }\n}\n",".StickerPicker {\n  height: 100%;\n\n  &-main {\n    position: relative;\n    height: calc(100% - 3rem);\n    overflow-y: auto;\n    padding: 0.5rem;\n\n    @media (max-width: 600px) {\n      padding: 0.5rem 0.25rem;\n    }\n  }\n\n  &-header {\n    height: 3rem;\n    border-bottom: 1px solid var(--color-borders);\n    padding: 0.125rem 0;\n    overflow-x: auto;\n    overflow-y: hidden;\n    white-space: nowrap;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    scrollbar-width: none;\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    &::-webkit-scrollbar {\n      height: 0;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0);\n    }\n\n    // Spacer to counter last button margin not being accounted in scroll width\n    &::after {\n      content: \"\";\n      display: block;\n      flex-shrink: 0;\n      width: 1px;\n      height: 1rem;\n    }\n\n\n    .sticker-set-button {\n      display: inline-flex;\n      vertical-align: middle;\n      align-items: center;\n      justify-content: center;\n\n      &.StickerButton {\n        background-size: 2rem;\n\n        video, img, .AnimatedSticker {\n          top: 0.375rem;\n          left: 0.375rem;\n          width: 2rem;\n          height: 2rem;\n        }\n      }\n\n      .sticker-set-cover {\n        width: 2rem;\n        height: 2rem;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        video, img, .AnimatedSticker {\n          width: 100%;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n      }\n    }\n  }\n\n  .symbol-set-container {\n    width: 25rem;\n    line-height: 0;\n\n    @media (max-width: 600px) {\n      width: 100%;\n    }\n  }\n\n  .sticker-set-button {\n    width: 2.75rem !important;\n    height: 2.75rem;\n    margin: 0 0.25rem;\n    border-radius: var(--border-radius-messages-small);\n  }\n}\n",".GifButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 6.25rem;\n  background-color: transparent;\n  position: relative;\n\n  &:hover {\n    .gif-unsave-button {\n      opacity: 0.8;\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 1rem;\n  }\n\n  &.vertical {\n    grid-column-end: span 1;\n  }\n\n  &.horizontal {\n    grid-column-end: span 2;\n  }\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  .thumbnail {\n    width: 100%;\n    height: 100%;\n    background: transparent no-repeat center;\n    background-size: cover !important;\n  }\n\n  .preview, video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    -webkit-touch-callout: none;\n    user-select: none;\n  }\n\n  .Spinner {\n    position: absolute;\n    pointer-events: none;\n  }\n\n  .gif-unsave-button {\n    position: absolute;\n    top: 0.25rem;\n    right: 0.25rem;\n    width: 1rem;\n    height: 1rem;\n    padding: 0.125rem;\n    border-radius: 0.25rem;\n    transition: 0.15s opacity ease-in-out;\n\n    &-icon {\n      font-size: 0.75rem;\n    }\n\n    opacity: 0;\n    z-index: 1;\n  }\n\n  .gif-context-menu {\n    position: absolute;\n\n    .bubble {\n      width: auto;\n    }\n  }\n}\n",".GifPicker {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-auto-rows: 6.25rem;\n  grid-gap: 0.25rem;\n  grid-auto-flow: dense;\n  height: 100%;\n  overflow-y: auto;\n  padding: 0.25rem;\n\n  @supports (overflow: overlay) {\n    overflow-y: overlay;\n  }\n\n  .Loading, .picker-disabled {\n    grid-column: 1 / -1;\n    height: var(--menu-height);\n  }\n}\n","@import \"../../../styles/mixins\";\n\n.SymbolMenu {\n  &.mobile-menu {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--color-background);\n    z-index: 1;\n\n    transition: transform var(--layer-transition);\n    padding-right: env(safe-area-inset-right);\n    padding-bottom: env(safe-area-inset-bottom);\n    padding-left: env(safe-area-inset-left);\n    transform: translate3d(\n      0,\n      calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height) + env(safe-area-inset-bottom)),\n      0\n    );\n\n    &.open {\n      transform: translate3d(0, 0, 0);\n\n      body.is-media-viewer-open & {\n        transform: translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0);\n      }\n    }\n\n    body.animation-level-0 & {\n      transition: none;\n    }\n\n    &.left-column-open {\n      transform: translate3d(100vw, 0, 0) !important;\n    }\n  }\n\n  &-main {\n    height: var(--symbol-menu-height);\n    max-height: calc(100vh - var(--symbol-menu-footer-height) - env(safe-area-inset-bottom));\n  }\n\n  &-footer {\n    height: var(--symbol-menu-footer-height);\n    border-top: 1px solid var(--color-borders);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n    position: relative;\n\n    .Button {\n      flex-shrink: 0;\n      width: 2.125rem !important;\n      height: 2.125rem;\n      margin: 0 0.25rem;\n      padding: 0;\n\n      &.activated {\n        pointer-events: none;\n      }\n\n      &.symbol-tab-button {\n        margin: 0 0.75rem;\n      }\n\n      &.symbol-search-button {\n        position: absolute;\n        left: 0.25rem;\n      }\n\n      &.symbol-delete-button {\n        position: absolute;\n        right: 0.25rem;\n      }\n    }\n  }\n\n  .Transition.slide {\n    height: 100%;\n\n    .Loading {\n      height: var(--symbol-menu-height);\n    }\n  }\n\n  .is-pointer-env & {\n    > .backdrop {\n      position: absolute;\n      top: -1rem;\n      left: 0;\n      right: auto;\n      width: 3.5rem;\n      height: 4.5rem;\n    }\n  }\n\n  // TODO Remove this monster with context menu refactor\n  .Button.bot-menu:not(.open) ~ &,\n  .Button.bot-commands ~ &,\n  .Button.send-as-button ~ & {\n    .is-pointer-env & > .backdrop {\n      left: 3rem;\n      width: 3.25rem;\n    }\n  }\n\n  .Button.bot-menu.open ~ & {\n    .is-pointer-env & > .backdrop {\n      left: calc(var(--bot-menu-text-width, 0) + 3rem);\n    }\n  }\n\n  .bubble {\n    width: calc(var(--symbol-menu-width) + 0.25rem); // Reserve width for scrollbar\n    padding: 0;\n    overflow: hidden;\n\n    @supports (overflow: overlay) {\n      width: var(--symbol-menu-width);\n    }\n  }\n\n  .picker-disabled {\n    height: var(--symbol-menu-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-text-secondary);\n  }\n\n  .symbol-close-button {\n    display: none;\n    position: absolute;\n    right: max(calc(0.25rem), env(safe-area-inset-right));\n    top: max(calc(0.25rem), env(safe-area-inset-top));\n  }\n\n  @media (orientation: landscape) {\n    .symbol-close-button {\n      display: block;\n    }\n  }\n}\n\n.symbol-set {\n  margin-bottom: 1rem;\n\n  &-name {\n    font-size: 1rem;\n    line-height: 1.6875rem;\n    font-weight: 500;\n    margin: 0;\n    padding-left: 0.5rem;\n    color: rgba(var(--color-text-secondary-rgb), 0.75);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    text-align: initial;\n    unicode-bidi: plaintext;\n  }\n\n  &-container {\n    text-align: initial;\n  }\n\n  &-button {\n    flex-shrink: 0;\n    width: 2.125rem !important;\n    height: 2.125rem;\n    margin: 0 0.25rem;\n    padding: 0;\n  }\n\n  @include while-transition() {\n    overflow: hidden;\n  }\n\n  .symbol-set-container {\n    &:not(.shown) {\n      display: block;\n    }\n\n    &.closing {\n      transition: none;\n    }\n  }\n}\n",".BotCommand {\n  margin: 0 !important;\n\n  .ListItem-button {\n    border-radius: 0;\n  }\n\n  .multiline-item {\n    padding: 0 1rem;\n\n    .subtitle {\n      padding-top: 0.25rem;\n      line-height: 1.3125;\n    }\n  }\n\n  &.with-avatar {\n    .multiline-item {\n      padding: 0;\n      display: flex;\n    }\n\n    .content-inner {\n      flex: 1;\n    }\n  }\n}\n",".BotCommandTooltip {\n  width: calc(100% - 4rem);\n  max-width: 26rem;\n  flex-direction: column;\n\n  z-index: -1;\n\n  @media (max-width: 600px) {\n    width: calc(100% - 3rem);\n  }\n}\n",".BotCommandMenu {\n  .menu-container {\n    width: calc(100% - 4rem);\n    max-width: 20rem;\n    max-height: 40vh;\n    overflow: auto;\n    flex-direction: column;\n\n    @media (max-width: 600px) {\n      width: calc(100% - 3rem);\n    }\n  }\n\n  .is-pointer-env & {\n    > .backdrop {\n      position: absolute;\n      top: -1rem;\n      left: 0;\n      right: auto;\n      width: 3.5rem;\n      height: 4.5rem;\n    }\n  }\n}\n",".StickerTooltip {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));\n  grid-auto-rows: auto;\n  place-items: center;\n\n  &.hidden {\n    display: none;\n  }\n}\n",".CustomSendMenu {\n  position: relative;\n  bottom: 3.5rem;\n\n  .is-pointer-env & {\n    > .backdrop {\n      position: absolute;\n      top: -1rem;\n      left: auto;\n      right: 0;\n      width: 3.5rem;\n    }\n  }\n\n\n  .media-disabled > button {\n    white-space: normal;\n  }\n\n  .bubble {\n    width: 16rem;\n  }\n}\n",".EmojiTooltip {\n  display: flex;\n  padding-left: 0.25rem;\n\n  overflow-x: auto;\n  @supports (overflow-x: overlay) {\n    overflow-x: overlay;\n  }\n  overflow-y: hidden;\n\n  .EmojiButton {\n    flex: 0 0 2.5rem;\n  }\n}\n",".BaseResult {\n  &.chat-item-clickable > .ListItem-button {\n    padding-left: 1.25rem !important;\n    padding-right: 1.25rem !important;\n\n    .title {\n      display: block;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .thumb {\n    background-color: var(--color-background-secondary);\n    flex: 0 0 3rem;\n    width: 3rem;\n    height: 3rem;\n    line-height: 3rem;\n    border-radius: var(--border-radius-default-tiny);\n    display: inline-flex;\n    align-content: center;\n    justify-content: center;\n    margin-inline-end: 0.5rem;\n    overflow: hidden;\n    font-size: 1.5rem;\n\n    img:not(.emoji) {\n      width: 100%;\n      object-fit: cover;\n    }\n\n    img.emoji {\n      width: 1.5rem;\n      height: 1.5rem;\n      margin: 0.75rem 0 0;\n    }\n  }\n\n  .content-inner {\n    min-width: 0;\n  }\n\n  .title {\n    font-weight: 500;\n    text-align: left;\n    unicode-bidi: plaintext;\n  }\n\n  .description {\n    white-space: normal;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n    unicode-bidi: plaintext;\n  }\n  &[dir=\"rtl\"] .title,\n  &[dir=\"rtl\"] .description {\n    text-align: right;\n  }\n}\n",".MediaResult {\n  height: 0;\n  padding-bottom: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n\n  img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n",".InlineBotTooltip {\n  .switch-pm .title {\n    margin: 0 auto;\n    font-weight: 500;\n  }\n\n  &.gallery {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-gap: 1px;\n    padding: 0;\n\n    @media (max-width: 600px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    .switch-pm {\n      grid-column: 1 / -1;\n      .ListItem-button {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    .GifButton {\n      grid-column-end: initial;\n    }\n\n    .StickerButton {\n      width: initial;\n      height: 0;\n      margin: 0;\n      padding-bottom: 100%;\n      border-radius: 0;\n\n      .AnimatedSticker,\n      img,\n      canvas {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: 100% !important;\n\n        @media (min-width: 600px) {\n          top: 0.25rem;\n          left: 0.25rem;\n          width: calc(100% - 0.5rem) !important;\n          height: calc(100% - 0.5rem) !important;\n        }\n      }\n    }\n  }\n}\n",".SendAsMenu {\n  .send-as-title {\n    font-weight: 500;\n    line-height: 1.25rem;\n    word-break: break-word;\n    margin-inline-start: 1rem;\n    margin-block: 0.5rem;\n  }\n\n  .menu-container {\n    width: calc(100% - 4rem);\n    max-width: 20rem;\n    max-height: 40vh;\n    overflow: auto;\n    flex-direction: column;\n\n    @media (max-width: 600px) {\n      width: calc(100% - 3rem);\n    }\n  }\n\n  .is-pointer-env & {\n    > .backdrop {\n      z-index: 2;\n      position: absolute;\n      top: -1rem;\n      left: 0;\n      right: auto;\n      width: 3.5rem;\n      height: 4.5rem;\n    }\n  }\n}\n\n.SendAsItem {\n  margin: 0 !important;\n  $border-size: 2px;\n\n  .Avatar.selected {\n    margin-right: 0.75rem;\n    position: relative;\n    width: calc(2.125rem - #{$border-size * 2});\n    height: calc(2.125rem - #{$border-size * 2});\n\n    &::before {\n      display: block;\n      content: \"\";\n      position: absolute;\n      top: #{-$border-size * 2};\n      left: #{-$border-size * 2};\n      border: $border-size solid var(--color-primary);\n      width: calc(100% + #{$border-size * 4});\n      height: calc(100% + #{$border-size * 4});\n      border-radius: 50%;\n    }\n  }\n\n  .ListItem-button {\n    padding: 0.5625rem 1rem !important;\n    border-radius: 0;\n    align-items: center;\n  }\n\n  .info {\n    margin-inline-start: 0.5rem;\n  }\n\n  .subtitle {\n    font-size: 0.9375rem;\n    color: var(--color-text-secondary);\n    line-height: 1.3125;\n  }\n}\n",".RightSearch {\n  height: 100%;\n  padding: 0 0.5rem;\n  overflow-y: auto;\n\n  .helper-text {\n    padding: 1rem;\n    margin-bottom: 0.125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    unicode-bidi: plaintext;\n    text-align: initial;\n  }\n}\n",".StickerSearch {\n  height: 100%;\n  padding: 0 0.5rem;\n  overflow-y: auto;\n\n  .helper-text {\n    padding: 1rem;\n    margin-bottom: 0.125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n  }\n\n  .sticker-set {\n    margin-bottom: 1rem;\n\n    &-header {\n      display: flex;\n      justify-content: space-between;\n      padding: 0.5rem;\n\n      .title-wrapper {\n        overflow: hidden;\n      }\n\n      .title {\n        font-size: 1rem;\n        line-height: 1.6875rem;\n        margin: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .count {\n        color: var(--color-text-secondary);\n        margin: 0;\n      }\n\n      .Button {\n        flex-shrink: 0;\n        margin-left: 1rem;\n\n        &.is-added {\n          background: var(--color-chat-hover);\n          color: var(--color-text-secondary);\n\n          &:hover,\n          &:active {\n            background: var(--color-item-active) !important;\n          }\n        }\n      }\n    }\n\n    &-main {\n      display: flex;\n      flex-wrap: nowrap;\n      overflow: hidden;\n    }\n\n    &[dir=\"rtl\"] {\n      .title-wrapper {\n        text-align: right;\n      }\n\n      .Button {\n        margin-left: 0;\n        margin-right: 1rem;\n      }\n    }\n  }\n\n  .StickerButton {\n    margin: 0.125rem;\n  }\n}\n",".GifSearch {\n  height: 100%;\n  padding: 0.25rem;\n\n  .gif-container {\n    height: 100%;\n    overflow: auto;\n\n    &.grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      grid-auto-rows: 6.25rem;\n      grid-gap: 0.25rem;\n      grid-auto-flow: dense;\n    }\n  }\n\n  .helper-text {\n    color: var(--color-text-meta);\n    margin-top: 2rem;\n    text-align: center;\n  }\n}\n",".StatisticsOverview {\n  padding: 1rem 0.75rem;\n  margin-bottom: 1rem;\n  border-bottom: 1px solid var(--color-borders);\n\n  &__header {\n    margin-bottom: 0.5rem;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__title {\n    margin-right: 2em;\n    padding-left: 0.25rem;\n    font-size: 16px;\n    color: var(--text-color);\n    line-height: 30px;\n    text-transform: lowercase;\n\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n\n  &__caption {\n    font-size: 0.75rem;\n    text-align: right;\n  }\n\n  &__table {\n    width: 100%;\n\n    &-cell {\n      width: 50%;\n    }\n\n    &-heading {\n      font-size: 0.9375rem;\n      color: var(--color-text-secondary);\n    }\n\n    &-value {\n      font-weight: 500;\n      font-size: 1rem;\n    }\n  }\n\n  &__value {\n    font-size: 0.6875rem;\n    color: var(--color-text-green);\n\n    &.negative {\n      color: var(--color-error);\n    }\n  }\n}\n",".StatisticsRecentMessage {\n  position: relative;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: var(--border-radius-default-small);\n\n  &:hover, &:active {\n    background-color: var(--color-chat-hover);\n  }\n\n  &--with-image {\n    padding-left: 3.5rem;\n  }\n\n  &__summary {\n    flex: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin-right: 0.75rem;\n\n    .media-preview__image {\n      width: 2.5rem;\n      height: 2.5rem;\n      position: absolute;\n      left: 0.5rem;\n      top: 0.5rem;\n      object-fit: cover;\n      border-radius: 0.25rem;\n      margin-inline-end: 0.25rem;\n\n      &.round {\n        border-radius: 0.625rem;\n      }\n    }\n\n    .icon-play {\n      position: relative;\n      display: inline-block;\n      font-size: 0.75rem;\n      color: #fff;\n      margin-inline-start: -1.25rem;\n      margin-inline-end: 0.5rem;\n      bottom: 0.0625rem;\n    }\n  }\n\n  &__title {\n    display: flex;\n    align-items: center;\n    line-height: 1.25rem;\n  }\n\n  &__info {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    color: var(--color-text-meta);\n  }\n\n  &__meta {\n    font-size: 0.75rem;\n  }\n\n  &__date {\n    flex: 1;\n    font-size: 0.8125rem;\n  }\n}\n",".Statistics {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  &__messages {\n    padding: 1rem 0.25rem;\n    border-top: 1px solid var(--color-borders);\n\n    &-title {\n      padding-left: 0.75rem;\n      font-size: 16px;\n      color: var(--text-color);\n      line-height: 30px;\n      text-transform: lowercase;\n\n      &:first-letter {\n        text-transform: uppercase;\n      }\n    }\n  }\n\n  &.ready {\n    overflow-y: scroll !important;\n  }\n\n  &__graph {\n    margin-bottom: 1rem;\n    border-bottom: 1px solid var(--color-borders);\n\n    opacity: 1;\n    transition: opacity 0.3s ease;\n\n    &:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n\n    &.hidden {\n      opacity: 0;\n    }\n  }\n\n  .lovely-chart--container {\n    font: inherit !important;\n    font-size: 13px !important;\n  }\n\n  .lovely-chart--header {\n    margin: 0 1rem;\n  }\n\n  .lovely-chart--header,\n  .lovely-chart--tooltip-title,\n  .lovely-chart--tooltip-dataset-value,\n  .lovely-chart--percentage-title {\n    font-weight: 500 !important;\n  }\n\n  .lovely-chart--container-type-pie {\n    &.lovely-chart--state-zoomed-in > canvas {\n      animation-name: pie-slim-in !important;\n    }\n\n    &:not(.lovely-chart--state-zoomed-in) > canvas {\n      animation-name: pie-slim-out !important;\n    }\n  }\n}\n\n@keyframes pie-slim-in {\n  0% {\n    clip-path: circle(80% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(80% at center calc(50% - 7.5px));\n    transform: rotate(-360deg);\n  }\n\n  25% {\n    clip-path: circle(40% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(40% at center calc(50% - 7.5px));\n    transform: rotate(-360deg);\n  }\n\n  75% {\n    clip-path: circle(40% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(40% at center calc(50% - 7.5px));\n    transform: rotate(0);\n  }\n}\n\n@keyframes pie-slim-out {\n  0% {\n    clip-path: circle(40% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(40% at center calc(50% - 7.5px));\n    transform: rotate(360deg);\n  }\n\n  50% {\n    clip-path: circle(40% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(40% at center calc(50% - 7.5px));\n    transform: rotate(0);\n  }\n\n  75% {\n    clip-path: circle(80% at center calc(50% - 7.5px));\n    -webkit-clip-path: circle(80% at center calc(50% - 7.5px));\n    transform: rotate(0);\n  }\n}\n",".PollAnswerResults {\n  border-bottom: 1px solid var(--color-borders);\n  padding: 0 0.5rem 0.625rem;\n  display: flex;\n  flex-direction: column-reverse;\n\n  .answer-head {\n    display: flex;\n    align-items: center;\n    font-size: 0.9375rem;\n    line-height: 1.3125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    padding: 1rem 0.75rem 0.5rem 1rem;\n    position: sticky;\n    top: 0;\n    background: var(--color-background);\n\n    @media (max-width: 600px) {\n      padding: 0.5rem 0.25rem 0.5rem 0.5rem;\n    }\n  }\n\n  .answer-percent {\n    margin-left: auto;\n\n    &[dir=\"auto\"] {\n      margin-left: 0;\n      margin-right: auto;\n    }\n  }\n\n  .poll-voters {\n    padding: 0 0.75rem;\n    position: relative;\n    min-height: 3rem;\n\n    @media (max-width: 600px) {\n      padding: 0 0.25rem;\n    }\n\n    .Spinner {\n      --spinner-size: 1.25rem;\n    }\n  }\n\n  .chat-item-clickable {\n    .ChatInfo .Avatar.size-tiny {\n      margin-right: 1.75rem;\n    }\n\n    &[dir=\"rtl\"] {\n      .ChatInfo .Avatar.size-tiny {\n        margin-left: 1.75rem;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .ShowMoreButton {\n    margin: 0.25rem 0 0 -0.5rem;\n    width: calc(100% + 1rem);\n\n    &[dir=\"rtl\"] {\n      .icon-down {\n        margin-left: 2rem;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .icon-down {\n    vertical-align: middle;\n    margin-right: 2rem;\n    font-size: 1.5rem;\n  }\n}\n",".PollResults {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n\n  > .Loading {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background: rgba(white, 0.75);\n  }\n\n  .poll-question {\n    padding: 0.75rem 1.5rem;\n    flex-shrink: 0;\n    font-size: 1.25rem;\n\n    @media (max-width: 600px) {\n      padding: 0 1rem;\n    }\n  }\n\n  .poll-results-list {\n    border-top: 1px solid var(--color-borders);\n    flex-grow: 1;\n    overflow: auto;\n  }\n}\n",".Management {\n  position: relative;\n  height: 100%;\n  background-color: var(--color-background-secondary);\n\n  & > .custom-scroll {\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n  }\n\n  .section {\n    padding: 1rem 1.5rem;\n    background-color: var(--color-background);\n    box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n    margin-bottom: 0.625rem;\n\n    &.wide {\n      padding: 1.5rem;\n    }\n\n    &:first-of-type {\n      padding-top: 1rem;\n    }\n\n    &.no-border {\n      border-top: none;\n    }\n\n    > .ChatInfo {\n      margin: 0 0 2rem !important;\n\n      .title h3 {\n        margin-bottom: 0;\n      }\n    }\n\n    .section-icon {\n      width: 8.75rem;\n      height: 8.75rem;\n      margin: 0 auto 2rem;\n      position: relative;\n\n      .AnimatedSticker {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n\n        &.hidden {\n          display: none;\n        }\n      }\n    }\n\n    .ListItem {\n      margin: 0 -0.75rem;\n\n      .Reaction {\n        display: flex;\n        align-items: center;\n      }\n\n      .ReactionStaticEmoji {\n        width: 1.5rem;\n        margin-right: 1rem;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      .multiline-item .subtitle {\n        line-height: 1.25rem;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      &:not(.picker-list-item) .Checkbox {\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n      }\n\n      &.narrow {\n        .Checkbox {\n          margin-top: 1rem;\n          margin-bottom: 1rem;\n        }\n      }\n\n      &.exceptions-member {\n        .ChatInfo .status {\n          white-space: pre-wrap;\n        }\n      }\n    }\n\n    .section-heading {\n      font-weight: 500;\n      font-size: 0.9375rem;\n      color: var(--color-text-secondary);\n\n      &[dir=\"auto\"] {\n        text-align: initial;\n      }\n    }\n\n    .section-help {\n      color: var(--color-text-secondary);\n      line-height: 1.375rem;\n\n      &[dir=\"auto\"] {\n        text-align: initial;\n      }\n    }\n\n    .section-info {\n      color: var(--color-text-secondary);\n      font-size: 0.875rem;\n    }\n\n    &[dir=\"rtl\"] {\n      text-align: right;\n    }\n  }\n\n  textarea.form-control {\n    height: auto;\n  }\n\n  .group-link {\n    color: var(--color-text);\n  }\n\n  .radio-group {\n    margin-top: 2rem;\n\n    .Radio {\n      padding-left: 3.5rem;\n      margin-bottom: 2rem;\n\n      &:last-child {\n        margin-bottom: 0.625rem;\n      }\n    }\n\n    .Radio-main {\n      &::before {\n        left: 0.125rem;\n        top: 0.25rem;\n        transform: none;\n      }\n\n      &::after {\n        left: 0.4375rem;\n        top: 0.5625rem;\n        transform: none;\n      }\n    }\n  }\n\n  &__filter {\n    padding: 0 1rem 0.25rem 0.75rem;\n    background-color: var(--color-background);\n    box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n    margin-bottom: 0.625rem;\n\n    display: flex;\n    flex-flow: row wrap;\n    flex-shrink: 0;\n\n    overflow-y: auto;\n    max-height: 20rem;\n\n    .input-group {\n      margin-bottom: 0.5rem;\n      margin-left: 0.5rem;\n      flex-grow: 1;\n    }\n\n    .form-control {\n      height: 2rem;\n      border: none;\n      border-radius: 0;\n      padding: 0;\n      box-shadow: none;\n    }\n  }\n\n  .Spinner {\n    margin: 2rem auto;\n  }\n}\n\n.ManageGroupMembers {\n  padding: 0.5rem 1rem;\n}\n\n.ManageInvites {\n  .primary-link {\n    position: relative;\n  }\n\n  .primary-link-input {\n    cursor: pointer;\n    margin-bottom: 1rem;\n    padding-right: 3rem;\n  }\n\n  .primary-link-more-menu {\n    position: absolute;\n    right: 0.5rem;\n    top: 50%;\n    transform: translate(0, -50%);\n    z-index: 1;\n  }\n\n  .create-link {\n    margin-bottom: 0.5rem;\n  }\n\n  .invite-title {\n    white-space: nowrap;\n  }\n}\n\n.ManageInvite {\n  .link-name {\n    margin-bottom: 1rem;\n  }\n\n  .expire-limit {\n    margin-top: 1rem;\n  }\n\n  .usage-limit {\n    margin-top: 1rem;\n\n    -moz-appearance: textfield;\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n\n  .custom-scroll {\n    padding-bottom: 4rem;\n  }\n}\n\n.ManageInviteInfo {\n  .copy-link {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .link-title {\n    text-align: center;\n  }\n}\n\n.ManageJoinRequests {\n  .bulk-actions {\n    display: flex;\n    justify-content: space-around;\n  }\n\n  .bulk-action-button {\n    width: auto;\n    height: auto;\n  }\n}\n\n.ManageInvite,\n.ManageInvites {\n  .hint {\n    font-size: 0.875rem;\n    margin-bottom: 0;\n    margin-top: 0.5rem;\n  }\n}\n",".JoinRequest {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 0;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--color-borders);\n  }\n\n  &__top {\n    display: flex;\n    cursor: pointer;\n    padding: 0.5rem;\n    border-radius: 0.5rem;\n\n    &:hover {\n      background-color: var(--color-chat-hover);\n    }\n  }\n\n  &__user {\n    display: flex;\n    flex-grow: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  &__user-info {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n    margin-left: 1rem;\n  }\n\n  &__user-subtitle {\n    color: var(--color-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__user-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__date {\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n    margin-left: 1rem;\n    white-space: nowrap;\n  }\n\n  &__buttons {\n    display: flex;\n    justify-content: space-evenly;\n    margin-top: 1rem;\n    gap: 0.5rem;\n  }\n\n  &__button {\n    width: auto;\n    height: auto;\n  }\n}\n",".ShippingInfo {\n  padding: 0.5rem 1rem;\n\n  h5 {\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    margin: 1rem 0 1.25rem;\n  }\n}\n",".Shipping {\n  padding: 0.5rem 1rem;\n\n  form {\n    p {\n      color: var(--color-text-secondary);\n      font-weight: 500;\n      margin: 0.5rem 0 2rem;\n    }\n\n    .Radio {\n      margin-bottom: 2rem;\n    }\n  }\n}\n",".Checkout {\n  padding: 0.5rem 0;\n\n  .description {\n    display: flex;\n    flex-direction: row;\n    margin: 0 1rem;\n\n    img {\n      height: 6rem;\n      margin: 0.5rem;\n    }\n\n    .text {\n      h5 {\n        margin-top: 0.5rem;\n        font-size: 1.125rem;\n      }\n\n      p {\n        font-size: 0.8125rem;\n        line-height: 1rem;\n        color: var(--color-text-secondary);\n      }\n    }\n  }\n\n  .price-info {\n    margin: 1rem;\n\n    .price-info-item {\n      margin: 1rem 0.5rem;\n      display: flex;\n      flex-direction: row;\n      align-content: space-between;\n      color: var(--color-text-secondary);\n      font-weight: 500;\n\n      &-main {\n        color: var(--color-text);\n      }\n\n      .title {\n        display: flex;\n        flex: 1 auto;\n      }\n    }\n  }\n\n  .invoice-info {\n    border-top: 1px var(--color-borders) solid;\n    padding: 1rem;\n\n    .checkout-info-item {\n      display: flex;\n      padding: 0.75rem 0.5rem 1rem;\n      text-align: left;\n\n      i {\n        font-size: 1.5rem;\n        color: var(--color-text-secondary);\n        margin-right: 2rem;\n        width: 1.5rem;\n      }\n\n      i.provider {\n        background: no-repeat center;\n        background-size: 2rem;\n        border-radius: 1rem;\n        height: 1.5rem;\n      }\n\n      i.provider.stripe {\n        background-image: url(\"../../assets/stripe-logo.png\");\n      }\n\n      i.provider.smartglocal {\n        background-image: url(\"../../assets/smartglocal-logo.png\");\n      }\n\n      .info {\n        .title {\n          font-size: 1rem;\n          line-height: 1.4375rem;\n          margin-bottom: 0;\n          font-weight: 400;\n          word-break: break-word;\n          color: var(--color-text);\n          text-transform: capitalize;\n        }\n\n        .data {\n          margin-bottom: 0;\n          font-size: 0.875rem;\n          color: var(--color-text-secondary);\n        }\n      }\n    }\n  }\n}\n",".CardInput {\n  position: relative;\n\n  .input-group.has-left-addon .form-control{\n    padding-left: 4rem;\n  }\n\n  .left-addon {\n    position: absolute;\n    top: 0.8125rem;\n    left: 1rem;\n    z-index: 8;\n\n    img {\n      max-width: 2rem;\n    }\n  }\n}\n",".PaymentInfo {\n  padding: 0.5rem 1rem;\n\n  h5 {\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    margin: 1rem 0 1.25rem;\n  }\n\n  .inline-inputs {\n    display: flex;\n    justify-content: space-between;\n\n    .input-group {\n      flex: 1 10rem;\n      max-width: 45%;\n      display: flex;\n    }\n  }\n}\n",".ConfirmPayment {\n  display: flex;\n  height: 100%;\n  border-bottom-left-radius: var(--border-radius-default-small);\n  border-bottom-right-radius: var(--border-radius-default-small);\n  overflow: hidden;\n\n  &__content {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n}\n",".PaymentModal {\n  .modal-backdrop {\n    pointer-events: none;\n  }\n\n  .header {\n    position: relative;\n    border-top-left-radius: var(--border-radius-default-small);\n    border-top-right-radius: var(--border-radius-default-small);\n    width: 100%;\n    padding: 0.25rem 1rem;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    background: var(--color-background);\n    border-bottom: 1px var(--color-borders) solid;\n\n    h3 {\n      margin-bottom: 0;\n      margin-left: 1.5rem;\n      unicode-bidi: plaintext;\n      text-align: initial;\n    }\n  }\n\n  .Transition {\n    height: 25rem;\n  }\n\n  .empty-content {\n    height: 25rem;\n    max-height: 90%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .receipt-content {\n    height: 25rem;\n    overflow-y: auto;\n  }\n\n  .content {\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n\n  .footer {\n    position: relative;\n    border-bottom-left-radius: var(--border-radius-default-small);\n    border-bottom-right-radius: var(--border-radius-default-small);\n    width: 100%;\n    padding: 0.75rem 1rem;\n    background: var(--color-background);\n    border-top: 1px var(--color-borders) solid;\n\n    button {\n      text-transform: none;\n      font-weight: 500;\n    }\n  }\n\n  .modal-dialog {\n    width: 25rem;\n  }\n\n  .modal-content {\n    padding: 0;\n    overflow: hidden;\n  }\n}\n\n@media screen and (max-device-width: 640px) and (max-height: 640px) and (orientation: landscape) {\n  .PaymentModal {\n    .modal-dialog {\n      max-height: 100%;\n    }\n\n    .Transition {\n      height: 10rem;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}