1 line
198 KiB
Plaintext
1 line
198 KiB
Plaintext
{"version":3,"file":"BundleMain.c7a1bd4df3e53955fedc.css","mappings":"AAAA,eACE,kBACA,WACA,YACA,2BAEA,4DAEA,wBACE,WACA,UAGF,wCACE,0BACA,UAEA,wBAEA,iDACE,UAIJ,wBACE,wBAEA,yBAHF,wBAKI,sCACA,6BAKF,gFAEE,kBAIA,0DACE,iCAGF,gDACE,0CAKF,0CACE,iCAGF,oDACE,0C;ACxDR,0BACE,kBACA,MACA,OACA,WACA,UAEA,mDACA,UAEA,qCACE,4BACA,UAGF,sCACE,aAIJ,yBACE,iBACA,cACA,aACA,mBACA,qBACA,iBACA,+BACA,2CAEA,qCACE,qCAGF,kCACE,wBAGF,qCACE,OACA,gCACA,mBACA,gBACA,wBACA,6BACA,mBAGF,yBACE,qCACE,6BAIJ,qCACE,WAGA,YAEA,uDACE,aACA,mBACA,W;AC7DN,gBACE,kBAEA,oCACE,aACA,cAGF,kCACE,6CACA,kBACA,UAEA,gDACE,mIAOF,qDACE,gBAIJ,oCACE,kBAEA,2HAGE,eACA,eACA,sBACA,6CACA,0BACA,oBAGF,uFAEE,kBACA,OACA,WAGF,4CACE,eAGF,2CACE,aAGF,+CACE,yBAEA,uDACE,qEAGF,sDACE,qEAIJ,iDACE,gBAEA,iHAEE,gBAKN,kCACE,yBAGF,0CACE,sBACA,4BAGF,4CACE,sBAIF,8BACE,gBACA,yCAEA,gBAGF,+BACE,kBACA,qBAEA,mFACE,kBAIJ,qCACE,QACA,SAGF,8BACE,4BACA,2BAGF,6BACE,aACA,cAKA,8EACE,2BAIJ,6BACE,2CAEA,qCACE,UACA,oB;ACxIN,iBACE,YACA,kBACA,aACA,sBACA,gBACA,mCAEA,6BACE,OACA,gBAGF,8BACE,YACA,aACA,sBACA,gBAEA,gDACE,gBAEA,6BAEA,2DACE,SAIJ,uCACE,2BACA,sBACA,mBACA,gBACA,UAEA,UACA,2CAGF,oDACE,oBACA,YAGF,mCACE,cACA,qBACA,sBAGA,wCACE,mBACA,oBACA,gBAIJ,0CACE,OACA,gBAIJ,+FAGE,YACA,gBAGF,6BACE,kBACA,YACA,SACA,cACA,2BAEA,mB;AC9EJ,SACE,YAGF,aACE,4BACA,wCACA,aACA,mBACA,cACA,yCAEA,gBACE,gBACA,kBACA,gBACA,qBACA,kBACA,0CACA,uBACA,gBACA,mBAGF,0BACE,qBACA,+BAEA,yBAJF,0BAKI,6BAIJ,yBA7BF,aA8BI,eAGF,6BACE,aACA,cAEA,2CACE,mBAIJ,uCACE,wBAEA,oDACE,2BAIJ,uFACE,8BACA,iCAEA,oGACE,kBACA,+BAGF,+GACE,iBACA,sB;ACjEN,aACE,aACA,iBACA,oBACA,uBAEA,sCACE,2BAGF,sDACE,cACA,eAGF,4BACE,6CACA,2DACA,0CACA,2CAEA,eAEA,0CACE,mBACA,sBAGF,kCACE,kBACA,oBACA,sBAEA,4CACE,oBAIJ,+EAEE,UACA,mBACA,uEAGF,yLAIE,UACA,qBAIJ,oCACE,kBACA,aACA,sBACA,mBAEA,2DACE,kBACA,WACA,aAGF,0DACE,kBACA,2BACA,SACA,YACA,WACA,qCACA,kBAGF,gIAEE,mBAGF,mDACE,UACA,kBAEA,kBACA,mCACA,aACA,2BACA,8DACA,WACA,eACA,oBACA,qCACA,iDAEA,gEACE,gBACA,kFACE,gBAKN,iMAGE,UACA,mBAIJ,+BACE,kBAEF,gCACE,kBACA,MACA,QACA,WACA,YACA,yCAIA,qCACE,yCAGF,sCACE,6CAGF,qDACE,+BACA,iBACA,iBACA,iBACA,sBACA,uBACA,kCAEA,2DACE,sBAGF,0DACE,sBAKN,qBACE,aACA,uBACA,sBACA,cACA,gBACA,gBACA,kBACA,gBACA,qCACA,kDAEA,2BACE,wDAGF,yCACE,gBAGF,yBApBF,qBAqBI,gBAGF,0BAxBF,qBAyBI,gBACA,yCACE,iBAIJ,yCACE,cACA,mBACA,gBACA,6BACA,iBACA,mBACA,gBACA,uBAEA,qDACE,8BACA,qBAIJ,+BACE,8BACA,kCACA,qBACA,mBACA,gBACA,uBACA,mBAEA,2CACE,8BACA,qBAKN,yCACE,eAEA,gHACE,mBACA,oBACA,a;AC7NN,sBACE,aACA,sBACA,mBACA,kBACA,4BACA,0CAEA,oBAEA,wCACE,iBAEA,yBAHF,wCAII,iBAIJ,0BAlBF,sBAmBI,wBAEA,8DAEA,qGAEE,2BAGF,oFACE,8DAGF,8CACE,4DAKN,sBACE,iDACA,mCAEA,yBAJF,sBAKI,0BACA,iBAIJ,sBACE,6BAGF,sBACE,iBACA,cACA,mBACA,qBACA,kBACA,mBACA,gBACA,kBAEA,kBACA,eACA,iBAEA,8BACA,WAEA,oBAEA,yBAnBF,sBAoBI,eACA,Y;ACzEJ,sBACE,wBAEA,kBACA,8BACA,2CACA,UACA,6BACA,6EACA,oCACA,oBAEA,4CACE,UACA,oBAGF,4CACE,6EAGF,4CACE,2BAGF,4CACE,oBAGF,+CACE,0BAEA,wBAGF,yBAnCF,sBAoCI,YACA,cAEA,kDACE,mDAKJ,6DA7CF,sBA8CI,WACA,yBA/CJ,sBAgDM,YAEA,kDACE,gBAKN,2CACE,wBACA,UAEA,iEACE,oBAGF,qFACE,2BAIJ,2CACE,2BAEA,iEACE,UACA,oBAIJ,yBACE,gDACE,iE;AChFN,iBACE,WACA,YACA,aACA,mBACA,uBACA,kBAEA,0BACE,oBACA,sBACA,mBACA,gCACA,cACA,oBACA,qBACA,WAGF,wBACE,gBACA,gBAGF,8BACE,mBACA,gBAGF,0BACE,mBACA,aACA,YACA,qCACA,kB;AClCJ,sBACE,WACA,YACA,aACA,mBACA,uBAGF,sBACE,cACA,aACA,sBAEA,yCACA,wBACA,0DACA,iBACA,4CACA,gBACA,mBAGF,sBACE,mBAGF,sBACE,gBACA,qBAGF,sBACE,eACA,Y;ACjCF,sBACE,8BAEA,kBACA,oBACA,mBACA,WACA,eACA,qBACA,yCACA,4CACA,uCACA,qCAEA,8BACE,WACA,cACA,kBACA,QACA,SACA,gCACA,WACA,YACA,kDACA,YACA,oCACA,4CAGF,oCACE,W;AC9BJ,OACE,kBACA,gBACA,YAEA,mCACE,mCAGF,+FACE,6CAGF,0BACE,sBAEA,sDACE,oBACA,qCACA,sCAMF,0HACE,oBAKF,uJAGE,2BACA,iB;AClCJ,sCACE,qB;ACFJ,eACE,4CACA,uCAEA,aACA,WACA,mBACA,yCACA,6BACA,0BACA,mCACA,6DACA,2DACA,mBACA,gBACA,iBACA,0BACA,mBACA,qCACA,4CACA,0CAEA,sBACE,gBACA,uBAGF,8CACE,WACA,cACA,kBACA,kBACA,gBACA,eACA,eACA,gCACA,yDACA,UACA,oCAEA,gEACE,oBAIJ,6BACE,kBACA,YACA,cACA,YACA,gBACA,uBACA,gBACA,uBACA,WACA,sCAEA,UACA,0NAEA,wBAfF,6BAgBI,sBAGF,mCACE,sCACA,0EAEA,mGAJF,mCAKI,yBAIJ,iFACE,UAGF,oCACE,uBACA,kBACA,kBACA,OACA,WACA,kBACA,iBACA,cAGF,2CACE,eACA,kDACE,aAIJ,oDACE,cACA,iBACA,cAGF,oLAIE,aAIJ,qBACE,8BAEA,oDACE,UAGF,6BACE,2CAIJ,qKAOE,0CAGF,qDACE,iCAGF,+EAEE,sBAGF,+TAOE,wBAGF,sCACE,aAGF,8BACE,oBACA,iBACA,0BAGF,wCACE,kBACA,iBAGF,gCACE,oBACA,mBACA,wBACA,8BAEA,wCAEE,uBACA,yCACA,oBACA,UACA,gBAEA,+CACE,WACA,qBAGF,gDACE,UAEA,wDACE,UAIJ,0DACE,6BAKN,iCACE,kBAEA,wCACE,WACA,qBACA,YACA,aACA,kBACA,+BACA,2BAIJ,wBACE,qCACA,oBAIJ,6EACE,iEAGF,yBACE,QAGF,uBACE,kBACA,uBACA,cACA,YAEA,mDACE,QAIJ,qBACE,kBACA,yBACA,cACA,aAGF,sBACE,UACA,s2B;ACtPF,SACE,aACA,mBACA,eAEA,qBACE,qCAGF,iBACE,sBAGF,uBACE,cACA,eACA,mBACA,gBAEA,qCACE,eACA,qBACA,gBAGF,sCACE,6BAGF,2EAEE,iBACA,gBACA,mBACA,uB;ACjCJ,aACE,gBAGF,mBACE,gBACA,qBAGF,eACE,kBACA,eACA,qBACA,kBACA,qCAGF,uBACE,kBACA,MACA,OACA,WACA,YAEA,iBACA,oBACA,gBAGF,gBACE,kBAEA,mCAHF,gBAII,oBACA,uB;ACnCN,sBACE,aACA,sBACA,mBACA,kBAGF,sBACE,cACA,iBAGF,sBACE,kBACA,mBACA,mBAGF,sBACE,aAGF,sBACE,kBACA,SACA,SACA,2BAEA,sCACA,WACA,mBACA,uBACA,yCACA,iBAEA,uCACE,mCACA,8BAIJ,sBACE,mBAGF,sBACE,iBACA,gBAGF,sBACE,aACA,eACA,uBACA,mBACA,UACA,oBAGF,sBACE,gDACA,0BACA,aAEA,qFACE,uDAIJ,sBACE,mBAGF,sBACE,gBAGF,sBACE,aACA,mBACA,kBACA,kCAGF,2DAEE,WACA,OACA,8CAGF,0CACE,mBAGF,yCACE,kB;AChGF,eACE,aACA,sBACA,2BAEA,oBACE,aACA,iCACA,sBAGF,uBACE,OACA,WACA,eACA,gCACA,kDACA,gBACA,oBACA,yRAEA,0DAEE,2CACA,0EAEA,mGALF,0DAMI,yBAIJ,qCACE,cAGF,oCACE,eAGF,6BACE,kBACA,kBACA,eACA,aACA,cAEA,8CACE,iBACA,YACA,cACA,yBAKN,mCACE,gBACA,uBACA,mBAGF,0CACE,6BAGF,yCACE,gBAEA,uDACE,wDAGF,sDACE,yD;ACxEJ,gBACE,0BACA,gBACA,gBAGF,sBACE,kBACA,iBAGE,uEACE,+BAGF,+DACE,gBAGF,+CACE,kBACA,WACA,eACA,iBACA,iBACA,2DACA,6DAEA,kEACE,qDACA,uDAIJ,kDACE,kBACA,MACA,qBACA,cACA,gCACA,kDACA,yBACA,gBAEA,uDACE,kBAMR,kCACE,kBACA,aACA,mBACA,uBAGF,oBACE,kBACA,MACA,OACA,WACA,YACA,iB;ACjEJ,sBACE,kBACA,UAEA,gBACA,qCAGF,sBACE,UACA,kBACA,WACA,YAEA,mBACA,iBACA,kBAEA,gCACA,WACA,oBAGF,sBACE,aACA,mBACA,YAEA,UACA,kBACA,QACA,SACA,gCAEA,sBAEA,iCACA,WACA,mBACA,mBACA,iBAGF,sBACE,gB;AC5CF,UACE,aACA,sBACA,uBACA,2BAEA,6BACE,kBACA,QACA,SACA,gCACA,kBAaA,sDAXA,yBACE,GACE,yCACA,sCAEF,KACE,yCACA,gCAON,mBACE,KACE,UAEF,GACE,WAIJ,uBACE,gBACA,kBAGF,eACE,+BAGF,eACE,kBACA,QACA,SACA,iCACA,+BAEA,kCAIA,2BACE,WACA,kBACA,SACA,SACA,+BAEA,WACA,YAEA,gCACA,sBACA,kBACA,UAGF,8BACE,aAIJ,qBACE,kBACA,QACA,SACA,kCACA,8DACA,wBACA,aACA,YACA,0FACA,iFACA,kBACA,UAGF,2BACE,kBACA,gBACA,eACA,wBAEA,UAGF,sBACE,kBACA,eACA,SACA,gCACA,WACA,YAEA,UAGF,gCAEE,eAGF,oCAEE,wDAGF,mBACE,mBAEA,2CACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCAIJ,qBACE,sBAEA,kBACA,SACA,SACA,6BACA,WAEA,UAGF,yBACE,aACA,+BACA,4BACA,WACA,8BAEA,+BACE,gBACA,kBAGF,kCACE,kCACA,iBACA,kBACA,kBAEA,+CACE,oCAKN,yBACE,kBACA,kBACA,WACA,YAGF,8BACE,0BACA,kBACA,QACA,OACA,2BACA,kBACA,gBACA,cACA,WACA,kBAGF,kCACE,2BACA,mBACA,eACA,qBACA,2C;ACrMJ,aACE,kBACA,eACA,SACA,QACA,aACA,mBACA,gCACA,sBACA,iBACA,WACA,qCACA,eACA,0CAEA,kNAOE,iBACA,mBAGF,sCACE,aACA,mBAGF,2BACE,sBAIA,uCACE,oBAIJ,4BACE,6BAGF,iCACE,yBAGF,6BACE,2BAGF,+DAEE,gBACA,uBACA,qBAEA,yFACE,sBACA,uBAIJ,gCACE,oBACA,qBACA,mBACA,kBACA,eAGF,gCACE,oBACA,qBACA,iBAGF,mCACE,6CACA,gBAGF,sHAGE,0BACA,sBACA,sBACA,UACA,cACA,aACA,UACA,gBACA,6BAEA,6MACE,yBAIJ,kFAEE,0BAGF,oCACE,gCAGF,6BACE,sBACA,YACA,6BAKF,qFAEE,sBACA,YACA,6BAGF,+GAEE,cAGF,4CACE,gBACA,eAGF,gDACE,oCAGF,oCACE,uBACA,oBACA,sBAEA,iDACE,8BAIJ,6DACE,gBAGF,kEACE,iBAIA,qCACE,SAEF,yCACE,QAMJ,8DACE,c;AC1KJ,sBACE,aAGF,sBACE,wBACA,qCAEA,2BACE,yCAIJ,sBACE,wBACA,aACA,sBACA,0CAGF,sBACE,gBAGF,sBACE,mBACA,qBACA,0BACA,cAEA,2CACE,0BAGF,2BACE,8BAGF,sFACE,yBAIJ,sBACE,aACA,mBACA,uBAGF,sBACE,2BACA,kBACA,kCAEA,2BACE,oC;ACvDJ,YACE,aACA,qBACA,qBAEA,uBACE,gBAGF,8BACE,sBAGF,+BACE,kBACA,mBACA,cACA,wBACA,cACA,gBACA,kBACA,iBAEA,2CACE,oBACA,uBACA,iBAIJ,gCACE,kBACA,QACA,YACA,WACA,YACA,+BACA,8BACA,oBACA,iBACA,kBAEA,sCACE,8BAGF,oDACE,gBAGF,wCACE,UACA,qCACA,qBACA,uBACA,6BAIJ,+BACE,YACA,mBAGF,gCACE,kBAGF,8BACE,kBACA,QACA,cACA,gBACA,sBACA,iBACA,+BAEA,qBACA,yBACA,sBAGF,uBACE,WACA,YACA,kBACA,WACA,YACA,sDACA,oBACA,wBAGF,4BACE,iBACA,qBACA,2BACA,UAIA,qCACE,8BAGF,mCACE,0BAKN,iCACE,GACE,UAEF,KACE,W;ACpHJ,MACE,gBACA,mBAEA,yBAJF,MAKI,gBAGF,qBACE,gBACA,oBACA,iBACA,sBAGF,0CAEE,6BACA,kBAGF,iBACE,oBACA,aACA,mBACA,oBAGF,yBACE,2BACA,kBAGF,oBACE,mBACA,oBAGF,6BAEE,qBAEA,mDACE,qBAGF,+CACE,qBACA,yCAKA,gJACE,aACA,yCACA,8CAGF,4IACE,cACA,qCAMF,wMACE,iCAIJ,+CACE,aAMA,sCACE,aACA,sCAEA,mDACE,qCAEA,+DACE,yDAOV,+BAEE,0CAEA,2CACE,2CAGF,4CAEE,2CACA,wDACE,2CAKN,0BACE,oBACA,mBACA,2BACA,oBACA,mBACA,gBAEA,kCACE,8CACA,eACA,uBAEA,+CACE,6CAGF,oDACE,iBAKN,sBACE,iBACA,iBACA,qBAEA,+BACE,yBAEA,wDACE,0BAIJ,0BACE,oBAIJ,+BACE,4BACA,mBACA,eACA,qBACA,2CAGF,sBACE,kCACA,yCACE,2BAIJ,wCAEE,mBACA,qBAGF,cACE,oBACA,eAEA,2BACE,0BACA,mDAIJ,cACE,8T;ACxLJ,WACE,aACA,mBACA,WACA,eACA,WACA,mBACA,iBACA,2CAEA,mBACE,6BACA,6CACA,yDACA,kDAQA,aACA,mBACA,gBACA,mBACA,WACA,2BACA,uDACA,sBACA,gBACA,kCACA,oBACA,iCACA,iBACA,oBAEA,yRArBA,+BACE,+CACA,qDACA,yCAoBF,4BACE,aAEA,oCACE,SACA,6BACA,iDACA,aACA,cAEA,gDACE,SAKN,oCACE,YAGF,4CACE,cAGF,0BACE,oDACA,gEACA,yDACA,kBACA,UAEA,sCACE,+BACA,qCAGF,2CACE,gDACA,sDACA,qCAIJ,4BACE,0BAGF,yBACE,mEAEA,wHAEA,iJALF,yBAMI,gDAIJ,iCACE,sBAGF,gCACE,oBAIJ,sBACE,mBAGF,2BACE,2BAGE,iDACE,4BACA,oBAGF,gDACE,0BACA,sBAKN,2CACE,4CACA,kDACA,qDACA,6BAEA,kDACE,+CACA,sDACA,qC;ACtIN,YACE,kBACA,YACA,aACA,qCAEA,2BACE,kBACA,OACA,MACA,kBACA,gBAGF,mBACE,kBAGF,sBACE,kBACA,MACA,OACA,WACA,YACA,oBAGF,6BACE,YACA,mBACA,eACA,mBACA,qBAGF,kKAGE,a;ACtCJ,SACE,4BACA,eACA,kBAEA,kBACE,qBAGF,wBACE,qCAGF,kBACE,oBAGF,yBACE,kBACA,QACA,YACA,2B;ACrBJ,mBCEA,8CACE,wBACA,aACA,kBACA,cACA,OAmBF,8BAbE,WACA,kBACA,mBACA,oBACA,oBACA,cACA,mCAGA,kCACA,+BAuOF,WACE,6BAEF,WACE,+BAEF,WACE,wBAEF,WACE,mBAEF,WACE,qBAEF,WACE,2BAEF,WACE,uBAEF,WACE,0BAEF,WACE,8BAEF,WACE,iCAEF,WACE,+BAEF,WACE,uBAEF,WACE,iCAEF,WACE,0BAEF,WACE,0BAEF,WACE,2BAEF,WACE,2BAEF,WACE,sBAEF,WACE,qCAEF,WACE,sCAEF,WACE,qCAEF,WACE,oBAEF,WACE,qBAEF,WACE,2BAEF,WACE,2BAEF,WACE,mCAEF,WACE,oBAEF,WACE,mBAEF,WACE,+BAEF,WACE,wBAEF,WACE,0BAEF,WACE,sBAEF,WACE,mBAEF,WACE,oBAEF,WACE,8BAEF,WACE,uBAEF,WACE,4BAEF,WACE,0BAEF,WACE,2BAEF,WACE,qBAEF,WACE,4BAEF,WACE,2BAEF,WACE,qBAEF,WACE,8BAEF,WACE,wBAEF,WACE,wBAEF,WACE,gCAEF,WACE,wBAEF,WACE,0BAEF,WACE,oBAEF,WACE,wBAEF,WACE,oBAEF,WACE,6BAEF,WACE,2BAEF,WACE,2BAEF,WACE,sBAEF,WACE,wBAEF,WACE,4BAEF,WACE,oBAEF,WACE,wBAEF,WACE,oBAEF,WACE,oBAEF,WACE,qBAEF,WACE,qBAEF,WACE,sBAEF,WACE,kCAEF,WACE,0BAEF,WACE,2BAEF,WACE,mBAEF,WACE,+BAEF,WACE,wBAEF,WACE,0BAEF,WACE,oBAEF,WACE,4BAEF,WACE,sBAEF,WACE,wBAEF,WACE,sBAEF,WACE,uBAEF,WACE,0BAEF,WACE,oBAEF,WACE,oBAEF,WACE,4BAEF,WACE,qBAEF,WACE,+BAEF,WACE,uBAEF,WACE,yBAEF,WACE,uBAEF,WACE,6BAEF,WACE,qBAEF,WACE,oBAEF,WACE,2BAEF,WACE,oBAEF,WACE,uBAEF,WACE,sBAEF,WACE,mBAEF,WACE,wBAEF,WACE,oBAEF,WACE,wBAEF,WACE,2BAEF,WACE,0BAEF,WACE,0BAEF,WACE,2BAEF,WACE,oBAEF,WACE,wBAEF,WACE,0BAEF,WACE,oBAEF,WACE,sBAEF,WACE,oBAEF,WACE,uBAEF,WACE,8BAEF,WACE,+BAEF,WACE,4BAEF,WACE,iCAEF,WACE,uBAEF,WACE,8BAEF,WACE,0BAEF,WACE,yBAEF,WACE,2BAEF,WACE,oBAEF,WACE,oBAEF,WACE,qBAEF,WACE,+BAEF,WACE,oBAEF,WACE,iCAEF,WACE,4BAEF,WACE,+BAEF,WACE,4BAEF,WACE,qBAEF,WACE,2BAEF,WACE,qCAEF,WACE,6BAEF,WACE,qBAEF,WACE,qBAEF,WACE,yBAEF,WACE,wBAEF,WACE,mBAEF,WACE,2BAEF,WACE,8BAEF,WACE,mBAEF,WACE,0BAEF,WACE,oBAEF,WACE,oBAEF,WACE,uBAEF,WACE,wBAEF,WACE,8BAEF,WACE,0BAEF,WACE,qBAEF,WACE,yBAEF,WACE,sBAEF,WACE,sBAEF,WACE,sBAEF,WACE,4BAEF,WACE,uBAEF,WACE,uBAEF,WACE,4BAEF,WACE,qBAEF,WACE,sBAEF,WACE,0BAEF,WACE,8BAEF,WACE,wBAEF,WACE,sBAEF,WACE,sBAEF,WACE,4BAEF,WACE,oBAEF,WACE,+BAEF,WACE,wBAEF,WACE,4BAEF,WACE,qCAEF,WACE,iCAEF,WACE,4BAEF,WACE,uBAEF,WACE,yBAEF,WACE,6BAEF,WACE,2BAEF,WACE,qBAEF,WACE,oBAEF,WACE,mCAEF,WACE,+BAEF,WACE,6BAEF,WACE,uBAEF,WACE,+BAEF,WACE,uBAEF,WACE,qBAEF,WACE,qBAEF,WACE,8BAEF,WACE,4BAEF,WACE,wBAEF,WACE,iCAEF,WACE,oBAEF,WACE,6BAEF,WACE,6BAEF,WACE,8BAEF,WACE,2BAEF,WACE,6BAEF,WACE,qBAEF,WACE,0BAEF,WACE,qBAEF,WACE,yBAEF,WACE,0BAEF,WACE,4BAEF,WACE,sBAEF,WACE,sBAEF,WACE,qBAEF,WACE,sBAEF,WACE,kBAEF,WACE,2BAEF,WACE,2BAEF,WACE,oBAEF,WACE,8BAEF,WACE,0BAEF,WACE,qBAEF,WACE,0BAEF,WACE,wBAEF,WACE,wBAEF,WACE,wBAEF,WACE,mBAEF,WACE,sBAEF,WACE,yBAEF,WACE,uBAEF,WACE,wBAEF,WACE,kBCh5BF,iBACE,2BACA,0BAEA,iBAJF,oCAKI,0CACA,oCACE,+BAEF,oCACE,oCAGF,iCACE,4DAEA,mCACE,iDAGF,mCACE,uBAKN,0BACE,yBACA,CADA,gBACA,yBAGF,sBACE,yBACA,CADA,gBACA,gEAGF,QAEE,sBACA,qBACA,mBACA,mBACA,cACA,uBACA,qBACA,kBACA,+CAIA,gBACE,+CAGF,cACE,yDAEA,mBACE,qDAIJ,4BACE,kBACA,0DAGF,mCACE,yCAIJ,iBACE,MACA,OACA,QACA,SACA,oBAEA,gCAGF,iCACE,oDACA,yGAEA,gDACA,eAEA,mCACA,CADA,0BACA,oBACA,qBAEA,4CAEA,4CAEA,mDACE,uCAGF,SACE,oCAIJ,sBACE,8JAMA,iBACE,YACA,uBACA,YACA,iBACA,8CACA,qBACA,qBACA,uQAEA,iDACE,gBACA,oQAGF,UACE,oQAGF,YACE,ugBAGF,SAEE,oQAGF,YACE,yLAKF,UACE,qBACA,sBACA,gDAKN,iBACE,YACA,uBACA,YACA,cACA,8CACA,iBACA,qBACA,oBACA,mFAEA,iDACE,gBACA,kFAGF,UACE,kFAGF,YACE,mKAGF,SAEE,kFAGF,YACE,8FAMF,UACE,cACA,WACA,iEAIJ,UACE,sBACA,oBACA,mDAGF,mBACE,0BACA,oBACA,oFAEA,mBACE,6DAKF,oCACE,mEAEA,+BACE,qCAKN,wCACE,iDAEA,6CACE,oDAGF,WACE,0DAIJ,uBACE,mBACA,qBACA,kBACA,sEAEA,kBACE,oDAIJ,wBACE,qBACA,4DAEA,uBACE,8BACA,qBACA,yBACA,wEAEA,mCACE,WACA,iCAKN,kBACE,gBACA,uBACA,yDACA,gBACA,oBACA,0BACA,uBACA,aACA,qDAEA,YACE,mBACA,8CAGF,eACE,uBACA,uBACA,0FAGF,oCAEE,sGAEA,WACE,gDAIJ,kBACE,uCAGF,iBACE,sCAGF,oBACE,gBACA,2CAGF,mBACE,+CAGF,kBACE,0BACA,8CAGF,iCACE,sBACA,WACA,mBACA,8CAGF,MACE,iBACA,iBACA,gBACA,iBACA,qBACA,6CACA,2DAEA,yBACE,qCAKN,YACE,sBACA,2BACA,WACA,kBACA,iCAGF,qBACE,6BAGF,gDACE,kGAGF,kCAGE,uCAGF,8BACE,0GAEA,UACE,qBACA,iCACA,YACA,mDAIJ,uBACE,gEAGF,oBACE,mDAGF,YACE,gCAGF,eACE,kBACA,kBACA,eACA,gBACA,0BACA,wCAEA,4BACE,6CAGF,eAEE,mDAGF,cAEE,kEAKF,uBACE,4DAMA,wBACE,UACA,8BACA,iCAMJ,mBACE,0DAEA,qBACE,6CAGF,iDACE,mHAQJ,iBACE,+IAMF,qBAEE,uBACA,wBAIJ,eACE,0BAEA,uBAHF,eAII,gEAIJ,oBACE,cACA,wBACA,oBACA,sBACA,2BACA,0EAEA,uDACE,oBACA,0DAKF,+CACE,iDACA,0DACA,iEAGF,2EACE,+BACA,gCACA,oCAIJ,2BACE,6BACA,0CAGF,4BACE,yDAEA,YACE,uBACA,2BACA,cACA,UACA,wEAEA,mBACE,kBACA,YACA,4BACA,gBACA,yCACA,4CACA,qFAEA,iBACE,sEAIJ,kBACE,uDAIJ,kBACE,2DAOJ,YACE,uBACA,mBACA,mFAEA,oCACE,mNAEA,wBAEE,2IAKN,qBAEE,qeAGF,mBAME,qBACA,ixBAEA,qBACE,qEAIJ,qBACE,2UAGF,kBAIE,wBACA,mhBAEA,wBACE,+EAIJ,eACE,6HAIF,qBAEE,iOAEA,qBACE,+DAIJ,YACE,mBACA,uBACA,qFAEA,UACE,mBACA,+CACA,iIAIJ,iBAEE,aACA,mBACA,uBACA,WACA,WACA,yBACA,yJAEA,SACE,6JAGF,YACE,mBACA,uBACA,eACA,gBACA,kBACA,2BACA,6MAGF,4BACE,iPAEA,SACE,+DAKN,gBACE,mEAGF,gBACE,uKAGF,0BAEE,WACA,iBACA,kBACA,cACA,aACA,UACA,kBACA,qBACA,qBACA,yBACA,CADA,gBACA,aACA,mBACA,yGAGF,yBACE,oBACA,oBACA,mHAGF,2BACE,kBACA,wBAIJ,mBACE,+BAGF,eACE,aACA,eACA,qBACA,4CAEA,kBACE,wBACA,wDAEA,iBACE,6CAIJ,cACE,+CAGF,YACE,uBACA,2BACA,cACA,iDAEA,eACE,0BAIA,+DADF,4BAEI,2BAGF,+DALF,iBAMI,UACA,6BACA,mEAIJ,SACE,kBACA,uDAIJ,+BACE,4CAGF,aACE,eACA,cACA,wDAEA,KACE,OACA,SACA,QACA,yDAIJ,oBACE,oBACA,oEAEA,uDACE,oBACA,0CAIJ,2CACE,2BACA,eAEA,yDAEA,4BACE,8BACA,wDAGF,aACE,sBACA,uDAGF,SACE,wDAGF,iBACE,kBACA,mCACA,+DAEA,4BACE,8BACA,qEAGF,gBACE,gBACA,QACA,mBACA,4CAMJ,uBAQE,0DAEA,UACE,iBACA,4CAZJ,2BAQE,0DAEA,wBACE,4BACA,4CAZJ,0BAQE,0DAEA,uBACE,2BACA,4CAZJ,yBAQE,0DAEA,sBACE,0BACA,4CAZJ,0BAQE,0DAEA,uBACE,2BACA,4CAZJ,uBAQE,0DAEA,oBACE,wBACA,4CAZJ,0BAQE,0DAEA,uBACE,2BACA,kDAKN,uCACE,0CACA,4CAGF,2CACE,8CACA,4DAEA,kBACE,6EAEA,kBACE,0BAEA,4EAHF,aAII,UACA,+BACA,qBAOV,6DAoCE,+DACA,iEACA,kEACA,6KAtCA,mBAKE,wDAGF,iBACE,kBACA,qBACA,gEAEA,UACE,cACA,kBACA,MACA,SACA,cACA,UACA,+BACA,kBACA,iEAGF,4BACE,yEAEA,SACE,eACA,iCAUN,mBACE,gCACA,sBAIJ,oBACE,mBAGF,mCACE,gCACA,sBACA,qCACA,qBACA,4EAEA,oCAGE,mBAIJ,uBACE,gCACA,qBACA,SACA,gBACA,kBACA,6BAEA,oCACE,kBAKJ,oBACE,sCACA,SACA,cACA,oBACA,kBACA,kBACA,gBACA,sCAGE,SACE,+BAIJ,eACE,sBACA,4BAGF,eACE,sDAIJ,8CAIE,yCACA,kBACA,iCAIF,oBACE,WACA,wBAGF,oBACE,kBACA,0BACA,qBACA,qBACA,gBACA,gDACA,qBACA,wCAEA,UACE,kBACA,MACA,qBACA,SACA,UACA,oDACA,sCAGF,8BDx8BA,WACA,kBACA,mBACA,oBACA,oBACA,cACA,mCAGA,kCACA,YCg8BE,0BAEA,kBACA,WACA,wBACA,kBAEA,aAKJ,aACE,uBACA,CADA,iBACA,yBAGF,GACE,uBACE,UACA,KAGF,UACE,MAGF,qDACE,UACA,6BAIJ,GACE,wBACE,MAGF,8BACE,kCAIJ,GACE,wBACE,WACA,MAGF,8BACE,wBACA,WFvgCJ,YACE,qBACA,sBACA,kBACA,4CAEA,wCACA,gDACA,4DACA,2CACA,6CACA,0EACA,sCACA,0CACA,mBACA,qCACA,iDACA,+CACA,+BACA,8BACA,kCACA,8HACA,+DAGA,6CACA,6BACA,4BACA,wDAEA,yDACA,2DACA,4DACA,2BAEA,SAnCF,8BAoCI,2BAEF,SAtCF,oBAuCI,qBAGF,wCACE,uBAGF,wBACE,CADF,gBACE,oDAGF,SAEE,iCACA,8CACA,sGAEA,0BACE,kBAIJ,iBACE,SACA,OACA,sBAEA,0BAGF,4BACE,qCAEA,kBACA,gBACA,eACA,aACA,mBACA,uBACA,qBACA,UACA,uDACA,qBACA,UACA,kCAEA,oBACE,gCAGF,sBACE,mBACA,6CAIJ,yCACE,8BAGF,UACE,cACA,wBAGF,qBACE,0BACA,uBAFF,sBAGI,wBAIJ,qBAGE,gEAKE,uCACE,4DAIF,mBACE,8CAMJ,iEACE,uDAKF,SACE,oBAIJ,mBACE,iEAEA,cAEE,0BAGF,mBARF,qBASI,iEAEA,mBAEE,wDAIJ,gEACE,6DAGF,6DACE,iEACA,uDAGF,6DACE,kCAGF,gEACE,gEAEA,8BACE,cAKN,0BACE,gDACA,4CACA,oDACA,gEACA,2CACA,6CACA,8EACA,sDACA,8CACA,mBACA,wCACA,yCACA,2CACA,oCACA,0CACA,sCACA,8BACA,4BACA,4CACA,mEACA,iDACA,2BAEA,aAxBF,iBAyBI,sDAGF,yDAEE,4DACA,8DACA,0BAGF,aAnCF,oBAoCI,kDAGF,iEACE,uDAGF,8DACE,kEACA,iDAGF,8DACE,4BAGF,iEACE,0DAEA,+BACE,6BACA,4EAMJ,iDAEE,UACA,6DACA,wBACA,2BAIJ,wCACE,oDAEA,gBACE,kBACA,yDAGF,wCACE,WACA,0DACA,qBACA,4CACA,sBACA,kBACA,yBACA,CADA,gBACA,kBACA,UACA,oBACA,sBACA,mBACA,mBACA,2IAEA,wDAEE,yDACA,sEAGF,4BACE,qCACA,8EAGF,UACE,kBACA,SACA,SACA,2BACA,WACA,YACA,kBACA,iBAEA,gDAEA,gCACA,uHACA,CADA,8GACA,2BACA,CADA,sBACA,2EAGF,eACE,oIACA,gBACA,gDAIJ,YACE,cACA,mBACA,kBACA,gBACA,wCAGF,gBACE,WACA,YACA,kBACA,QACA,2BACA,wCAGF,gBACE,oBAIJ,kCACE,qBAGF,oCACE,+BAEA,oCACE,mCAGF,oCACE,6CAEA,oCACE,8BAKN,oCACE,0BAEA,6BAHF,wBAII,CAJJ,gBAII,iHAIA,4BAEE,oDAIJ,UACE,kBACA,aACA,gBACA,WACA,YACA,qCACA,yIAKA,oBACE,sDAIJ,SACE,8CAKF,6BACE,2DAEA,wBACE,uEAEA,6BACE,yDAON,6BACE,8HAIJ,oDAEE,sIAGF,wDAEE,yCAGF,cACE,aACA,mGAIA,wDACE,2BACA,qBACA,0GAEA,8BACE,gBAKN,iBACE,wCAEA,iBACE,SACA,UACA,UACA,qCAIJ,iBACE,kDACA,sCACE,6DAGF,iBACE,UACA,aACA,eACA,WACA,mFAGF,gEAEE,yEAIA,6BACE,2GAGF,4CAEE,6FAOJ,6BACE,yEAGF,0BACE,yDAKF,+BACE,gFAIA,+BACE,oGAKF,8BACE,qEAKF,gBACE,8EAGF,eACE,oCACA,qCACA,wFAGF,WACE,4DAIJ,eACE,oEAEA,mBACE,6EAGF,sCACE,wCACA,yPAOA,eACE,uQAEA,UACE,cACA,eACA,uBACA,gBACA,oCACA,kBACA,mSASA,kCACE,qCACA,iTAEA,kCACE,2CACA,6OAYV,2CACE,6PAIA,wDACE,gDACA,wDAKN,gBACE,gDAGF,oDACE,4DAIA,YACE,yBACA,6EAEA,UACE,kCAMR,iBACE,OACA,cACA,aACA,cACA,sBACA,kBACA,wCACA,aAEA,mBACA,uBACA,WAEA,eACA,UAEA,oBACA,4CACA,+CAEA,iBACE,UACA,SACA,mBACA,8CAGF,0CACE,oOAKF,+BAEE,yNAKA,8BAEE,gCACA,gMAKF,kBAGE,0RAIJ,2BAIE,6BACA,6DAIA,gBACE,sBACA,iCAKN,iBACE,SACA,WACA,sCACA,UAEA,oEACA,CADA,2DACA,CADA,yFACA,yBAEA,gCATF,oBAUI,qHAGF,gDAGE,yCACA,CADA,gCACA,oGAEA,mHANF,uBAOI,sGAOJ,SACE,uCAIJ,SACE,qCAGF,UACE,2CAGF,WACE,yBAGF,UACE,UACA,kBACA,wNAKJ,oDAOE,uDACA,2DACA,6DACA,+BAGF,mCACE,cAGF,eACE,+CAGF,aACE,6d;AGtvBF,kBACE,mEACA,0CAEA,mBACA,oBAEA,0BACE,aAGF,0BACE,0DAEA,mBACA,wBACA,gFAEA,qCAEA,+BAEA,iEACE,0CACA,YAIJ,gCACE,0BAEA,0BAGF,gCACE,wBAGF,8BACE,+BAEA,sCACE,wBAIF,yBARF,8BASI,iCAEA,+CACE,mDAKN,yCACE,uBACA,UAGF,mCACE,cAEA,yBAHF,mCAII,gDAIJ,kCACE,mBAEA,YACA,uBAEA,yCACE,WACA,uBAIJ,iCACE,oBACA,2BACA,iBACA,6BACA,yDACA,gDACA,sBACA,kBACA,gBAEA,yCACE,WACA,cACA,kBACA,MACA,qBACA,SACA,UACA,oDAGF,yCACE,kCACA,YACA,gBACA,gBACA,cAEA,iDACE,WACA,kBACA,MACA,OACA,WACA,gBACA,+BACA,YAIJ,uCACE,kBACA,iBACA,WACA,QACA,yBAIJ,gCACE,6C;ACnIJ,sBACE,YACA,aACA,mBACA,uBACA,+BAEA,cACE,mBACA,yBAGF,yBACE,WACA,YACA,eACA,sBAGF,mBACE,sBACA,gCACA,gBACA,oBACA,qBACA,WACA,+BAEA,gBACE,oBAIJ,eACE,eACA,qBACA,kBACA,uBACA,0BAGF,kBACE,SACA,UACA,gBACA,uBACA,gCAGF,iBACE,eACA,8BAGF,kBACE,kBACA,UACA,gBACA,uBACA,gBACA,yCAEA,WACE,wBACA,C;AChEN,aACE,OACA,WACA,oBAEA,kBACA,kBAGA,mEAEA,sCACE,2BAGF,iCACE,sIAGF,wBAnBF,aAoBI,0CACA,2BAEA,gCACE,0CACA,+BAIJ,mCACE,kBACA,SAEA,yBACE,2DALJ,mCAMM,iDAIJ,6EACE,2BAIJ,yCACE,aAGF,iCACE,WACA,0CACA,gBACA,cACA,aACA,yBACA,sBACA,6BAEA,wDACE,4BAGF,yBAdF,iCAeI,YACA,wBAEA,UAIJ,yBACE,gBAEA,uCACE,mBAIJ,yDAEE,gBAEA,qFACE,uBAEA,yBAHF,qFAII,uBAGF,iHACE,uBAKN,yBACE,+BACE,gBAEA,6CACE,sBAEA,sEACE,yEACE,4DAOV,kDAEE,kBAEA,UACA,mBACA,+CAEA,wEACE,qBACA,UAGF,wHACE,UACA,eACA,2BAGF,kGACE,eAKF,wEACE,eAGF,kEACE,WACA,kBACA,eACA,kBACA,WACA,YACA,gBACA,UAEA,UACA,4CAEA,oHACE,2BAKF,0GACE,kBAKF,4GACE,eAIJ,kFAEE,2BAOA,wWACE,WAEA,wcACE,WASJ,oIACE,gCAOA,gnBACE,YAMR,oBACE,WACA,YACA,aACA,mBACA,uBAEA,yBACE,cACA,gBAIJ,6GAIE,kBACA,0CAEA,iIACE,qBACA,gCACA,WACA,0DACA,gBACA,iBACA,gBACA,4CACA,sBACA,kBACA,UAEA,0WAEE,yDACA,yDAGF,qLACE,2BACA,gDACA,iDACA,0DAKN,qCACE,eAGF,4CACE,aACA,sBACA,mBAGF,kCACE,wBACA,sBACA,mBACA,4BACA,iCACA,iBACA,qCACA,aAGF,uCACE,YACA,mBAGF,sCACE,gBACA,mBACA,kBAGF,8CACE,gBACA,wBACA,sBACA,mBACA,4BACA,iCACA,iBACA,qCACA,aAEA,sDACE,aACA,cACA,YAIJ,oCACE,qBACA,2CACA,qBACA,iBACA,sCAGF,0BACE,gBACA,mBACA,6BACA,oBACA,UACA,4BAEA,yBARF,0BASI,iBACA,sBAGF,iEACE,UAEA,sEACE,oBAIJ,mDACE,gBAGF,sCACE,qCAGF,+BACE,oBAIJ,sDACE,gBACA,YAGF,kDACE,wBAGF,4CACE,uBAGF,+DAEE,iBACA,oBAIA,yCACE,qCAEA,+CACE,0BAIJ,6CACE,0BAEA,mDACE,qBAKN,yCACE,qBAGF,0BApYF,aAqYI,WACA,+BACA,6CAEA,iCACE,6CAGF,6CACE,gBAGF,qCACE,kEAGF,uCACE,6CAEA,2DACE,YAKN,yBA9ZF,aA+ZI,6CAEA,gDACE,+BAGF,sCACE,qEAIJ,sEAEE,yCAEA,wHACE,0C;AC/aN,iBACE,kBACA,OACA,QACA,SAEA,aACA,mBACA,iBACA,mCACA,qCACA,yGACA,+BACA,+DAGE,4DACE,aAIJ,0BArBF,iBAsBI,+BACA,+DAEA,yCACE,sDAIJ,0CACE,mBACA,aACA,mB;ACjCJ,sBACE,kBACA,eACA,iBACA,cACA,kBACA,gBAGF,sBACE,eACA,cACA,uBACA,gCAGF,sBACE,8CACA,kBACA,sBACA,sCAGF,sBACE,kBACA,OACA,MACA,cACA,gCACA,uBACA,sBACA,sCACA,yCACA,qB;AC/BF,sBACE,aACA,mBACA,iBACA,qCACA,2BACA,mCAGE,8BACE,mBAEA,mCACE,qBAKN,+CAKE,2BAJA,iEACE,aAMJ,0BA1BF,sBA2BI,+BACA,+DAEA,sDACE,6BAGF,8CACE,mEAIJ,8BACE,cAIJ,iCACE,kBACA,OACA,QACA,SACA,mCACA,oCACA,uDACA,+BACA,+DAEA,yCACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDAGF,uDACE,aACA,gBACA,OAGF,uDACE,eAGF,0BACE,yDACE,qDAKN,sBACE,uBAGF,sBACE,kBACA,+DAGF,sBACE,UACA,qBAGF,sBACE,aACA,cACA,oBACA,uBACA,eACA,qBACA,kDACA,kBACA,gBACA,qCACA,mBAEA,uDACE,wDAKJ,sBACE,gBACA,WACA,gBAGF,sBACE,gBACA,4BACA,mBACA,gBACA,gBACA,YAEA,sCAEA,2CACE,+BACA,sBACA,oBACA,oBAGF,mCACE,WACA,YAGF,iDAtBF,sBAuBI,iBAIJ,sBACE,gBACA,kBACA,iBACA,YACA,2BACA,sBACA,gBACA,mBAEA,kCACE,mBAIJ,sBACE,kBACA,qBACA,gBACA,mBACA,gBACA,uBACA,SACA,8BAEA,kCACE,mBAIJ,wDAEE,cACA,WACA,gBACA,mBACA,uBACA,qBACA,iBACA,gBACA,oBACA,YACA,gBACA,cAGF,sBACE,kBACA,yBACA,eACA,0BACA,mBACA,gBAGF,sBACE,WACA,YAEA,cAEA,qBACA,gBAEA,4CACE,gBAIJ,sBACE,WACA,YACA,iBAGF,yBACE,sBACE,YACA,cACA,iBACA,gBACA,sBAEA,8BACE,YACA,eAGF,4CACE,eAIJ,iCACE,aAGF,sBCxJA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCAGA,sEDwIA,sBCvIE,oBACA,qBAGF,8BACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,wDDgIJ,iDACE,wDACE,UAEA,gFACE,WAKN,8CACE,gEAEA,uEACE,e;AElPJ,cACE,aACA,mBACA,WACA,+CACA,mCACA,kBACA,+BACA,mBACA,sBACA,sDACA,uDACA,cACA,cAEA,yBAfF,cAgBI,kBAEA,kDACA,qDAIF,qEAvBF,cAwBI,oBACA,uBAEA,yBA3BJ,cA4BM,mBACA,sBAIJ,0BACE,WAGA,YAEA,4CACE,aACA,mBACA,WAIJ,2BACE,oBACA,mBACA,kBAEA,yBALF,2BAMI,eAGF,yCACE,kBACA,eACA,kBACA,sBACA,iBACA,oBACA,gBACA,kBAEA,kBACA,aACA,cAEA,6BACA,WACA,oBAEA,gDACE,gCAKN,iCACE,YACA,gBAGF,4BACE,aACA,mBACA,yBACA,iBACA,cAGE,2LAGE,2BAKF,uIAEE,2BAIJ,iDACE,2CACE,+BACA,6CAEA,mEACE,mEAKN,0BAjCF,4BAkCI,+BACA,6CAEA,oDACE,mEAKJ,yDACE,oBAIJ,iDACE,+CACE,UAEA,uEACE,WA/JN,sDD6FA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCCvGE,mBACA,aACA,qBDwGF,sEC7GA,sDD8GE,oBACA,qBAGF,8DACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDCnHA,8DACE,gBACA,YAGF,wIACE,sBAGF,oEACE,iBAsJF,0BACE,iEACE,uDAKN,kDACE,mDAEA,2EACE,eAIJ,iBACE,gBACA,mBACA,qBACA,gBACA,SACA,gBACA,uBACA,uBAEA,4DAEE,oBACA,gBAGF,yBAhBF,iBAiBI,cACA,gBACA,wBAGF,0BACE,yCACE,kDAKN,wBACE,qCACA,aACA,mBAEA,qCAEA,yBAPF,wBAQI,2CAGF,8BACE,aACA,sBACA,uBACA,YACA,gBAGF,+BACE,8BAEA,aACA,mBAEA,6CACE,cACA,eAIJ,uEAEE,eACA,uBAEA,0BACE,uHACE,kDAKN,qCACE,uBACA,gBACA,uBAEA,0BACE,6DACE,kDAKN,sCACE,2BAGF,sCACE,8BACA,+BAIJ,uDAEE,wBACA,yBAEA,qBAGF,iCACE,6BACA,kBAEA,8CACE,cACA,eAGF,oDACE,kBAGF,oDACE,kCAIJ,sBACE,oBAGF,mDAEE,kBACA,qBACA,SACA,kCACA,gBACA,mBACA,uBACA,qBAEA,uEACE,oBAGF,iEACE,2BAGF,2EACE,iBAIJ,8BACE,aACA,cAGF,6BACE,cACA,iBACA,aACA,mBACA,yBAEA,qCACE,mBAEA,0CACE,qBAKF,8DACE,2BACA,UAIJ,2CACE,kBACA,iBAGF,oCACE,kBACA,eACA,YACA,gCACA,oBACA,WACA,iBACA,iBACA,gBACA,kBACA,cACA,QACA,MAIJ,yBA3XA,2BD6FA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCCvGE,mBACA,aACA,qBDwGF,sEC7GA,2BD8GE,oBACA,qBAGF,mCACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDCnHA,mCACE,gBACA,YAGF,kFACE,sBAGF,yCACE,kBA8WJ,wCACE,wBAIA,yBADF,yFAEI,kBAEA,sGACE,qBAMR,mBACE,KACE,UAEF,GACE,W;ACtZJ,cACE,aACA,uBACA,YACA,kBACA,UACA,YAEA,yBARF,cASI,iBAGF,+BACE,wDAEA,aACA,sBACA,mBACA,WACA,YACA,kBACA,gBAEA,2CACE,WACA,YACA,gBAEA,6DACE,aACA,sBACA,mBAMJ,0CACE,kCACA,kGAEA,kDACE,mCACA,8CAIA,oKAEE,2BAKN,+EAEE,UACA,4CAEA,uJACE,2BAIJ,gCACE,UACA,mBACA,gHAGA,oEACE,2BAIJ,2EAEE,oBAIA,6DACE,SAGF,sDACE,6FACA,yDAEA,8DACE,sCAIJ,2DACE,yBAEA,yBAHF,2DAII,0BAIJ,uGAEE,UAGF,4CACE,qBACA,qBAKN,kCACE,oBACA,8CAEA,iEACE,UACA,4CAEA,0FACE,2BAIJ,2DACE,2BAGF,8CACE,kDACA,oBAEA,6EACE,UAIJ,wCACE,WACA,aACA,4CACA,mCACA,kCACA,kBACA,iDAIJ,oCACE,WACA,0CACA,eACA,kBACA,aACA,qBACA,+BAEA,+BAEA,uDAEA,6DACE,2BAGF,oEAEE,gCAGF,0BAtBF,oCAuBI,6CAEA,4DACE,mEAIJ,yBA9BF,oCA+BI,gBAEA,6DACE,qEAIJ,sDACE,iBACA,MAEA,yBACE,uDALJ,sDAMM,2CAEA,4EACE,kCAMR,4CACE,WACA,kBACA,eACA,OACA,QACA,WACA,qJAOA,UACA,8BAEA,yBAjBF,4CAkBI,SACA,WAIJ,uDACE,UAGF,4DACE,qJAYN,oDAGE,sBAEA,yBALF,oDAMI,qBAIJ,6FAKE,WACA,aACA,uBACA,kBAOA,6KACE,8DACA,4CAIJ,uCACE,WACA,aACA,uBACA,kBACA,uBAEA,yDACE,0BACA,yBAEA,qBAEI,2EACE,0BAKN,yBAGI,uJACE,0BAKN,qEACE,+BACA,yBACA,kCACA,iBACA,sBAIJ,uHAEE,cACA,oBACA,+EAEA,2MACE,gBACA,4CAGF,yBAXF,uHAYI,eAIJ,yBArDF,uCAsDI,sBACA,oBAEA,uEAzDJ,uCA0DM,4DAIJ,oEACE,iBAIJ,eACE,kBACA,MACA,OACA,SACA,aACA,+BACA,iB;AC7VF,sBACE,kBACA,MACA,OACA,SACA,QACA,WACA,gBACA,+CAEA,8BACE,WACA,kBACA,MACA,OACA,SACA,QACA,2BACA,4BACA,sBAGF,0EACE,yDAGF,8EACE,aAGF,mDACE,qDACA,qBAGF,0EACE,gCAEA,uGACE,oDAIJ,2CACE,wBAGF,wEACE,kBAGF,sCACE,wFACE,gBACA,mBACA,8BAKF,sCADF,8HAEI,mCAEF,sCAJF,8HAKI,kCAEF,sCAPF,8HAQI,mCAIJ,mJACE,6CAGF,mFACE,WACA,kBACA,MACA,OACA,SACA,QACA,yDACA,8BACA,2BACA,yBACA,uBAEA,mGACE,yDACA,6C;AC1FN,gBACE,YACA,gBACA,kBAEA,sBACE,YACA,gB;ACPJ,sBACE,kBAGF,sBAEE,SACA,oBACA,gBACA,qCAGF,sBACE,kBACA,OACA,MACA,WACA,YACA,iBAGF,sBACE,kBACA,qBACA,0BAGF,sBACE,kBACA,mC;AC3BF,SACE,YACA,aACA,sBAEA,kBACA,kBAEA,iCACE,oBAEA,gDACE,2BAIJ,kCACE,4BN+GF,yCACA,2EACA,8DAEA,6CACE,mBACA,gBMlHA,0CACE,gBAIA,sDACE,cACA,kBAKN,+BACE,UAIJ,cACE,aACA,8BAEA,uBACE,mCACA,SACA,UAEA,4BACE,oBAEA,kCACE,mBAGF,sCACE,aAKN,0BACE,OAIA,kCACE,YACA,iBACA,aACA,uBACA,uBAEA,2CACE,wBAIJ,iHAGE,aACA,qCACA,mBACA,kBAGF,sCACE,gBAEA,kDACE,mBAIJ,kCACE,gBAEA,gHAEE,aAIJ,oEAEE,gBAGE,gHACE,MACA,OACA,aACA,mBACA,uBAGF,gGACE,qBAKN,wHAGE,cAEA,yBALF,wHAMI,gBAEA,kNACE,UAMJ,6DACE,oBAGF,gEACE,wBACA,cACA,sBACA,UACA,iDACA,mGAEA,sEACE,oBAIJ,0DACE,kBACA,gBACA,mB;AC9JR,aACE,aACA,mBACA,4BACA,uBACA,oBAEA,yBAPF,aAQI,eAGF,2BACE,cAGF,yBACE,OACA,YAEA,2CACE,aACA,mBAIJ,gBACE,gBACA,kBACA,gBACA,qBAGF,oBACE,aACA,iBAGF,0BACE,iBAEA,yBAHF,0BAII,mBAIJ,2BACE,iBAGF,uCACE,wBAEA,oDACE,2BAKF,yBADF,iEAEI,mB;ACzDN,sBACE,kBACA,kBAGF,sBACE,kCACA,kBACA,mBAGF,sBACE,gBACA,kCAGF,sBACE,aR+GA,yCACA,2EACA,8DAEA,iCACE,mBACA,gBQjHJ,8BACE,gBAGF,sBACE,gBACA,YACA,qBAGF,sBACE,iBAGF,sBACE,uB;ACtCF,aACE,kBACA,MACA,QACA,gCACA,YACA,yCACA,uDACA,mCACA,2CACA,8BAEA,6CAGA,0DAfF,aAgBI,iBAGF,mFAEE,2BAGF,0BAxBF,aAyBI,8DACA,kBAGF,yBA7BF,aA8BI,YACA,oCAGF,yBACE,yCACA,gBAGF,4CACE,iBACA,cACA,kBAEA,oDACE,oBAEA,6DACE,gDAIJ,mDACE,aACA,uBACA,mBAEA,sDACE,gBACA,kBACA,iBACA,qBACA,sBAGF,0DACE,aACA,cACA,uBAIJ,oDACE,kBACA,cAKN,qBACE,kBACA,MACA,OACA,QACA,SACA,8BACA,gBACA,kBACA,oBAEA,0BAXF,qBAYI,gBAGF,+BACE,aAGF,uCACE,kBACA,MACA,QACA,SACA,OACA,WACA,gBACA,UAEA,yBAVF,uCAWI,2CAEA,uIAEE,iBAKN,8CACE,mBAIA,yBACE,+DACE,uCAIJ,0DACE,oBACA,+B;ACnIN,sBACE,eACA,MACA,OACA,QACA,SACA,0BAEA,oBACA,gB;ACRA,yBACE,cACA,YACA,uBACA,+BACA,YACA,gBACA,SAGF,yBACE,aAGF,0BACE,gBAGF,uBACE,WACA,YACA,SACA,yCAGF,yBACE,yBACE,yCACA,0BACA,gBAGF,yBACE,aACA,cAGF,0BACE,gBACA,UAGF,uBACE,iB;AC5CN,MACE,YACA,gBACA,gBAEA,0BALF,MAMI,mBAGF,yBATF,MAUI,iCAGF,yBAbF,MAcI,aACA,+BACA,yBAIJ,iBACE,2BAEA,kGACE,8CACA,qCAIJ,YACE,+BACA,iCAEA,WACA,uCACA,uCACA,YACA,gBACA,kBAEA,yCAEA,yBAbF,YAcI,+BAGF,0BAjBF,YAkBI,WACA,+BAGF,yBAtBF,YAuBI,eACA,OACA,MACA,gCACA,yBAEA,mCACA,6CAEA,qCACE,gBAGF,mBACE,WACA,cACA,kBACA,OACA,MACA,QACA,SACA,gBACA,UACA,2CACA,UACA,oBAEA,4CACE,gBAIF,mCACE,aAGF,+HAEE,cAGF,yHAEE,sCAIJ,mCACE,+BAGF,6CACE,gBAEA,mDACE,iBAKN,yBAnFF,YAoFI,gCACA,eACA,iEACA,mCACA,0CACA,yDAGA,gDA5FJ,YA6FM,kBACA,wBAIF,6CACE,WACA,kBACA,OACA,QACA,MACA,SACA,mCACA,WAMJ,yBADF,aAEI,uCAGF,8CACE,gBAEA,gEACE,gBAKN,mDACE,gBAGF,cACE,2CAEA,yBAHF,cAII,eACA,eACA,OACA,MACA,SACA,QAEA,+BACA,6CAEA,uCACE,gBAGF,qCACE,qCAGF,6IAEE,iBAIJ,yBA5BF,cA6BI,iBAEA,qCACE,mCAGF,sCACE,oCAIJ,+CACE,gBAEA,qDACE,gB;AC1MN,sBACE,eACA,OACA,MACA,QACA,SAEA,aACA,mBACA,uBAGF,sBACE,oBACA,sBACA,mCACA,wBACA,gBACA,sBACA,2CACA,UAEA,+BACE,iBAIJ,sBACE,YACA,aACA,mBAGF,sBACE,gB","sources":["webpack://telegram-t/./src/components/left/NewChatButton.scss","webpack://telegram-t/./src/components/left/ConnectionStatusOverlay.scss","webpack://telegram-t/./src/components/left/main/LeftMainHeader.scss","webpack://telegram-t/./src/components/left/main/LeftMain.scss","webpack://telegram-t/./src/components/left/LeftColumn.scss","webpack://telegram-t/./src/components/middle/AudioPlayer.scss","webpack://telegram-t/./src/components/middle/ScrollDownButton.module.scss","webpack://telegram-t/./src/components/middle/FloatingActionButtons.module.scss","webpack://telegram-t/./src/components/middle/ContactGreeting.scss","webpack://telegram-t/./src/components/middle/MessageListBotInfo.module.scss","webpack://telegram-t/./src/components/common/TopicChip.module.scss","webpack://telegram-t/./src/components/middle/message/Album.scss","webpack://telegram-t/./src/components/middle/message/AnimatedEmoji.scss","webpack://telegram-t/./src/components/middle/message/CommentButton.scss","webpack://telegram-t/./src/components/middle/message/Contact.scss","webpack://telegram-t/./src/components/middle/message/Game.scss","webpack://telegram-t/./src/components/middle/message/Giveaway.module.scss","webpack://telegram-t/./src/components/middle/message/InlineButtons.scss","webpack://telegram-t/./src/components/middle/message/Invoice.scss","webpack://telegram-t/./src/components/middle/message/InvoiceMediaPreview.module.scss","webpack://telegram-t/./src/components/middle/message/Location.scss","webpack://telegram-t/./src/components/middle/message/MessageMeta.scss","webpack://telegram-t/./src/components/middle/message/MessagePhoneCall.module.scss","webpack://telegram-t/./src/components/middle/message/PollOption.scss","webpack://telegram-t/./src/components/middle/message/Poll.scss","webpack://telegram-t/./src/components/middle/message/Reactions.scss","webpack://telegram-t/./src/components/middle/message/RoundVideo.scss","webpack://telegram-t/./src/components/middle/message/Sticker.scss","webpack://telegram-t/./src/components/middle/message/Message.scss","webpack://telegram-t/./src/styles/icons.scss","webpack://telegram-t/./src/components/middle/message/_message-content.scss","webpack://telegram-t/./src/components/middle/message/SponsoredMessage.scss","webpack://telegram-t/./src/components/middle/NoMessages.scss","webpack://telegram-t/./src/components/middle/MessageList.scss","webpack://telegram-t/./src/components/middle/ChatReportPanel.scss","webpack://telegram-t/./src/components/middle/PinnedMessageNavigation.module.scss","webpack://telegram-t/./src/components/middle/HeaderPinnedMessage.module.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/middle/MiddleHeader.scss","webpack://telegram-t/./src/components/middle/MiddleColumn.scss","webpack://telegram-t/./src/components/middle/MiddleColumn.module.scss","webpack://telegram-t/./src/components/right/AddChatMembers.scss","webpack://telegram-t/./src/components/story/MediaStory.module.scss","webpack://telegram-t/./src/components/right/Profile.scss","webpack://telegram-t/./src/components/right/RightHeader.scss","webpack://telegram-t/./src/components/right/statistics/BoostStatistics.module.scss","webpack://telegram-t/./src/components/right/RightColumn.scss","webpack://telegram-t/./src/components/main/ConfettiContainer.module.scss","webpack://telegram-t/./src/components/main/GameModal.scss","webpack://telegram-t/./src/components/main/Main.scss","webpack://telegram-t/./src/components/main/LockScreen.module.scss"],"sourcesContent":[".NewChatButton {\n position: absolute;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(5rem);\n\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n &[dir=\"rtl\"] {\n right: auto;\n left: 1rem;\n }\n\n body.no-page-transitions & {\n transform: none !important;\n opacity: 0;\n\n transition: opacity 0.15s;\n\n &.revealed {\n opacity: 1;\n }\n }\n\n &.revealed {\n transform: translateY(0);\n\n @media (max-width: 600px) {\n // Force rendering in the composite layer to fix the z-index rendering issue\n transform: translate3d(0, 0, 0.625rem);\n transform-style: preserve-3d;\n }\n }\n\n > .Button {\n .icon-new-chat-filled,\n .icon-close {\n position: absolute;\n }\n\n &:not(.active) {\n .icon-new-chat-filled {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-close {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.active {\n .icon-close {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-new-chat-filled {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n }\n}\n",".connection-state-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 2;\n\n transition: transform 300ms ease, opacity 300ms ease;\n opacity: 1;\n\n &:not(.open) {\n transform: translateY(-3rem);\n opacity: 0;\n }\n\n &:not(.shown) {\n display: none;\n }\n}\n\n#ConnectionStatusOverlay {\n height: 2.9375rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin: 0.375rem 0.5rem;\n padding: 0 0.75rem;\n background: var(--color-yellow);\n border-radius: var(--border-radius-default);\n\n &.interactive {\n cursor: var(--custom-cursor, pointer);\n }\n\n > .Spinner {\n --spinner-size: 1.75rem;\n }\n\n > .state-text {\n flex: 1;\n color: var(--color-text-lighter);\n font-size: 0.9375rem;\n font-weight: 500;\n padding-bottom: 0.0625rem;\n margin-inline-start: 1.875rem;\n white-space: nowrap;\n }\n\n @media (max-width: 950px) {\n > .state-text {\n margin-inline-start: 1.25rem;\n }\n }\n\n .Transition {\n width: 100%;\n // https://dfmcphee.com/flex-items-and-min-width-0/\n // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n min-width: 0;\n\n > .Transition_slide {\n display: flex;\n align-items: center;\n width: 100%;\n }\n }\n}\n","@use \"../../../styles/mixins\";\n\n#LeftMainHeader {\n position: relative;\n\n .DropdownMenuFiller {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .DropdownMenu.rtl {\n transition: var(--slide-transition) transform;\n position: absolute;\n z-index: 2;\n\n &.right-aligned {\n transform: translateX(calc(clamp(\n var(--left-column-min-width),\n var(--left-column-width),\n var(--left-column-max-width)\n ) - 4.375rem));\n }\n\n &.disable-transition {\n transition: none;\n }\n }\n\n .animated-menu-icon {\n position: absolute;\n\n &,\n &::before,\n &::after {\n width: 1.125rem;\n height: 0.125rem;\n border-radius: 0.125rem;\n background-color: var(--color-text-secondary);\n transition: transform 0.25s;\n transform: rotate(0);\n }\n\n &::before,\n &::after {\n position: absolute;\n left: 0;\n content: \"\";\n }\n\n &::before {\n top: -0.3125rem;\n }\n\n &::after {\n top: 0.3125rem;\n }\n\n &.state-back {\n transform: rotate(180deg);\n\n &::before {\n transform: rotate(45deg) scaleX(0.75) translate(0.375rem, -0.1875rem);\n }\n\n &::after {\n transform: rotate(-45deg) scaleX(0.75) translate(0.375rem, 0.1875rem);\n }\n }\n\n &.no-animation {\n transition: none;\n\n &::before,\n &::after {\n transition: none;\n }\n }\n }\n\n .MenuItem .Toggle {\n margin-inline-start: auto;\n }\n\n .MenuItem.compact .Toggle {\n transform: scale(0.75);\n margin-inline-end: -0.125rem;\n }\n\n .MenuItem.compact .Switcher {\n transform: scale(0.75);\n }\n\n\n .Menu .bubble {\n min-width: 17rem;\n max-height: calc(100 * var(--vh) - 3.75rem);\n\n overflow-y: auto;\n }\n\n .extra-spacing {\n position: relative;\n margin-left: 0.8125rem;\n\n body.is-electron.is-macos #Main:not(.is-fullscreen) & {\n margin-left: 0.5rem;\n }\n }\n\n .emoji-status-effect {\n top: 50%;\n left: 50%;\n }\n\n .emoji-status {\n --custom-emoji-size: 1.5rem;\n color: var(--color-primary);\n }\n\n .PremiumIcon {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n // @optimization\n @include mixins.while-transition() {\n .Menu .bubble {\n transition: none !important;\n }\n }\n\n .SearchInput {\n transition: opacity var(--layer-transition);\n\n &--hidden {\n opacity: 0;\n pointer-events: none;\n }\n }\n}\n","#LeftColumn-main {\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: var(--color-background);\n\n > .Transition {\n flex: 1;\n overflow: hidden;\n }\n\n .ChatFolders {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .tabs-placeholder {\n height: 2.625rem;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: height 150ms ease;\n\n &:not(.open) {\n height: 0;\n }\n }\n\n .TabList {\n justify-content: flex-start;\n padding-left: 0.5625rem;\n padding-bottom: 1px;\n border-bottom: 0;\n z-index: 1;\n\n opacity: 1;\n transition: opacity var(--layer-transition);\n }\n\n &--tabs-hidden .TabList {\n pointer-events: none;\n opacity: 0.25;\n }\n\n .Tab {\n flex: 0 0 auto;\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n\n /* stylelint-disable-next-line */\n > span {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n white-space: pre;\n }\n }\n\n > .Transition {\n flex: 1;\n overflow: hidden;\n }\n }\n\n .RecentContacts,\n .LeftSearch,\n .search-content {\n height: 100%;\n overflow-y: auto;\n }\n\n .btn-update {\n position: absolute;\n bottom: 1rem;\n left: 50%;\n margin: 0 auto;\n transform: translateX(-50%);\n\n white-space: nowrap;\n }\n}\n","#NewChat {\n height: 100%;\n}\n\n.left-header {\n height: var(--header-height);\n padding: 0.375rem 0.8125rem 0.5rem 0.8125rem;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n background-color: var(--color-background);\n\n h3 {\n margin-bottom: 0;\n font-size: 1.25rem;\n font-weight: 500;\n margin-left: 1.375rem;\n margin-right: auto;\n user-select: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .SearchInput {\n margin-left: 0.8125rem;\n max-width: calc(100% - 3.25rem);\n\n @media (max-width: 600px) {\n max-width: calc(100% - 3rem);\n }\n }\n\n @media (max-width: 600px) {\n padding: 0.5rem;\n }\n\n .Button.smaller {\n width: 2.5rem;\n height: 2.5rem;\n\n + .DropdownMenu {\n margin-left: 0.25rem;\n }\n }\n\n body.is-electron.is-macos & {\n -webkit-app-region: drag;\n\n .SearchInput {\n -webkit-app-region: no-drag;\n }\n }\n\n body.is-electron.is-macos #Main:not(.is-fullscreen) &:not(#TopicListHeader) {\n justify-content: space-between;\n padding: 0.5rem 0.5rem 0.5rem 4.5rem;\n\n .SearchInput {\n margin-left: 0.5rem;\n max-width: calc(100% - 2.75rem);\n }\n\n .Menu.main-menu .bubble {\n --offset-y: 100%;\n --offset-x: -4.125rem;\n }\n }\n}\n",".AudioPlayer {\n display: flex;\n margin-left: auto;\n margin-top: -0.25rem;\n margin-bottom: -0.25rem;\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n > .Button, & > .playback-rate-menu {\n flex-shrink: 0;\n margin: 0.125rem;\n }\n\n .player-button {\n --color-text-secondary: var(--color-primary);\n --color-text-secondary-rgb: var(--color-primary-shade-rgb);\n --color-primary-shade: var(--color-green);\n --color-white: var(--color-background-own);\n\n margin: 0.125rem;\n\n &.smaller .icon {\n font-size: 1.625rem;\n margin-top: -0.0625rem;\n }\n\n .icon {\n position: absolute;\n font-size: 1.9375rem;\n margin-top: -0.0625rem;\n\n &.icon-play {\n margin-left: 0.125rem;\n }\n }\n\n .icon-play,\n .icon-pause {\n opacity: 1;\n transform: scale(1);\n transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n &.play .icon-pause,\n &.pause .icon-play,\n &.loading .icon-play,\n &.loading .icon-pause {\n opacity: 0;\n transform: scale(0.5);\n }\n }\n\n .volume-button-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .volume-slider-wrapper {\n position: absolute;\n width: 8rem;\n top: 2.625rem;\n }\n\n .volume-slider-spacer {\n position: absolute;\n transform: translateY(100%);\n bottom: 0;\n height: 1rem;\n width: 8rem;\n cursor: var(--custom-cursor, default);\n visibility: hidden;\n }\n\n &:hover .volume-slider-spacer,\n .volume-slider-spacer:hover {\n visibility: visible;\n }\n\n .volume-slider {\n opacity: 0;\n visibility: hidden;\n\n position: absolute;\n background: var(--color-background);\n bottom: -1rem;\n transform: translateY(100%);\n transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n width: 8rem;\n padding: 0.75rem;\n border-radius: 0.5rem;\n cursor: var(--custom-cursor, default);\n box-shadow: 0 1px 2px var(--color-default-shadow);\n\n .RangeSlider {\n margin-bottom: 0;\n input[type=\"range\"] {\n margin-bottom: 0;\n }\n }\n }\n\n &:hover .volume-slider,\n .volume-slider:hover,\n .volume-slider-spacer:hover + .volume-slider {\n opacity: 1;\n visibility: visible;\n }\n }\n\n .playback-wrapper {\n position: relative;\n }\n .playback-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n width: 5rem;\n height: 4rem;\n z-index: calc(var(--z-menu-backdrop) + 1);\n }\n\n .playback-button {\n &.on-top {\n z-index: calc(var(--z-menu-backdrop) + 2);\n }\n\n &.applied {\n --color-text-secondary: var(--color-primary);\n }\n\n .playback-button-inner {\n transition: 0.15s color ease-out;\n font-size: 0.75rem;\n font-weight: bold;\n border: 2px solid;\n border-radius: 0.375rem;\n padding: 0.125rem 0.25rem;\n font-variant-numeric: tabular-nums;\n\n &.small {\n transform: scale(0.83);\n }\n\n &.tiny {\n transform: scale(0.75);\n }\n }\n }\n\n &-content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n flex-shrink: 1;\n max-width: 14rem;\n padding: 0 0.5rem;\n position: relative;\n overflow: hidden;\n cursor: var(--custom-cursor, pointer);\n border-radius: var(--border-radius-messages-small);\n\n &:hover {\n background-color: var(--color-interactive-element-hover);\n }\n\n .right-column-shown & {\n max-width: 10rem;\n }\n\n @media (max-width: 600px) {\n max-width: 100%;\n }\n\n @media (min-width: 1440px) {\n max-width: 24rem;\n .right-column-shown & {\n max-width: 14rem;\n }\n }\n\n .AudioPlayer & .title {\n display: block;\n margin-top: 0.125rem;\n font-weight: 500;\n font-size: 0.875rem !important;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n body.is-ios & {\n font-size: 0.9375rem !important;\n line-height: 1.125rem;\n }\n }\n\n .subtitle {\n font-size: 0.8125rem !important;\n color: var(--color-text-secondary);\n line-height: 0.9375rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0.125rem 0 0;\n\n body.is-ios & {\n font-size: 0.9375rem !important;\n line-height: 1.125rem;\n }\n }\n }\n\n .playback-rate-menu .bubble {\n min-width: auto;\n\n .icon-check, .icon-placeholder {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n width: 1.5rem;\n }\n }\n}\n",".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n transition: opacity 0.2s ease;\n user-select: none;\n\n pointer-events: auto;\n\n &:not(:first-child) {\n margin-top: 0.5rem;\n\n @media (max-width: 600px) {\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 1276px) {\n transform: translateX(0);\n\n transition: transform var(--layer-transition), opacity 0.2s ease;\n\n :global(body.no-page-transitions) &,\n :global(body.no-right-column-animations) & {\n transition: none !important;\n }\n\n :global(body:not(.no-right-column-animations) #Main.right-column-open) & {\n transition: transform var(--layer-transition), opacity 0.2s ease;\n }\n\n :global(#Main.right-column-open) & {\n transform: translateX(calc(-1 * var(--right-column-width)));\n }\n }\n}\n\n.button {\n box-shadow: 0 1px 2px var(--color-default-shadow);\n color: var(--color-composer-button);\n\n @media (max-width: 600px) {\n width: 2.875rem !important;\n height: 2.875rem;\n }\n}\n\n.icon {\n font-size: 1.75rem !important;\n}\n\n.unread-count {\n min-width: 1.5rem;\n height: 1.5rem;\n padding: 0 0.4375rem;\n border-radius: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n text-align: center;\n\n position: absolute;\n top: -0.3125rem;\n right: -0.3125rem;\n\n background: var(--color-green);\n color: white;\n\n pointer-events: none;\n\n @media (max-width: 600px) {\n top: -0.6875rem;\n right: auto;\n }\n}\n",".root {\n --base-bottom-pos: 6rem;\n\n position: absolute;\n bottom: var(--base-bottom-pos);\n right: max(1rem, env(safe-area-inset-right));\n opacity: 0;\n transform: translateY(4.5rem);\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;\n z-index: var(--z-scroll-down-button);\n pointer-events: none;\n\n .hidden {\n opacity: 0;\n pointer-events: none;\n }\n\n .reactions {\n transition: 0.2s ease opacity, 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) transform;\n }\n\n .transform-down {\n transform: translateY(4rem);\n }\n\n .unread {\n pointer-events: none;\n }\n\n :global(body.no-page-transitions) & {\n transform: none !important;\n\n transition: opacity 0.15s;\n }\n\n @media (max-width: 600px) {\n right: 0.5rem;\n bottom: 4.5rem;\n\n :global(body:not(.keyboard-visible)) & {\n bottom: calc(4.5rem + env(safe-area-inset-bottom));\n }\n }\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (right: max(1rem, env(safe-area-inset-right))) {\n right: 1rem;\n @media (max-width: 600px) {\n right: 0.5rem;\n\n :global(body:not(.keyboard-visible)) & {\n bottom: 4.5rem;\n }\n }\n }\n\n &.revealed {\n transform: translateY(0);\n opacity: 1;\n\n .unread {\n pointer-events: auto;\n }\n\n &.no-composer.no-extra-shift {\n transform: translateY(4rem);\n }\n }\n\n &.only-reactions {\n transform: translateY(4rem);\n\n .unread {\n opacity: 0;\n pointer-events: none;\n }\n }\n\n @media (max-width: 600px) {\n body.is-symbol-menu-open & {\n bottom: calc(var(--base-bottom-pos) + var(--symbol-menu-height));\n }\n }\n}\n",".ContactGreeting {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n .wrapper {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n background: var(--pattern-color);\n width: 14.5rem;\n padding: 0.75rem 1rem;\n border-radius: 1.5rem;\n color: #fff;\n }\n\n .title {\n font-weight: 500;\n margin-bottom: 0;\n }\n\n .description {\n font-size: 0.9375rem;\n margin-bottom: 0;\n }\n\n .sticker {\n margin: 2rem 0 1rem;\n height: 10rem;\n width: 10rem;\n cursor: var(--custom-cursor, pointer);\n position: relative;\n }\n}\n",".root {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bot-info {\n max-width: 80%;\n display: flex;\n flex-direction: column;\n\n background-color: var(--color-background);\n color: var(--color-text);\n font-size: calc(var(--message-text-size, 1rem) - 0.0625rem);\n line-height: 1.75;\n border-radius: var(--border-radius-messages);\n overflow: hidden;\n text-align: initial;\n}\n\n.bot-info-description {\n padding: 0.5rem 1rem;\n}\n\n.bot-info-title {\n font-weight: 500;\n margin-bottom: 0.25rem;\n}\n\n.image {\n max-width: 100%;\n height: auto;\n}\n",".root {\n --custom-emoji-size: 1.125rem;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem;\n line-height: 1.125rem;\n background-color: var(--background-color);\n border-radius: var(--border-radius-messages);\n color: var(--topic-button-accent-color);\n cursor: var(--custom-cursor, pointer);\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background-color: var(--topic-button-accent-color);\n opacity: 0.15;\n transition: opacity 0.15s ease-in-out;\n border-radius: var(--border-radius-messages);\n }\n\n &:hover::before {\n opacity: 0.10;\n }\n}\n",".Album {\n position: relative;\n overflow: hidden;\n margin: auto;\n\n .message-content.media.text & {\n margin: -0.3125rem -0.5rem 0.3125rem;\n }\n\n body.is-ios .Message.own .message-content.has-solid-background :not(.forwarded-message) & {\n margin: -0.3125rem -0.5rem 0.3125rem -0.625rem;\n }\n\n .forwarded-message & {\n margin-bottom: 0.125rem;\n\n .message-content.media.text & {\n margin: 0 0 0.3125rem;\n --border-bottom-left-radius: inherit;\n --border-bottom-right-radius: inherit;\n }\n }\n\n &,\n .message-content.media.text & {\n > .album-item-select-wrapper .media-inner {\n margin: 0 !important;\n }\n }\n\n > .album-item-select-wrapper .media-inner {\n &,\n & img,\n & video {\n border-radius: 0 !important;\n object-fit: cover;\n }\n }\n}\n",".AnimatedEmoji {\n &.like-sticker-thumb img {\n transform: scale(0.8);\n }\n}\n",".CommentButton {\n --background-color: var(--color-background);\n --hover-color: var(--color-chat-hover);\n\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0.5625rem 0.25rem 0.5625rem 0.625rem;\n padding-inline-start: 0.625rem;\n padding-inline-end: 0.25rem;\n background: var(--background-color);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n border-bottom-left-radius: var(--border-bottom-left-radius);\n font-size: 0.9375rem;\n font-weight: 500;\n line-height: 2rem;\n color: var(--accent-color);\n white-space: nowrap;\n cursor: var(--custom-cursor, pointer);\n transition: background-color 0.15s, color 0.15s;\n user-select: none;\n\n .label {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .Message .has-appendix &::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -0.1875rem;\n left: -0.5625rem;\n width: 0.5625rem;\n height: 1.25rem;\n background-position: bottom left;\n background-image: url('data:image/svg+xml,%3Csvg width=\"9\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"%3E%3Cdefs%3E%3Cfilter x=\"-50%25\" y=\"-14.7%25\" width=\"200%25\" height=\"141.2%25\" filterUnits=\"objectBoundingBox\" id=\"a\"%3E%3CfeOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"/%3E%3CfeGaussianBlur stdDeviation=\"1\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/%3E%3CfeColorMatrix values=\"0 0 0 0 0.0621962482 0 0 0 0 0.138574144 0 0 0 0 0.185037364 0 0 0 0.15 0\" in=\"shadowBlurOuter1\"/%3E%3C/filter%3E%3Cpath d=\"M3 17h6V0c-.193 2.84-.876 5.767-2.05 8.782-.904 2.325-2.446 4.485-4.625 6.48A1 1 0 003 17z\" id=\"b\"/%3E%3C/defs%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cuse fill=\"%23000\" filter=\"url(%23a)\" xlink:href=\"%23b\"/%3E%3Cuse fill=\"%23FFF\" xlink:href=\"%23b\"/%3E%3C/g%3E%3C/svg%3E');\n opacity: 0;\n transition: opacity 0.15s, filter 0.15s;\n\n .theme-dark #root & {\n filter: invert(0.83);\n }\n }\n\n .custom-shape & {\n position: absolute;\n right: -3rem;\n width: 2.25rem;\n bottom: 3rem;\n height: 3.375rem;\n border-radius: 1.375rem;\n padding: 0.375rem;\n align-items: flex-start;\n color: white;\n background-color: var(--pattern-color);\n\n opacity: 0;\n transition: opacity 150ms, backdrop-filter 150ms, filter 150ms;\n\n @media (pointer: coarse) {\n opacity: 1 !important;\n }\n\n &:hover {\n background-color: var(--pattern-color);\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n\n .Message:hover &, &.loading {\n opacity: 1;\n }\n\n &::after {\n content: attr(data-cnt);\n position: absolute;\n bottom: -0.0625rem;\n left: 0;\n width: 100%;\n text-align: center;\n font-size: 0.75rem;\n display: block;\n }\n\n &[data-cnt=\"0\"] {\n height: 2.25rem;\n &::after {\n display: none;\n }\n }\n\n .icon-comments-sticker {\n display: block;\n font-size: 1.5rem;\n margin: 0 auto;\n }\n\n .recent-repliers,\n .icon-comments,\n .label,\n .CommentButton_icon-open {\n display: none;\n }\n }\n\n &:hover {\n background: var(--hover-color);\n\n .Message .has-appendix &::before {\n opacity: 1;\n }\n\n .Avatar {\n border-color: var(--hover-color) !important;\n }\n }\n\n .is-forwarded &,\n .document &,\n .audio &,\n .voice &,\n .poll &,\n .text &,\n .giveaway & {\n border-top: 1px solid var(--color-borders);\n }\n\n .message-content.has-solid-background & {\n margin: 0.375rem -0.5rem -0.375rem;\n }\n\n .message-content.document &,\n .message-content.voice & {\n margin-bottom: -0.5rem;\n }\n\n .message-content.document &,\n .message-content.audio &,\n .message-content.voice &,\n .message-content.poll &,\n .message-content.giveaway &,\n .message-content.has-solid-background.text &,\n .message-content.has-solid-background.is-forwarded & {\n width: calc(100% + 1rem);\n }\n\n .icon-comments-sticker {\n display: none;\n }\n\n .icon-comments {\n font-size: 1.5625rem;\n line-height: 2rem;\n margin-inline-end: 0.875rem;\n }\n\n .CommentButton_icon-open {\n position: absolute;\n font-size: 1.5rem;\n }\n\n .recent-repliers {\n display: inline-flex;\n align-items: center;\n margin-inline-end: 0.5rem;\n margin-inline-start: -0.125rem;\n\n .Avatar {\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: border 0.15s;\n border: 2px solid var(--color-background);\n margin-inline-end: 0;\n z-index: 3;\n overflow: hidden;\n\n .emoji {\n width: 1rem;\n background-size: 1rem;\n }\n\n + .Avatar {\n z-index: 2;\n\n + .Avatar {\n z-index: 1;\n }\n }\n\n &:not(:first-child) {\n margin-inline-start: -0.75rem;\n }\n }\n }\n\n &.has-unread .label {\n position: relative;\n\n &::after {\n content: \"\";\n display: inline-block;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: var(--accent-color);\n margin-inline-start: 0.75rem;\n }\n }\n\n &.disabled {\n cursor: var(--custom-cursor, default);\n pointer-events: none;\n }\n}\n\n.CommentButton_loading, .CommentButton_icon-open, .CommentButton_icon-comments {\n transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;\n}\n\n.CommentButton_icon-open {\n right: 0;\n}\n\n.CommentButton_loading {\n position: absolute;\n --spinner-size: 1.5rem;\n flex-shrink: 0;\n right: 0.5rem;\n\n .CommentButton-custom-shape & {\n right: 0;\n }\n}\n\n.CommentButton_right {\n position: relative;\n margin-inline-start: auto;\n height: 1.5rem;\n width: 2.5rem;\n}\n\n.CommentButton_hidden {\n opacity: 0;\n transform: scale(0.4);\n}\n",".Contact {\n display: flex;\n align-items: center;\n padding: 0.25rem;\n\n &.interactive {\n cursor: var(--custom-cursor, pointer);\n }\n\n .Avatar {\n margin-right: 0.8125rem;\n }\n\n .contact-info {\n padding: 0.5rem;\n padding-left: 0;\n white-space: nowrap;\n overflow: hidden;\n\n .contact-name {\n font-size: 1rem;\n margin-bottom: 0.25rem;\n font-weight: 500;\n }\n\n .contact-phone {\n color: var(--secondary-color);\n }\n\n .contact-name,\n .contact-phone {\n line-height: 1rem;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n}\n",".Game {\n .title {\n font-weight: 500;\n }\n\n .description {\n line-height: 1.2;\n margin-bottom: 0.75rem;\n }\n\n .preview {\n position: relative;\n max-width: 100%;\n margin-bottom: 0.25rem;\n margin-top: 0.25rem;\n cursor: var(--custom-cursor, pointer);\n }\n\n .preview-content {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n border-radius: 0.5rem;\n overflow: hidden;\n }\n\n .skeleton {\n aspect-ratio: 16/9;\n\n @supports not (aspect-ratio: 16/9) {\n height: 0 !important;\n padding-bottom: 56.25%;\n }\n }\n}\n",".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.title {\n display: block;\n margin-top: 0.5rem;\n}\n\n.sticker {\n position: relative;\n margin-top: -2.5rem;\n margin-bottom: 1rem;\n}\n\n.resultSticker {\n margin-top: 0;\n}\n\n.count {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n\n background-color: var(--color-primary);\n color: white;\n border-radius: 1rem;\n padding: 0.0625rem 0.5rem;\n border: 1px solid var(--background-color);\n line-height: 1.25;\n\n :global(.theme-dark .own) & {\n background-color: var(--color-text);\n color: var(--background-color);\n }\n}\n\n.section {\n margin-bottom: 1rem;\n}\n\n.description {\n line-height: 1.25;\n margin-bottom: 0;\n}\n\n.peers {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n margin-block: 0.25rem;\n}\n\n.peer {\n background-color: var(--accent-background-color);\n color: var(--accent-color);\n margin: unset;\n\n &:hover, &:active, &:focus {\n background-color: var(--accent-background-active-color);\n }\n}\n\n.button {\n margin-bottom: 1rem;\n}\n\n.result {\n font-weight: 500;\n}\n\n.separator {\n display: flex;\n align-items: center;\n text-align: center;\n color: var(--color-text-secondary);\n}\n\n.separator::before,\n.separator::after {\n content: '';\n flex: 1;\n border-bottom: 1px solid var(--color-dividers);\n}\n\n.separator:not(:empty)::before {\n margin-right: 0.25em;\n}\n\n.separator:not(:empty)::after {\n margin-left: 0.25em;\n}\n",".InlineButtons {\n display: flex;\n flex-direction: column;\n max-width: var(--max-width);\n\n .row {\n display: grid;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n }\n\n .Button {\n flex: 1;\n width: auto;\n margin: 0.125rem;\n background: var(--pattern-color);\n border-radius: var(--border-radius-messages-small);\n font-weight: 500;\n text-transform: none;\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms;\n\n &:hover,\n &:focus {\n background: var(--pattern-color) !important;\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n\n .icon {\n font-size: 0.875rem;\n position: absolute;\n right: 0.1875rem;\n top: 0.1875rem;\n display: block;\n\n &.icon-arrow-right {\n font-size: 0.75rem;\n top: 0.125rem;\n right: 0.125rem;\n transform: rotate(-45deg);\n }\n }\n }\n\n .inline-button-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .row:first-of-type .Button {\n margin-top: 0.25rem !important;\n }\n\n .row:last-of-type .Button {\n margin-bottom: 0;\n\n &:first-of-type {\n border-bottom-left-radius: var(--border-radius-messages);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--border-radius-messages);\n }\n }\n}\n",".Invoice {\n .title {\n color: var(--accent-color);\n font-weight: 500;\n margin-bottom: 0;\n }\n\n .description {\n position: relative;\n margin-top: 0.5rem;\n\n &.has-image {\n .content-inner:not(.forwarded-message) & {\n margin: 0.5rem -0.5rem -0.375rem;\n }\n\n .message-content.has-reactions & {\n margin-bottom: 0;\n }\n\n .invoice-image {\n position: relative;\n width: 100%;\n max-width: 100%;\n max-height: 30rem;\n object-fit: cover;\n border-bottom-left-radius: var(--border-bottom-left-radius);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n\n .forwarded-message & {\n border-top-left-radius: var(--border-top-left-radius);\n border-top-right-radius: var(--border-top-right-radius);\n }\n }\n\n .description-text {\n position: absolute;\n top: 0;\n padding: 0.25rem 0.5rem;\n margin: 0.25rem;\n background-color: rgba(0, 0, 0, 0.2);\n border-radius: var(--border-radius-messages-small);\n color: var(--color-white);\n font-weight: 500;\n\n span {\n margin-left: 0.5rem;\n }\n }\n }\n }\n\n .invoice-image-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .thumbnail {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n",".root {\n position: relative;\n z-index: 0;\n\n overflow: hidden;\n cursor: var(--custom-cursor, pointer);\n}\n\n.duration {\n z-index: 2;\n position: absolute;\n top: 0.25rem;\n left: 0.25rem;\n\n white-space: nowrap;\n font-size: 0.75rem;\n padding: 0 0.375rem;\n\n background-color: rgba(0, 0, 0, 0.3);\n color: #FFFFFF;\n border-radius: 0.5rem;\n}\n\n.buy {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n\n z-index: 2;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n padding: 0.5rem 0.875rem;\n\n background-color: rgba(0, 0, 0, 0.75);\n color: #FFFFFF;\n border-radius: 1rem;\n white-space: nowrap;\n line-height: 1rem;\n}\n\n.spoiler {\n position: static;\n}\n",".Location {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 0 !important;\n\n .location-accuracy {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n\n @keyframes accuracy-wave {\n 0% {\n transform: translate(-50%, -50%) scale(0);\n background-color: var(--color-primary);\n }\n 100% {\n transform: translate(-50%, -50%) scale(1);\n background-color: transparent;\n }\n }\n\n animation: accuracy-wave 5s ease-out infinite forwards;\n }\n\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n .map-wrapper {\n overflow: hidden;\n position: relative;\n }\n\n .map {\n animation: fade-in 0.3s forwards;\n }\n\n .pin {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -100%);\n animation: fade-in 0.3s forwards;\n\n --pin-color: var(--color-primary);\n }\n\n .geoLive {\n &::before {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n\n width: 1rem;\n height: 1rem;\n\n background: var(--color-primary);\n border: 2px solid white;\n border-radius: 50%;\n z-index: 3;\n }\n\n .round-pin {\n bottom: 0.5rem;\n }\n }\n\n .direction {\n position: absolute;\n top: 50%;\n left: 50%;\n transition: transform 0.3s ease-out;\n transform: translate(-50%, 0.3125rem) rotate(var(--direction));\n transform-origin: bottom;\n width: 1.5rem;\n height: 2rem;\n clip-path: polygon(50% 100%, 0 0, 100% 0);\n background: radial-gradient(circle, var(--color-primary) -100%, transparent 100%);\n border-radius: 40%;\n z-index: 2;\n }\n\n .location-avatar {\n position: relative;\n overflow: hidden;\n margin-right: 0;\n margin-bottom: 1.3125rem;\n\n z-index: 5;\n }\n\n .venue-icon {\n position: absolute;\n bottom: -0.5rem;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 3rem;\n height: 3rem;\n\n z-index: 5;\n }\n\n .venue,\n .geo {\n height: 3.25rem;\n }\n\n .geoLive,\n .venue {\n filter: drop-shadow(0 0 2px var(--color-default-shadow));\n }\n\n .expired {\n --pin-color: white;\n\n .location-avatar::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.3);\n }\n }\n\n .round-pin {\n fill: var(--pin-color);\n\n position: absolute;\n left: 50%;\n bottom: 0;\n transform: translate(-50%, 0);\n width: 5rem;\n\n z-index: 4;\n }\n\n .location-info {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-rows: 1fr auto;\n width: 100%;\n padding: 0.3125rem 0.5rem 0.25rem;\n\n &-title {\n font-weight: 500;\n grid-area: 1 / 1 / 2 / 2;\n }\n\n &-subtitle {\n color: var(--color-text-secondary);\n line-height: 1.25;\n font-size: 0.875rem;\n grid-area: 2 / 1 / 2 / 2;\n\n .Message.own & {\n color: var(--color-message-meta-own);\n }\n }\n }\n\n .geo-countdown {\n grid-area: 1 / 2 / 3 / 3;\n position: relative;\n width: 2rem;\n height: 2rem;\n }\n\n .geo-countdown-text {\n color: var(--accent-color);\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1;\n width: 100%;\n text-align: center;\n }\n\n .geo-countdown-progress {\n stroke: var(--accent-color);\n fill: transparent;\n stroke-width: 2;\n stroke-linecap: round;\n transition: stroke-dashoffset 2s, stroke 0.2s;\n }\n}\n",".MessageMeta {\n position: absolute;\n height: 1.25rem;\n bottom: 0;\n right: 0;\n display: flex;\n align-items: center;\n background: rgba(#999999, 0.6);\n border-radius: 0.625rem;\n padding: 0 0.25rem;\n color: white;\n cursor: var(--custom-cursor, pointer);\n max-width: 100%;\n user-select: none;\n\n .message-time,\n .message-imported,\n .message-signature,\n .message-views,\n .message-replies,\n .message-translated,\n .message-pinned {\n font-size: 0.75rem;\n white-space: nowrap;\n }\n\n .message-replies-wrapper {\n display: flex;\n align-items: center;\n }\n\n .message-time {\n margin-right: 0.1875rem;\n }\n\n body.is-ios & {\n .message-time {\n margin-right: 0.25rem;\n }\n }\n\n .message-views {\n margin-inline-start: 0.1875rem;\n }\n\n .message-translated {\n margin-inline-end: 0.25rem;\n }\n\n .message-pinned {\n margin-inline-end: 0.1875rem;\n }\n\n .message-imported,\n .message-signature {\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: 0.375rem;\n\n .emoji-small {\n width: 1rem !important;\n height: 1rem !important;\n }\n }\n\n .icon-channelviews {\n margin-left: 0.125rem;\n margin-right: 0.375rem;\n font-size: 1.125rem;\n position: relative;\n top: -0.0625rem;\n }\n\n .icon-reply-filled {\n margin-left: 0.125rem;\n margin-right: 0.375rem;\n font-size: 0.75rem;\n }\n\n .has-solid-background & {\n color: rgba(var(--color-text-meta-rgb), 0.75);\n background: none;\n }\n\n .media:not(.text) &,\n .Message .custom-shape &,\n .Message .invoice:not(.has-reactions) & {\n --color-accent-own: white;\n --color-accent: white;\n color: white !important;\n opacity: 1;\n bottom: 0.25rem;\n right: 0.25rem;\n left: auto;\n height: 1.125rem;\n padding: 0 0.3125rem 0 0.375rem;\n\n .MessageOutgoingStatus .icon {\n background: transparent;\n }\n }\n\n .media:not(.text) &,\n .Message .invoice:not(.has-reactions) & {\n background: rgba(0, 0, 0, 0.2);\n }\n\n .Message .custom-shape & {\n background: var(--pattern-color);\n }\n\n .voice &[dir=\"rtl\"] {\n right: auto !important;\n left: 0.25rem;\n padding: 0 0.375rem 0 0.3125rem;\n }\n\n // This is currently only supported in Firefox.\n // When attempting to combine with other selectors, the rule no longer applies anywhere except Firefox.\n .media:not(.text):dir(rtl) &,\n .Message .custom-shape:dir(rtl) & {\n right: auto !important;\n left: 0.25rem;\n padding: 0 0.375rem 0 0.3125rem;\n }\n\n .is-forwarded.media:not(.text):dir(rtl) &,\n .Message .is-forwarded.custom-shape:dir(rtl) & {\n left: 0.8125rem;\n }\n\n .is-forwarded.media:not(.text) & {\n bottom: 0.9375rem;\n right: 0.8125rem;\n }\n\n .Message.own .has-solid-background & {\n color: var(--color-message-meta-own);\n }\n\n .MessageOutgoingStatus {\n margin-left: -0.1875rem;\n font-size: 1.1875rem;\n border-radius: 0.625rem;\n\n .Message.own & {\n color: var(--color-accent-own);\n }\n }\n\n .message-content.has-replies:not(.custom-shape) & {\n bottom: 3.375rem;\n }\n\n .message-content.has-replies.text:not(.custom-shape) & {\n bottom: 3.4375rem;\n }\n\n &[dir=\"rtl\"] {\n .message-views {\n order: 10;\n }\n .icon-channelviews {\n order: 9;\n }\n }\n}\n\n.Message:not(.own) {\n .custom-shape .with-subheader + .MessageMeta {\n bottom: 0.25rem;\n }\n}\n",".root {\n display: flex;\n}\n\n.button {\n margin-inline-end: 0.5rem;\n color: var(--color-accent) !important;\n\n :global(.own) & {\n color: var(--color-accent-own) !important;\n }\n}\n\n.info {\n margin-inline-end: 0.5rem;\n display: flex;\n flex-direction: column;\n user-select: none;\n}\n\n.reason {\n font-weight: 500;\n}\n\n.arrow {\n font-size: 1.125rem;\n display: inline-block;\n transform: rotateZ(-45deg);\n color: #4fae4e;\n\n &.incoming {\n transform: rotateZ(135deg);\n }\n\n :global(.own) & {\n color: var(--color-accent-own);\n }\n\n &.missed, &.canceled {\n color: var(--color-error);\n }\n}\n\n.meta {\n display: flex;\n align-items: center;\n margin-left: -0.1875rem;\n}\n\n.duration {\n margin-inline-start: 0.25rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n\n :global(.own) & {\n color: var(--color-message-meta-own);\n }\n}\n",".PollOption {\n display: flex;\n flex-flow: row nowrap;\n margin-bottom: 0.75rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .poll-option-text {\n word-break: break-word;\n }\n\n .poll-option-share {\n position: relative;\n margin-top: 0.125rem;\n width: 1.75rem;\n margin-inline-end: 0.5rem;\n flex-shrink: 0;\n font-weight: 500;\n font-size: 0.875rem;\n text-align: right;\n\n &.limit-width {\n display: inline-flex;\n justify-content: center;\n font-size: 0.75rem;\n }\n }\n\n .poll-option-chosen {\n position: absolute;\n right: 0;\n bottom: -5px;\n width: 1rem;\n height: 1rem;\n background: var(--accent-color);\n color: var(--background-color);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n text-align: center;\n\n &.wrong {\n background: var(--color-error);\n }\n\n .is-forwarded & > .icon {\n margin-left: 1px;\n }\n\n &.animate {\n opacity: 0;\n animation-name: PollOptionIconAnimate;\n animation-delay: 0.09s;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n }\n }\n\n .poll-option-right {\n flex-grow: 1;\n line-height: 1.5rem;\n }\n\n .poll-option-answer {\n position: relative;\n }\n\n .poll-option-line {\n position: relative;\n width: 0;\n height: 0.25rem;\n min-width: 0.5rem;\n border-radius: 0.125rem;\n margin-top: 0.5rem;\n background: var(--accent-color);\n\n transform-origin: 0 0;\n transition: transform 0.3s;\n transition-delay: 0.09s;\n }\n\n .poll-line {\n width: 30px;\n height: 35px;\n position: absolute;\n left: -27px;\n bottom: -5px;\n transition: stroke-dashoffset 0.3s, stroke-dasharray 0.3s;\n stroke-dashoffset: 0;\n stroke-dasharray: 0, 200%;\n }\n\n .poll-line path {\n stroke-width: 4px;\n stroke-linecap: round;\n stroke: var(--accent-color);\n fill: none;\n }\n\n .wrong {\n .poll-option-line {\n background: var(--color-error);\n }\n\n .poll-line path {\n stroke: var(--color-error);\n }\n }\n}\n\n@keyframes PollOptionIconAnimate {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n",".Poll {\n min-width: 15rem;\n text-align: initial;\n\n @media (max-width: 600px) {\n min-width: 50vw;\n }\n\n .poll-question {\n font-weight: 500;\n line-height: 1.25rem;\n margin: 0.125rem 0;\n word-break: break-word;\n }\n\n .poll-type,\n .poll-voters-count {\n color: var(--secondary-color);\n font-size: 0.875rem;\n }\n\n .poll-type {\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n min-height: 1.375rem;\n }\n\n .poll-voters-count {\n margin: 0.4375rem 0 1.125rem;\n text-align: center;\n }\n\n .poll-answers {\n padding-top: 0.25rem;\n padding-bottom: 1rem;\n }\n\n .Checkbox,\n .Radio {\n padding-left: 2.25rem;\n\n &:last-child {\n margin-bottom: 0.75rem;\n }\n\n &.disabled {\n opacity: 1 !important;\n cursor: var(--custom-cursor, not-allowed);\n }\n\n .Checkbox-main,\n .Radio-main {\n &::before {\n left: 0.125rem;\n background-color: var(--background-color);\n --color-borders-input: var(--secondary-color);\n }\n\n &::after {\n left: 0.4375rem;\n background-color: var(--accent-color);\n }\n }\n\n input:checked ~ .Radio-main,\n input:checked ~ .Checkbox-main {\n &::before {\n border-color: var(--accent-color);\n }\n }\n\n .Spinner {\n left: 0.125rem;\n }\n }\n\n .Checkbox {\n .Checkbox-main {\n &::after {\n left: 0.125rem;\n background-color: var(--color-primary);\n\n .Message.own & {\n background-color: var(--accent-color);\n\n .theme-dark & {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiM3NjZhYzgiLz48L3N2Zz4=);\n }\n }\n }\n }\n }\n\n .Spinner .Spinner__inner {\n // gray spinner\n background-image: var(--spinner-gray-data);\n\n .theme-dark & {\n background-image: var(--spinner-white-data);\n }\n\n .Message.own & {\n // green spinner\n background-image: var(--spinner-green-data);\n .theme-dark & {\n background-image: var(--spinner-white-data);\n }\n }\n }\n\n .poll-recent-voters {\n display: inline-flex;\n align-items: center;\n vertical-align: text-bottom;\n margin-left: 0.875rem;\n margin-right: 0.5rem;\n margin-top: -2px;\n\n .Avatar {\n border: 0.0625rem solid var(--color-background);\n margin-right: 0;\n box-sizing: content-box;\n\n .Message.own & {\n border: 0.0625rem solid var(--secondary-color);\n }\n\n &:not(:first-child) {\n margin-left: -3px;\n }\n }\n }\n\n .poll-countdown {\n margin-left: auto;\n font-size: 0.75rem;\n transition: color 0.2s;\n\n &.hurry-up {\n color: var(--color-error);\n\n .poll-countdown-progress {\n stroke: var(--color-error);\n }\n }\n\n svg {\n vertical-align: -3px;\n }\n }\n\n .poll-countdown-progress {\n stroke: var(--color-primary);\n fill: transparent;\n stroke-width: 2;\n stroke-linecap: round;\n transition: stroke-dashoffset 2s, stroke 0.2s;\n }\n\n .poll-quiz-help {\n margin: -0.625rem 0 -0.625rem auto;\n .Message:not(.own) & {\n color: var(--color-primary);\n }\n }\n\n .poll-results,\n .poll-answers {\n padding-top: 0.25rem;\n padding-bottom: 0.5rem;\n }\n\n .Button {\n text-transform: none;\n font-size: 1rem;\n\n .Message.own & {\n color: var(--accent-color);\n --color-primary-shade-rgb: var(--color-accent-own);\n }\n }\n\n > .Button {\n margin-bottom: 0.625rem;\n }\n}\n",".Reactions {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n gap: 0.25rem;\n margin-top: 0.375rem;\n overflow: visible;\n max-width: calc(var(--max-width) + 2.25rem);\n\n .Button {\n --custom-emoji-size: 1.25rem;\n --reaction-background: var(--color-reaction);\n --reaction-background-hover: var(--hover-color-reaction);\n --reaction-text-color: var(--text-color-reaction);\n\n .theme-dark & {\n --reaction-background: rgb(255, 255, 255, 0.1);\n --reaction-background-hover: rgb(255, 255, 255, 0.2);\n --reaction-text-color: var(--color-text);\n }\n\n display: flex;\n flex-direction: row;\n height: 1.875rem;\n white-space: nowrap;\n width: auto;\n padding: 0 0.375rem 0 0.25rem;\n background-color: var(--reaction-background) !important;\n border-radius: 1.75rem;\n font-weight: 500;\n font-variant-numeric: tabular-nums;\n text-transform: none;\n color: var(--reaction-text-color);\n overflow: visible;\n line-height: 1.75rem;\n\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms;\n\n .avatars {\n display: flex;\n\n .Avatar {\n margin: 0;\n margin-inline-start: -0.25rem;\n border: 0.0625rem solid var(--reaction-background);\n width: 1.5rem;\n height: 1.5rem;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n\n &.message-reaction {\n gap: 0.125rem;\n }\n\n .reaction-animated-emoji {\n margin: 0.25rem;\n }\n\n &.chosen {\n --reaction-background: var(--color-reaction-chosen);\n --reaction-background-hover: var(--hover-color-reaction-chosen);\n --reaction-text-color: var(--text-color-reaction-chosen);\n position: relative;\n z-index: 1;\n\n .theme-dark & {\n --reaction-background: #3390ec;\n --reaction-background-hover: #4096ec;\n }\n\n .theme-dark .own & {\n --reaction-background: rgb(255, 255, 255, 0.75);\n --reaction-background-hover: rgb(255, 255, 255, 0.85);\n --reaction-text-color: rgb(62 62 62);\n }\n }\n\n .counter {\n margin-inline-end: 0.125rem;\n }\n\n &:hover {\n --reaction-background: var(--reaction-background-hover) !important;\n\n backdrop-filter: var(--reaction-background-hover-filter);\n\n @supports not (backdrop-filter: var(--reaction-background-hover-filter)) {\n filter: var(--reaction-background-hover-filter);\n }\n }\n\n &:first-of-type {\n margin-inline-start: 0;\n }\n\n &:last-of-type {\n margin-inline-end: 0;\n }\n }\n\n &.is-outside {\n margin-top: 0.125rem;\n }\n\n .own &.is-outside {\n flex-direction: row-reverse;\n\n .Button {\n &:first-of-type {\n margin-inline-start: 0.125rem;\n margin-inline-end: 0;\n }\n\n &:last-of-type {\n margin-inline-end: 0.125rem;\n margin-inline-start: 0;\n }\n }\n }\n\n .theme-light &.is-outside .Button {\n --reaction-background: var(--pattern-color);\n --reaction-background-hover: var(--pattern-color);\n --reaction-background-hover-filter: brightness(115%);\n --reaction-text-color: white;\n\n &.chosen {\n --reaction-background: rgb(255, 255, 255, 0.6);\n --reaction-background-hover: rgb(255, 255, 255, 0.75);\n --reaction-text-color: rgb(62 62 62);\n }\n }\n}\n",".RoundVideo {\n position: relative;\n width: 15rem;\n height: 15rem;\n cursor: var(--custom-cursor, pointer);\n\n .video-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 50%;\n overflow: hidden;\n }\n\n canvas {\n border-radius: 50%;\n }\n\n .progress {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .progress-circle {\n stroke: white;\n fill: transparent;\n stroke-width: 4;\n stroke-opacity: 0.35;\n stroke-linecap: round;\n }\n\n video::-internal-media-controls-cast-button,\n video::-webkit-media-controls,\n video::-webkit-media-controls-start-playback-button {\n display: none;\n }\n}\n",".Sticker {\n overflow: visible !important;\n contain: layout;\n position: relative;\n\n &.reversed {\n transform: scaleX(-1);\n }\n\n &:not(.inactive) {\n cursor: var(--custom-cursor, pointer);\n }\n\n &.inactive {\n pointer-events: none;\n }\n\n .effect-sticker {\n position: absolute;\n top: 50%;\n right: -1rem;\n transform: translateY(-50%);\n }\n}\n","@use \"message-content\";\n\n// General styles\n.Message {\n display: flex;\n align-items: flex-end;\n margin-bottom: 0.375rem;\n position: relative;\n\n --background-color: var(--color-background);\n --hover-color: var(--color-reply-hover);\n --color-reaction: var(--color-message-reaction);\n --hover-color-reaction: var(--color-message-reaction-hover);\n --text-color-reaction: var(--accent-color);\n --color-reaction-chosen: var(--accent-color);\n --hover-color-reaction-chosen: var(--color-message-reaction-chosen-hover);\n --text-color-reaction-chosen: #FFFFFF;\n --active-color: var(--color-reply-active);\n --max-width: 29rem;\n --accent-color: var(--color-primary);\n --accent-shade-color: var(--color-primary-shade);\n --secondary-color: var(--color-text-secondary);\n --meta-safe-area-base: 2.25rem;\n --meta-safe-author-width: 0px;\n --meta-safe-area-extra-width: 0px;\n --meta-safe-area-size: calc(\n var(--meta-safe-area-base) + var(--meta-safe-author-width) + var(--meta-safe-area-extra-width)\n );\n --color-voice-transcribe: var(--color-voice-transcribe-button);\n --thumbs-background: var(--color-background);\n --deleting-translate-x: -50%;\n --select-message-scale: 0.9;\n\n --border-top-left-radius: var(--border-radius-messages);\n --border-top-right-radius: var(--border-radius-messages);\n --border-bottom-left-radius: var(--border-radius-messages);\n --border-bottom-right-radius: var(--border-radius-messages);\n\n @media (min-width: 1921px) {\n --max-width: calc(30vw - 1rem);\n }\n @media (max-width: 600px) {\n margin-bottom: 0.25rem;\n }\n\n &.is-swiped {\n transform: translateX(-2.5rem) !important;\n }\n\n &.is-protected {\n user-select: none;\n }\n\n > .Avatar,\n > .message-content-wrapper {\n opacity: 1;\n transform: scale(1) translateX(0);\n transition: transform var(--select-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n }\n\n > .Avatar {\n position: absolute;\n bottom: 0;\n left: 0;\n\n margin-right: 0.3125rem;\n }\n\n .quick-reaction {\n --custom-emoji-size: 1.75rem;\n\n cursor: var(--custom-cursor, pointer);\n position: absolute;\n right: -0.875rem;\n bottom: -0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0.7);\n opacity: 0;\n transition: transform 0.2s ease-out, opacity 0.2s ease-out;\n transition-delay: 0.2s;\n z-index: 1;\n\n &.visible {\n opacity: 1 !important;\n }\n\n &:hover {\n transition-delay: unset;\n transform: scale(1);\n }\n }\n\n &.last-in-list .quick-reaction:hover {\n transform: translateY(-0.1875rem) scale(1);\n }\n\n &.own .quick-reaction {\n right: auto;\n left: -0.75rem;\n }\n\n &.last-in-group {\n margin-bottom: 0.625rem;\n @media (max-width: 600px) {\n margin-bottom: 0.4375rem;\n }\n }\n\n &.last-in-list {\n // Forcing extra space which is taken by the appendix and causes incorrect container height calculation.\n // This value is accurately crafted as a minimum possible.\n margin-bottom: 0.375rem;\n }\n\n &.is-in-selection-mode {\n body.is-android & {\n .can-select-text {\n z-index: var(--z-message-select-control);\n }\n\n // Prevent media viewer from opening\n .media-inner {\n pointer-events: none;\n }\n }\n }\n\n &.has-inline-buttons {\n .message-content {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n }\n\n &.has-active-reaction {\n .message-content-wrapper {\n z-index: 1;\n }\n }\n\n &:not(.own) {\n padding-left: 2.5rem;\n\n .no-avatars &,\n &.is-thread-top {\n padding-left: 0;\n }\n\n @media (max-width: 600px) {\n padding-left: 2.875rem;\n\n .no-avatars &,\n &.is-thread-top {\n padding-left: 0.25rem;\n }\n }\n\n &.first-in-group:not(.last-in-group) {\n --border-bottom-left-radius: var(--border-radius-messages-small);\n }\n\n &:not(.first-in-group):not(.last-in-group) {\n --border-top-left-radius: var(--border-radius-messages-small);\n --border-bottom-left-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group:not(.first-in-group) {\n --border-top-left-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group {\n --border-bottom-left-radius: var(--border-radius-messages-small);\n\n .message-content.has-appendix {\n --border-bottom-left-radius: 0;\n }\n }\n }\n\n &.own {\n flex-direction: row-reverse;\n --background-color: var(--color-background-own);\n --hover-color: var(--color-reply-own-hover);\n --color-reaction: var(--color-message-reaction-own);\n --hover-color-reaction: var(--color-message-reaction-hover-own);\n --text-color-reaction: var(--accent-color);\n --color-reaction-chosen: var(--accent-color);\n --hover-color-reaction-chosen: var(--color-message-reaction-chosen-hover-own);\n --text-color-reaction-chosen: var(--color-background);\n --active-color: var(--color-reply-own-active);\n --max-width: 30rem;\n --accent-color: var(--color-accent-own);\n --accent-shade-color: var(--color-green);\n --secondary-color: var(--color-accent-own);\n --color-code: var(--color-code-own);\n --color-code-bg: var(--color-code-own-bg);\n --color-links: var(--color-own-links);\n --meta-safe-area-base: 3.5rem;\n --deleting-translate-x: 50%;\n --color-text-green: var(--color-accent-own);\n --color-voice-transcribe: var(--color-voice-transcribe-button-own);\n --thumbs-background: var(--color-background-own);\n\n @media (min-width: 1921px) {\n --max-width: 30vw;\n }\n\n body.is-ios &,\n body.is-macos & {\n --color-background-own: var(--color-background-own-apple);\n --color-reply-own-hover: var(--color-reply-own-hover-apple);\n --color-reply-own-active: var(--color-reply-own-active-apple);\n }\n\n @media (max-width: 600px) {\n padding-right: 0.25rem;\n }\n\n &.first-in-group:not(.last-in-group) {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n\n &:not(.first-in-group):not(.last-in-group) {\n --border-top-right-radius: var(--border-radius-messages-small);\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group:not(.first-in-group) {\n --border-top-right-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n\n .message-content.has-appendix {\n --border-bottom-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n }\n\n &.is-deleting {\n > .Avatar,\n > .message-content-wrapper {\n transition: opacity 0.2s ease, transform 0.2s ease-in;\n opacity: 0;\n transform: scale(0.3) translateX(var(--deleting-translate-x));\n transform-origin: bottom;\n }\n }\n\n &.is-story-mention {\n --background-color: var(--pattern-color);\n\n .message-content-wrapper {\n margin-left: auto;\n margin-right: auto;\n }\n\n .action-message-story-mention {\n background-color: var(--background-color);\n color: white;\n font-size: calc(var(--message-text-size, 1rem) - 0.0625rem);\n padding: 0.75rem 0.5rem;\n border-radius: var(--border-radius-messages);\n word-break: break-word;\n text-align: center;\n user-select: none;\n position: relative;\n z-index: 0;\n display: inline-flex;\n flex-direction: column;\n max-width: 9.625rem;\n align-items: center;\n\n body.is-ios &,\n body.is-macos & {\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n line-height: calc(var(--message-text-size, 1rem) + 0.5rem);\n }\n\n &.with-preview {\n padding: 1.25rem 0.5rem 0.75rem;\n cursor: var(--custom-cursor, pointer);\n }\n\n &.with-preview::before {\n content: '';\n position: absolute;\n left: 50%;\n top: 1rem;\n transform: translateX(-50%);\n width: 6rem;\n height: 6rem;\n border-radius: 50%;\n\n padding: 0.0625rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: 0 0 0 0.03125rem rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.3);\n mask: linear-gradient(to bottom, #fff 0%, #fff 100%) content-box, linear-gradient(to bottom, #fff 0%, #fff 100%);\n mask-composite: exclude;\n }\n\n &.is-unread::before {\n padding: 0.125rem;\n background: linear-gradient(215.87deg, var(--color-message-story-mention-from) -1.61%, var(--color-message-story-mention-to) 97.44%);\n box-shadow: none;\n }\n }\n\n .story-media-wrapper {\n width: 5.5rem;\n height: 5.5rem;\n margin: 0 auto 1rem;\n border-radius: 50%;\n overflow: hidden;\n }\n\n .story-media {\n object-fit: cover;\n width: 100%;\n height: auto;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .story-title {\n line-height: 1.35;\n }\n }\n\n &.has-views {\n --meta-safe-area-extra-width: 4rem;\n }\n\n &.was-edited {\n --meta-safe-area-extra-width: 2.5rem;\n\n &.has-views {\n --meta-safe-area-extra-width: 7.5rem;\n }\n\n html[lang=\"ru\"] & {\n --meta-safe-area-extra-width: 3.5rem;\n\n &.has-views {\n --meta-safe-area-extra-width: 8.5rem;\n }\n }\n }\n\n .select-mode-active & {\n cursor: var(--custom-cursor, pointer);\n\n @media (min-width: 600px) {\n user-select: none;\n }\n\n &:not(.own) {\n > .Avatar,\n > .message-content-wrapper {\n transform: translateX(2.5rem);\n }\n }\n\n &:not(.is-album)::after {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n bottom: -0.25rem;\n left: -4rem;\n right: -4rem;\n z-index: var(--z-message-select-area);\n }\n\n &.is-album,\n &.is-in-document-group {\n .message-select-control {\n pointer-events: unset;\n }\n }\n\n .message-select-control {\n opacity: 1;\n }\n }\n\n &.is-selected {\n .message-select-control {\n background: var(--color-green);\n\n &.group-select {\n background: transparent;\n\n &.is-selected {\n background: var(--color-green);\n }\n }\n }\n }\n\n .File.file-is-selected {\n .message-select-control {\n background: var(--color-green);\n }\n }\n\n &.is-in-document-group .File.file-is-selected .file-icon,\n &.has-menu-open.is-in-document-group .File .file-icon {\n --background-color: var(--color-background-selected);\n }\n\n &.own.is-in-document-group .File.file-is-selected .file-icon,\n &.own.has-menu-open.is-in-document-group .File .file-icon {\n --background-color: var(--color-background-own-selected);\n }\n\n .Audio .message-select-control {\n left: 1.0625rem;\n top: 1.375rem;\n }\n\n html.theme-dark &.own .Audio .toggle-play:not(.with-image) + .media-loading {\n .ProgressSpinner {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMjE4IDcuNWw1LjYzMy01LjYzM2EuNTA4LjUwOCAwIDEwLS43MTgtLjcxOEw3LjUgNi43ODIgMS44NjcgMS4xNDlhLjUwOC41MDggMCAxMC0uNzE4LjcxOEw2Ljc4MiA3LjVsLTUuNjMzIDUuNjMzYS41MDguNTA4IDAgMTAuNzE4LjcxOEw3LjUgOC4yMThsNS42MzMgNS42MzNhLjUwNi41MDYgMCAwMC43MTggMCAuNTA4LjUwOCAwIDAwMC0uNzE4TDguMjE4IDcuNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjODA3QkQ1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);\n background-position: center;\n background-size: 1rem;\n\n circle {\n stroke: var(--background-color);\n }\n }\n }\n\n .File {\n position: relative;\n\n .message-select-control {\n position: absolute;\n top: 2rem;\n left: 2rem;\n z-index: 2;\n }\n }\n\n .album-item-select-wrapper {\n position: absolute;\n .Message.own & {\n background: var(--color-background-own);\n }\n\n .message-select-control {\n position: absolute;\n z-index: 2;\n top: 0.4375rem;\n right: 0.4375rem;\n left: unset;\n }\n\n img,\n video {\n transition: transform var(--select-transition), opacity ease 300ms;\n }\n\n &.is-selected {\n .message-select-control {\n background: var(--color-green);\n }\n\n img,\n video {\n transform: scale(var(--select-message-scale));\n }\n }\n }\n\n &.is-selected,\n &.is-forwarding {\n .message-select-control {\n background: var(--color-green);\n }\n\n .Menu .bubble {\n transition: none !important;\n }\n }\n\n &.is-in-document-group {\n .message-content.document {\n padding: 0.25rem 0.5rem !important;\n }\n\n &.last-in-document-group {\n .message-content.document {\n padding-bottom: 0.5rem !important;\n }\n }\n\n &.first-in-document-group {\n .message-content.document:not(.is-forwarded) {\n padding-top: 0.375rem !important;\n }\n }\n\n &:not(.first-in-document-group) {\n &::before {\n top: 0 !important;\n }\n\n .message-content {\n box-shadow: none;\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n\n .forwarded-message::before {\n top: -1.5rem;\n }\n }\n\n &:not(.last-in-document-group) {\n margin-bottom: 0;\n\n &::before {\n bottom: 0 !important;\n }\n\n .message-content {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n }\n\n &.is-in-selection-mode {\n .Audio:not(.audio-is-selected),\n .File:not(.file-is-selected) {\n .message-select-control:not(.group-select) {\n background: white;\n\n &::after {\n content: \"\";\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 0.6875rem;\n background: white;\n border: 0.125rem rgba(0, 0, 0, 0.2) solid;\n position: absolute;\n }\n }\n }\n\n &.own {\n .message-content {\n .Audio:not(.audio-is-selected),\n .File:not(.file-is-selected) {\n .message-select-control:not(.group-select) {\n background: var(--background-color);\n border-color: var(--background-color);\n\n &::after {\n background: var(--background-color);\n border-color: var(--color-message-meta-own);\n }\n }\n }\n }\n }\n }\n\n &.focused,\n &.has-menu-open,\n &.is-forwarding,\n &.is-selected {\n .message-content {\n background: var(--color-background-selected);\n }\n\n &.own {\n .message-content {\n --background-color: var(--color-background-own-selected);\n background: var(--color-background-own-selected);\n }\n }\n }\n\n .message-content-wrapper {\n width: 17.1875rem;\n }\n\n .message-content {\n transition: background-color var(--select-transition);\n }\n\n &.own {\n .message-content-wrapper {\n display: flex;\n justify-content: flex-end;\n\n .message-content {\n width: 100%;\n }\n }\n }\n }\n\n .message-select-control {\n position: absolute;\n left: 0;\n bottom: 0.25rem;\n width: 1.5rem;\n height: 1.5rem;\n border: 2px solid white;\n border-radius: 50%;\n z-index: var(--z-message-select-control);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: white;\n font-size: 1rem;\n\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--select-transition);\n\n .icon-select {\n position: absolute;\n left: -3px;\n top: -3px;\n font-size: 1.625rem;\n }\n\n .theme-dark & {\n border-color: #ffffff80;\n }\n }\n\n .message-content {\n &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-square-photo .media-inner,\n &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-video .media-inner {\n margin-bottom: 1.5rem !important;\n }\n\n &.has-replies:not(.custom-shape),\n &.text {\n .media-inner,\n .Album {\n --border-bottom-left-radius: 0;\n --border-bottom-right-radius: 0;\n }\n }\n\n &.has-subheader .EmbeddedMessage {\n & + .Album,\n & + .Audio,\n & + .File {\n margin-top: 0.375rem;\n }\n }\n\n &:not(.custom-shape).has-subheader .media-inner,\n &:not(.custom-shape).has-subheader .Album,\n &:not(.custom-shape).force-sender-name .Album,\n &:not(.is-forwarded) .message-title ~ .media-inner {\n --border-top-left-radius: 0;\n --border-top-right-radius: 0;\n }\n\n &.is-forwarded {\n .message-title .icon {\n font-size: 0.75rem;\n margin-right: 0.1875rem;\n }\n }\n }\n\n .message-action-button {\n position: absolute;\n bottom: 0;\n color: white;\n background-color: var(--pattern-color);\n\n opacity: 0;\n transition: opacity 150ms, backdrop-filter 150ms, filter 150ms;\n\n @media (pointer: coarse) {\n opacity: 1 !important;\n }\n\n &:hover,\n &:active,\n &:focus {\n background-color: var(--pattern-color) !important;\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n }\n\n &:hover,\n &[data-is-document-group-hover] {\n .message-action-button {\n opacity: 1;\n }\n }\n\n .message-action-button-shown {\n opacity: 1;\n }\n\n &.own .message-action-button {\n left: -3rem;\n }\n\n &:not(.own) .message-action-button {\n right: -3rem;\n }\n\n .bottom-marker {\n height: 1px;\n width: 1px;\n visibility: hidden;\n }\n}\n\n// Border-radius styles\n.message-content,\n.Album,\n.media-inner,\n.message-content.media .media-inner img,\n.message-content.media .media-inner video,\n.message-content.custom-shape .media-inner img,\n.message-content.custom-shape .media-inner video {\n border-top-left-radius: var(--border-top-left-radius);\n border-top-right-radius: var(--border-top-right-radius);\n border-bottom-left-radius: var(--border-bottom-left-radius);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n}\n\n.media-inner video.full-media {\n background: transparent !important;\n}\n\n.media-inner {\n overflow: hidden;\n}\n\n.Message .custom-shape .message-action-button {\n bottom: 0.25rem;\n}\n","@use \"sass:map\";\n\n.icon-char::before {\n font-family: Roboto, \"Helvetica Neue\", sans-serif;\n content: attr(data-char);\n width: 1.5rem;\n text-align: center;\n display: block;\n}\n\n@mixin icon {\n /* use !important to prevent issues with browser extensions that change fonts */\n /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */\n font-family: \"icons\" !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon {\n @include icon;\n}\n\n$icons-map: (\n \"active-sessions\": \"\\f101\",\n \"add-one-badge\": \"\\f102\",\n \"add-user-filled\": \"\\f103\",\n \"add-user\": \"\\f104\",\n \"add\": \"\\f105\",\n \"admin\": \"\\f106\",\n \"allow-speak\": \"\\f107\",\n \"animals\": \"\\f108\",\n \"animations\": \"\\f109\",\n \"archive-filled\": \"\\f10a\",\n \"archive-from-main\": \"\\f10b\",\n \"archive-to-main\": \"\\f10c\",\n \"archive\": \"\\f10d\",\n \"arrow-down-circle\": \"\\f10e\",\n \"arrow-down\": \"\\f10f\",\n \"arrow-left\": \"\\f110\",\n \"arrow-right\": \"\\f111\",\n \"ask-support\": \"\\f112\",\n \"attach\": \"\\f113\",\n \"avatar-archived-chats\": \"\\f114\",\n \"avatar-deleted-account\": \"\\f115\",\n \"avatar-saved-messages\": \"\\f116\",\n \"bold\": \"\\f117\",\n \"boost\": \"\\f118\",\n \"boostcircle\": \"\\f119\",\n \"bot-command\": \"\\f11a\",\n \"bot-commands-filled\": \"\\f11b\",\n \"bots\": \"\\f11c\",\n \"bug\": \"\\f11d\",\n \"calendar-filter\": \"\\f11e\",\n \"calendar\": \"\\f11f\",\n \"camera-add\": \"\\f120\",\n \"camera\": \"\\f121\",\n \"car\": \"\\f122\",\n \"card\": \"\\f123\",\n \"channel-filled\": \"\\f124\",\n \"channel\": \"\\f125\",\n \"channelviews\": \"\\f126\",\n \"chat-badge\": \"\\f127\",\n \"chats-badge\": \"\\f128\",\n \"check\": \"\\f129\",\n \"close-circle\": \"\\f12a\",\n \"close-topic\": \"\\f12b\",\n \"close\": \"\\f12c\",\n \"cloud-download\": \"\\f12d\",\n \"collapse\": \"\\f12e\",\n \"colorize\": \"\\f12f\",\n \"comments-sticker\": \"\\f130\",\n \"comments\": \"\\f131\",\n \"copy-media\": \"\\f132\",\n \"copy\": \"\\f133\",\n \"darkmode\": \"\\f134\",\n \"data\": \"\\f135\",\n \"delete-filled\": \"\\f136\",\n \"delete-left\": \"\\f137\",\n \"delete-user\": \"\\f138\",\n \"delete\": \"\\f139\",\n \"document\": \"\\f13a\",\n \"double-badge\": \"\\f13b\",\n \"down\": \"\\f13c\",\n \"download\": \"\\f13d\",\n \"eats\": \"\\f13e\",\n \"edit\": \"\\f13f\",\n \"email\": \"\\f140\",\n \"enter\": \"\\f141\",\n \"expand\": \"\\f142\",\n \"eye-closed-outline\": \"\\f143\",\n \"eye-closed\": \"\\f144\",\n \"eye-outline\": \"\\f145\",\n \"eye\": \"\\f146\",\n \"favorite-filled\": \"\\f147\",\n \"favorite\": \"\\f148\",\n \"file-badge\": \"\\f149\",\n \"flag\": \"\\f14a\",\n \"folder-badge\": \"\\f14b\",\n \"folder\": \"\\f14c\",\n \"fontsize\": \"\\f14d\",\n \"forums\": \"\\f14e\",\n \"forward\": \"\\f14f\",\n \"fullscreen\": \"\\f150\",\n \"gifs\": \"\\f151\",\n \"gift\": \"\\f152\",\n \"group-filled\": \"\\f153\",\n \"group\": \"\\f154\",\n \"grouped-disable\": \"\\f155\",\n \"grouped\": \"\\f156\",\n \"hand-stop\": \"\\f157\",\n \"hashtag\": \"\\f158\",\n \"heart-outline\": \"\\f159\",\n \"heart\": \"\\f15a\",\n \"help\": \"\\f15b\",\n \"info-filled\": \"\\f15c\",\n \"info\": \"\\f15d\",\n \"install\": \"\\f15e\",\n \"italic\": \"\\f15f\",\n \"key\": \"\\f160\",\n \"keyboard\": \"\\f161\",\n \"lamp\": \"\\f162\",\n \"language\": \"\\f163\",\n \"large-pause\": \"\\f164\",\n \"large-play\": \"\\f165\",\n \"link-badge\": \"\\f166\",\n \"link-broken\": \"\\f167\",\n \"link\": \"\\f168\",\n \"location\": \"\\f169\",\n \"lock-badge\": \"\\f16a\",\n \"lock\": \"\\f16b\",\n \"logout\": \"\\f16c\",\n \"loop\": \"\\f16d\",\n \"mention\": \"\\f16e\",\n \"message-failed\": \"\\f16f\",\n \"message-pending\": \"\\f170\",\n \"message-read\": \"\\f171\",\n \"message-succeeded\": \"\\f172\",\n \"message\": \"\\f173\",\n \"microphone-alt\": \"\\f174\",\n \"microphone\": \"\\f175\",\n \"monospace\": \"\\f176\",\n \"more-circle\": \"\\f177\",\n \"more\": \"\\f178\",\n \"mute\": \"\\f179\",\n \"muted\": \"\\f17a\",\n \"new-chat-filled\": \"\\f17b\",\n \"next\": \"\\f17c\",\n \"noise-suppression\": \"\\f17d\",\n \"non-contacts\": \"\\f17e\",\n \"open-in-new-tab\": \"\\f17f\",\n \"password-off\": \"\\f180\",\n \"pause\": \"\\f181\",\n \"permissions\": \"\\f182\",\n \"phone-discard-outline\": \"\\f183\",\n \"phone-discard\": \"\\f184\",\n \"phone\": \"\\f185\",\n \"photo\": \"\\f186\",\n \"pin-badge\": \"\\f187\",\n \"pin-list\": \"\\f188\",\n \"pin\": \"\\f189\",\n \"pinned-chat\": \"\\f18a\",\n \"pinned-message\": \"\\f18b\",\n \"pip\": \"\\f18c\",\n \"play-story\": \"\\f18d\",\n \"play\": \"\\f18e\",\n \"poll\": \"\\f18f\",\n \"premium\": \"\\f190\",\n \"previous\": \"\\f191\",\n \"privacy-policy\": \"\\f192\",\n \"quote-text\": \"\\f193\",\n \"quote\": \"\\f194\",\n \"readchats\": \"\\f195\",\n \"recent\": \"\\f196\",\n \"reload\": \"\\f197\",\n \"remove\": \"\\f198\",\n \"reopen-topic\": \"\\f199\",\n \"replace\": \"\\f19a\",\n \"replies\": \"\\f19b\",\n \"reply-filled\": \"\\f19c\",\n \"reply\": \"\\f19d\",\n \"revote\": \"\\f19e\",\n \"save-story\": \"\\f19f\",\n \"saved-messages\": \"\\f1a0\",\n \"schedule\": \"\\f1a1\",\n \"search\": \"\\f1a2\",\n \"select\": \"\\f1a3\",\n \"send-outline\": \"\\f1a4\",\n \"send\": \"\\f1a5\",\n \"settings-filled\": \"\\f1a6\",\n \"settings\": \"\\f1a7\",\n \"share-filled\": \"\\f1a8\",\n \"share-screen-outlined\": \"\\f1a9\",\n \"share-screen-stop\": \"\\f1aa\",\n \"share-screen\": \"\\f1ab\",\n \"sidebar\": \"\\f1ac\",\n \"skip-next\": \"\\f1ad\",\n \"skip-previous\": \"\\f1ae\",\n \"smallscreen\": \"\\f1af\",\n \"smile\": \"\\f1b0\",\n \"sort\": \"\\f1b1\",\n \"speaker-muted-story\": \"\\f1b2\",\n \"speaker-outline\": \"\\f1b3\",\n \"speaker-story\": \"\\f1b4\",\n \"speaker\": \"\\f1b5\",\n \"spoiler-disable\": \"\\f1b6\",\n \"spoiler\": \"\\f1b7\",\n \"sport\": \"\\f1b8\",\n \"stats\": \"\\f1b9\",\n \"stealth-future\": \"\\f1ba\",\n \"stealth-past\": \"\\f1bb\",\n \"stickers\": \"\\f1bc\",\n \"stop-raising-hand\": \"\\f1bd\",\n \"stop\": \"\\f1be\",\n \"story-caption\": \"\\f1bf\",\n \"story-expired\": \"\\f1c0\",\n \"story-priority\": \"\\f1c1\",\n \"story-reply\": \"\\f1c2\",\n \"strikethrough\": \"\\f1c3\",\n \"timer\": \"\\f1c4\",\n \"transcribe\": \"\\f1c5\",\n \"truck\": \"\\f1c6\",\n \"unarchive\": \"\\f1c7\",\n \"underlined\": \"\\f1c8\",\n \"unlock-badge\": \"\\f1c9\",\n \"unlock\": \"\\f1ca\",\n \"unmute\": \"\\f1cb\",\n \"unpin\": \"\\f1cc\",\n \"unread\": \"\\f1cd\",\n \"up\": \"\\f1ce\",\n \"user-filled\": \"\\f1cf\",\n \"user-online\": \"\\f1d0\",\n \"user\": \"\\f1d1\",\n \"video-outlined\": \"\\f1d2\",\n \"video-stop\": \"\\f1d3\",\n \"video\": \"\\f1d4\",\n \"voice-chat\": \"\\f1d5\",\n \"volume-1\": \"\\f1d6\",\n \"volume-2\": \"\\f1d7\",\n \"volume-3\": \"\\f1d8\",\n \"web\": \"\\f1d9\",\n \"webapp\": \"\\f1da\",\n \"word-wrap\": \"\\f1db\",\n \"zoom-in\": \"\\f1dc\",\n \"zoom-out\": \"\\f1dd\",\n);\n\n.icon-active-sessions::before {\n content: map.get($icons-map, \"active-sessions\");\n}\n.icon-add-one-badge::before {\n content: map.get($icons-map, \"add-one-badge\");\n}\n.icon-add-user-filled::before {\n content: map.get($icons-map, \"add-user-filled\");\n}\n.icon-add-user::before {\n content: map.get($icons-map, \"add-user\");\n}\n.icon-add::before {\n content: map.get($icons-map, \"add\");\n}\n.icon-admin::before {\n content: map.get($icons-map, \"admin\");\n}\n.icon-allow-speak::before {\n content: map.get($icons-map, \"allow-speak\");\n}\n.icon-animals::before {\n content: map.get($icons-map, \"animals\");\n}\n.icon-animations::before {\n content: map.get($icons-map, \"animations\");\n}\n.icon-archive-filled::before {\n content: map.get($icons-map, \"archive-filled\");\n}\n.icon-archive-from-main::before {\n content: map.get($icons-map, \"archive-from-main\");\n}\n.icon-archive-to-main::before {\n content: map.get($icons-map, \"archive-to-main\");\n}\n.icon-archive::before {\n content: map.get($icons-map, \"archive\");\n}\n.icon-arrow-down-circle::before {\n content: map.get($icons-map, \"arrow-down-circle\");\n}\n.icon-arrow-down::before {\n content: map.get($icons-map, \"arrow-down\");\n}\n.icon-arrow-left::before {\n content: map.get($icons-map, \"arrow-left\");\n}\n.icon-arrow-right::before {\n content: map.get($icons-map, \"arrow-right\");\n}\n.icon-ask-support::before {\n content: map.get($icons-map, \"ask-support\");\n}\n.icon-attach::before {\n content: map.get($icons-map, \"attach\");\n}\n.icon-avatar-archived-chats::before {\n content: map.get($icons-map, \"avatar-archived-chats\");\n}\n.icon-avatar-deleted-account::before {\n content: map.get($icons-map, \"avatar-deleted-account\");\n}\n.icon-avatar-saved-messages::before {\n content: map.get($icons-map, \"avatar-saved-messages\");\n}\n.icon-bold::before {\n content: map.get($icons-map, \"bold\");\n}\n.icon-boost::before {\n content: map.get($icons-map, \"boost\");\n}\n.icon-boostcircle::before {\n content: map.get($icons-map, \"boostcircle\");\n}\n.icon-bot-command::before {\n content: map.get($icons-map, \"bot-command\");\n}\n.icon-bot-commands-filled::before {\n content: map.get($icons-map, \"bot-commands-filled\");\n}\n.icon-bots::before {\n content: map.get($icons-map, \"bots\");\n}\n.icon-bug::before {\n content: map.get($icons-map, \"bug\");\n}\n.icon-calendar-filter::before {\n content: map.get($icons-map, \"calendar-filter\");\n}\n.icon-calendar::before {\n content: map.get($icons-map, \"calendar\");\n}\n.icon-camera-add::before {\n content: map.get($icons-map, \"camera-add\");\n}\n.icon-camera::before {\n content: map.get($icons-map, \"camera\");\n}\n.icon-car::before {\n content: map.get($icons-map, \"car\");\n}\n.icon-card::before {\n content: map.get($icons-map, \"card\");\n}\n.icon-channel-filled::before {\n content: map.get($icons-map, \"channel-filled\");\n}\n.icon-channel::before {\n content: map.get($icons-map, \"channel\");\n}\n.icon-channelviews::before {\n content: map.get($icons-map, \"channelviews\");\n}\n.icon-chat-badge::before {\n content: map.get($icons-map, \"chat-badge\");\n}\n.icon-chats-badge::before {\n content: map.get($icons-map, \"chats-badge\");\n}\n.icon-check::before {\n content: map.get($icons-map, \"check\");\n}\n.icon-close-circle::before {\n content: map.get($icons-map, \"close-circle\");\n}\n.icon-close-topic::before {\n content: map.get($icons-map, \"close-topic\");\n}\n.icon-close::before {\n content: map.get($icons-map, \"close\");\n}\n.icon-cloud-download::before {\n content: map.get($icons-map, \"cloud-download\");\n}\n.icon-collapse::before {\n content: map.get($icons-map, \"collapse\");\n}\n.icon-colorize::before {\n content: map.get($icons-map, \"colorize\");\n}\n.icon-comments-sticker::before {\n content: map.get($icons-map, \"comments-sticker\");\n}\n.icon-comments::before {\n content: map.get($icons-map, \"comments\");\n}\n.icon-copy-media::before {\n content: map.get($icons-map, \"copy-media\");\n}\n.icon-copy::before {\n content: map.get($icons-map, \"copy\");\n}\n.icon-darkmode::before {\n content: map.get($icons-map, \"darkmode\");\n}\n.icon-data::before {\n content: map.get($icons-map, \"data\");\n}\n.icon-delete-filled::before {\n content: map.get($icons-map, \"delete-filled\");\n}\n.icon-delete-left::before {\n content: map.get($icons-map, \"delete-left\");\n}\n.icon-delete-user::before {\n content: map.get($icons-map, \"delete-user\");\n}\n.icon-delete::before {\n content: map.get($icons-map, \"delete\");\n}\n.icon-document::before {\n content: map.get($icons-map, \"document\");\n}\n.icon-double-badge::before {\n content: map.get($icons-map, \"double-badge\");\n}\n.icon-down::before {\n content: map.get($icons-map, \"down\");\n}\n.icon-download::before {\n content: map.get($icons-map, \"download\");\n}\n.icon-eats::before {\n content: map.get($icons-map, \"eats\");\n}\n.icon-edit::before {\n content: map.get($icons-map, \"edit\");\n}\n.icon-email::before {\n content: map.get($icons-map, \"email\");\n}\n.icon-enter::before {\n content: map.get($icons-map, \"enter\");\n}\n.icon-expand::before {\n content: map.get($icons-map, \"expand\");\n}\n.icon-eye-closed-outline::before {\n content: map.get($icons-map, \"eye-closed-outline\");\n}\n.icon-eye-closed::before {\n content: map.get($icons-map, \"eye-closed\");\n}\n.icon-eye-outline::before {\n content: map.get($icons-map, \"eye-outline\");\n}\n.icon-eye::before {\n content: map.get($icons-map, \"eye\");\n}\n.icon-favorite-filled::before {\n content: map.get($icons-map, \"favorite-filled\");\n}\n.icon-favorite::before {\n content: map.get($icons-map, \"favorite\");\n}\n.icon-file-badge::before {\n content: map.get($icons-map, \"file-badge\");\n}\n.icon-flag::before {\n content: map.get($icons-map, \"flag\");\n}\n.icon-folder-badge::before {\n content: map.get($icons-map, \"folder-badge\");\n}\n.icon-folder::before {\n content: map.get($icons-map, \"folder\");\n}\n.icon-fontsize::before {\n content: map.get($icons-map, \"fontsize\");\n}\n.icon-forums::before {\n content: map.get($icons-map, \"forums\");\n}\n.icon-forward::before {\n content: map.get($icons-map, \"forward\");\n}\n.icon-fullscreen::before {\n content: map.get($icons-map, \"fullscreen\");\n}\n.icon-gifs::before {\n content: map.get($icons-map, \"gifs\");\n}\n.icon-gift::before {\n content: map.get($icons-map, \"gift\");\n}\n.icon-group-filled::before {\n content: map.get($icons-map, \"group-filled\");\n}\n.icon-group::before {\n content: map.get($icons-map, \"group\");\n}\n.icon-grouped-disable::before {\n content: map.get($icons-map, \"grouped-disable\");\n}\n.icon-grouped::before {\n content: map.get($icons-map, \"grouped\");\n}\n.icon-hand-stop::before {\n content: map.get($icons-map, \"hand-stop\");\n}\n.icon-hashtag::before {\n content: map.get($icons-map, \"hashtag\");\n}\n.icon-heart-outline::before {\n content: map.get($icons-map, \"heart-outline\");\n}\n.icon-heart::before {\n content: map.get($icons-map, \"heart\");\n}\n.icon-help::before {\n content: map.get($icons-map, \"help\");\n}\n.icon-info-filled::before {\n content: map.get($icons-map, \"info-filled\");\n}\n.icon-info::before {\n content: map.get($icons-map, \"info\");\n}\n.icon-install::before {\n content: map.get($icons-map, \"install\");\n}\n.icon-italic::before {\n content: map.get($icons-map, \"italic\");\n}\n.icon-key::before {\n content: map.get($icons-map, \"key\");\n}\n.icon-keyboard::before {\n content: map.get($icons-map, \"keyboard\");\n}\n.icon-lamp::before {\n content: map.get($icons-map, \"lamp\");\n}\n.icon-language::before {\n content: map.get($icons-map, \"language\");\n}\n.icon-large-pause::before {\n content: map.get($icons-map, \"large-pause\");\n}\n.icon-large-play::before {\n content: map.get($icons-map, \"large-play\");\n}\n.icon-link-badge::before {\n content: map.get($icons-map, \"link-badge\");\n}\n.icon-link-broken::before {\n content: map.get($icons-map, \"link-broken\");\n}\n.icon-link::before {\n content: map.get($icons-map, \"link\");\n}\n.icon-location::before {\n content: map.get($icons-map, \"location\");\n}\n.icon-lock-badge::before {\n content: map.get($icons-map, \"lock-badge\");\n}\n.icon-lock::before {\n content: map.get($icons-map, \"lock\");\n}\n.icon-logout::before {\n content: map.get($icons-map, \"logout\");\n}\n.icon-loop::before {\n content: map.get($icons-map, \"loop\");\n}\n.icon-mention::before {\n content: map.get($icons-map, \"mention\");\n}\n.icon-message-failed::before {\n content: map.get($icons-map, \"message-failed\");\n}\n.icon-message-pending::before {\n content: map.get($icons-map, \"message-pending\");\n}\n.icon-message-read::before {\n content: map.get($icons-map, \"message-read\");\n}\n.icon-message-succeeded::before {\n content: map.get($icons-map, \"message-succeeded\");\n}\n.icon-message::before {\n content: map.get($icons-map, \"message\");\n}\n.icon-microphone-alt::before {\n content: map.get($icons-map, \"microphone-alt\");\n}\n.icon-microphone::before {\n content: map.get($icons-map, \"microphone\");\n}\n.icon-monospace::before {\n content: map.get($icons-map, \"monospace\");\n}\n.icon-more-circle::before {\n content: map.get($icons-map, \"more-circle\");\n}\n.icon-more::before {\n content: map.get($icons-map, \"more\");\n}\n.icon-mute::before {\n content: map.get($icons-map, \"mute\");\n}\n.icon-muted::before {\n content: map.get($icons-map, \"muted\");\n}\n.icon-new-chat-filled::before {\n content: map.get($icons-map, \"new-chat-filled\");\n}\n.icon-next::before {\n content: map.get($icons-map, \"next\");\n}\n.icon-noise-suppression::before {\n content: map.get($icons-map, \"noise-suppression\");\n}\n.icon-non-contacts::before {\n content: map.get($icons-map, \"non-contacts\");\n}\n.icon-open-in-new-tab::before {\n content: map.get($icons-map, \"open-in-new-tab\");\n}\n.icon-password-off::before {\n content: map.get($icons-map, \"password-off\");\n}\n.icon-pause::before {\n content: map.get($icons-map, \"pause\");\n}\n.icon-permissions::before {\n content: map.get($icons-map, \"permissions\");\n}\n.icon-phone-discard-outline::before {\n content: map.get($icons-map, \"phone-discard-outline\");\n}\n.icon-phone-discard::before {\n content: map.get($icons-map, \"phone-discard\");\n}\n.icon-phone::before {\n content: map.get($icons-map, \"phone\");\n}\n.icon-photo::before {\n content: map.get($icons-map, \"photo\");\n}\n.icon-pin-badge::before {\n content: map.get($icons-map, \"pin-badge\");\n}\n.icon-pin-list::before {\n content: map.get($icons-map, \"pin-list\");\n}\n.icon-pin::before {\n content: map.get($icons-map, \"pin\");\n}\n.icon-pinned-chat::before {\n content: map.get($icons-map, \"pinned-chat\");\n}\n.icon-pinned-message::before {\n content: map.get($icons-map, \"pinned-message\");\n}\n.icon-pip::before {\n content: map.get($icons-map, \"pip\");\n}\n.icon-play-story::before {\n content: map.get($icons-map, \"play-story\");\n}\n.icon-play::before {\n content: map.get($icons-map, \"play\");\n}\n.icon-poll::before {\n content: map.get($icons-map, \"poll\");\n}\n.icon-premium::before {\n content: map.get($icons-map, \"premium\");\n}\n.icon-previous::before {\n content: map.get($icons-map, \"previous\");\n}\n.icon-privacy-policy::before {\n content: map.get($icons-map, \"privacy-policy\");\n}\n.icon-quote-text::before {\n content: map.get($icons-map, \"quote-text\");\n}\n.icon-quote::before {\n content: map.get($icons-map, \"quote\");\n}\n.icon-readchats::before {\n content: map.get($icons-map, \"readchats\");\n}\n.icon-recent::before {\n content: map.get($icons-map, \"recent\");\n}\n.icon-reload::before {\n content: map.get($icons-map, \"reload\");\n}\n.icon-remove::before {\n content: map.get($icons-map, \"remove\");\n}\n.icon-reopen-topic::before {\n content: map.get($icons-map, \"reopen-topic\");\n}\n.icon-replace::before {\n content: map.get($icons-map, \"replace\");\n}\n.icon-replies::before {\n content: map.get($icons-map, \"replies\");\n}\n.icon-reply-filled::before {\n content: map.get($icons-map, \"reply-filled\");\n}\n.icon-reply::before {\n content: map.get($icons-map, \"reply\");\n}\n.icon-revote::before {\n content: map.get($icons-map, \"revote\");\n}\n.icon-save-story::before {\n content: map.get($icons-map, \"save-story\");\n}\n.icon-saved-messages::before {\n content: map.get($icons-map, \"saved-messages\");\n}\n.icon-schedule::before {\n content: map.get($icons-map, \"schedule\");\n}\n.icon-search::before {\n content: map.get($icons-map, \"search\");\n}\n.icon-select::before {\n content: map.get($icons-map, \"select\");\n}\n.icon-send-outline::before {\n content: map.get($icons-map, \"send-outline\");\n}\n.icon-send::before {\n content: map.get($icons-map, \"send\");\n}\n.icon-settings-filled::before {\n content: map.get($icons-map, \"settings-filled\");\n}\n.icon-settings::before {\n content: map.get($icons-map, \"settings\");\n}\n.icon-share-filled::before {\n content: map.get($icons-map, \"share-filled\");\n}\n.icon-share-screen-outlined::before {\n content: map.get($icons-map, \"share-screen-outlined\");\n}\n.icon-share-screen-stop::before {\n content: map.get($icons-map, \"share-screen-stop\");\n}\n.icon-share-screen::before {\n content: map.get($icons-map, \"share-screen\");\n}\n.icon-sidebar::before {\n content: map.get($icons-map, \"sidebar\");\n}\n.icon-skip-next::before {\n content: map.get($icons-map, \"skip-next\");\n}\n.icon-skip-previous::before {\n content: map.get($icons-map, \"skip-previous\");\n}\n.icon-smallscreen::before {\n content: map.get($icons-map, \"smallscreen\");\n}\n.icon-smile::before {\n content: map.get($icons-map, \"smile\");\n}\n.icon-sort::before {\n content: map.get($icons-map, \"sort\");\n}\n.icon-speaker-muted-story::before {\n content: map.get($icons-map, \"speaker-muted-story\");\n}\n.icon-speaker-outline::before {\n content: map.get($icons-map, \"speaker-outline\");\n}\n.icon-speaker-story::before {\n content: map.get($icons-map, \"speaker-story\");\n}\n.icon-speaker::before {\n content: map.get($icons-map, \"speaker\");\n}\n.icon-spoiler-disable::before {\n content: map.get($icons-map, \"spoiler-disable\");\n}\n.icon-spoiler::before {\n content: map.get($icons-map, \"spoiler\");\n}\n.icon-sport::before {\n content: map.get($icons-map, \"sport\");\n}\n.icon-stats::before {\n content: map.get($icons-map, \"stats\");\n}\n.icon-stealth-future::before {\n content: map.get($icons-map, \"stealth-future\");\n}\n.icon-stealth-past::before {\n content: map.get($icons-map, \"stealth-past\");\n}\n.icon-stickers::before {\n content: map.get($icons-map, \"stickers\");\n}\n.icon-stop-raising-hand::before {\n content: map.get($icons-map, \"stop-raising-hand\");\n}\n.icon-stop::before {\n content: map.get($icons-map, \"stop\");\n}\n.icon-story-caption::before {\n content: map.get($icons-map, \"story-caption\");\n}\n.icon-story-expired::before {\n content: map.get($icons-map, \"story-expired\");\n}\n.icon-story-priority::before {\n content: map.get($icons-map, \"story-priority\");\n}\n.icon-story-reply::before {\n content: map.get($icons-map, \"story-reply\");\n}\n.icon-strikethrough::before {\n content: map.get($icons-map, \"strikethrough\");\n}\n.icon-timer::before {\n content: map.get($icons-map, \"timer\");\n}\n.icon-transcribe::before {\n content: map.get($icons-map, \"transcribe\");\n}\n.icon-truck::before {\n content: map.get($icons-map, \"truck\");\n}\n.icon-unarchive::before {\n content: map.get($icons-map, \"unarchive\");\n}\n.icon-underlined::before {\n content: map.get($icons-map, \"underlined\");\n}\n.icon-unlock-badge::before {\n content: map.get($icons-map, \"unlock-badge\");\n}\n.icon-unlock::before {\n content: map.get($icons-map, \"unlock\");\n}\n.icon-unmute::before {\n content: map.get($icons-map, \"unmute\");\n}\n.icon-unpin::before {\n content: map.get($icons-map, \"unpin\");\n}\n.icon-unread::before {\n content: map.get($icons-map, \"unread\");\n}\n.icon-up::before {\n content: map.get($icons-map, \"up\");\n}\n.icon-user-filled::before {\n content: map.get($icons-map, \"user-filled\");\n}\n.icon-user-online::before {\n content: map.get($icons-map, \"user-online\");\n}\n.icon-user::before {\n content: map.get($icons-map, \"user\");\n}\n.icon-video-outlined::before {\n content: map.get($icons-map, \"video-outlined\");\n}\n.icon-video-stop::before {\n content: map.get($icons-map, \"video-stop\");\n}\n.icon-video::before {\n content: map.get($icons-map, \"video\");\n}\n.icon-voice-chat::before {\n content: map.get($icons-map, \"voice-chat\");\n}\n.icon-volume-1::before {\n content: map.get($icons-map, \"volume-1\");\n}\n.icon-volume-2::before {\n content: map.get($icons-map, \"volume-2\");\n}\n.icon-volume-3::before {\n content: map.get($icons-map, \"volume-3\");\n}\n.icon-web::before {\n content: map.get($icons-map, \"web\");\n}\n.icon-webapp::before {\n content: map.get($icons-map, \"webapp\");\n}\n.icon-word-wrap::before {\n content: map.get($icons-map, \"word-wrap\");\n}\n.icon-zoom-in::before {\n content: map.get($icons-map, \"zoom-in\");\n}\n.icon-zoom-out::before {\n content: map.get($icons-map, \"zoom-out\");\n}\n","@use \"sass:map\";\n@use \"../../../styles/icons\";\n\n.message-content {\n position: relative;\n max-width: var(--max-width);\n\n @media (max-width: 600px) {\n max-width: min(29rem, calc(100vw - 6.25rem));\n .MessageList.no-avatars & {\n max-width: min(29rem, calc(100vw - 3.75rem));\n }\n .Message.own & {\n max-width: min(30rem, calc(100vw - 3.75rem));\n }\n\n &.has-action-button {\n max-width: min(29rem, calc(100vw - 7rem));\n\n .MessageList.no-avatars & {\n max-width: min(29rem, calc(100vw - 4.5rem));\n }\n\n .Message.own & {\n max-width: min(30rem, calc(100vw - 4.5rem));\n }\n }\n }\n\n img {\n -webkit-touch-callout: none;\n user-select: none;\n }\n\n .emoji {\n -webkit-user-drag: none;\n user-select: text;\n }\n\n .text-content,\n .transcription {\n margin: 0;\n word-break: break-word;\n white-space: pre-wrap;\n line-height: 1.3125;\n text-align: initial;\n display: block;\n unicode-bidi: plaintext;\n border-radius: 0.25rem;\n position: relative;\n }\n\n .transcription {\n & + .text-content {\n margin-top: 0.5rem;\n }\n\n .DotAnimation {\n display: inline;\n\n .ellipsis {\n display: inline-flex;\n }\n }\n\n &.transcription-error {\n color: var(--color-text-meta);\n font-size: 0.875rem;\n }\n\n .own &.transcription-error {\n color: var(--color-message-meta-own);\n }\n }\n\n .translation-animation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n pointer-events: none;\n }\n\n .text-loading {\n --background-gradient-size: 20rem;\n --animation-color: var(--color-skeleton-background);\n\n background-image: linear-gradient(to right, transparent 10%, var(--animation-color) 50%, transparent 90%);\n background-size: var(--background-gradient-size);\n\n display: inline;\n box-decoration-break: clone;\n color: transparent;\n\n border-radius: 0.25rem;\n\n animation: text-loading 1.5s linear infinite;\n\n .theme-dark & {\n --animation-color: var(--color-skeleton-foreground);\n }\n\n .emoji {\n opacity: 0;\n }\n }\n\n .text-entity-link {\n unicode-bidi: plaintext;\n }\n\n &.with-voice-transcription,\n &:not(.custom-shape) .text-content,\n &.document {\n & > .MessageMeta {\n position: relative;\n top: 0.375rem;\n bottom: auto !important;\n float: right;\n line-height: 1.35;\n height: calc(var(--message-meta-height, 1rem));\n margin-left: 0.4375rem;\n margin-right: -0.5rem;\n\n .MessageOutgoingStatus .Transition {\n max-height: calc(var(--message-meta-height, 1rem));\n overflow: hidden;\n }\n\n html[data-message-text-size=\"12\"] & {\n top: 0.25rem;\n }\n\n html[data-message-text-size=\"17\"] & {\n top: 0.4375rem;\n }\n\n html[data-message-text-size=\"18\"] &,\n html[data-message-text-size=\"19\"] & {\n top: 0.5rem;\n }\n\n html[data-message-text-size=\"20\"] & {\n top: 0.5625rem;\n }\n }\n\n &:dir(rtl) {\n & > .MessageMeta {\n float: left;\n margin-left: -0.25rem;\n margin-right: 0.4375rem;\n }\n }\n }\n\n .MessageMeta.reactions-offset {\n position: relative;\n top: 0.375rem;\n bottom: auto !important;\n float: right;\n line-height: 1;\n height: calc(var(--message-meta-height, 1rem));\n margin-left: auto;\n margin-right: -0.5rem;\n align-self: flex-end;\n\n .MessageOutgoingStatus .Transition {\n max-height: calc(var(--message-meta-height, 1rem));\n overflow: hidden;\n }\n\n html[data-message-text-size=\"12\"] & {\n top: 0.25rem;\n }\n\n html[data-message-text-size=\"17\"] & {\n top: 0.4375rem;\n }\n\n html[data-message-text-size=\"18\"] &,\n html[data-message-text-size=\"19\"] & {\n top: 0.5rem;\n }\n\n html[data-message-text-size=\"20\"] & {\n top: 0.5625rem;\n }\n }\n\n &.with-voice-transcription,\n &.document:not(.text) {\n &::after {\n content: \"\";\n display: block;\n clear: both;\n }\n }\n\n &.with-voice-transcription .MessageMeta[dir=\"rtl\"] {\n float: left;\n margin-right: 0.4375rem;\n margin-left: -0.5rem;\n }\n\n &.document:not(.text) > .MessageMeta {\n top: auto !important;\n bottom: -0.5rem !important;\n margin-top: -0.25rem;\n\n &:not([dir=\"rtl\"]):not(.is-imported) {\n margin-top: -1.25rem;\n }\n }\n\n .theme-dark .Message.own & {\n .text-entity-link {\n text-decoration: underline !important;\n\n &:hover {\n text-decoration: none !important;\n }\n }\n }\n\n &:not(.custom-shape) {\n font-size: var(--message-text-size, 1rem);\n\n body.is-ios & {\n font-size: var(--message-text-size, 1.0625rem);\n }\n\n & > .content-inner {\n min-width: 0;\n }\n }\n\n .matching-text-highlight:not(.is-quote) {\n color: var(--color-text);\n background: #cae3f7;\n border-radius: 0.25rem;\n padding: 0 0.125rem;\n\n .theme-dark & {\n --color-text: #000;\n }\n }\n\n .matching-text-highlight.is-quote {\n background: transparent;\n border-radius: 0.25rem;\n\n &.animate {\n color: var(--color-text);\n animation: quote-highlight 0.5s;\n animation-delay: 1.5s;\n background-color: #cae3f7;\n\n .theme-dark & {\n animation-name: quote-highlight-dark;\n color: #000;\n }\n }\n }\n\n .message-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n font-weight: 500;\n line-height: 1.25rem;\n color: var(--accent-color);\n unicode-bidi: plaintext;\n display: flex;\n\n .message-title-name {\n display: flex;\n align-items: center;\n }\n\n & > .interactive {\n overflow: hidden;\n text-overflow: ellipsis;\n unicode-bidi: plaintext;\n }\n\n &.interactive,\n & > .interactive {\n cursor: var(--custom-cursor, pointer);\n\n &:hover {\n opacity: 0.85;\n }\n }\n\n .sender-hidden {\n font-weight: normal;\n }\n\n & + .File {\n margin-top: 0.25rem;\n }\n\n .via {\n padding-right: 0.25rem;\n font-weight: 400;\n }\n\n span + .via {\n padding-left: 0.25rem;\n }\n\n .custom-emoji {\n margin-left: 0.25rem;\n color: var(--accent-color);\n }\n\n .PremiumIcon {\n --color-fill: var(--accent-color);\n vertical-align: middle;\n opacity: 0.5;\n margin-left: 0.25rem;\n }\n\n .admin-title {\n flex: 1;\n margin-left: 1rem;\n text-align: right;\n font-weight: 400;\n font-size: 0.75rem;\n margin-top: -0.125rem;\n color: rgba(var(--color-text-meta-rgb), 0.75);\n\n .Message.own & {\n color: var(--accent-color);\n }\n }\n }\n\n .message-subheader {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0.25rem;\n padding: 0.125rem 0;\n }\n\n .message-topic {\n align-self: flex-start;\n }\n\n &.has-shadow {\n box-shadow: 0 1px 2px var(--color-default-shadow);\n }\n\n &.has-solid-background,\n &.has-background,\n .is-album & {\n background: var(--background-color);\n }\n\n &.has-solid-background {\n padding: 0.3125rem 0.5rem 0.375rem;\n\n .forwarded-message > .text-content:not(.with-meta):last-child::after {\n content: \"\";\n display: inline-block;\n width: var(--meta-safe-area-size);\n height: 1rem;\n }\n }\n\n body.is-ios &.has-solid-background {\n padding-bottom: 0.4375rem;\n }\n\n body.is-ios .Message.own &.has-solid-background {\n padding-left: 0.625rem;\n }\n\n &:not(.has-appendix) .svg-appendix {\n display: none;\n }\n\n .svg-appendix {\n overflow: hidden;\n position: absolute;\n bottom: -0.0625rem;\n width: 0.5625rem;\n height: 1.125rem;\n font-size: 1rem !important;\n\n .corner {\n fill: var(--background-color);\n }\n\n .Message.own & {\n /* stylelint-disable-next-line plugin/whole-pixel */\n right: -0.551rem; // This value is correct. Safari fix\n }\n\n .Message:not(.own) & {\n /* stylelint-disable-next-line plugin/whole-pixel */\n left: -0.562rem; // This value is correct. Safari fix\n }\n }\n\n &[data-has-custom-appendix] {\n .svg-appendix .corner {\n fill: var(--appendix-bg);\n }\n }\n\n &.has-appendix-thumb {\n .Message & {\n .svg-appendix {\n --background-color: #ccc;\n opacity: 1;\n transition: opacity 500ms ease;\n }\n }\n }\n\n &.document {\n .File {\n margin-top: calc(0.5rem - 0.3125rem);\n\n .message-content.no-text & {\n margin-bottom: calc(0.5rem - 0.375rem);\n }\n\n .theme-dark & {\n --color-primary: var(--color-selection-highlight);\n }\n }\n }\n\n &.voice,\n &.audio,\n &.document {\n .text-content {\n margin-top: 0.25rem;\n }\n }\n\n &.voice,\n &.audio {\n .message-title,\n .Embedded {\n margin-top: -0.1875rem;\n margin-bottom: 0.1875rem;\n }\n }\n\n &.audio {\n min-width: 20rem;\n\n @media (max-width: 600px) {\n min-width: 17rem;\n }\n }\n\n &:not(.custom-shape) .emoji:not(.custom-emoji) {\n display: inline-block;\n width: 1.25rem;\n background-size: 1.25rem;\n color: transparent;\n margin-inline-end: 1px;\n vertical-align: text-bottom;\n\n &::selection {\n background-color: var(--color-selection-highlight-emoji);\n color: transparent;\n }\n }\n\n &:not(.custom-shape) .text-content {\n .emoji {\n width: calc(1.25 * var(--message-text-size, 1rem));\n height: calc(1.25 * var(--message-text-size, 1rem));\n background-size: calc(1.25 * var(--message-text-size, 1rem));\n }\n\n .custom-emoji {\n --custom-emoji-size: max(calc(1.25 * var(--message-text-size, 1rem)), 20px);\n width: var(--custom-emoji-size);\n height: var(--custom-emoji-size);\n }\n }\n\n .no-media-corners {\n --border-top-left-radius: 0;\n --border-top-right-radius: 0;\n }\n\n &.custom-shape.is-via-bot {\n font-size: inherit !important;\n\n .content-inner {\n display: flex;\n align-items: flex-start;\n flex-direction: row-reverse;\n direction: ltr;\n gap: 0.5rem;\n\n & > .message-title {\n display: inline-flex;\n position: relative;\n top: 0.125rem;\n max-width: calc(100% - 3rem);\n padding: 0 0.5rem;\n background-color: var(--background-color);\n border-radius: var(--border-radius-messages);\n\n .Message.own & {\n margin-left: -3rem;\n }\n }\n\n .Message.own & {\n flex-direction: row;\n }\n }\n\n .media-inner {\n margin-top: 0.375rem;\n }\n }\n}\n\n.message-content.media,\n.WebPage {\n .media-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &.interactive {\n cursor: var(--custom-cursor, pointer);\n\n &.dark video,\n &.dark canvas {\n background-color: #232323;\n }\n }\n }\n\n &.round.is-via-bot,\n &.round.has-subheader {\n width: auto !important;\n }\n\n &.force-sender-name .media-inner,\n &.force-sender-name .Album,\n &.text .media-inner,\n &.is-via-bot .media-inner,\n &.has-subheader .media-inner,\n &.has-subheader .Album {\n margin-left: -0.5rem;\n margin-right: -0.5rem;\n\n body.is-ios .Message.own & {\n margin-left: -0.625rem;\n }\n }\n\n &.text .media-inner {\n margin-top: -0.3125rem;\n }\n\n &.has-subheader .media-inner,\n &.force-sender-name .Album,\n &.has-subheader .Album,\n .message-title ~ .media-inner {\n margin-top: 0.375rem;\n margin-bottom: -0.375rem;\n\n body.is-ios .Message.own & {\n margin-bottom: -0.4375rem;\n }\n }\n\n &:not(.text) .RoundVideo {\n margin-bottom: 0;\n }\n\n // Moved below `.has-subheader` to overwrite its styles\n &.text .media-inner,\n &.text .Album {\n margin-bottom: 0.375rem;\n\n body.is-ios .Message.own & {\n margin-bottom: 0.375rem;\n }\n }\n\n .media-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:not(.open) {\n opacity: 0.5;\n transform: scale(0);\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n }\n\n .icon-large-play,\n .icon-download {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n opacity: 0.7;\n transition: opacity 150ms;\n\n &:hover {\n opacity: 1;\n }\n\n &:before {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3.375rem;\n height: 3.375rem;\n border-radius: 50%;\n background: rgba(black, 0.25);\n }\n\n &.opacity-transition {\n transition: opacity 0.15s ease;\n\n &.not-open {\n opacity: 0;\n }\n }\n }\n\n .icon-download {\n font-size: 1.5rem;\n }\n\n .icon-large-play {\n font-size: 2.5rem;\n }\n\n .message-media-duration,\n .message-transfer-progress {\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 user-select: none;\n display: flex;\n align-items: center;\n }\n\n .message-media-duration .icon-muted {\n vertical-align: -0.1875rem;\n margin-left: 0.375rem;\n font-size: 1.0625rem;\n }\n\n .message-media-duration .playback-failed {\n margin-inline-start: 0.125rem;\n font-size: 0.875rem;\n }\n}\n\n.message-content.story {\n max-width: 13.625rem;\n}\n\n.message-content.custom-shape {\n line-height: 1.2;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n\n &.has-comments {\n min-height: 5.25rem;\n margin-top: 0 !important;\n\n &.has-replies {\n min-height: 6.5rem;\n }\n }\n\n &.has-subheader {\n max-width: 100%;\n }\n\n .with-subheader {\n display: flex;\n align-items: flex-start;\n flex-direction: row-reverse;\n direction: ltr;\n\n > p {\n margin-bottom: 0;\n }\n\n .EmbeddedMessage {\n @media (max-width: 600px) {\n max-width: calc(90vw - 13rem);\n }\n\n @media (max-width: 340px) {\n margin-left: -1rem;\n z-index: 1;\n max-width: calc(90vw - 12rem);\n }\n }\n\n .message-subheader {\n gap: 0.5rem;\n margin-left: 0.5rem;\n }\n }\n\n .message-media-duration {\n background: var(--pattern-color);\n }\n\n .media-inner {\n line-height: 1;\n font-size: 1rem;\n flex-shrink: 0;\n\n .full-media {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n }\n\n .emoji:not(.custom-emoji) {\n display: inline-block;\n color: transparent;\n\n &::selection {\n background-color: var(--color-selection-highlight-emoji);\n color: transparent;\n }\n }\n\n &.emoji-only {\n --custom-emoji-size: var(--emoji-only-size);\n --emoji-only-size: 2.25rem;\n\n min-width: 6rem;\n\n .AnimatedEmoji {\n width: var(--emoji-only-size);\n height: var(--emoji-only-size);\n }\n\n .custom-emoji {\n line-height: 0;\n vertical-align: bottom;\n }\n\n .MessageMeta {\n z-index: 1;\n }\n\n .text-content {\n text-align: center;\n word-break: normal;\n line-height: var(--emoji-only-size);\n\n .emoji {\n width: var(--emoji-only-size);\n height: var(--emoji-only-size);\n }\n\n .MessageMeta {\n text-shadow: none;\n bottom: -1.25rem;\n right: 0;\n line-height: normal;\n }\n }\n }\n\n @for $i from 1 through 7 {\n &.emoji-only-#{$i} {\n $size: null;\n @if $i == 1 {\n $size: 7rem;\n } @else {\n $size: min(7.5 - ($i * 0.75), 5.625) + rem;\n }\n\n --emoji-only-size: #{$size};\n\n .text-content {\n width: #{calc($size * $i)};\n font-size: calc($size * 0.9);\n }\n }\n }\n\n .Message:not(.own) & {\n --hover-color: var(--color-reply-hover);\n --active-color: var(--color-reply-active);\n }\n\n .Message.own & {\n --hover-color: var(--color-reply-own-hover);\n --active-color: var(--color-reply-own-active);\n\n .with-subheader {\n flex-direction: row;\n\n .EmbeddedMessage {\n margin-right: 0.5rem;\n\n @media (max-width: 340px) {\n margin-left: 0;\n z-index: 1;\n max-width: calc(90vw - 11.5rem);\n }\n }\n }\n }\n}\n\n.forwarded-message {\n .message-content.contact &,\n .message-content.voice &,\n .message-content.poll &,\n .message-content.giveaway & {\n // MessageOutgoingStatus's icon needs more space\n margin-bottom: 0.5rem;\n }\n\n .message-content:not(.custom-shape) & {\n position: relative;\n margin-top: 0.25rem;\n padding-left: 0.625rem;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0.0625rem;\n width: 2px;\n background: var(--accent-color);\n border-radius: 2px;\n }\n\n &:dir(rtl) {\n padding-inline-start: 0.625rem;\n\n &::before {\n left: auto;\n right: 0.0625rem;\n }\n }\n }\n\n --border-top-left-radius: var(--border-radius-messages-small);\n --border-top-right-radius: var(--border-radius-messages-small);\n --border-bottom-left-radius: var(--border-radius-messages-small);\n --border-bottom-right-radius: var(--border-radius-messages-small);\n\n > .media-inner {\n margin: 0 !important;\n margin-bottom: 0.25rem !important;\n }\n}\n\n.long-word-break-all {\n word-break: break-all;\n}\n\n.text-entity-link {\n color: var(--color-links) !important;\n text-decoration: none !important;\n word-break: break-word;\n cursor: var(--custom-cursor, pointer);\n unicode-bidi: initial;\n\n &:hover,\n &:active,\n &:visited {\n text-decoration: underline !important;\n }\n}\n\n.text-entity-code {\n color: var(--color-code);\n background: var(--color-code-bg);\n white-space: pre-wrap;\n margin: 0;\n padding: 1px 2px;\n border-radius: 4px;\n\n &.clickable {\n cursor: var(--custom-cursor, pointer);\n }\n}\n\n// Keep this close to `CodeBlock` style to avoid jumps in height\n.text-entity-pre {\n white-space: pre-wrap;\n background-color: var(--color-code-bg);\n margin: 0;\n padding: 0.5rem;\n margin-block: 0.25rem;\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n\n &:hover {\n .code-overlay {\n opacity: 1;\n }\n }\n\n &.no-word-wrap {\n white-space: pre;\n padding-bottom: 0.25rem;\n }\n\n .pre-code {\n overflow-x: auto;\n }\n}\n\n.text-entity-code,\n.text-entity-pre,\n.code-block,\n.hljs {\n --color-scrollbar: var(--color-scrollbar-code);\n font-family: var(--font-family-monospace);\n font-size: 0.875rem;\n}\n\n// Remove extra bottom padding from `blockquote`\n.text-entity-blockquote-wrapper {\n display: inline-block;\n width: 100%\n}\n\nblockquote, .blockquote {\n display: inline-block;\n position: relative;\n padding-inline: 0.5rem 1rem;\n margin-block: 0.125rem;\n border-radius: 0.25rem;\n overflow: hidden;\n background-color: var(--accent-background-color);\n white-space: pre-wrap;\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n bottom: 0;\n width: 3px;\n background: var(--bar-gradient, var(--accent-color));\n }\n\n &::after {\n @include icons.icon;\n content: map.get(icons.$icons-map, \"quote\");\n\n color: var(--accent-color);\n position: absolute;\n top: 0.25rem;\n inset-inline-end: 0.25rem;\n\n font-size: 0.625rem;\n }\n}\n\n// Input specific styles\n.blockquote {\n display: block;\n width: fit-content;\n}\n\n@keyframes text-loading {\n 0% {\n background-position-x: 0;\n opacity: 1;\n }\n\n 50% {\n opacity: 0.8;\n }\n\n 100% {\n background-position-x: var(--background-gradient-size);\n opacity: 1;\n }\n}\n\n@keyframes quote-highlight {\n 0% {\n background-color: #cae3f7;\n }\n\n 100% {\n background-color: transparent;\n }\n}\n\n@keyframes quote-highlight-dark {\n 0% {\n background-color: #cae3f7;\n color: #000;\n }\n\n 100% {\n background-color: transparent;\n color: var(--color-text);\n }\n}\n",".SponsoredMessage {\n --border-top-left-radius: var(--border-radius-messages) !important;\n --border-bottom-left-radius: 0 !important;\n\n margin-top: -0.5rem;\n margin-bottom: 0.5rem;\n\n &::before {\n display: none;\n }\n\n &__button {\n --riple-color: var(var(--accent-background-active-color));\n\n margin-top: 0.375rem;\n margin-bottom: -0.375rem;\n border-top: 1px solid var(--accent-background-active-color, var(--active-color));\n\n color: var(--accent-color) !important;\n\n transition: opacity 0.2s ease-in;\n\n &:hover, &:active {\n background-color: transparent !important;\n opacity: 0.85;\n }\n }\n\n .message-type {\n padding-inline-end: 0.25rem;\n\n text-transform: capitalize;\n }\n\n .message-peer {\n color: var(--color-text);\n }\n\n &.with-avatar {\n padding-left: 2.5rem !important;\n\n & > .Avatar {\n display: flex !important;\n }\n\n\n @media (max-width: 600px) {\n padding-left: 2.875rem !important;\n\n .message-content {\n max-width: min(29rem, calc(100vw - 7.0625rem)) !important;\n }\n }\n }\n\n .message-action-button {\n bottom: auto !important;\n top: 0.5rem;\n }\n\n .message-content {\n padding: 0.5rem;\n\n @media (max-width: 600px) {\n max-width: min(29rem, calc(100vw - 4.5rem)) !important;\n }\n }\n\n .channel-avatar {\n --radius: 0.125rem;\n\n float: right;\n margin: 0 0 0.5rem 0.5rem;\n\n &.is-rtl {\n float: left;\n margin: 0 0.5rem 0.5rem 0;\n }\n }\n\n .content-inner {\n padding-top: 0.375rem;\n padding-inline-end: 0.375rem;\n padding-bottom: 0;\n padding-inline-start: 0.625rem;\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n background-color: var(--accent-background-color);\n border-radius: 0.375rem;\n position: relative;\n overflow: hidden;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n bottom: 0;\n width: 3px;\n background: var(--bar-gradient, var(--accent-color));\n }\n\n > .Button {\n border-radius: 0 0 0.375rem 0.375rem;\n border: none;\n background: none;\n margin-bottom: 0;\n line-height: 1;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 0.0625rem;\n background: var(--accent-color);\n opacity: 0.25;\n }\n }\n\n .icon {\n position: absolute;\n font-size: 0.75rem;\n top: 0.25rem;\n right: 0;\n transform: rotate(-45deg);\n }\n }\n\n .svg-appendix {\n transform: translate(0.01875rem, -0.00625rem);\n }\n}\n",".NoMessages {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .no-messages-icon {\n font-size: 5rem;\n margin: 0 auto 1rem;\n }\n\n .topic-icon {\n --custom-emoji-size: 3rem;\n width: 3rem;\n height: 3rem;\n font-size: 2rem;\n }\n\n .wrapper {\n display: inline-flex;\n flex-direction: column;\n background: var(--pattern-color);\n max-width: 20rem;\n padding: 0.75rem 1rem;\n border-radius: 1.5rem;\n color: #fff;\n\n &[dir=\"rtl\"] {\n text-align: right;\n }\n }\n\n .title {\n font-weight: 500;\n font-size: 1rem;\n margin-bottom: 0.25rem;\n text-align: center;\n unicode-bidi: plaintext;\n }\n\n .description {\n font-size: 0.9375rem;\n margin: 0;\n padding: 0;\n list-style: none;\n unicode-bidi: plaintext;\n }\n\n .topic-description {\n text-align: center;\n padding: 0 1rem;\n }\n\n .list-checkmarks {\n font-size: 0.9375rem;\n margin: 0.25rem 0 0;\n padding: 0;\n list-style: none;\n unicode-bidi: plaintext;\n line-height: 1.8;\n\n li::before {\n content: \"✓\";\n margin-inline-end: 0.5rem;\n }\n }\n}\n",".MessageList {\n flex: 1;\n width: 100%;\n margin-bottom: 0.5rem;\n\n overflow-y: scroll;\n overflow-x: hidden;\n\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: bottom 150ms ease-out, transform var(--layer-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n .mask-image-enabled & {\n mask-image: linear-gradient(to top, transparent 0, #000 0.5rem);\n }\n\n @media (pointer: coarse) {\n user-select: none;\n -webkit-touch-callout: none;\n\n &.select-mode-active {\n user-select: auto;\n -webkit-touch-callout: default;\n }\n }\n\n body.keyboard-visible & {\n position: relative;\n bottom: 0;\n\n @media (max-width: 600px) {\n @supports (bottom: calc(0px - env(safe-area-inset-bottom))) {\n bottom: calc(0px - env(safe-area-inset-bottom));\n }\n }\n\n body.keyboard-visible.no-page-transitions & {\n transition: none !important;\n }\n }\n\n &.no-avatars .Message > .Avatar {\n display: none;\n }\n\n .messages-container {\n width: 100%;\n max-width: var(--messages-container-width);\n min-height: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: flex-end;\n flex-direction: column;\n padding: 1rem 1rem 0 1.125rem;\n\n .force-messages-scroll & {\n margin-top: 100vh !important;\n }\n\n @media (max-width: 600px) {\n width: 100vw;\n padding: 2.75rem 0.5rem 0;\n // Patch for an issue on Android when rotating device\n margin: 0;\n }\n }\n\n &.no-composer {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 1rem;\n }\n }\n\n &.select-mode-active,\n &.type-pinned {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 5.625rem;\n\n @media (max-width: 600px) {\n margin-bottom: 4.25rem;\n }\n\n &.ActionMessage {\n padding-bottom: 0.125rem;\n }\n }\n }\n\n @media (max-width: 600px) {\n &.with-bottom-shift {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 4.25rem;\n\n @supports (margin-bottom: calc(4.25rem + env(safe-area-inset-bottom))) {\n body:not(.keyboard-visible) & {\n margin-bottom: calc(4.25rem + env(safe-area-inset-bottom));\n }\n }\n }\n }\n }\n\n .Message,\n .ActionMessage {\n position: relative;\n\n opacity: 1;\n transform: scale(1);\n transition: opacity 0.2s ease, transform 0.2s ease;\n\n &:not(.open) {\n transform: scale(0.8);\n opacity: 0;\n }\n\n body.no-message-sending-animations & {\n opacity: 1;\n transform: none;\n transition: none !important;\n }\n\n &.is-just-added:not(.own) {\n transform: none;\n }\n\n // Restore stacking context\n // https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n &.open.shown {\n transform: none;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: -0.1875rem;\n bottom: -0.1875rem;\n left: -50vw;\n right: -50vw;\n background: black;\n z-index: 0;\n\n opacity: 0;\n transition: opacity var(--select-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n }\n\n &:not(.last-in-group) {\n &::before {\n bottom: -0.1875rem;\n }\n }\n\n &:not(.first-in-group) {\n &::before {\n top: -0.1875rem;\n }\n }\n\n &.focused::before {\n // @optimization\n transition: none !important;\n }\n\n &.focused,\n &.is-forwarding,\n &.is-selected,\n &.has-menu-open {\n &::before {\n opacity: 0.1;\n\n .theme-dark & {\n opacity: 0.6;\n }\n }\n }\n }\n\n html.theme-light &.with-default-bg {\n .Message,\n .ActionMessage {\n &::before {\n background: var(--pattern-color);\n }\n\n &.focused,\n &.is-forwarding,\n &.is-selected,\n &.has-menu-open {\n &::before {\n opacity: 0.55;\n }\n }\n }\n }\n\n .empty {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > span {\n max-width: 80%;\n text-align: left;\n }\n }\n\n .sticky-date,\n .local-action-message,\n .ActionMessage,\n .empty {\n text-align: center;\n user-select: none;\n\n > span {\n display: inline-block;\n background: var(--pattern-color);\n color: white;\n font-size: calc(var(--message-text-size, 1rem) - 0.0625rem);\n font-weight: 500;\n line-height: 1.75;\n padding: 0 0.5rem;\n border-radius: var(--border-radius-messages);\n word-break: break-word;\n position: relative;\n z-index: 0;\n\n body.is-ios &,\n body.is-macos & {\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n line-height: calc(var(--message-text-size, 1rem) + 0.5rem);\n }\n\n .emoji-small {\n vertical-align: text-bottom;\n width: calc(1.25 * var(--message-text-size, 1rem));\n height: calc(1.25 * var(--message-text-size, 1rem));\n background-size: calc(1.25 * var(--message-text-size, 1rem));\n }\n }\n }\n\n .action-message-content {\n max-width: 100%;\n }\n\n .ActionMessage.centered-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .action-message-gift {\n display: flex !important;\n flex-direction: column;\n align-items: center;\n line-height: 1rem !important;\n padding-bottom: 0.75rem !important;\n margin-top: 0.5rem;\n cursor: var(--custom-cursor, pointer);\n outline: none;\n }\n\n .action-message-gift-code {\n width: 20rem;\n margin-inline: auto;\n }\n\n .action-message-subtitle {\n margin-top: 1rem;\n font-weight: normal;\n text-wrap: balance;\n }\n\n .action-message-suggested-avatar {\n max-width: 16rem;\n display: flex !important;\n flex-direction: column;\n align-items: center;\n line-height: 1rem !important;\n padding-bottom: 0.75rem !important;\n margin-top: 0.5rem;\n cursor: var(--custom-cursor, pointer);\n outline: none;\n\n .Avatar {\n width: 6.5rem;\n height: 6.5rem;\n margin: 1rem;\n }\n }\n\n .action-message-button {\n display: inline-block;\n border-radius: var(--border-radius-default);\n padding: 0.5rem 0.75rem;\n margin-top: 0.5rem;\n background-color: var(--pattern-color);\n }\n\n .sticky-date {\n margin-top: 1rem;\n margin-bottom: 1rem;\n z-index: var(--z-sticky-date);\n pointer-events: none;\n opacity: 1;\n transition: opacity 0.3s ease;\n\n @media (max-width: 600px) {\n margin-top: 0.5rem;\n margin-bottom: 0.75rem;\n }\n\n body:not(.is-scrolling-messages) &.stuck {\n opacity: 0;\n\n span {\n pointer-events: none;\n }\n }\n\n body.no-page-transitions & {\n transition: none;\n }\n\n &.interactive {\n cursor: var(--custom-cursor, pointer);\n }\n\n span {\n pointer-events: auto;\n }\n }\n\n &.scrolled:not(.is-animating) .sticky-date {\n position: sticky;\n top: 0.625rem;\n }\n\n &.is-animating .message-select-control {\n display: none !important;\n }\n\n .has-header-tools & .sticky-date {\n top: 3.75rem !important;\n }\n\n .local-action-message,\n .ActionMessage {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n\n .ActionMessage {\n .action-link {\n cursor: var(--custom-cursor, pointer);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .underlined-link {\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n .sticky-date + .ActionMessage {\n margin-top: -0.375rem;\n }\n\n @media (min-width: 1276px) {\n width: 100%;\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n .messages-container {\n width: calc(100% - var(--right-column-width));\n }\n\n body.no-right-column-animations & {\n transition: none;\n }\n\n #Main.right-column-open & {\n transform: translate3d(calc(var(--right-column-width) / -2), 0, 0);\n }\n\n #Main.narrow-message-list & {\n width: calc(100% - var(--right-column-width));\n\n .messages-container {\n width: 100%;\n }\n }\n }\n\n @media (max-width: 600px) {\n transition: transform var(--layer-transition);\n\n body.enable-symbol-menu-transforms & {\n transform: translate3d(0, 0, 0);\n }\n\n body.is-symbol-menu-open & {\n transform: translate3d(0, calc(-1 * (var(--symbol-menu-height))), 0);\n }\n }\n\n .Transition_slide-from > &,\n .Transition_slide-to > & {\n scrollbar-color: transparent !important;\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n }\n}\n",".ChatReportPanel {\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n\n display: flex;\n align-items: center;\n margin-left: auto;\n background: var(--color-background);\n padding: 0.375rem 0.8125rem 0.25rem 1rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow), inset 0 0.125rem 0.125rem var(--color-light-shadow);\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n body.no-page-transitions & {\n .ripple-container {\n display: none;\n }\n }\n\n @media (min-width: 1276px) {\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n #Main.right-column-open & {\n padding-right: calc(var(--right-column-width) + 1rem);\n }\n }\n\n .UserReportPanel--Button {\n margin-left: 0.25rem;\n flex: 1 1 50%;\n white-space: nowrap;\n }\n}\n",".pinned-message-border {\n position: relative;\n height: 2.25rem;\n margin: 0.125rem 0;\n width: 0.125rem;\n min-width: 0.125rem;\n overflow: hidden;\n}\n\n.pinned-message-border-wrapper-1 {\n height: 2.25rem;\n width: 0.125rem;\n border-radius: 0.0625rem;\n background: var(--color-primary);\n}\n\n.pinned-message-border-wrapper {\n background-color: var(--color-primary-opacity);\n position: relative;\n will-change: transform;\n transition: transform 0.25s ease-in-out;\n}\n\n.pinned-message-border-mark {\n position: absolute;\n left: 0;\n top: 0;\n width: 0.125rem;\n background: var(--color-primary);\n border-radius: 0.0625rem;\n will-change: transform;\n transition: transform 0.25s ease-in-out;\n transform: translateY(var(--translate-y));\n height: var(--height);\n}\n","@use \"../../styles/mixins\";\n\n.root {\n display: flex;\n align-items: center;\n margin-left: auto;\n cursor: var(--custom-cursor, default);\n flex-direction: row-reverse;\n background: var(--color-background);\n\n :global {\n .Button {\n margin-left: 0.25rem;\n\n &.tiny {\n margin-right: 0.625rem;\n }\n }\n }\n\n :global(body.no-page-transitions) & {\n :global(.ripple-container) {\n display: none;\n }\n\n transition: none !important;\n }\n\n @media (min-width: 1276px) {\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n :global(body.no-right-column-animations) & {\n transition: opacity 0.15s ease;\n }\n\n :global(#Main.right-column-open) & {\n transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);\n }\n }\n\n > :global(.Button) {\n flex-shrink: 0;\n }\n}\n\n.root:global(.full-width) {\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n background: var(--color-background);\n padding: 0.25rem 0.8125rem 0.25rem 1rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n\n .pinnedMessage {\n margin-top: 0;\n margin-bottom: 0;\n flex: 1;\n }\n\n .messageText {\n max-width: none;\n }\n\n @media (min-width: 1276px) {\n :global(#Main.right-column-open) & {\n padding-left: calc(var(--right-column-width) + 1rem);\n }\n }\n}\n\n.loading {\n --spinner-size: 1.5rem;\n}\n\n.pinListIcon {\n position: absolute;\n transition: 0.25s ease-in-out opacity, 0.25s ease-in-out transform;\n}\n\n.pinListIconHidden {\n opacity: 0;\n transform: scale(0.6);\n}\n\n.pinnedMessage {\n display: flex;\n flex-shrink: 1;\n margin-top: -0.25rem;\n margin-bottom: -0.25rem;\n padding: 0.25rem;\n padding-left: 0.375rem;\n border-radius: var(--border-radius-messages-small);\n position: relative;\n overflow: hidden;\n cursor: var(--custom-cursor, pointer);\n align-items: center;\n\n &:hover:not(.no-hover) {\n background-color: var(--color-interactive-element-hover);\n }\n}\n\n\n.messageTextTransition {\n height: 1.125rem;\n width: 100%;\n overflow: hidden;\n}\n\n.messageText {\n overflow: hidden;\n margin-inline-start: 0.375rem;\n margin-top: 0.125rem;\n max-width: 15rem;\n min-width: 15rem;\n flex-grow: 1;\n\n transition: 0.25s ease-in-out transform;\n\n &.withMedia {\n transform: translateX(2.625rem);\n margin-right: 2.625rem;\n max-width: calc(15rem - 2.625rem);\n min-width: calc(15rem - 2.625rem);\n }\n\n :global(.emoji-small) {\n width: 1rem;\n height: 1rem;\n }\n\n @media (min-width: 1440px) and (max-width: 1500px) {\n max-width: 14rem;\n }\n}\n\n.title {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 1rem;\n color: var(--color-primary);\n margin-bottom: 0.125rem;\n white-space: pre;\n text-align: initial;\n\n :global(body.is-ios) & {\n font-size: 0.9375rem;\n }\n}\n\n.summary {\n font-size: 0.875rem;\n line-height: 1.125rem;\n height: 1.125rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n --custom-emoji-size: 1.125rem;\n\n :global(body.is-ios) & {\n font-size: 0.9375rem;\n }\n}\n\n.inlineButton,\n.inlineButton:global(.Button.tiny) {\n display: block;\n width: auto;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-radius: 1.5rem;\n padding: 0 0.75rem;\n font-weight: 500;\n text-transform: none;\n height: 2rem;\n max-width: 10rem;\n flex-shrink: 1;\n}\n\n.pictogramTransition {\n position: absolute;\n width: 2.25rem !important;\n height: 2.25rem;\n margin-inline-start: 0.5rem;\n margin-top: 0.125rem;\n overflow: hidden;\n}\n\n.pinnedThumb {\n width: 100%;\n height: 100%;\n\n flex-shrink: 0;\n\n border-radius: 0.25rem;\n overflow: hidden;\n\n & + .messageText {\n max-width: 12rem;\n }\n}\n\n.pinnedThumbImage {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n@media (max-width: 600px) {\n .pinnedMessage {\n flex-grow: 1;\n padding-top: 0;\n padding-bottom: 0;\n max-width: unset;\n margin-top: -0.1875rem;\n\n &::before {\n top: 0.125rem;\n bottom: 0.125rem;\n }\n\n .messageText {\n max-width: none;\n }\n }\n\n .root:global(.full-width) {\n display: none;\n }\n\n .root {\n @include mixins.header-mobile();\n }\n}\n\n@media (min-width: 1276px) and (max-width: 1439px) {\n :global(.MiddleHeader:not(.tools-stacked)) .root {\n opacity: 1;\n\n :global(#Main.right-column-open) & {\n opacity: 0;\n }\n }\n}\n\n:global(.tools-stacked.animated) .root {\n animation: fade-in var(--layer-transition) forwards;\n\n :global(body.no-page-transitions) & {\n animation: none;\n }\n}\n","// @optimization\n@mixin while-transition() {\n .Transition_slide:not(.Transition_slide-active) & {\n @content;\n }\n}\n\n@mixin adapt-padding-to-scrollbar($padding) {\n padding-inline-end: calc($padding - var(--scrollbar-width));\n}\n\n@mixin adapt-margin-to-scrollbar($margin) {\n margin-inline-end: calc($margin - var(--scrollbar-width));\n}\n\n@mixin gradient-border-top($width, $cutout: 0px) {\n mask-image: linear-gradient(transparent $cutout, black $width);\n}\n\n@mixin gradient-border-bottom($width, $cutout: 0px) {\n mask-image: linear-gradient(to top, transparent $cutout, black $width);\n}\n\n@mixin gradient-border-top-bottom($top, $bottom) {\n mask-image: linear-gradient(transparent 0%, black $top, black calc(100% - $bottom), transparent 100%);\n}\n\n@mixin peer-gradient($property, $colorCount) {\n --_accent-color-rgb: var(--color-accent-own-rgb);\n\n html.theme-dark {\n --_accent-color-rgb: var(--color-text-rgb);\n }\n\n @if $colorCount == 2 {\n #{$property}: repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 10px\n );\n } @else {\n #{$property}: repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 15px\n );\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: var(--custom-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: var(--custom-cursor, pointer);\n }\n\n &::-moz-range-track, &::-moz-range-progress {\n cursor: var(--custom-cursor, pointer);\n }\n }\n}\n\n@mixin header-mobile {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 2.875rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n\n display: flex;\n flex-direction: row-reverse;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n background: var(--color-background);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-left: max(0.75rem, env(safe-area-inset-left))) {\n padding-left: 0.75rem;\n padding-right: 0.5rem;\n }\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n}\n\n@mixin side-panel-section {\n background-color: var(--color-background);\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 &:last-child {\n border-bottom: none;\n box-shadow: none;\n }\n}\n","@use \"../../styles/mixins\";\n\n@mixin mobile-header-styles() {\n .AudioPlayer {\n @include mixins.header-mobile;\n\n flex-direction: row;\n margin-top: 0;\n padding: 0.25rem 0.5rem;\n\n &-content {\n padding: 0 0.5rem;\n flex-grow: 1;\n }\n\n > .Button, > .playback-rate-menu {\n margin: -0.0625rem 0 0;\n }\n\n > .player-close {\n margin-left: auto;\n }\n }\n}\n\n.MiddleHeader {\n display: flex;\n align-items: center;\n width: 100%;\n box-shadow: 0 2px 2px var(--color-light-shadow);\n background: var(--color-background);\n position: relative;\n z-index: var(--z-middle-header);\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: max(1.4375rem, env(safe-area-inset-left));\n padding-right: max(0.8125rem, env(safe-area-inset-right));\n flex-shrink: 0;\n height: 3.5rem;\n\n @media (max-width: 600px) {\n position: relative;\n\n padding-left: max(0.5rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n }\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-left: max(1.5rem, env(safe-area-inset-left))) {\n padding-left: 1.5rem;\n padding-right: 0.8125rem;\n\n @media (max-width: 600px) {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n }\n\n .Transition {\n width: 100%;\n // https://dfmcphee.com/flex-items-and-min-width-0/\n // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n min-width: 0;\n\n > .Transition_slide {\n display: flex;\n align-items: center;\n width: 100%;\n }\n }\n\n .back-button {\n margin-left: -0.5rem;\n margin-right: 0.5rem;\n position: relative;\n\n @media (max-width: 600px) {\n margin-left: 0;\n }\n\n .unread-count {\n min-width: 1.25rem;\n height: 1.25rem;\n padding: 0 0.375rem;\n border-radius: 0.625rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n font-weight: 500;\n text-align: center;\n\n position: absolute;\n top: -0.25rem;\n right: -0.5rem;\n\n background: var(--color-gray);\n color: white;\n pointer-events: none;\n\n &.active {\n background: var(--color-primary);\n }\n }\n }\n\n .chat-info-wrapper {\n flex-grow: 1;\n overflow: hidden;\n }\n\n .header-tools {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n flex-shrink: 0;\n\n body.no-page-transitions & {\n &,\n .AudioPlayer,\n .HeaderActions {\n transition: none !important;\n }\n }\n\n body.no-right-column-animations & {\n &,\n .HeaderActions {\n transition: none !important;\n }\n }\n\n @media (min-width: 1276px) and (max-width: 1439px) {\n .HeaderActions {\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n #Main.right-column-open & {\n transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);\n }\n }\n }\n\n @media (min-width: 1440px) {\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n #Main.right-column-open & {\n transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);\n }\n }\n\n // @optimization\n #Main.right-column-animating & {\n pointer-events: none;\n }\n }\n\n @media (min-width: 1276px) and (max-width: 1439px) {\n &:not(.tools-stacked) .AudioPlayer {\n opacity: 1;\n\n #Main.right-column-open & {\n opacity: 0;\n }\n }\n }\n\n &.tools-stacked .AudioPlayer {\n @include mobile-header-styles();\n\n @media (min-width: 1150px) {\n #Main.right-column-open & {\n padding-right: calc(0.5rem + var(--right-column-width));\n }\n }\n }\n\n &.tools-stacked.animated .AudioPlayer {\n animation: fade-in var(--layer-transition) forwards;\n\n body.no-page-transitions & {\n animation: none;\n }\n }\n\n h3 {\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.375rem;\n white-space: pre;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n unicode-bidi: plaintext;\n\n body.is-ios &,\n body.is-macos & {\n font-size: 1.0625rem;\n font-weight: 600;\n }\n\n @media (max-width: 600px) {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .ChatInfo {\n cursor: var(--custom-cursor, pointer);\n display: flex;\n align-items: center;\n // Space for unread story circle\n padding: 0.0625rem 0 0.0625rem 0.0625rem;\n\n @media (max-width: 600px) {\n user-select: none;\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n overflow: hidden;\n }\n\n .title {\n --custom-emoji-size: 1.375rem;\n\n display: flex;\n align-items: center;\n\n .VerifiedIcon {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n .status,\n .typing-status {\n display: inline;\n unicode-bidi: plaintext;\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .user-status {\n unicode-bidi: plaintext;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .custom-emoji {\n color: var(--color-primary);\n }\n\n .story-circle {\n max-width: 2.625rem !important;\n max-height: 2.625rem !important;\n }\n }\n\n .Avatar, .topic-header-icon {\n // TODO For some reason webpack imports `Audio.scss` second time when loading calls bundle\n width: 2.5rem !important;\n height: 2.5rem !important;\n\n margin-right: 0.625rem;\n }\n\n .topic-header-icon {\n --custom-emoji-size: 2.25rem;\n font-size: 2.25rem;\n\n .emoji-small {\n width: 1.25rem;\n height: 1.25rem;\n }\n\n .topic-icon-letter {\n font-size: 1.25rem;\n }\n\n &.general-forum-icon {\n color: var(--color-text-secondary);\n }\n }\n\n .Avatar {\n font-size: 1.0625rem;\n }\n\n .status,\n .typing-status {\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n color: var(--color-text-secondary);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n\n .ellipsis {\n display: inline-flex;\n }\n\n &.online {\n color: var(--color-primary);\n }\n\n .font-emoji {\n line-height: 1rem;\n }\n }\n\n .Button.smaller {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .HeaderActions {\n flex-shrink: 0;\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n .Button {\n margin-left: 0.25rem;\n\n &.tiny {\n margin-right: 0.625rem;\n }\n }\n\n .toggle-right-pane-button {\n &.active {\n color: var(--color-primary);\n opacity: 1;\n }\n }\n\n .badge-button {\n position: relative;\n overflow: visible;\n }\n\n .badge {\n position: absolute;\n min-width: 1rem;\n height: 1rem;\n background: var(--color-primary);\n border-radius: 0.5rem;\n color: white;\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 500;\n text-align: center;\n flex-shrink: 0;\n right: 0;\n top: 0;\n }\n }\n\n @media (max-width: 600px) {\n @include mobile-header-styles();\n }\n\n body.is-electron.is-macos & {\n -webkit-app-region: drag;\n }\n\n body.is-electron.is-macos #Main:not(.left-column-open):not(.is-fullscreen) & {\n @media (max-width: 925px) {\n padding-left: 5rem;\n\n .back-button {\n margin-left: -0.5rem;\n }\n }\n }\n}\n\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","#MiddleColumn {\n display: flex;\n justify-content: center;\n height: 100%;\n position: relative;\n z-index: 1;\n min-width: 0;\n\n @media (max-width: 600px) {\n overflow: hidden;\n }\n\n .messages-layout {\n --slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);\n\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n\n > .Transition {\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n > .Transition_slide {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n }\n\n .Composer {\n .composer-wrapper {\n transform: scaleX(1) translateX(0);\n transition: transform var(--select-transition), border-bottom-right-radius var(--select-transition);\n\n &::before {\n transform: scaleX(-1) translateX(0);\n transition: transform var(--select-transition);\n }\n\n body.no-message-composer-animations & {\n &,\n &::before {\n transition: none !important;\n }\n }\n }\n\n .message-input-wrapper,\n &::before {\n opacity: 1;\n transition: opacity var(--select-transition);\n\n body.no-message-composer-animations & {\n transition: none !important;\n }\n }\n\n > .Button {\n opacity: 1;\n transform: scale(1);\n transition: opacity var(--select-transition), transform var(--select-transition), background-color 0.15s,\n color 0.15s;\n\n body.no-message-composer-animations & {\n transition: none !important;\n }\n }\n\n &.hover-disabled,\n &:not(.shown) {\n pointer-events: none;\n }\n\n &:not(.shown) {\n .ComposerEmbeddedMessage {\n height: 0;\n }\n\n .composer-wrapper {\n transform: scaleX(var(--composer-hidden-scale, 1)) translateX(var(--composer-translate-x, 0));\n border-bottom-right-radius: var(--border-radius-messages);\n\n &::before {\n transform: scaleX(-1) translateX(200%);\n }\n }\n\n #editable-message-text {\n height: 3.5rem !important;\n\n @media (max-width: 600px) {\n height: 2.5rem !important;\n }\n }\n\n .message-input-wrapper,\n &::before {\n opacity: 0;\n }\n\n > .Button {\n opacity: 0 !important;\n transform: scale(0.5);\n }\n }\n }\n\n .messaging-disabled {\n transform: scaleX(1);\n transition: transform var(--select-transition);\n\n .messaging-disabled-inner span {\n opacity: 1;\n transition: opacity var(--select-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n }\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n &:not(.shown) {\n transform: scaleX(var(--composer-hidden-scale, 1));\n pointer-events: none;\n\n .messaging-disabled-inner span {\n opacity: 0;\n }\n }\n\n &-inner {\n width: 100%;\n padding: 1rem;\n border-radius: var(--border-radius-messages);\n background: var(--color-background);\n color: var(--color-text-secondary);\n text-align: center;\n box-shadow: 0 1px 2px var(--color-default-shadow);\n }\n }\n\n .middle-column-footer {\n width: 100%;\n max-width: var(--messages-container-width);\n padding: 0 1rem;\n position: relative;\n display: flex;\n align-items: flex-end;\n z-index: var(--z-middle-footer);\n\n transform: translate3d(0, 0, 0);\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: top 200ms, transform var(--layer-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n body.no-right-column-animations & {\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: top 200ms !important;\n }\n\n @media (min-width: 1276px) {\n width: calc(100% - var(--right-column-width));\n\n #Main.right-column-open & {\n transform: translate3d(calc(var(--right-column-width) / -2), 0, 0);\n }\n }\n\n @media (max-width: 600px) {\n padding: 0 0.5rem;\n\n body.is-symbol-menu-open & {\n transform: translate3d(0, calc(-1 * (var(--symbol-menu-height))), 0);\n }\n }\n\n &:not(.no-composer) {\n padding-bottom: 0;\n top: 0;\n\n @media (max-width: 600px) {\n @supports (padding-bottom: env(safe-area-inset-bottom)) {\n padding-bottom: env(safe-area-inset-bottom);\n\n body.keyboard-visible & {\n top: env(safe-area-inset-bottom);\n }\n }\n }\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: -0.5625rem;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.4) 2%,\n rgba(255, 255, 255, 0.4) 98%,\n rgba(255, 255, 255, 0) 100%\n );\n opacity: 0;\n transition: opacity 350ms ease;\n\n @media (max-width: 600px) {\n left: -2%;\n right: -2%;\n }\n }\n\n &.with-notch::before {\n opacity: 1;\n }\n\n html.theme-dark &::before {\n background: linear-gradient(\n 90deg,\n rgba(127, 127, 127, 0) 0%,\n rgba(127, 127, 127, 0.4) 2%,\n rgba(127, 127, 127, 0.4) 98%,\n rgba(127, 127, 127, 0) 100%\n );\n }\n }\n}\n\n/* Common styles for message list fade-out shadow */\n.Composer,\n.MessageSelectToolbar,\n.messaging-disabled {\n margin-bottom: 1.25rem;\n\n @media (max-width: 600px) {\n margin-bottom: 0.5rem;\n }\n}\n\n.Composer,\n.MessageSelectToolbar,\n.unpin-all-button,\n.join-subscribe-button,\n.messaging-disabled {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.MessageSelectToolbar-inner,\n.unpin-all-button,\n.join-subscribe-button,\n.messaging-disabled {\n .mask-image-disabled & {\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n border-radius: var(--border-radius-messages);\n }\n}\n\n.middle-column-footer-button-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: absolute;\n padding-bottom: 1.25rem;\n\n .unpin-all-button {\n text-transform: capitalize;\n color: var(--color-black);\n\n @media (hover: hover) {\n &:hover {\n .icon-unpin {\n color: var(--color-white);\n }\n }\n }\n\n @media (max-width: 600px) {\n &:active,\n &:focus {\n .icon-unpin {\n color: var(--color-white);\n }\n }\n }\n\n .icon-unpin {\n margin-inline-start: -0.4375rem;\n margin-inline-end: 0.75rem;\n color: var(--color-text-secondary);\n font-size: 1.5rem;\n transition: color 0.15s;\n }\n }\n\n .join-subscribe-button,\n .unpin-all-button {\n height: 3.5rem;\n transform: scaleX(1);\n transition: transform var(--select-transition), background-color 0.15s, color 0.15s;\n\n .select-mode-active + .middle-column-footer & {\n box-shadow: none;\n transform: scaleX(var(--unpin-hidden-scale));\n }\n\n @media (max-width: 600px) {\n height: 2.5rem;\n }\n }\n\n @media (max-width: 600px) {\n padding-bottom: 0.75rem;\n margin-left: -0.5rem;\n\n @supports (padding-bottom: calc(0.75rem + env(safe-area-inset-bottom))) {\n padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));\n }\n }\n\n .mask-image-disabled &::before {\n background: unset;\n }\n}\n\n.resize-handle {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 0.25rem;\n z-index: var(--z-resize-handle);\n cursor: ew-resize;\n}\n",".background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: -1;\n overflow: hidden;\n background-color: var(--theme-background-color);\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\n :global(html.theme-light) &:not(.customBgImage)::before {\n background-image: url('../../assets/chat-bg-br.png');\n }\n\n &:not(.customBgImage).customBgColor::before {\n display: none;\n }\n\n &.customBgImage::before {\n background-image: var(--custom-background) !important;\n transform: scale(1.1);\n }\n\n :global(body:not(.no-page-transitions)) &.withTransition {\n transition: background-color 0.2s;\n\n &.customBgImage::before {\n transition: background-image var(--layer-transition);\n }\n }\n\n &.draggable {\n -webkit-app-region: drag;\n }\n\n &.customBgImage.blurred::before {\n filter: blur(12px);\n }\n\n @media screen and (min-width: 1276px) {\n :global(body:not(.no-page-transitions)) &:not(.customBgImage)::before {\n overflow: hidden;\n transform: scale(1);\n transform-origin: left center;\n }\n }\n\n :global(html.theme-light body:not(.no-page-transitions)) &:not(.customBgImage).withRightColumn::before {\n @media screen and (min-width: 1276px) {\n transform: scaleX(0.73) !important;\n }\n @media screen and (min-width: 1921px) {\n transform: scaleX(0.8) !important;\n }\n @media screen and (min-width: 2600px) {\n transform: scaleX(0.95) !important;\n }\n }\n\n :global(html.theme-light body:not(.no-page-transitions)) &:not(.customBgImage).withRightColumn.withTransition::before {\n transition: transform var(--layer-transition);\n }\n\n &:not(.customBgImage):not(.customBgColor)::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-image: url('../../assets/chat-bg-pattern-light.png');\n background-position: top right;\n background-size: 510px auto;\n background-repeat: repeat;\n mix-blend-mode: overlay;\n\n :global(html.theme-dark) & {\n background-image: url('../../assets/chat-bg-pattern-dark.png');\n mix-blend-mode: unset;\n }\n }\n}\n",".AddChatMembers {\n height: 100%;\n overflow: hidden;\n position: relative;\n\n &-inner {\n height: 100%;\n overflow: hidden;\n }\n}\n",".root {\n position: relative;\n}\n\n.wrapper {\n // Aspect-ratio trick https://css-tricks.com/aspect-ratio-boxes/\n height: 0;\n padding-bottom: 179%;\n overflow: hidden;\n cursor: var(--custom-cursor, pointer);\n}\n\n.media {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.expiredIcon {\n font-size: 1.25rem;\n line-height: 0.9375rem;\n vertical-align: -0.1875rem;\n}\n\n.contextMenu {\n position: relative;\n z-index: var(--z-right-column-menu);\n}\n","@use '../../styles/mixins';\n\n.Profile {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: scroll;\n\n > .profile-info > .ChatInfo {\n grid-area: chat_info;\n\n .status.online {\n color: var(--color-primary);\n }\n }\n\n > .profile-info > .ChatExtra {\n padding: 0.875rem 0.5rem 0.5rem;\n @include mixins.side-panel-section;\n\n .narrow {\n margin-bottom: 0;\n }\n\n [dir=\"rtl\"] {\n .Switcher {\n margin-left: 0;\n margin-right: auto;\n }\n }\n }\n\n .FloatingActionButton {\n z-index: 1;\n }\n}\n\n.shared-media {\n display: flex;\n flex-direction: column-reverse;\n\n .TabList {\n background: var(--color-background);\n top: -1px;\n z-index: 1;\n\n .Tab {\n padding: 1rem 0.75rem;\n\n &_inner {\n white-space: nowrap;\n }\n\n .platform {\n bottom: -1rem;\n }\n }\n }\n\n .Transition {\n flex: 1;\n }\n\n .content {\n &.empty-list {\n height: 100%;\n padding-top: 5rem;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n\n .Spinner {\n --spinner-size: 2.75rem;\n }\n }\n\n &.storiesArchive-list,\n &.stories-list,\n &.media-list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-auto-rows: 1fr;\n grid-gap: 0.0625rem;\n }\n\n &.documents-list {\n padding: 1.25rem;\n\n & .File + .File {\n margin-top: 1.25rem;\n }\n }\n\n &.links-list {\n padding: 1.25rem;\n\n .ProgressSpinner,\n .message-transfer-progress {\n display: none;\n }\n }\n\n &.audio-list,\n &.voice-list {\n padding: 1.25rem;\n\n & .Audio {\n .media-loading {\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n & + .Audio {\n margin-top: 1.6875rem;\n }\n }\n }\n\n &.similarChannels-list,\n &.commonChats-list,\n &.members-list {\n padding: 0.5rem;\n\n @media (max-width: 600px) {\n padding: 0.5rem 0;\n\n .ListItem.chat-item-clickable {\n margin: 0;\n }\n }\n }\n\n &.similarChannels-list {\n .ListItem.blured {\n filter: opacity(0.8);\n }\n\n .show-more-channels {\n width: calc(100% - 1rem);\n margin: 0 auto;\n margin-top: -1.8125rem;\n z-index: 1;\n border-radius: var(--border-radius-default-small);\n box-shadow: -1rem 0 1rem 1rem var(--color-background), -1rem 0 1rem 0.3125rem var(--color-background);\n\n .icon {\n margin-left: 0.625rem;\n }\n }\n\n .more-similar {\n text-align: center;\n margin-top: 1rem;\n font-size: 0.8125rem;\n }\n } \n }\n}\n",".RightHeader {\n display: flex;\n align-items: center;\n height: var(--header-height);\n padding: 0.5rem 0.8125rem;\n pointer-events: auto;\n\n @media (max-width: 600px) {\n padding: 0.5rem;\n }\n\n .close-button {\n flex-shrink: 0;\n }\n\n > .Transition {\n flex: 1;\n height: 100%;\n\n > .Transition_slide {\n display: flex;\n align-items: center;\n }\n }\n\n h3 {\n margin-bottom: 0;\n font-size: 1.25rem;\n font-weight: 500;\n margin-left: 1.375rem;\n }\n\n .tools {\n display: flex;\n margin-left: auto;\n }\n\n .SearchInput {\n margin-left: 1rem;\n\n @media (min-width: 600px) {\n margin-right: 1rem;\n }\n }\n\n .DropdownMenu {\n margin-left: auto;\n }\n\n body.is-electron.is-macos & {\n -webkit-app-region: drag;\n\n .SearchInput {\n -webkit-app-region: no-drag;\n }\n }\n\n body.is-electron.is-macos #Main:not(.is-fullscreen) & {\n @media (max-width: 600px) {\n padding-left: 5rem;\n }\n }\n}\n","@use '../../../styles/mixins';\n\n.root {\n overflow-y: scroll;\n overflow-x: hidden;\n}\n\n.noResults {\n color: var(--color-text-secondary);\n text-align: center;\n font-size: 0.9375rem;\n}\n\n.section-header {\n font-weight: 500;\n color: var(--color-text-secondary);\n}\n\n.section {\n padding: 1rem;\n @include mixins.side-panel-section;\n}\n\n.user :global(.status) {\n overflow: hidden;\n}\n\n.stats {\n margin-bottom: 0;\n border: none;\n padding: 0.75rem 0 0 0;\n}\n\n.down {\n font-size: 1.5rem;\n}\n\n.loadMoreSpinner {\n margin-inline-end: 1rem;\n}\n","#RightColumn {\n position: absolute;\n top: 0;\n right: 0;\n width: var(--right-column-width);\n height: 100%;\n padding-right: env(safe-area-inset-right);\n transform: translate3d(var(--right-column-width), 0, 0);\n background: var(--color-background);\n border-left: 1px solid var(--color-borders);\n z-index: var(--z-right-column);\n\n transition: transform var(--layer-transition);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-right: env(safe-area-inset-right)) {\n padding-right: 0;\n }\n\n body.no-page-transitions &,\n body.no-right-column-animations & {\n transition: none !important;\n }\n\n @media (max-width: 1275px) {\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n border-left: none;\n }\n\n @media (max-width: 600px) {\n width: 100vw;\n transform: translate3d(110vw, 0, 0);\n }\n\n > .Transition {\n height: calc(100% - var(--header-height));\n overflow: hidden;\n }\n\n .Management .section > .ChatInfo {\n padding: 0 1.5rem;\n margin: 1rem 0;\n text-align: center;\n\n .Avatar {\n margin: 0 auto 0.5rem;\n\n &.no-photo {\n cursor: var(--custom-cursor, default) !important;\n }\n }\n\n .title {\n display: flex;\n justify-content: center;\n align-items: center;\n\n h3 {\n font-weight: 500;\n font-size: 1.25rem;\n line-height: 2rem;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n .emoji {\n width: 1.5rem;\n height: 1.5rem;\n background-size: 1.5rem;\n }\n }\n\n .status {\n font-size: 0.875rem;\n color: #868e96;\n }\n }\n}\n\n#RightColumn-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--z-right-column);\n overflow: hidden;\n visibility: hidden;\n pointer-events: none;\n\n @media (max-width: 1275px) {\n position: fixed;\n }\n\n &.is-hidden {\n display: none;\n }\n\n .overlay-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n background: black;\n opacity: 0;\n\n @media (max-width: 600px) {\n transition: opacity var(--layer-transition);\n\n body.no-page-transitions &,\n body.no-right-column-animations & {\n transition: none;\n }\n }\n }\n\n #Main.right-column-shown & {\n visibility: visible;\n }\n\n #Main.right-column-open & {\n @media (max-width: 600px) {\n .overlay-backdrop {\n opacity: var(--layer-blackout-opacity);\n }\n }\n\n #RightColumn {\n pointer-events: auto;\n transform: translate3d(0, 0, 0);\n }\n }\n}\n",".root {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--z-confetti);\n\n pointer-events: none;\n overflow: hidden;\n}\n",".GameModal {\n .modal-dialog {\n max-width: 80%;\n height: 100%;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-shadow: none;\n margin: 0;\n }\n\n .modal-header {\n display: none;\n }\n\n .modal-content {\n overflow: hidden;\n }\n\n .game-frame {\n width: 100%;\n height: 100%;\n border: 0;\n border-radius: var(--border-radius-modal);\n }\n\n @media (max-width: 600px) {\n .modal-dialog {\n background-color: var(--color-background);\n max-width: 100% !important;\n border-radius: 0;\n }\n\n .modal-header {\n display: flex;\n padding: 0.5rem;\n }\n\n .modal-content {\n max-height: none;\n padding: 0;\n }\n\n .game-frame {\n border-radius: 0;\n }\n }\n}\n","#Main {\n height: 100%;\n text-align: left;\n overflow: hidden;\n\n @media (min-width: 1276px) {\n position: relative;\n }\n\n @media (max-width: 600px) {\n height: calc(var(--vh, 1vh) * 100);\n }\n\n @media (min-width: 926px) {\n display: grid;\n grid-template-columns: auto 1fr;\n grid-template-rows: 100%;\n }\n}\n\n.has-call-header {\n --call-header-height: 2rem;\n\n #LeftColumn, #MiddleColumn, #RightColumn-wrapper {\n height: calc(100% - var(--call-header-height));\n margin-top: var(--call-header-height);\n }\n}\n\n#LeftColumn {\n --left-column-min-width: 16rem;\n --left-column-max-width: 26.5rem;\n\n width: 33vw;\n min-width: var(--left-column-min-width);\n max-width: var(--left-column-max-width);\n height: 100%;\n overflow: hidden;\n position: relative;\n\n background-color: var(--color-background);\n\n @media (min-width: 926px) {\n --left-column-max-width: 40vw;\n }\n\n @media (min-width: 1276px) {\n width: 25vw;\n --left-column-max-width: 33vw;\n }\n\n @media (max-width: 925px) {\n position: fixed;\n left: 0;\n top: 0;\n height: calc(var(--vh, 1vh) * 100);\n width: 26.5rem !important;\n\n transform: translate3d(-5rem, 0, 0);\n transition: transform var(--layer-transition);\n\n body.no-page-transitions & {\n transition: none;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: black;\n opacity: 0;\n transition: opacity var(--layer-transition);\n z-index: 1;\n pointer-events: none;\n\n body.no-page-transitions & {\n transition: none;\n }\n\n // @optimization\n body.is-android & {\n display: none;\n }\n\n body.is-android #Main.left-column-animating &,\n body.is-android #Main:not(.left-column-open) & {\n display: block;\n }\n\n body:not(.is-android) #Main:not(.left-column-open) &,\n body.android-left-blackout-open & {\n opacity: var(--layer-blackout-opacity);\n }\n }\n\n #Main.left-column-open & {\n transform: translate3d(0, 0, 0);\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n &:after {\n transition: none;\n }\n }\n }\n\n @media (max-width: 600px) {\n height: calc(var(--vh, 1vh) * 100);\n max-width: none;\n --left-column-max-width: calc(100vw - env(safe-area-inset-left));\n transform: translate3d(-20vw, 0, 0);\n left: env(safe-area-inset-left) !important;\n width: calc(100vw - env(safe-area-inset-left)) !important;\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (left: env(safe-area-inset-left)) {\n left: 0 !important;\n width: 100vw !important;\n }\n\n // Fix: when opening the SymbolMenu, the chat list flashes in the background\n body.is-symbol-menu-open &::before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: var(--color-background);\n z-index: 1;\n }\n }\n}\n\n#RightColumn {\n @media (max-width: 600px) {\n height: calc(var(--vh, 1vh) * 100 + 1px);\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n .overlay-backdrop {\n transition: none;\n }\n }\n}\n\n#Main.history-animation-disabled .overlay-backdrop {\n transition: none;\n}\n\n#MiddleColumn {\n border-left: 1px solid var(--color-borders);\n\n @media (max-width: 925px) {\n max-width: none;\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n body.no-page-transitions & {\n transition: none;\n }\n\n #Main.left-column-open & {\n transform: translate3d(26.5rem, 0, 0);\n }\n\n body.no-right-column-animations #Main.right-column-open &,\n body.no-right-column-animations #Main.right-column-shown & {\n transition: none;\n }\n }\n\n @media (max-width: 600px) {\n border-left: none;\n\n #Main.left-column-open & {\n transform: translate3d(100vw, 0, 0);\n }\n\n #Main.right-column-open & {\n transform: translate3d(-20vw, 0, 0);\n }\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n &:after {\n transition: none;\n }\n }\n}\n",".container {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wrapper {\n display: inline-flex;\n flex-direction: column;\n background: var(--color-background);\n color: var(--color-text);\n max-width: 20rem;\n padding: 1.5rem 1rem 0;\n border-radius: var(--border-radius-default);\n z-index: 2;\n\n &[dir=\"rtl\"] {\n text-align: right;\n }\n}\n\n.icon {\n width: 10rem;\n height: 10rem;\n margin: 0 auto 1rem;\n}\n\n.help {\n margin-top: 2rem;\n}\n"],"names":[],"sourceRoot":""} |