telegram-tt/dist/164.69e04160c3afadcb9433.css.map

{"version":3,"file":"164.69e04160c3afadcb9433.css","mappings":"AAEA,gBACE,kBAEA,oCACE,kBAEA,2HACE,eACA,eACA,sBACA,6CACA,0BACA,oBAGF,uFACE,kBACA,OACA,WAGF,4CACE,eAGF,2CACE,aAGF,+CACE,yBAEA,uDACE,qEAGF,sDACE,qEAIJ,iDACE,gBAEA,iHACE,gBAKN,gCACE,iBACA,cACA,iBACA,6BACA,qBACA,iBACA,WACA,kBACA,mBACA,gBACA,kBACA,cAGF,0CACE,cACA,kBAGF,8BACE,gBACA,2CAEA,gBCpEF,+BDgEA,8BC/DE,mBAGA,mBDsEA,qHACE,2B;AEnFN,iBACE,cACA,aACA,mBACA,qBACA,eACA,+BACA,2CAEA,0BACE,wBAGF,6BACE,gCACA,gBACA,iBACA,6BACA,mBAGF,yBACE,6BACE,6B;ACvBN,eACE,kBACA,WACA,YACA,2BAEA,4DAEA,sCACE,0BACA,UAEA,wBAEA,+CACE,UAIJ,wBACE,wBAEA,yBAHF,wBAKI,kCACA,6BAKF,oCACE,WACA,cACA,kBACA,WACA,YACA,YACA,aACA,WAKF,6CACE,kBACA,YACA,aACA,WACA,cAKF,gFAEE,kBAIA,0DACE,iCAGF,gDACE,0CAKF,0CACE,iCAGF,oDACE,0C;AC1ER,iBACE,YACA,kBACA,aACA,sBACA,gBACA,UAEA,2CACE,kBACA,YACA,WAGF,6BACE,OACA,gBACA,gCAEA,uCACE,8BAIJ,8BACE,YACA,aACA,sBACA,gBAEA,gDACE,gBACA,6BAEA,2DACE,SAIJ,uCACE,2BACA,sBACA,mBACA,gBACA,UAGF,mCACE,cACA,qBACA,sBAEA,wCACE,mBACA,oBAIJ,0CACE,OACA,gBAIJ,+FACE,YACA,gBAGF,6BACE,kBACA,YACA,UACA,WACA,c;AC1EJ,SACE,YAGF,aACE,4BACA,oCACA,aACA,mBACA,cACA,yCAEA,gBACE,gBACA,kBACA,gBACA,qBACA,kBAGF,0BACE,oBACA,+BAEA,yBAJF,0BAKI,6BAIJ,yBAzBF,aA0BI,eAGF,6BACE,aACA,cAEA,2CACE,mB;ACtCN,aACE,aACA,iBACA,oBACA,uBAEA,oCACE,2BAGF,qBACE,cACA,eAGF,0BACE,6CACA,2DACA,0CACA,2CAGF,0CACE,mBAIA,kCACE,WACA,YAEA,oCACE,mBACA,qBAIJ,4BACE,kBACA,oBACA,oBAEA,sCACE,kBAIJ,2EACE,UACA,mBACA,uEAGF,iLAIE,UACA,qBAIJ,qBACE,aACA,uBACA,sBACA,cACA,gBACA,kBACA,gBACA,eACA,gBACA,kDAEA,2BACE,wDAGF,iDAhBF,qBAiBI,iBAGF,yCACE,cACA,gBACA,6BACA,iBACA,mBACA,gBACA,uBAEA,qDACE,8BACA,qBAIJ,+BACE,4BACA,kCACA,mBACA,mBACA,gBACA,uBACA,mBAEA,2CACE,8BACA,qB;AC/BR,cACE,aACA,mBACA,WACA,+CACA,mCACA,oCACA,kBACA,+BAEA,mDAVF,cAWI,oDACA,yDAGF,yBAfF,cAgBI,cACA,kBAEA,mDAnBJ,cAoBM,mDACA,uDAIJ,0BACE,WAGA,YAEA,8BACE,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,qQAIE,2BAIJ,iDACE,2CACE,+BACA,6CAEA,mEACE,mEAKN,0BA3BF,4BA4BI,+BACA,6CAEA,oDACE,mENvLN,iHM6LI,oBAIJ,iDAEI,0IAEE,UAEA,0LACE,WAvMR,8HAEE,kBACA,SACA,OACA,QACA,gBACA,gBACA,+CAEA,aACA,2BACA,sBACA,oBACA,mCAEA,8IACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDAGF,wKACE,gBACA,sBAGF,mDAhCF,8HAiCI,qDACA,uDAIJ,uDACE,eAEA,mBACA,sBAEA,+DACE,gBACA,YAGF,+DACE,SAGF,qEACE,iBAIJ,+DACE,YACA,cACA,iBAEA,uEACE,YACA,eAGF,6EACE,eA2IF,0BAEI,8KAEE,wDAON,gJAEE,mDAEA,8LACE,eAKN,iBACE,gBACA,mBACA,qBACA,gBACA,SACA,gBACA,uBACA,uBAEA,4DAEE,oBACA,gBAGF,yBAhBF,iBAiBI,cACA,gBACA,wBAGF,0BACE,yCACE,kDAKN,wBACE,eACA,aACA,mBAEA,8BACE,aACA,sBACA,uBACA,YACA,gBAGF,+BACE,aACA,mBAEA,6CACE,cACA,eACA,mBACA,kBAIJ,qEACE,uBAIJ,sBACE,qBACA,aACA,cACA,oBAGF,mDACE,kBACA,qBACA,SACA,kCACA,gBACA,mBACA,uBACA,qBAEA,uEACE,oBAGF,iEACE,2BAGF,2EACE,iBAIJ,8BACE,aACA,cAGF,2CACE,aACA,mBACA,iBACA,eACA,2BAGE,oFACE,aAIJ,gEACE,gBAGF,mDACE,cAIJ,mCACE,aACA,cACA,oBACA,uBACA,eACA,qBACA,kDACA,kBACA,gBACA,eAEA,yCACE,wDAGF,0DACE,kBACA,eACA,iBACA,cACA,kBACA,gBAEA,2FACE,eACA,cACA,uBACA,gCAGF,yFACE,8CACA,kBACA,sBACA,sCAGF,sFACE,kBACA,OACA,MACA,cACA,gCACA,uBACA,sBACA,sCAIJ,iDACE,gBACA,4BACA,mBACA,gBAEA,iDANF,iDAOI,iBAGF,wDACE,gBACA,kBACA,iBACA,YACA,2BACA,sBACA,gBACA,mBAEA,oEACE,mBAIJ,mDACE,kBACA,qBACA,gBACA,mBACA,gBACA,uBACA,SAEA,+DACE,mBAKN,gDACE,WACA,YAGF,uCACE,cACA,eACA,iBACA,qBACA,4BACA,mBACA,cAEA,qDACE,gBAKN,6BACE,cACA,iBACA,aACA,mBACA,yBAGE,8DACE,2BACA,UAMJ,wFACE,mBAEA,kGACE,qBAKN,yBAheA,sEAEE,kBACA,SACA,OACA,QACA,gBACA,gBACA,+CAEA,aACA,2BACA,sBACA,oBACA,mCAEA,sFACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDAGF,gHACE,gBACA,sBAGF,mDAhCF,sEAiCI,qDACA,uDAIJ,2BACE,eAEA,mBACA,sBAEA,mCACE,gBACA,YAGF,mCACE,SAGF,yCACE,iBAIJ,mCACE,YACA,cACA,iBAEA,2CACE,YACA,eAGF,iDACE,gBA+ZJ,kDACE,sEAEE,mBAKN,mBACE,KACE,UAEF,GACE,W;ACpfJ,iBACE,aACA,mBACA,yDACA,qBACA,2BACA,0CACA,kDACA,kBACA,gBACA,eACA,cAGE,0DACE,aAIJ,+BACE,gBACA,cACA,SACA,yCACA,iDAEA,uCACE,aACA,YACA,eAGF,+CACE,0BAGF,wCACE,cAIJ,yBACE,WACA,cACA,kBACA,aACA,gBACA,cACA,UACA,+BACA,kBAGF,uBACE,oCAGF,wBACE,qCAGF,gCACE,yDAGF,+BACE,gBACA,0BACA,aACA,8BAEA,8CACE,mBACA,gBACA,uBACA,sBACA,OACA,cAGF,iCACE,mBACA,gBACA,uBACA,gBACA,gBACA,OAEA,wCACE,aACA,aAIJ,sCACE,8DACA,+DACA,sCAIJ,0CACE,0BACA,YAGF,iCACE,WACA,YACA,iBACA,qBACA,mBACA,cAEA,uCACE,mBAIJ,8BACE,8BACA,gCACA,aACA,+BACA,uBACA,WACA,qCACA,sDAEA,sCACE,gBAGF,8CACE,oBAGF,4CACE,4BAGF,6CACE,gBACA,0B;AC/IN,aACE,kBACA,eACA,SACA,QACA,aACA,mBACA,gCACA,sBACA,iBACA,WACA,eACA,eACA,gEAEA,uFAGE,iBACA,mBAGF,2BACE,2BAIA,uCACE,yBAIJ,4BACE,6BAGF,gCACE,gBACA,uBACA,qBAGF,gCACE,4BACA,0BACA,mBACA,kBACA,eAGF,mCACE,6CACA,gBAGF,mEAEE,0BACA,0BACA,sBACA,sBACA,UACA,cACA,aACA,UACA,gBACA,6BAEA,qHACE,uBAIJ,qFAEE,sBACA,YACA,6BAGF,+GAEE,cAGF,4CACE,eACA,eAGF,yBACE,QAGF,gDACE,oCAGF,oCACE,uBACA,oBACA,sBAEA,iDACE,8BAIJ,6DACE,gBAGF,kEACE,iBAKF,6DACE,WACA,aACA,cAGF,6DACE,YAGF,6DACE,YAGF,6DACE,Y;ACpIF,wBACE,eAGF,kBACE,oB;ACNJ,SACE,aACA,mBACA,eAEA,qBACE,eAGF,iBACE,mBAGF,uBACE,cACA,eACA,mBACA,gBAEA,qCACE,eACA,iBACA,qBACA,gBAGF,sCACE,iBACA,6B;AC5BN,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,gDACE,gBAGF,wCACE,UACA,qCACA,qBACA,uBACA,6BAIJ,+BACE,YACA,mBAGF,gCACE,kBAGF,8BACE,kBACA,QACA,cACA,gBACA,sBACA,iBACA,+BAEA,qBACA,yBACA,sBAIF,uBACE,WACA,YACA,kBACA,WACA,YACA,sDACA,oBACA,wBAGF,4BACE,iBACA,qBACA,2BACA,UAIA,qCACE,8BAGF,mCACE,0BAKN,iCACE,aACA,gB;AClHF,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,mBAKA,gJACE,aACA,yCAEA,gMACE,4CAGF,oMACE,qCAIJ,4IACE,cACA,qCAMF,wMACE,iCAIJ,+CACE,aAMA,sCACE,aACA,sCAEA,mDACE,qCAMR,mBAEE,0CAEA,+BACE,2CAGF,gCAEE,2CACA,4CACE,2CAKN,0BACE,oBACA,mBACA,2BACA,oBACA,mBACA,gBAEA,kCACE,yCACA,eACA,uBAEA,+CACE,6CAGF,oDACE,iBAKN,sBACE,iBACA,iBACA,qBAEA,+BACE,yBAEA,wDACE,0BAIJ,0BACE,oBAIJ,+BACE,4BACA,iBACA,eACA,qBACA,2CAGF,sBACE,kCACA,yCACE,2BAIJ,wCAEE,mBACA,qBAGF,cACE,oBACA,eAEA,2BACE,0BACA,mDAIJ,cACE,sB;AC3LJ,SACE,kBACA,sBACA,qBACA,yDACA,qBACA,gBACA,kBAEA,iBACE,WACA,cACA,kBACA,MACA,SACA,OACA,cACA,+BACA,sBAGF,cACE,aACA,sBACA,uBAGF,sBACE,oBACA,iCAEA,sFACE,6DAGF,mCACE,WACA,YACA,aACA,2BAEA,uCACE,WACA,YAKN,iCACE,4BACA,8BAGF,2BACE,aACA,mBAEA,yCACE,QACA,mBAGF,wCACE,QACA,cAIA,kDACE,wBASF,kMACE,WACA,qBACA,iCACA,cACA,YAKN,oEAGE,sBACA,eAGF,oBACE,0BACA,gBACA,sBAGF,qBACE,gBACA,sBAGF,2BACE,iBACA,gBAEA,uCACE,qBAIJ,kBACE,6BAEA,0BACE,UACA,Q;ACvHJ,gBACE,0BACA,gBAGF,sBACE,kBAGE,+CACE,eACA,aAEA,yBAJF,+CAKI,cAIJ,kDACE,kBACA,MACA,qBACA,cACA,oCACA,kDACA,wBACA,gBAEA,uDACE,kB;AC9BV,OACE,kBACA,gBAEA,mCACE,mCAGF,0BACE,sBAEA,sDACE,oBACA,qCACA,sCAMF,0HACE,oBAKF,uJACE,2BACA,iB;AC5BN,YACE,kBACA,YACA,aACA,eAEA,+BACE,YACA,aACA,kBACA,gBAGF,2BACE,kBACA,OACA,MACA,kBACA,gBAGF,sBACE,kBACA,MACA,OACA,WACA,YACA,oBAGF,6BACE,YACA,iBACA,eACA,mBACA,qBAGF,kKAGE,a;ACzCJ,eACE,aACA,sBAEA,oBACE,aACA,mBAGF,uBACE,OACA,WACA,eACA,gCACA,kDACA,gBACA,oBAEA,+BACE,WACA,oCACA,UAEA,kBACA,MACA,OACA,QACA,SACA,kDACA,uBACA,yBAGF,6BACE,2CAEA,qCACE,WAIJ,qCACE,cAGF,oCACE,eAGF,yBACE,kBACA,kBACA,eACA,aACA,cAEA,0CACE,iBACA,YACA,cACA,yBAKN,0CACE,6BAGF,yCACE,gBAEA,uDACE,wDAGF,sDACE,yD;AC7EN,eACE,4CACA,uCAEA,aACA,WACA,mBACA,yCACA,6BACA,0BACA,mCACA,6DACA,2DACA,mBACA,gBACA,iBACA,0BACA,mBACA,eACA,4CACA,gEAEA,sCACE,2BAGF,8CACE,WACA,cACA,kBACA,kBACA,gBACA,eACA,eACA,gCACA,yDACA,UACA,oCAEA,gEACE,oBAGF,qEACE,2BAIJ,6BACE,kBACA,YACA,cACA,YACA,gBACA,uBACA,gCACA,uBACA,WACA,gCAEA,UACA,4BAEA,wBAfF,6BAgBI,sBAGF,mCACE,iCAGF,4CACE,UAGF,oCACE,uBACA,kBACA,kBACA,OACA,WACA,kBACA,eACA,cAGF,2CACE,eACA,kDACE,aAIJ,oDACE,cACA,iBACA,cAGF,sKAIE,aAIJ,qBACE,8BAEA,oDACE,UAGF,6BACE,2CAIJ,mHAKE,0CAGF,qDACE,iCAGF,sCACE,sBAGF,sCACE,yBAGF,6OAKE,wBAGF,sCACE,aAGF,8BACE,oBACA,iBACA,0BAGF,0BACE,yBACA,iBAGF,gCACE,oBACA,mBACA,wBACA,8BAEA,wCACE,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,eACA,q2B;ACjNJ,SACE,aACA,qBACA,sBACA,kBAEA,4CACA,wCACA,0CACA,mBACA,qCACA,iDACA,+CACA,+BACA,8BACA,kCACA,4HACA,6BACA,4BAEA,mBACE,yCAGF,mDAEE,UACA,iCACA,8CAEA,iGACE,2BAIJ,iBACE,kBACA,SACA,OAEA,yBALF,iBAMI,aACA,eAIJ,uBACE,sBAGF,sBAGE,sBAKE,+DACE,wCAIF,2DACE,oBAMJ,6CACE,+DAIJ,mBACE,oBAEA,gEACE,eAGF,yBAPF,mBAQI,sBAEA,gEACE,qBAKN,aACE,2BACA,gDACA,4CACA,8CACA,mBACA,wCACA,yCACA,2CACA,oCACA,0CACA,sCACA,8BACA,4BACA,4CAEA,oDAEE,0DACA,4DACA,8DAGF,yBAvBF,aAwBI,sBAKF,2EAEE,kDACA,UACA,6DACA,wBAIJ,mBACE,mCAGF,oBACE,qCAEA,8BACE,qCAGF,kCACE,qCAEA,4CACE,qCAKN,6BACE,eAEA,yBAHF,6BAII,iEAIA,+GAEE,6BAIJ,mDACE,WACA,kBACA,aACA,gBACA,WACA,YACA,qCAKA,wIACE,qBAIJ,qDACE,UAKF,6CACE,8BAEA,0DACE,uBAEA,sEACE,8BAON,wDACE,8BAIJ,6HAEE,qDAGF,qIAEE,yDAGF,wCACE,eACA,aAIA,kGACE,yDACA,2BACA,qBAEA,yGACE,+BAMN,eACE,kBAEA,uCACE,kBACA,SACA,UACA,UAKF,iDACE,uCAGF,4DACE,kBACA,YACA,cACA,WAGF,kFACE,iEAIA,wEACE,8BAGF,0GACE,6CAOJ,4FACE,8BAGF,wEACE,2BAMA,oEACE,iBAGF,6EACE,gBACA,oCACA,qCAGF,uFACE,YAIJ,2DACE,gBAEA,mEACE,oBAGF,4EACE,uCACA,wCAOA,wPACE,gBAEA,sQACE,WACA,cACA,eACA,sBACA,gBACA,oCACA,kBASA,kSACE,mCACA,qCAEA,gTACE,mCACA,2CAaV,4OACE,4CAIA,4PACE,yDACA,gDAKN,uDACE,iBAGF,+CACE,qDAIA,2DACE,aACA,yBAEA,4EACE,WAMR,oCACE,kBAEA,4DACE,kBACA,UAIJ,iCACE,kBACA,OACA,cACA,aACA,cACA,sBACA,kBACA,wCAEA,aACA,mBACA,uBAEA,WACA,eAEA,UACA,oBACA,4CAEA,8CACE,kBACA,UACA,SACA,mBAGF,6CACE,uBAIJ,iBACE,mBAIA,wDACE,gCAIA,+EACE,gCAKF,gFACE,6BAOR,sKAME,qDACA,uDACA,2DACA,6DAGF,8BACE,kCAGF,aACE,gBAEA,6BACE,2BAIJ,SACE,wDACA,yDACA,2DACA,4DAGE,sDACE,iEAGF,4DACE,8DACA,iEAGF,sDACE,8DAGF,iCACE,iEAEA,+DACE,+BAMJ,gDACE,kEAGF,sDACE,+DACA,kEAGF,gDACE,+DAGF,2BACE,kEAEA,yDACE,gCACA,6BAQF,wNAEE,+BACA,gCAKF,gLAGE,mBAIJ,+QAIE,4BACA,6BAGF,qEACE,qBAIJ,gCACE,kBACA,SACA,WACA,gCAEA,UACA,4BAEA,wBATF,gCAUI,sBAGF,mHAGE,4CAMF,oGACE,UAIJ,oCACE,WAGF,0CACE,YAGF,wBACE,WACA,UACA,kBAIJ,8CACE,cC3lBF,iBACE,kBACA,2BAEA,yBAJF,iBAKI,gCAEA,uEAEE,gCAIF,kDAbJ,iBAcM,sCACA,yCACE,sCAEF,8BACE,uCAIJ,mCACE,6BAEA,2GAEE,+BAIF,iDATF,mCAUI,mCACA,2DACE,qCAEF,gDACE,uCAMR,qBACE,2BACA,yBAGF,+BACE,SACA,sBACA,mBACA,mBACA,kBACA,uBAGF,mCACE,uBAKA,sGACE,kBACA,YACA,uBACA,YACA,cACA,8CACA,qBACA,qBAEA,4KACE,kDACA,gBAGF,0KACE,WAGF,0KACE,aAGF,oVAEE,UAGF,0KACE,aAKF,wHACE,WACA,qBACA,sBAMJ,4CACE,WACA,cACA,WAGF,kDACE,oBACA,0BACA,oBAEA,iEACE,oBAMJ,4DACE,qCAEA,kEACE,gCAKN,oCACE,yCAEA,gDACE,8CAGF,mDACE,YAIJ,0CACE,mBACA,qBACA,kBAGF,gCACE,mBACA,gBACA,uBACA,yDACA,gBACA,oBACA,0BACA,uBACA,aAEA,6CACE,gBACA,uBAGF,yFACE,eAEA,qGACE,YAIJ,yCACE,0BAGF,yCACE,0BAGF,yCACE,0BAGF,yCACE,0BAGF,yCACE,0BAGF,yCACE,0BAGF,yCACE,0BAGF,kEACE,0BAGF,sCACE,kBAGF,qCACE,qBACA,gBAGF,0CACE,oBAGF,6CACE,OACA,iBACA,iBACA,gBACA,iBACA,mBACA,6CAEA,0DACE,0BAKN,4BACE,iDAGF,iGACE,mCAGF,sCACE,+BAEA,yGACE,WACA,qBACA,iCACA,YAIJ,kDACE,wBAGF,+DACE,qBAGF,kDACE,aAGF,+BACE,gBACA,kBACA,kBACA,eACA,gBACA,0BAEA,uCACE,6BAGF,4CACE,gBAGF,kDACE,eAKF,iEACE,wBAMA,2DACE,yBACA,UACA,8BAKN,0BACE,yBAGE,4CACE,kDAIJ,8CACE,oBAMF,8IAEE,sBACA,uBAIJ,uBACE,yBAEA,4CACE,iBAIJ,uBACE,gBACA,wCAEA,4CACE,kBAIA,8DACE,yBAKN,2CACE,qBACA,cACA,wBACA,kBACA,sBACA,2BAEA,sDACE,wDACA,kBAIJ,yDACE,kDACA,mDACA,4DAGF,mCACE,4BACA,6BAGF,yCACE,6BAEA,uEACE,oBACA,kBACA,YACA,4BACA,8BACA,gBACA,yCACA,4CAEA,oFACE,kBAIJ,sDACE,mBAOJ,0DACE,aACA,uBACA,mBAEA,kFACE,eAEA,wGACE,yBAKN,8DACE,sBAGF,gdAME,oBACA,qBAGF,oEACE,sBAGF,sTAIE,mBACA,wBAIF,4HAEE,sBAGF,8DACE,aACA,mBACA,uBAEA,oFACE,WACA,mBACA,+CAIJ,gIACE,kBACA,aACA,mBACA,uBACA,WACA,WACA,yBAEA,wJACE,UAGF,4JACE,aACA,mBACA,uBACA,eACA,gBACA,kBACA,2BAIJ,8DACE,iBAGF,kEACE,iBAGF,kKAEE,2BACA,WACA,iBACA,kBACA,cACA,aACA,UACA,kBACA,qBACA,qBACA,gEAGF,kHACE,0BACA,oBACA,oBAIJ,8BACE,gBACA,gBACA,aACA,eACA,qBAEA,2CACE,mBACA,wBAEA,uDACE,kBAIJ,uCACE,eAGF,6CACE,aACA,uBACA,2BACA,cAEA,+CACE,gBAGF,8DACE,kBACA,4CAEA,yBAJF,8DAKI,8BAGF,yBARF,8DASI,kBACA,UACA,8BAKN,4CACE,mBAGF,2CACE,cACA,eACA,cAEA,uDACE,MACA,OACA,SACA,QAIJ,qCACE,qBACA,kBAEA,gDACE,wDACA,kBAKF,uDACE,gBACA,4EACA,iEACE,+HAGF,oEACE,iBAKN,2CACE,eACA,iBAEA,0DACE,YAGF,yDACE,gBACA,kBAGF,+DACE,gBAGF,kDACE,WACA,YAIJ,2CACE,eACA,iBACA,gBAEA,wDACE,mBAGF,+DACE,gBAGF,kDACE,WACA,YACA,qBAIJ,2CACE,eACA,mBACA,gBAEA,wDACE,kBAGF,+DACE,gBAGF,kDACE,WACA,YACA,qBAIJ,iDACE,wCACA,0CAGF,2CACE,4CACA,8CAEA,0DACE,mBAEA,2EACE,mBAEA,yBAHF,2EAII,cACA,UACA,gCAOV,mBAiCE,8DACA,+DACA,iEACA,kEAnCA,yCAEE,oBAGF,uDACE,kBACA,kBACA,qBAEA,+DACE,WACA,cACA,kBACA,MACA,SACA,YACA,UACA,+BACA,kBAGF,gEACE,6BAEA,wEACE,UACA,aAUN,gCACE,oBACA,gCAIJ,qBACE,qBAGF,kBACE,oCACA,gCACA,sBACA,eACA,qBAEA,2EACE,qCAIJ,mCACE,wBACA,gCACA,qBACA,SACA,gBACA,kBACA,uhB;ACnvBF,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,eAEA,qCACE,aACA,Y;ACrCN,sBACE,YACA,aACA,mBACA,uBACA,mBAEA,cACE,mBACA,sBAGF,mBACE,sBACA,gCACA,gBACA,oBACA,qBACA,WACA,+BAEA,gBACE,oBAIJ,eACE,eACA,qBACA,kBACA,uBACA,0BAGF,kBACE,SACA,UACA,gBACA,uBACA,8BAGF,kBACE,kBACA,UACA,gBACA,uBACA,gBACA,yCAEA,WACE,wBACA,C;AClDN,aACE,OACA,WACA,oBAEA,qBACA,gBACA,kBACA,gBAGA,6CvBLA,+BuBNF,avBOI,mBAGA,mBuBGF,oCACE,2BAGF,iCACE,sIAGF,wBArBF,aAsBI,gEACA,mBAEA,gCACE,gEACA,uBAIJ,uDA/BF,aAgCI,mEACA,mCACE,kBACA,+CAEA,2EACE,4BAKN,yCACE,aAGF,iCACE,WACA,0CACA,gBACA,cACA,aACA,yBACA,sBACA,6BAEA,wDACE,4BAGF,yBAdF,iCAeI,YACA,wBAEA,UAIJ,yBACE,gBAEA,uCACE,mBAIJ,yDACE,gBAEA,qFACE,uBAEA,yBAHF,qFAII,uBAGF,iHACE,uBAKN,yBAEI,uDACE,mEACE,4DAMR,kDAEE,kBAEA,UACA,mBACA,+CAEA,wEACE,qBACA,UAKF,wEACE,eAGF,kEACE,WACA,kBACA,eACA,kBACA,WACA,YACA,gBACA,WAEA,UACA,4CAEA,gHACE,2BAKF,0GACE,kBAKF,4GACE,eAIJ,kFAEE,2BAOA,wWACE,WAKN,oBACE,WACA,YACA,aACA,mBACA,uBAEA,yBACE,cACA,gBAGF,sCACE,yBACA,0BAEA,wFACE,qBAKN,6GAIE,kBACA,gEAEA,iIACE,qBACA,gCACA,WACA,0DACA,gBACA,iBACA,gBACA,4CACA,sBAEA,0WAEE,yDACA,yDAGF,qLACE,2BACA,kDACA,mDACA,4DAKN,0BACE,gBACA,mBACA,6BACA,oBACA,UACA,4BAEA,iEACE,UAEA,sEACE,oBAIJ,iDACE,gBAGF,sCACE,eAGF,+BACE,oBAIJ,sDACE,gBACA,YAGF,0BACE,gBAGF,kDACE,wBAGF,4CACE,uBAGF,+DAEE,iBACA,oBAIA,yCACE,eAEA,+CACE,0BAKN,yCACE,mBAGF,0BAhSF,aAiSI,WACA,+BACA,6CAEA,iCACE,6CAGF,oCACE,gBAGF,qCACE,kEAGF,0NAGE,6CAEA,sRACE,YAKN,yBA5TF,aA6TI,6CAEA,gDACE,+BAGF,sCACE,wGAKF,+CACE,QAIF,iCANF,4BAOI,uBACA,sB;AClVN,kBACE,wBAEA,kBACA,8BACA,WACA,UACA,6BACA,6EACA,oCACA,oBAEA,6CAZF,kBAaI,6CAGF,yCACE,0BAEA,wBAGF,yBAtBF,kBAuBI,YACA,cAEA,uDACE,8CACE,oDAKN,wBACE,aACA,sBACA,mBAEA,gCACE,iDACA,mCAEA,kCACE,kBAIJ,0BAdF,wBAeI,wBAEA,6CAEA,+CACE,2BAGF,gDACE,4DAIJ,yBACE,gCACE,eACA,iBAKN,2BACE,wBACA,UACA,mBAEA,8DACE,2BAIJ,gCACE,iBACA,cACA,iBACA,qBACA,kBACA,mBACA,gBACA,kBAEA,kBACA,YACA,cAEA,8BACA,WAEA,oBAEA,yBAnBF,gCAoBI,YACA,YAIJ,yBACE,2CACE,oG;ACzGJ,yBACE,sBACA,gBACA,iDAGF,0BACE,aACA,sBACA,yBACA,gBACA,cAEA,yBAPF,0BAQI,iBAGF,+BACE,aACA,mBAGF,oCACE,mBAGF,kCACE,OACA,WACA,YACA,qBACA,kDACA,sCACA,mCACA,2BACA,gBACA,oBAEA,wCACE,WACA,wCACA,sCAIJ,0CACE,oB;AC/CN,yBACE,gBACA,wDAEA,mEACE,aAGF,oCACE,oBAGF,gDACE,2BAGF,6BACE,aACA,mBACA,sBACA,qBAGF,qCACE,cACA,2BACA,aACA,gBACA,wBACA,UACA,kBAEA,yBATF,qCAUI,gB;ACjCN,gBACE,gBACA,wDAsBA,qCApBA,uCACE,2BAGF,0DACE,aAGF,2BACE,oBAIF,oBACE,aACA,mBACA,sBACA,qBAKF,yCACE,kBAGF,4BACE,cACA,2BACA,aACA,gBACA,wBACA,UACA,kBAEA,yBATF,4BAUI,gBAIJ,yBACE,YACA,mCACA,gCAEA,iCACE,UACA,cAGF,iDACE,aAGF,gFAEE,OACA,eACA,gBAGF,qCACE,mBACA,uBAGF,2CACE,gBACA,mBACA,uB;ACvEN,UACE,qBAEA,oDACE,kBACA,mBACA,SAEA,uDALF,oDAMI,oCAGF,yBATF,oDAUI,oBAGF,4DACE,eAEA,yBAHF,4DAII,YAIJ,kEACE,UAIJ,wBACE,kBAGF,kBACE,cACA,kBAEA,+BACE,mCAGF,yBARF,kBASI,eACA,iBAGF,kGAGE,kBAIA,qIAEE,2BAIJ,yBACE,kBACA,UAEA,+DACE,mCAIJ,4BACE,kBACA,UACA,0BAIA,kCACE,iCAGF,+EAEE,0CAKF,8CACE,iCAGF,yEAEE,0CAKF,8EAEE,0CAGF,mCACE,iCAIJ,8BACE,kCAIA,8UACE,kCAKN,qCACE,eACA,gBACA,kBAEA,mJAGE,kBAGF,8CACE,uBAGF,iDACE,iCAGF,kGACE,0CAGF,iDACE,kCAIA,yDACE,iCAGF,2HACE,0CAKF,gEACE,iCAGF,uHACE,0CAMR,iBACE,YACA,4BACA,mCACA,4CACA,6BACA,iDACA,kBACA,UAEA,+BACE,kBACA,kBACA,gBACA,eACA,eACA,yBACA,0BAEA,uCACE,6BAIJ,yBAxBF,iBAyBI,iCAIJ,uBACE,aAEA,gCACE,kBACA,uBACA,qBAGF,+BACE,cACA,2BACA,aACA,cACA,SACA,UACA,oBAEA,2DACE,mCAGF,uCACE,kBAGF,yBAjBF,+BAkBI,eACA,gBAEA,uCACE,wBAIJ,4CACE,sCAGA,0GACE,yCAIJ,yDACE,WACA,kBACA,WACA,cACA,8CACA,uBACA,YACA,aACA,kBACA,qCACA,mEACA,yBAZF,yDAaI,UACA,aAKN,oCACE,YACA,gBAGF,wCACE,qBACA,kBACA,mBACA,cACA,0BACA,sGAEA,+CACE,WACA,aACA,cACA,8BACA,sBACA,kBACA,QACA,qBACA,gBACA,mDAGF,yBArBF,wCAsBI,gBACA,sBAKN,wCAEE,kBAEA,oEACE,qIACA,gBACA,kBACA,iFACA,uBACA,mBACA,0CAEA,4LAEE,gHAGF,wFACE,gBACA,kBAIA,4OACE,aAIJ,kGACE,oBAIJ,4JAEE,kBACA,gCACA,oBACA,uBACA,mBACA,mBACA,0CACA,kEACA,YACA,mBACA,gBACA,uBACA,eAGF,gFACE,uBACA,OAGF,8FACE,QAGF,4EACE,oCACA,eACA,qBAEA,8QACE,qCAIJ,sDACE,kBACA,MACA,OACA,UACA,oBACA,YACA,uBACA,mBAIJ,oBACE,YAEA,kCACE,gBACA,kCACA,uBACA,2BACA,2BACA,8BACA,kBACA,iBACA,mBACA,wEAUA,6BARA,yBAZF,kCAaI,gBACA,oBACA,iBACA,0EACA,eAKF,yDACE,2BAIJ,8EAEE,kEAEA,yBAJF,8EAKI,qEAKF,mDACE,eACA,gBAMF,+KACE,kBAIJ,2BACE,cACA,eACA,kBACA,iBACA,oBAKF,kCACE,eACA,mBACA,iBAGF,sCACE,gBACA,eAIJ,kBACE,kBACA,0BACA,OACA,WACA,mCACA,4CACA,gBACA,iBAEA,kBACA,gBAGA,iDAEA,UACA,6BACA,wBACA,6E5B9cA,+B4B2bF,kB5B1bI,mBAGA,mB4B4cF,8BACE,aAGF,uBACE,UACA,wBAGF,2BACE,cAIJ,sCACE,KACE,UAEF,GACE,Y;AC3eJ,kBACE,kBACA,MACA,OACA,SACA,QACA,gBACA,WAEA,mDAEE,WACA,cACA,kBACA,MACA,OACA,SACA,QACA,+CAGF,yBASE,2BACA,4BACA,sBAVA,sCACE,yDAEA,yBAHF,sCAII,0DAQJ,4DACE,oEAGF,gDACE,gBAIJ,gEACE,UAGF,0CACE,qDACA,YACA,qBAGF,kDACE,kBAGF,sCACE,gDACE,6BACA,gBACA,mBACA,6BACA,6CAGF,wEACE,kCAKN,cACE,aACA,uBACA,YACA,kBACA,UACA,YAEA,yBARF,cASI,iBAGF,+BACE,wDAEA,aACA,sBACA,mBACA,WACA,YACA,kBACA,gBAEA,2CACE,WACA,YACA,gBAEA,+CACE,aACA,sBACA,mBAMJ,wCACE,WACA,aACA,4CACA,mCACA,kCACA,kBACA,iDAKF,yCACE,kCACA,kGAEA,iDACE,mCACA,8CAIA,wIACE,2BAKN,+EACE,UACA,4CAEA,6HACE,2BAIJ,gCACE,UACA,mBACA,gHAEA,uDACE,2BAIJ,2EACE,oBAIA,6DACE,SAGF,qDACE,6FACA,yDAEA,6DACE,sCAIJ,2DACE,yBAEA,yBAHF,2DAII,0BAIJ,uGACE,UAGF,4CACE,qBACA,qBAKN,kCACE,oBACA,8CAEA,iEACE,UACA,4CAEA,wFACE,2BAIJ,yDACE,2BAGF,8CACE,kDACA,oBAEA,6EACE,UAKN,oCACE,WACA,0CACA,eACA,kBACA,aACA,qBACA,+BAEA,+BACA,uDAEA,2DACE,2BAGF,0BAhBF,oCAiBI,6CAEA,4DACE,mEAIJ,yBAxBF,oCAyBI,gBAEA,6DACE,wGAIJ,uDACE,sDACE,2CACA,MAEA,4EACE,iCAKN,4CACE,WACA,kBACA,eACA,OACA,QACA,WACA,qJACA,UACA,8BAEA,yBAXF,4CAYI,SACA,WAIJ,uDACE,UAGF,4DACE,qJAMN,oDAGE,sBAEA,yBALF,oDAMI,qBAIJ,sEAIE,WACA,aACA,uBACA,kBAMA,iIACE,8DACA,4CAIJ,wBACE,WACA,aACA,uBACA,kBACA,uBAEA,0CACE,0BACA,yBACA,cACA,iBACA,oBACA,+EAGE,4DACE,yBAIJ,oFACE,gBACA,4CAGF,yBAnBF,0CAoBI,eAGF,sDACE,+BACA,yBACA,kCACA,iBACA,sBAIJ,yBAvCF,wBAwCI,sBAEA,uDA1CJ,wBA2CM,4DAIJ,qDACE,sB;AChXJ,aACE,aACA,mBACA,4BACA,uBACA,oBAEA,yBAPF,aAQI,eAGF,2BACE,cAGF,yBACE,OACA,YAEA,6BACE,aACA,mBAIJ,gBACE,gBACA,kBACA,gBACA,qBAGF,oBACE,aACA,iBAGF,0BACE,iBAEA,yBAHF,0BAII,mBAIJ,2BACE,iB;AC5CJ,SACE,YACA,aACA,sBAEA,kBACA,iDANF,S/BOI,mBAGA,mB+BDF,iCACE,oBAEA,gDACE,2BAIJ,kCACE,4BACA,2EACA,8DAEA,0CACE,gBAGF,yDACE,uCACA,oCAGF,4CACE,iBAGA,sDACE,cACA,kBAKN,+BACE,UAIJ,cACE,aACA,8BAEA,uBACE,mCACA,SACA,UAEA,4BACE,oBACA,8BACE,aAKN,0BACE,OAIA,kCACE,YACA,iBACA,aACA,uBACA,uBAEA,2CACE,wBAIJ,kCACE,aACA,qCACA,mBACA,kBAGF,sCACE,gBAEA,kDACE,mBAIJ,kCACE,gBAEA,8GAEE,aAIJ,oEAEE,gBAGE,gHACE,MACA,OACA,aACA,mBACA,uBAGF,gGACE,qBAKN,oCACE,mBAEA,yBAHF,oCAII,gBACA,kEACE,U;ACpIV,gBACE,YACA,gBACA,kBAEA,sBACE,YACA,gB;ACPJ,aACE,kBACA,MACA,QACA,gCACA,YACA,uDACA,mCACA,2CACA,8BAEA,6CAEA,oCACE,gBAKA,qFACE,wBAIJ,0BAxBF,aAyBI,8DACA,kBAGF,yBA7BF,aA8BI,YACA,oCAGF,qDAlCF,aAmCI,0CAGF,yBACE,yCACA,gBAGF,4CACE,iBACA,cACA,kBAEA,oDACE,oBAEA,6DACE,0BAIJ,mDACE,aACA,uBACA,mBAEA,sDACE,gBACA,kBACA,iBACA,qBACA,sBAGF,iEACE,mBACA,oBAGF,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,8DACE,iBAKN,8FACE,mBAIA,yBACE,+DACE,uCAIJ,0DACE,oBACA,+B;AC3IN,MACE,YACA,gBACA,gBAEA,0BALF,MAMI,mBAGF,yBATF,MAUI,mCAGF,yBAbF,MAcI,aACA,+BACA,yBAIJ,YACE,gBACA,WACA,kBACA,YACA,kBAEA,gBACE,YACA,gBAGF,yBAZF,YAaI,mCAGF,0BAhBF,YAiBI,4CAGF,yBApBF,YAqBI,gBAGF,0BAxBF,YAyBI,gBAGF,yBA5BF,YA6BI,eACA,OACA,MACA,kCACA,yBAEA,mCACA,6CAEA,mCACE,gBAGF,mBACE,WACA,cACA,kBACA,OACA,MACA,QACA,SACA,gBACA,sCACA,2CACA,UAEA,0CACE,gBAIF,mCACE,aAGF,wDACE,cAIJ,2CACE,+BAEA,kDACE,UACA,oBAIJ,6CACE,gBAEA,mDACE,iBAKN,yBAvFF,YAwFI,eACA,uBACA,mCAEA,2CA5FJ,YA6FM,0CACA,gDAMJ,0BADF,aAEI,6CAGF,yBALF,aAMI,yCAGF,8CACE,gBAEA,gEACE,gBAKN,mDACE,gBAGF,cACE,2CAEA,0BAHF,cAII,6CAGF,yBAPF,cAQI,eACA,eACA,OACA,MACA,SACA,QAEA,+BACA,6CAEA,qCACE,gBAGF,6CACE,sCAIJ,yBA3BF,cA4BI,iBAEA,6CACE,mCAGF,sCACE,oCAIJ,+CACE,gBAEA,qDACE,gBAKN,kCACE,sCAEA,6IACE,6EAIA,gFACE,aAKF,+EACE,kCACA,UAKF,uEACE,+BACA,UAKF,8EACE,aAKF,6EACE,kCACA,UAKF,wEACE,+BACA,U","sources":["webpack://telegram-t/./src/components/left/main/LeftMainHeader.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/left/ConnectionState.scss","webpack://telegram-t/./src/components/left/NewChatButton.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/MiddleHeader.scss","webpack://telegram-t/./src/components/common/EmbeddedMessage.scss","webpack://telegram-t/./src/components/middle/message/MessageMeta.scss","webpack://telegram-t/./src/components/middle/message/Sticker.scss","webpack://telegram-t/./src/components/middle/message/Contact.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/WebPage.scss","webpack://telegram-t/./src/components/middle/message/Invoice.scss","webpack://telegram-t/./src/components/middle/message/Album.scss","webpack://telegram-t/./src/components/middle/message/RoundVideo.scss","webpack://telegram-t/./src/components/middle/message/InlineButtons.scss","webpack://telegram-t/./src/components/middle/message/CommentButton.scss","webpack://telegram-t/./src/components/middle/message/Message.scss","webpack://telegram-t/./src/components/middle/message/_message-content.scss","webpack://telegram-t/./src/components/middle/ContactGreeting.scss","webpack://telegram-t/./src/components/middle/NoMessages.scss","webpack://telegram-t/./src/components/middle/MessageList.scss","webpack://telegram-t/./src/components/middle/ScrollDownButton.scss","webpack://telegram-t/./src/components/middle/composer/BotKeyboardMenu.scss","webpack://telegram-t/./src/components/middle/composer/ComposerEmbeddedMessage.scss","webpack://telegram-t/./src/components/middle/composer/WebPagePreview.scss","webpack://telegram-t/./src/components/middle/composer/Composer.scss","webpack://telegram-t/./src/components/middle/MiddleColumn.scss","webpack://telegram-t/./src/components/right/RightHeader.scss","webpack://telegram-t/./src/components/right/Profile.scss","webpack://telegram-t/./src/components/right/AddChatMembers.scss","webpack://telegram-t/./src/components/right/RightColumn.scss","webpack://telegram-t/./src/components/main/Main.scss"],"sourcesContent":["@import '../../../styles/mixins';\n\n#LeftMainHeader {\n  position: relative;\n\n  .animated-menu-icon {\n    position: absolute;\n\n    &, &::before, &::after {\n      width: 1.125rem;\n      height: 0.125rem;\n      border-radius: 0.125rem;\n      background-color: var(--color-text-secondary);\n      transition: transform .25s;\n      transform: rotate(0);\n    }\n\n    &::before, &::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, &::after {\n        transition: none;\n      }\n    }\n  }\n\n  .archived-badge {\n    min-width: 1.5rem;\n    height: 1.5rem;\n    margin-left: auto;\n    background: var(--color-gray);\n    border-radius: 0.75rem;\n    padding: 0 .45rem;\n    color: white;\n    font-size: 0.875rem;\n    line-height: 1.5rem;\n    font-weight: 500;\n    text-align: center;\n    flex-shrink: 0;\n  }\n\n  [dir=rtl] .archived-badge {\n    margin-left: 0;\n    margin-right: auto;\n  }\n\n  .Menu .bubble {\n    min-width: 17rem;\n    max-height: calc(100 * var(--vh) - 3.75rem);\n\n    overflow-y: auto;\n    @include overflow-y-overlay();\n  }\n\n  // @optimization\n  @include while-transition() {\n    .Menu .bubble {\n      transition: none !important;\n    }\n  }\n}\n","// @optimization\n@mixin while-transition() {\n  .Transition > div:not(.active) &, body.animating-right-column & {\n    @content;\n  }\n}\n\n@mixin overflow-y-overlay() {\n  @supports (overflow-y: overlay) {\n    overflow-y: overlay;\n\n    //Workaround for Android <= 9\n    overflow-x: hidden;\n  }\n}\n","#ConnectionState {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin: 0 0.5rem 0.5rem;\n  padding: 0.75rem;\n  background: var(--color-yellow);\n  border-radius: var(--border-radius-default);\n\n  > .Spinner {\n    --spinner-size: 1.75rem;\n  }\n\n  > .state-text {\n    color: var(--color-text-lighter);\n    font-weight: 500;\n    line-height: 2rem;\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",".NewChatButton {\n  position: absolute;\n  right: 1rem;\n  bottom: 1rem;\n  transform: translateY(5rem);\n\n  transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n  body.animation-level-0 & {\n    transform: none !important;\n    opacity: 0;\n\n    transition: opacity .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,10px);\n      transform-style: preserve-3d;\n    }\n  }\n\n  &.menu-is-open {\n    &::before {\n      content: '';\n      display: block;\n      position: absolute;\n      top: -13rem;\n      left: -11rem;\n      right: -1rem;\n      bottom: -1rem;\n      z-index: -1;\n    }\n  }\n\n  .is-touch-env & {\n    .Menu > .backdrop {\n      position: absolute;\n      left: -100vw;\n      right: -100vw;\n      top: -100vh;\n      bottom: -100vh;\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 .4s ease-out;\n      }\n\n      .icon-close {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n\n    &.active {\n      .icon-close {\n        animation: grow-icon .4s ease-out;\n      }\n\n      .icon-new-chat-filled {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n  }\n}\n","#LeftColumn-main {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  z-index: 1;\n\n  .connection-state-wrapper {\n    position: absolute;\n    top: 3.75rem;\n    width: 100%;\n  }\n\n  > .Transition {\n    flex: 1;\n    overflow: hidden;\n    transition: transform 300ms ease;\n\n    &.pull-down {\n      transform: translateY(3.75rem);\n    }\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      transition: height 150ms ease;\n\n      &:not(.open) {\n        height: 0;\n      }\n    }\n\n    .TabList {\n      justify-content: flex-start;\n      padding-left: .5625rem;\n      padding-bottom: 1px;\n      border-bottom: 0;\n      z-index: 1;\n    }\n\n    .Tab {\n      flex: 0 0 auto;\n      padding-left: 0.625rem;\n      padding-right: 0.625rem;\n\n      > span {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n      }\n    }\n\n    > .Transition {\n      flex: 1;\n      overflow: hidden;\n    }\n  }\n\n  .RecentContacts, .LeftSearch, .search-content {\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  .btn-update {\n    position: absolute;\n    bottom: 1rem;\n    left: 1rem;\n    right: 1rem;\n    margin: 0 auto;\n  }\n}\n","#NewChat {\n  height: 100%;\n}\n\n.left-header {\n  height: var(--header-height);\n  padding: 0.375rem 1rem .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  }\n\n  .SearchInput {\n    margin-left: 0.875rem;\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: .25rem;\n    }\n  }\n}\n",".AudioPlayer {\n  display: flex;\n  margin-left: auto;\n  margin-top: -.25rem;\n  margin-bottom: -.25rem;\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  > .Button {\n    flex-shrink: 0;\n    margin: .125rem;\n  }\n\n  > .toggle-play {\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\n  .MiddleHeader & + .HeaderActions {\n    margin-left: 1.5rem;\n  }\n\n  .toggle-play {\n    &.smaller {\n      width: 3rem;\n      height: 3rem;\n\n      i {\n        font-size: 1.625rem;\n        margin-top: -.025rem;\n      }\n    }\n\n    i {\n      position: absolute;\n      font-size: 1.9375rem;\n      margin-top: -.05rem;\n\n      &.icon-play {\n        margin-left: .1rem;\n      }\n    }\n\n    .icon-play, .icon-pause {\n      opacity: 1;\n      transform: scale(1);\n      transition: opacity .4s, transform .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(.5);\n    }\n  }\n\n  &-content {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    flex-shrink: 1;\n    padding: 0 .5rem;\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    max-width: 15rem;\n    border-radius: var(--border-radius-messages-small);\n\n    &:hover {\n      background-color: var(--color-interactive-element-hover);\n    }\n\n    @media (min-width: 1440px) and (max-width: 1500px) {\n      max-width: 14rem;\n    }\n\n    .AudioPlayer & .title {\n      display: block;\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: .9375rem !important;\n        line-height: 1.125rem;\n      }\n    }\n\n    .subtitle {\n      font-size: 0.85rem !important;\n      color: var(--color-text-secondary);\n      line-height: 0.85rem;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin: .125rem 0 0;\n\n      body.is-ios & {\n        font-size: .9375rem !important;\n        line-height: 1.125rem;\n      }\n    }\n  }\n}\n","@import '../../styles/mixins';\n\n@mixin mobile-header-styles() {\n  .HeaderPinnedMessage-wrapper,\n  .AudioPlayer {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    height: 2.875rem;\n    overflow: hidden;\n    box-shadow: 0 2px 2px var(--color-light-shadow);\n\n    display: flex;\n    flex-direction: row-reverse;\n    padding: 0.375rem 0.5rem;\n    padding-left: 0.75rem;\n    background: var(--color-background);\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: -.1875rem;\n      left: 0;\n      right: 0;\n      height: .125rem;\n      box-shadow: 0 .125rem .125rem var(--color-light-shadow);\n    }\n\n    .HeaderPinnedMessage {\n      max-width: unset;\n      margin-top: -0.1875rem;\n    }\n\n    @supports (padding-left: env(safe-area-inset-left)) {\n      padding-left: #{\"max(0.75rem, env(safe-area-inset-left))\"};\n      padding-right: #{\"max(0.5rem, env(safe-area-inset-right))\"};\n    }\n  }\n\n  .AudioPlayer {\n    height: 3.25rem;\n\n    flex-direction: row;\n    padding: 0.375rem 0.5rem;\n\n    &-content {\n      padding: 0 0.5rem;\n      flex-grow: 1\n    }\n\n    > .Button {\n      margin: 0;\n    }\n\n    > .player-close {\n      margin-left: auto;\n    }\n  }\n\n  .HeaderPinnedMessage {\n    flex-grow: 1;\n    padding-top: 0;\n    padding-bottom: 0;\n\n    &::before {\n      top: 0.125rem;\n      bottom: 0.125rem;\n    }\n\n    .message-text {\n      max-width: none;\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  padding: .5rem .8125rem .5rem 1.5rem;\n  position: relative;\n  z-index: var(--z-middle-header);\n\n  @supports (padding-left: env(safe-area-inset-left)) {\n    padding-left: #{\"max(1.5rem, env(safe-area-inset-left))\"};\n    padding-right: #{\"max(.8125rem, env(safe-area-inset-right))\"};\n  }\n\n  @media (max-width: 600px) {\n    padding: 0.5rem;\n    position: relative;\n\n    @supports (padding-left: env(safe-area-inset-left)) {\n      padding-left: #{\"max(.5rem, env(safe-area-inset-left))\"};\n      padding-right: #{\"max(.5rem, env(safe-area-inset-right))\"};\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    > div {\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.animation-level-0 & {\n      &,\n      .HeaderPinnedMessage-wrapper,\n      .AudioPlayer,\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    @include while-transition() {\n      pointer-events: none;\n    }\n  }\n\n  @media (min-width: 1276px) and (max-width: 1439px) {\n    &:not(.tools-stacked) .header-tools {\n      .HeaderPinnedMessage-wrapper,\n      .AudioPlayer {\n        opacity: 1;\n\n        #Main.right-column-open & {\n          opacity: 0;\n        }\n      }\n    }\n  }\n\n  &.tools-stacked .header-tools {\n    @include mobile-header-styles();\n\n    @media (min-width: 1150px) {\n      #Main.right-column-open & {\n        .HeaderPinnedMessage-wrapper,\n        .AudioPlayer {\n          padding-right: calc(0.5rem + var(--right-column-width));\n        }\n      }\n    }\n  }\n\n  &.tools-stacked.animated .header-tools {\n    .HeaderPinnedMessage-wrapper,\n    .AudioPlayer {\n      animation: fade-in var(--layer-transition) forwards;\n\n      body.animation-level-0 & {\n        animation: none;\n      }\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: pointer;\n    display: flex;\n    align-items: center;\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      display: flex;\n      align-items: center;\n\n      .VerifiedIcon {\n        width: 1.25rem;\n        height: 1.25rem;\n        margin-left: 0.25rem;\n        margin-top: 0.05rem;\n      }\n    }\n\n    .user-status, .status {\n      unicode-bidi: plaintext;\n    }\n  }\n\n  .Avatar {\n    margin-right: .625rem;\n    width: 2.5rem;\n    height: 2.5rem;\n    font-size: 1.0625rem;\n  }\n\n  .status, .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  .HeaderPinnedMessage-wrapper {\n    display: flex;\n    align-items: center;\n    margin-left: auto;\n    cursor: default;\n    flex-direction: row-reverse;\n\n    body.animation-level-1 & {\n      .ripple-container {\n        display: none;\n      }\n    }\n\n    .HeaderPinnedMessage {\n      min-width: 16rem;\n    }\n\n    > .Button {\n      flex-shrink: 0;\n    }\n  }\n\n  .HeaderPinnedMessage {\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: pointer;\n\n    &:hover {\n      background-color: var(--color-interactive-element-hover);\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      .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 .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 .25s ease-in-out;\n      }\n    }\n\n    .message-text {\n      overflow: hidden;\n      margin-inline-start: 0.375rem;\n      margin-top: 0.125rem;\n      max-width: 15rem;\n\n      @media (min-width: 1440px) and (max-width: 1500px) {\n        max-width: 14rem;\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        body.is-ios & {\n          font-size: .9375rem;\n        }\n      }\n\n      p {\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\n        body.is-ios & {\n          font-size: .9375rem;\n        }\n      }\n    }\n\n    .emoji-small {\n      width: 1rem;\n      height: 1rem;\n    }\n\n    & > img {\n      width: 2.25rem;\n      height: 2.25rem;\n      object-fit: cover;\n      border-radius: 0.25rem;\n      margin-inline-start: 0.375rem;\n      margin-top: 0.125rem;\n      flex-shrink: 0;\n\n      & + .message-text {\n        max-width: 12rem;\n      }\n    }\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    .toggle-right-pane-button {\n      &.active {\n        color: var(--color-primary);\n        opacity: 1;\n      }\n    }\n  }\n\n  .HeaderPinnedMessage-wrapper, .HeaderActions {\n    .Button {\n      margin-left: 0.25rem;\n\n      &.tiny {\n        margin-right: .625rem;\n      }\n    }\n  }\n\n  @media (max-width: 600px) {\n    @include mobile-header-styles();\n  }\n\n  @media (min-width: 925px) and (max-width: 1149.9px) {\n    .HeaderPinnedMessage-wrapper,\n    .AudioPlayer {\n      position: absolute;\n    }\n  }\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n",".EmbeddedMessage {\n  display: flex;\n  align-items: center;\n  font-size: calc(var(--message-text-size, 1rem) - .125rem);\n  line-height: 1.125rem;\n  margin: 0 -0.25rem .0625rem;\n  padding: .1875rem 0.25rem .1875rem .4375rem;\n  border-radius: var(--border-radius-messages-small);\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  direction: ltr;\n\n  body.animation-level-1 & {\n    .ripple-container {\n      display: none;\n    }\n  }\n\n  .custom-shape & {\n    max-width: 15rem;\n    padding: 0.5rem;\n    margin: 0;\n    background-color: var(--background-color);\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n\n    &::before {\n      left: .625rem;\n      top: .625rem;\n      bottom: .625rem;\n    }\n\n    img:not(.emoji) {\n      margin-inline-start: .5rem;\n    }\n\n    &:dir(rtl) {\n      padding: 0.5rem;\n    }\n  }\n\n  &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: .3125rem;\n    bottom: .3125rem;\n    left: .3125rem;\n    width: 2px;\n    background: var(--accent-color);\n    border-radius: 2px;\n  }\n\n  &:hover {\n    background-color: var(--hover-color);\n  }\n\n  &:active {\n    background-color: var(--active-color);\n  }\n\n  .message-title {\n    font-size: calc(var(--message-text-size, 1rem) - .125rem);\n  }\n\n  .message-text {\n    overflow: hidden;\n    margin-inline-start: 0.5rem;\n    display: flex;\n    flex-direction: column-reverse;\n\n    .message-title {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 0.125rem;\n      flex: 1;\n      display: block;\n    }\n\n    p {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      height: 1.125rem;\n      margin-bottom: 0;\n      flex: 1;\n\n      &::after {\n        content: none;\n        display: none;\n      }\n    }\n\n    .emoji {\n      width: calc(1.125 * var(--message-text-size, 1rem)) !important;\n      height: calc(1.125 * var(--message-text-size, 1rem)) !important;\n      vertical-align: text-bottom !important;\n    }\n  }\n\n  .embedded-action-message {\n    color: var(--accent-color);\n    opacity: 0.75;\n  }\n\n  img:not(.emoji) {\n    width: 2rem;\n    height: 2rem;\n    object-fit: cover;\n    border-radius: .25rem;\n    margin-left: .25rem;\n    flex-shrink: 0;\n\n    &.round {\n      border-radius: 1rem;\n    }\n  }\n\n  &.inside-input {\n    padding-inline-start: 0.5625rem;\n    margin: 0 0 -.125rem -0.1875rem;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    grid-template-rows: 1fr;\n    width: 100%;\n    --accent-color: var(--color-primary);\n    --hover-color: var(--color-interactive-element-hover);\n\n    &::before {\n      bottom: .3125rem;\n    }\n\n    img:not(.emoji) {\n      margin-left: .125rem;\n    }\n\n    .message-text {\n      margin-inline-start: .375rem;\n    }\n\n    .message-title {\n      font-weight: 500;\n      color: var(--accent-color);\n    }\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: .625rem;\n  padding: 0 .25rem;\n  color: white;\n  cursor: pointer;\n  max-width: 100%;\n  user-select: none;\n\n  .message-time,\n  .message-signature,\n  .message-views {\n    font-size: .75rem;\n    white-space: nowrap;\n  }\n\n  .message-time {\n    margin-inline-end: .1875rem;\n  }\n\n  body.is-ios & {\n    .message-time {\n      margin-inline-end: .25rem;\n    }\n  }\n\n  .message-views {\n    margin-inline-start: .1875rem;\n  }\n\n  .message-signature {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-right: 0.375rem;\n  }\n\n  .icon-channelviews {\n    margin-inline-start: 0.125rem;\n    margin-inline-end: 0.375rem;\n    font-size: 1.125rem;\n    position: relative;\n    top: -0.0625rem;\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    background: rgba(0, 0, 0, 0.2);\n    --color-accent-own: white;\n    --color-accent: white;\n    color: white !important;\n    opacity: 1;\n    bottom: .25rem;\n    right: .25rem;\n    left: auto;\n    height: 1.125rem;\n    padding: 0 .3125rem 0 .375rem;\n\n    .MessageOutgoingStatus i {\n      background: transparent;\n    }\n  }\n\n  .media:not(.text):dir(rtl) &,\n  .Message .custom-shape:dir(rtl) & {\n    right: auto !important;\n    left: .25rem;\n    padding: 0 .375rem 0 .3125rem;\n  }\n\n  .is-forwarded.media:not(.text):dir(rtl) &,\n  .Message .is-forwarded.custom-shape:dir(rtl) & {\n    left: .8125rem;\n  }\n\n  .is-forwarded.media:not(.text) & {\n    bottom: 0.935rem;\n    right: 0.8125rem;\n  }\n\n  .emoji-only & {\n    right: 0;\n  }\n\n  .Message.own .has-solid-background & {\n    color: var(--color-message-meta-own);\n  }\n\n  .MessageOutgoingStatus {\n    margin-left: -.1875rem;\n    font-size: 1.1875rem;\n    border-radius: .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\n.Message:not(.own) {\n  .custom-shape .reply-message + .MessageMeta {\n    right: auto;\n    left: 13.2rem;\n    bottom: 0.25rem;\n  }\n\n  .emoji-only-1 .reply-message + .MessageMeta {\n    left: 2.5rem;\n  }\n\n  .emoji-only-2 .reply-message + .MessageMeta {\n    left: 5.5rem;\n  }\n\n  .emoji-only-3 .reply-message + .MessageMeta {\n    left: 6.5rem;\n  }\n}\n",".Sticker {\n  &:not(.inactive) {\n    cursor: pointer;\n  }\n\n  &.inactive {\n    pointer-events: none;\n  }\n}\n",".Contact {\n  display: flex;\n  align-items: center;\n  padding: 0.25rem;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  .Avatar {\n    margin-right: 0.8rem;\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      line-height: 1rem;\n      margin-bottom: 0.25rem;\n      font-weight: 500;\n    }\n\n    .contact-phone {\n      line-height: 1rem;\n      color: var(--secondary-color);\n    }\n  }\n}\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: .125rem;\n    width: 1.75rem;\n    margin-inline-end: .5rem;\n    flex-shrink: 0;\n    font-weight: 500;\n    font-size: .875rem;\n    text-align: right;\n\n    &.limit-width {\n      display: inline-flex;\n      justify-content: center;\n      font-size: .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: .5rem;\n    font-size: .75rem;\n    text-align: center;\n\n    &.wrong {\n      background: var(--color-error);\n    }\n\n    .is-forwarded & > i {\n      margin-left: 1px;\n    }\n\n    &.animate {\n      opacity: 0;\n      animation-name: PollOptionIconAnimate;\n      animation-delay: .09s;\n      animation-duration: .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 .3s;\n    transition-delay: .09s;\n\n  }\n\n  .poll-line {\n    width: 30px;\n    height: 35px;\n    position: absolute;\n    left: -27px;\n    bottom: -5px;\n    transition: stroke-dashoffset .3s, stroke-dasharray .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% { opacity: 0 }\n  100% { opacity: 1 }\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: .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: .75rem;\n    }\n\n    &.disabled {\n      opacity: 1 !important;\n      cursor: not-allowed;\n    }\n\n    .Checkbox-main,\n    .Radio-main {\n      &::before {\n        left: 0.125rem;\n        background-color: var(--background-color);\n\n        .theme-dark & {\n          --color-borders: var(--color-borders-input);\n        }\n\n        .Message.own & {\n          --color-borders: var(--accent-color);\n        }\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      }\n    }\n  }\n\n  .Spinner > div {\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: .875rem;\n    margin-right: .5rem;\n    margin-top: -2px;\n\n    .Avatar {\n      border: .0625rem solid var(--color-white);\n      margin-right: 0;\n      box-sizing: content-box;\n\n      .Message.own & {\n        border: .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: .75rem;\n    transition: color .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 .2s;\n  }\n\n  .poll-quiz-help {\n    margin: -.625rem 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: .625rem;\n  }\n}\n",".WebPage {\n  margin-top: 0.25rem;\n  margin-bottom: 0.125rem;\n  padding-left: .625rem;\n  font-size: calc(var(--message-text-size, 1rem) - .125rem);\n  line-height: 1.125rem;\n  max-width: 29rem;\n  position: relative;\n\n  &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: .125rem;\n    background: var(--accent-color);\n    border-radius: .125rem;\n  }\n\n  &-text {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .media-inner {\n    margin: 0 !important;\n    margin-bottom: 0.375rem !important;\n\n    &, & img, &.small-image img {\n      border-radius: var(--border-radius-messages-small) !important;\n    }\n\n    &.square-image {\n      width: 5rem;\n      height: 5rem;\n      min-height: 0;\n      margin-bottom: 0 !important;\n\n      img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  &.with-video .media-inner{\n    margin-top: 0.5rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  &.with-square-photo {\n    display: flex;\n    margin-bottom: 1rem;\n\n    .WebPage-text {\n      order: 1;\n      padding-right: 1rem;\n    }\n\n    .media-inner {\n      order: 2;\n      flex-shrink: 0;\n    }\n\n    &:dir(rtl) {\n      .WebPage-text {\n        padding-inline-end: 1rem;\n      }\n    }\n  }\n\n  &:not(.with-square-photo) {\n    .site-name,\n    .site-title,\n    .site-description {\n      &:last-child::after {\n        content: '';\n        display: inline-block;\n        width: var(--meta-safe-area-size);\n        height: 0.75rem;\n        float: right;\n      }\n    }\n  }\n\n  .site-name,\n  .site-description,\n  .site-title {\n    word-break: break-word;\n    max-width: 100%;\n  }\n\n  .site-name {\n    color: var(--accent-color);\n    font-weight: 500;\n    margin-bottom: 0.125rem;\n  }\n\n  .site-title {\n    font-weight: 500;\n    margin-bottom: 0.125rem;\n  }\n\n  .site-description {\n    line-height: 1.25;\n    margin-bottom: 0;\n\n    body.is-ios & {\n      line-height: 1.125rem;\n    }\n  }\n\n  &:dir(rtl) {\n    padding-inline-start: .625rem;\n\n    &::before {\n      left: auto;\n      right: 0;\n    }\n  }\n}\n\n\n",".Invoice {\n  .title {\n    color: var(--accent-color);\n    font-weight: 500;\n  }\n\n  .description {\n    position: relative;\n\n    &.has-image {\n      .invoice-image {\n        max-width: 100%;\n        height: 20rem;\n\n        @media (max-width: 600px) {\n          height: 10rem;\n        }\n      }\n\n      .description-text {\n        position: absolute;\n        top: 0;\n        padding: .25rem .5rem;\n        margin: .25rem;\n        background-color: rgba(90, 110, 70, 0.6);\n        border-radius: var(--border-radius-messages-small);\n        color: var(--color-text);\n        font-weight: 500;\n\n        span {\n          margin-left: .5rem;\n        }\n      }\n    }\n\n  }\n}\n",".Album {\n  position: relative;\n  overflow: hidden;\n\n  .message-content.media.text & {\n    margin: -0.3125rem -0.5rem 0.3125rem;\n  }\n\n  .forwarded-message & {\n    margin-bottom: .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    &, & img, & video {\n      border-radius: 0 !important;\n      object-fit: cover;\n    }\n  }\n}\n",".RoundVideo {\n  position: relative;\n  width: 200px;\n  height: 200px;\n  cursor: pointer;\n\n  .thumbnail-wrapper {\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    overflow: hidden;\n  }\n\n  .video-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    border-radius: 50%;\n    overflow: hidden;\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: .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",".InlineButtons {\n  display: flex;\n  flex-direction: column;\n\n  .row {\n    display: flex;\n    flex-direction: row;\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\n    &::before {\n      content: '';\n      background-color: var(--color-white);\n      opacity: 0;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: var(--border-radius-messages-small);\n      z-index: var(--z-below);\n      transition: opacity 200ms;\n    }\n\n    &:hover {\n      background: var(--pattern-color) !important;\n\n      &::before {\n        opacity: .4;\n      }\n    }\n\n    &:first-of-type {\n      margin-left: 0;\n    }\n\n    &:last-of-type {\n      margin-right: 0;\n    }\n\n    i {\n      font-size: .875rem;\n      position: absolute;\n      right: .1875rem;\n      top: .1875rem;\n      display: block;\n\n      &.icon-arrow-right {\n        font-size: .75rem;\n        top: .125rem;\n        right: .125rem;\n        transform: rotate(-45deg);\n      }\n    }\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",".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: .5625rem .25rem .5625rem .625rem;\n  padding-inline-start: .625rem;\n  padding-inline-end: .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: .9375rem;\n  font-weight: 500;\n  line-height: 2rem;\n  color: var(--accent-color);\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color .15s, color .15s;\n  user-select: none;\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  .Message .has-appendix &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    bottom: -.1875rem;\n    left: -.5625rem;\n    width: .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 .15s, filter .15s;\n\n    .theme-dark #root & {\n      filter: invert(.83);\n    }\n\n    body.animation-level-0 & {\n      transition: none !important;\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 .3125rem .25rem;\n    align-items: flex-start;\n    color: white;\n    background-color: rgba(0, 0, 0, .2);\n\n    opacity: 0;\n    transition: opacity .2s ease;\n\n    @media (pointer: coarse) {\n      opacity: 1 !important;\n    }\n\n    &:hover {\n      background-color: rgba(0, 0, 0, .28);\n    }\n\n    .Message:hover & {\n      opacity: 1;\n    }\n\n    &::after {\n      content: attr(data-cnt);\n      position: absolute;\n      bottom: -.0625rem;\n      left: 0;\n      width: 100%;\n      text-align: center;\n      font-size: 12px;\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    .icon-next {\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  .audio &,\n  .voice &,\n  .poll &,\n  .text & {\n    border-top: 1px solid var(--color-borders);\n  }\n\n  .message-content.has-solid-background & {\n    margin: .375rem -.5rem -.375rem;\n  }\n\n  .message-content.voice & {\n    margin-bottom: -.5rem;\n  }\n\n  .message-content.audio & {\n    margin-bottom: -.8125rem;\n  }\n\n  .message-content.audio &,\n  .message-content.voice &,\n  .message-content.poll &,\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: .875rem;\n  }\n\n  .icon-next {\n    margin-inline-start: auto;\n    font-size: 1.5rem;\n  }\n\n  .recent-repliers {\n    display: inline-flex;\n    align-items: center;\n    margin-inline-end: .5rem;\n    margin-inline-start: -.125rem;\n\n    .Avatar {\n      transition: border .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: -.75rem;\n      }\n    }\n  }\n\n  &.has-unread .label {\n    position: relative;\n\n    &::after {\n      content: '';\n      display: inline-block;\n      width: .5rem;\n      height: .5rem;\n      border-radius: 50%;\n      background: var(--accent-color);\n      margin-inline-start: \t.75rem;\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n  }\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  --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(var(--meta-safe-area-base) + var(--meta-safe-author-width) + var(--meta-safe-area-extra-width));\n  --deleting-translate-x: -50%;\n  --select-message-scale: 0.9;\n\n  &.is-swiped {\n    transform: translateX(-2.5rem) !important;\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.animation-level-0 & {\n      transition: none !important;\n    }\n  }\n\n  > .Avatar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n\n    @media (max-width: 600px) {\n      width: 2.5rem;\n      height: 2.5rem;\n    }\n  }\n\n  &.last-in-group {\n    margin-bottom: 0.625rem;\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  &:not(.own) {\n    padding-left: 2.5rem;\n\n    .no-avatars &, &.is-thread-top {\n      padding-left: 0;\n    }\n\n    @media (max-width: 600px) {\n      padding-left: 2.875rem;\n\n      .no-avatars &, &.is-thread-top {\n        padding-left: 0.25rem;\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    --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\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\n  &.is-deleting {\n    > .Avatar,\n    > .message-content-wrapper {\n      transition: opacity .2s ease, transform .2s ease-in;\n      opacity: 0;\n      transform: scale(0.3) translateX(var(--deleting-translate-x));\n      transform-origin: bottom;\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: 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\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    .Message.own & {\n      background: var(--color-background-own);\n    }\n\n    .message-select-control {\n      position: absolute;\n      top: 0.438rem;\n      right: 0.438rem;\n      left: unset;\n    }\n\n    img, 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, video {\n        transform: scale(var(--select-message-scale));\n      }\n    }\n\n  }\n\n  &.is-selected, &.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    &: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.688rem;\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\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  .album-item-select-wrapper {\n    position: absolute;\n\n    .message-select-control {\n      position: absolute;\n      z-index: 2;\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  .Avatar {\n    margin-right: 0.3rem;\n  }\n\n  &.is-in-document-group {\n    .message-content.document {\n      padding: .25rem .5rem !important;\n    }\n\n    &.last-in-document-group {\n      .message-content.document {\n        padding-bottom: .5rem !important\n      }\n    }\n\n    &.first-in-document-group {\n      .message-content.document {\n        padding-top: .5rem !important\n      }\n    }\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  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  &.small-image img {\n    border-radius: 0 !important;\n  }\n}\n\n.Message {\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  &:not(.own) {\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    &.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  .message-content {\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    &.is-reply .EmbeddedMessage {\n      & + .Album,\n      & + .Audio,\n      & + .File {\n        margin-top: .375rem;\n      }\n    }\n\n    &:not(.custom-shape).is-reply .media-inner,\n    &:not(.custom-shape).is-reply .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 .content-inner .message-title {\n      margin-bottom: 0.25rem;\n    }\n  }\n\n  .message-action-button {\n    position: absolute;\n    bottom: 0;\n    color: white;\n    background-color: rgba(0, 0, 0, .2);\n\n    opacity: 0;\n    transition: opacity .2s ease;\n\n    @media (pointer: coarse) {\n      opacity: 1 !important;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: rgba(0, 0, 0, .28) !important;\n    }\n  }\n\n  &:hover,\n  &[data-is-document-group-hover] {\n    .message-action-button {\n      opacity: 1;\n    }\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.Message .custom-shape .message-action-button {\n  bottom: .25rem;\n}\n\n@import 'message-content';\n",".message-content {\n  position: relative;\n  max-width: var(--max-width);\n\n  @media (max-width: 600px) {\n    max-width: calc(100vw - 6.25rem);\n\n    .Message.own &,\n    .MessageList.no-avatars & {\n      max-width: calc(100vw - 3.75rem);\n    }\n\n    // Workaround for sass function override - we should use CSS min() here\n    @supports (max-width: #{\"min(29rem, 100vw - 6.25rem)\"}) {\n      max-width: #{\"min(29rem, 100vw - 6.25rem)\"};\n      .MessageList.no-avatars & {\n        max-width: #{\"min(29rem, 100vw - 3.75rem)\"};\n      }\n      .Message.own & {\n        max-width: #{\"min(30rem, 100vw - 3.75rem)\"};\n      }\n    }\n\n    &.has-action-button {\n      max-width: calc(100vw - 7rem);\n\n      .Message.own &,\n      .MessageList.no-avatars & {\n        max-width: calc(100vw - 4.5rem);\n      }\n\n      // Workaround for sass function override - we should use CSS min() here\n      @supports (max-width: #{\"min(29rem, 100vw - 5.5rem)\"}) {\n        max-width: #{\"min(29rem, 100vw - 7rem)\"};\n        .MessageList.no-avatars & {\n          max-width: #{\"min(29rem, 100vw - 4.5rem)\"};\n        }\n        .Message.own & {\n          max-width: #{\"min(30rem, 100vw - 4.5rem)\"};\n        }\n      }\n    }\n  }\n\n  img {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n  }\n\n  .text-content {\n    margin: 0;\n    word-break: break-word;\n    line-height: 1.3125;\n    text-align: initial;\n    display: flow-root;\n    unicode-bidi: plaintext;\n  }\n\n  .text-entity-link {\n    unicode-bidi: plaintext;\n  }\n\n  &:not(.custom-shape) .text-content,\n  &.document {\n    & > .MessageMeta {\n      position: relative;\n      top: .375rem;\n      bottom: auto !important;\n      float: right;\n      line-height: 1;\n      height: calc(var(--message-meta-height, 1rem));\n      margin-left: .4375rem;\n      margin-right: -.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: .25rem;\n      }\n\n      html[data-message-text-size=\"17\"] & {\n        top: .4375rem;\n      }\n\n      html[data-message-text-size=\"18\"] &,\n      html[data-message-text-size=\"19\"] & {\n        top: .5rem;\n      }\n\n      html[data-message-text-size=\"20\"] & {\n        top: .5625rem;\n      }\n    }\n\n    &:dir(rtl) {\n      & > .MessageMeta {\n        float: left;\n        margin-left: -.25rem;\n        margin-right: .4375rem;\n      }\n    }\n  }\n\n  &.document:not(.text) {\n    &::after {\n      content: \"\";\n      display: block;\n      clear: both;\n    }\n\n    & > .MessageMeta {\n      top: auto !important;\n      bottom: -.5rem !important;\n      margin-top: -.25rem;\n\n      &:not([dir=rtl]) {\n        margin-top: -1.25rem;\n      }\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 {\n    background: #CAE3F7;\n    border-radius: 0.25rem;\n    padding: 0 0.125rem;\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) - .125rem);\n    font-weight: 500;\n    line-height: 1.25rem;\n    color: var(--accent-color);\n    unicode-bidi: plaintext;\n    display: flex;\n\n    & > .interactive {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    &.interactive, & > .interactive {\n      cursor: pointer;\n\n      &:hover {\n        opacity: 0.85;\n      }\n    }\n\n    & > .color-1 {\n      color: var(--color-user-1);\n    }\n\n    & > .color-2 {\n      color: var(--color-user-2);\n    }\n\n    & > .color-4 {\n      color: var(--color-user-4);\n    }\n\n    & > .color-5 {\n      color: var(--color-user-5);\n    }\n\n    & > .color-6 {\n      color: var(--color-user-6);\n    }\n\n    & > .color-7 {\n      color: var(--color-user-7);\n    }\n\n    & > .color-8 {\n      color: var(--color-user-8);\n    }\n\n    .theme-dark .Message.own & > .color-1 {\n      color: var(--accent-color);\n    }\n\n    & + .File {\n      margin-top: .25rem;\n    }\n\n    .via {\n      padding-right: .25rem;\n      font-weight: 400;\n    }\n\n    span + .via {\n      padding-left: .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.1rem;\n      color: rgba(var(--color-text-meta-rgb), 0.75);\n\n      .Message.own & {\n        color: var(--accent-color);\n      }\n    }\n  }\n\n  &.has-shadow {\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n  }\n\n  &.has-solid-background, &.has-background, .is-album & {\n    background: var(--background-color);\n  }\n\n  &.has-solid-background {\n    padding: .3125rem .5rem .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: -.0625rem;\n    width: .5625rem;\n    height: 1.125rem;\n    font-size: 1rem !important;\n\n    .corner {\n      fill: var(--background-color);\n    }\n\n    .Message.own & {\n      right: -.551rem; // This value is correct. Safari fix\n    }\n\n    .Message:not(.own) & {\n      left: -.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    padding: .5rem !important;\n\n    .File {\n      .theme-dark & {\n        --color-primary: var(--color-selection-highlight);\n      }\n    }\n\n    .File + .text-content {\n      margin-top: .3125rem;\n    }\n  }\n\n  &.voice,\n  &.audio {\n    .message-title,\n    .Embedded {\n      margin-top: -.1875rem;\n      margin-bottom: .1875rem;\n    }\n  }\n\n  &.voice {\n    padding: .5rem !important;\n\n    .Voice + .text-content {\n      margin-top: .5rem;\n    }\n  }\n\n  &.audio {\n    min-width: 20rem;\n    padding: .5rem .5rem .8125rem !important;\n\n    .Audio + .text-content {\n      margin-top: .25rem;\n    }\n\n    &:not(.has-replies) {\n      .Audio + .text-content {\n        margin-bottom: -0.4375rem;\n      }\n    }\n  }\n\n  &:not(.custom-shape) .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 .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  .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 > .message-title {\n      display: inline-flex;\n      position: relative;\n      top: .125rem;\n      max-width: calc(100% - 3rem);\n      margin-left: calc(100% - 3rem);\n      padding: 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    .media-inner {\n      margin-top: 0.375rem;\n    }\n  }\n\n}\n\n.message-content.media, .WebPage {\n  .media-inner {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    &.interactive {\n      cursor: pointer;\n\n      &.dark video {\n        background-color: #232323;\n      }\n    }\n  }\n\n  &.round.is-reply {\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  &.is-reply .media-inner,\n  &.is-reply .Album {\n    margin-left: -0.5rem;\n    margin-right: -0.5rem;\n  }\n\n  &.text .media-inner {\n    margin-top: -0.3125rem;\n  }\n\n  &.is-reply .media-inner,\n  &.force-sender-name .Album,\n  &.is-reply .Album,\n  .message-title ~ .media-inner {\n    margin-top: 0.375rem;\n    margin-bottom: -0.375rem;\n  }\n\n  // Moved below .is-reply to overwrite its styles\n  &.text .media-inner,\n  &.text .Album {\n    margin-bottom: 0.375rem;\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 .3s ease, transform .3s ease;\n    }\n  }\n\n  .icon-large-play, .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\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-upload-progress {\n    background: rgba(0, 0, 0, .25);\n    color: #fff;\n    font-size: 0.75rem;\n    position: absolute;\n    left: .1875rem;\n    top: .1875rem;\n    z-index: 1;\n    padding: 0 .375rem;\n    border-radius: .75rem;\n    line-height: 1.125rem;\n    user-select: none;\n  }\n\n  .message-media-duration .icon-muted-chat {\n    vertical-align: -.1875rem;\n    margin-left: .375rem;\n    font-size: 1.0625rem;\n  }\n}\n\n.message-content.custom-shape {\n  line-height: 1.2;\n  font-size: 10rem;\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  &.is-reply {\n    max-width: 100%;\n  }\n\n  .reply-message {\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      margin-left: 0.5rem;\n      border-radius: var(--border-radius-messages);\n\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\n  .text-content {\n    margin-bottom: 1rem;\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 {\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    .text-content {\n      margin-bottom: 0;\n      text-shadow: 1px 1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px -1px 0 white;\n      img.emoji {\n        filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);\n      }\n\n      .MessageMeta {\n        text-shadow: none;\n      }\n    }\n  }\n\n  &.emoji-only-1 {\n    min-width: 8rem;\n    font-size: 4.5rem;\n\n    .content-inner {\n      height: 7rem;\n    }\n\n    .text-content {\n      line-height: 1.5;\n      text-align: center;\n    }\n\n    .Message.was-edited & {\n      min-width: 10rem;\n    }\n\n    .emoji {\n      width: 5rem;\n      height: 5rem;\n    }\n  }\n\n  &.emoji-only-2 {\n    font-size: 4rem;\n    margin-top: .5rem;\n    min-width: 10rem;\n\n    &.has-comments {\n      margin-top: 1.25rem;\n    }\n\n    .Message.was-edited & {\n      min-width: 12rem;\n    }\n\n    .emoji {\n      width: 4rem;\n      height: 4rem;\n      margin-right: 0.375rem;\n    }\n  }\n\n  &.emoji-only-3 {\n    font-size: 3rem;\n    margin-top: 1.75rem;\n    min-width: 12rem;\n\n    &.has-comments {\n      margin-top: 2.5rem;\n    }\n\n    .Message.was-edited & {\n      min-width: 14rem;\n    }\n\n    .emoji {\n      width: 3rem;\n      height: 3rem;\n      margin-right: 0.375rem;\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    .reply-message {\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.poll & {\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.05rem;\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.05rem;\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: pointer;\n  unicode-bidi: initial;\n\n  &:hover, &:active, &:visited {\n    text-decoration: underline !important;\n  }\n}\n\n.text-entity-code, .text-entity-pre {\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  font-size: calc(var(--message-text-size, 1rem) - 0.0625rem);\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: .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: .9375rem;\n    margin-bottom: 0;\n  }\n\n  .sticker {\n    margin: 2rem 0 1rem;\n    height: 10rem;\n    width: 10rem;\n    cursor: pointer;\n\n    .thumbnail {\n      height: 10rem;\n      width: 10rem;\n    }\n  }\n}\n",".NoMessages {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .icon {\n    font-size: 5rem;\n    margin: 0 auto 1rem;\n  }\n\n  .wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    background: var(--pattern-color);\n    max-width: 20rem;\n    padding: .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: .25rem;\n    text-align: center;\n    unicode-bidi: plaintext;\n  }\n\n  .description {\n    font-size: .9375rem;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    unicode-bidi: plaintext;\n  }\n\n  .list-checkmarks {\n    font-size: .9375rem;\n    margin: .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: .5rem;\n    }\n  }\n}\n","@import '../../styles/mixins';\n\n.MessageList {\n  flex: 1;\n  width: 100%;\n  margin-bottom: .5rem;\n\n  overflow-anchor: none;\n  overflow: scroll;\n  overflow-x: hidden;\n  overflow-y: auto;\n  @include overflow-y-overlay();\n\n  transition: transform var(--layer-transition);\n\n  body.animation-level-0 & {\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    touch-callout: none;\n\n    &.select-mode-active {\n      user-select: auto;\n      touch-callout: default;\n    }\n  }\n\n  @supports (padding-bottom: env(safe-area-inset-bottom)) {\n    transition: bottom 150ms ease-out, transform var(--layer-transition);\n    body.keyboard-visible & {\n      position: relative;\n      bottom: calc(0px - env(safe-area-inset-bottom));\n\n      body.keyboard-visible.animation-level-0 & {\n        transition: none !important;\n      }\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, &.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    &.type-pinned .last-in-list {\n      @supports (padding-bottom: 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  .Message,\n  .ActionMessage {\n    position: relative;\n\n    opacity: 1;\n    transform: scale(1);\n    transition: opacity .2s ease, transform .2s ease;\n\n    &:not(.open) {\n      transform: scale(0.8);\n      opacity: 0;\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: -1;\n\n      opacity: 0;\n      transition: opacity var(--select-transition);\n\n      body.animation-level-0 & {\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    }\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    .text-entity-link {\n      color: inherit !important;\n      text-decoration: underline;\n\n      &:hover, &:focus {\n        text-decoration: none;\n      }\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) - .0625rem);\n      font-weight: 500;\n      line-height: 1.75;\n      padding: 0 .5rem;\n      border-radius: var(--border-radius-messages);\n      word-break: break-word;\n\n      body.is-ios &,\n      body.is-macos & {\n        font-size: calc(var(--message-text-size, 1rem) - .125rem);\n        line-height: calc(var(--message-text-size, 1rem) + .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  .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 .3s ease;\n\n    body:not(.is-scrolling-messages) &.stuck {\n      opacity: 0;\n\n      span {\n        pointer-events: none;\n      }\n    }\n\n    body.animation-level-0 & {\n      transition: none;\n    }\n\n    &.interactive {\n      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 {\n    overflow: hidden;\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: pointer;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .sticky-date + .ActionMessage {\n    margin-top: -0.5rem;\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.animation-level-0 & {\n      transition: none;\n    }\n\n    #Main.right-column-open & {\n      transform: translate3d(calc(var(--right-column-width) / -2), 0, 0);\n    }\n\n    body:not(.animating-right-column) #Main.right-column-open &.select-mode-active,\n    #Main.right-column-open &:not(.select-mode-active),\n    body.animating-right-column &:not(.select-mode-active) {\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) + var(--symbol-menu-footer-height))), 0);\n    }\n  }\n\n  .animating > div > & {\n    &::-webkit-scrollbar {\n      width: 0;\n    }\n\n    /* Styles for Firefox */\n    @supports (scrollbar-width: none) {\n      padding-right: .6875rem;\n      scrollbar-width: none;\n    }\n  }\n}\n",".ScrollDownButton {\n  --base-bottom-pos: 6rem;\n\n  position: absolute;\n  bottom: var(--base-bottom-pos);\n  right: 1rem;\n  opacity: 0;\n  transform: translateY(4.5rem);\n  transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .2s ease;\n  z-index: var(--z-scroll-down-button);\n  pointer-events: none;\n\n  @supports (right: env(safe-area-inset-right)) {\n    right: #{\"max(1rem, env(safe-area-inset-right))\"};\n  }\n\n  body.animation-level-0 & {\n    transform: none !important;\n\n    transition: opacity .15s;\n  }\n\n  @media (max-width: 600px) {\n    right: 0.5rem;\n    bottom: 4.5rem;\n\n    @supports (padding-bottom: env(safe-area-inset-bottom)) {\n      body:not(.keyboard-visible) & {\n        bottom: calc(4.5rem + env(safe-area-inset-bottom));\n      }\n    }\n  }\n\n  &-inner {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    > .Button {\n      box-shadow: 0 1px 2px var(--color-default-shadow);\n      color: var(--color-composer-button);\n\n      i {\n        font-size: 1.75rem;\n      }\n    }\n\n    @media (min-width: 1276px) {\n      transform: translateX(0);\n\n      transition: transform var(--layer-transition);\n\n      body.animation-level-0 & {\n        transition: none !important;\n      }\n\n      #Main.right-column-open & {\n        transform: translateX(calc(-1 * var(--right-column-width)));\n      }\n    }\n\n    @media (max-width: 600px) {\n      > .Button {\n        width: 2.875rem;\n        height: 2.875rem;\n      }\n    }\n  }\n\n  &.revealed {\n    transform: translateY(0);\n    opacity: 1;\n    pointer-events: all;\n\n    &.no-composer:not(.with-extra-shift) {\n      transform: translateY(4rem);\n    }\n  }\n\n  .unread-count {\n    min-width: 1.5rem;\n    height: 1.5rem;\n    padding: 0 .45rem;\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.3rem;\n    right: -0.3rem;\n\n    background: var(--color-green);\n    color: white;\n\n    pointer-events: none;\n\n    @media (max-width: 600px) {\n      top: -0.7rem;\n      right: auto;\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) + var(--symbol-menu-footer-height));\n    }\n  }\n}\n",".BotKeyboardMenu {\n  .bubble {\n    width: 100% !important;\n    max-width: 27rem;\n    border-radius: var(--border-radius-default-small);\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    padding: .1875rem .625rem;\n    max-height: 80vh;\n    overflow: auto;\n\n    @media (max-width: 600px) {\n      max-height: 75vh;\n    }\n\n    .row {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .row + .row {\n      margin-top: .375rem;\n    }\n\n    .Button {\n      flex: 1;\n      width: auto;\n      height: auto;\n      min-height: 3.0625rem;\n      border-radius: var(--border-radius-messages-small);\n      border: 2px solid var(--color-primary);\n      background: var(--color-background);\n      color: var(--color-primary);\n      font-weight: 500;\n      text-transform: none;\n\n      &:hover {\n        color: #fff;\n        border-color: var(--color-primary-shade);\n        background: var(--color-primary-shade);\n      }\n    }\n\n    .Button + .Button {\n      margin-left: .375rem;\n    }\n  }\n}\n",".ComposerEmbeddedMessage {\n  height: 2.625rem;\n  transition: height 150ms ease-out, opacity 150ms ease-out;\n\n  .select-mode-active + .middle-column-footer & {\n    display: none;\n  }\n\n  &:not(.open) {\n    height: 0 !important;\n  }\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  & > div {\n    display: flex;\n    align-items: center;\n    padding-right: 0.625rem;\n    padding-top: 0.1875rem;\n  }\n\n  & > div > .Button {\n    flex-shrink: 0;\n    background: none !important;\n    width: 3.5rem;\n    height: 2.875rem;\n    margin: 0 -0.0625rem 0 0;\n    padding: 0;\n    align-self: center;\n\n    @media (max-width: 600px) {\n      width: 2.875rem;\n    }\n  }\n}\n",".WebPagePreview {\n  height: 2.625rem;\n  transition: height 150ms ease-out, opacity 150ms ease-out;\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  .select-mode-active + .middle-column-footer & {\n    display: none;\n  }\n\n  &:not(.open) {\n    height: 0 !important;\n  }\n\n  // TODO Remove duplication with `.ComposerEmbeddedMessage`\n  & > div {\n    display: flex;\n    align-items: center;\n    padding-right: 0.625rem;\n    padding-top:  0.1875rem;\n  }\n\n  --accent-color: var(--color-primary);\n\n  .ComposerEmbeddedMessage + & {\n    margin-top: 0.75rem;\n  }\n\n  & > div > .Button {\n    flex-shrink: 0;\n    background: none !important;\n    width: 3.5rem;\n    height: 2.875rem;\n    margin: 0 -0.0625rem 0 0;\n    padding: 0;\n    align-self: center;\n\n    @media (max-width: 600px) {\n      width: 2.875rem;\n    }\n  }\n\n  .WebPage {\n    flex-grow: 1;\n    margin: 0.1875rem 0 0.1875rem 0.125rem;\n    max-width: calc(100% - 3.375rem);\n\n    &::before {\n      top: .1rem;\n      bottom: .05rem;\n    }\n\n    &.with-video .media-inner { // TODO add support for video in previews in composer\n      display: none;\n    }\n\n    .site-title,\n    .site-description {\n      flex: 1;\n      max-width: 100%;\n      max-height: 1rem;\n    }\n\n    .site-title {\n      margin-top: .125rem;\n      margin-bottom: 0.1875rem;\n    }\n\n    .site-description {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n}\n","@import '../../../styles/mixins';\n\n.Composer {\n  align-items: flex-end;\n\n  .select-mode-active + .middle-column-footer & {\n    position: absolute;\n    padding-right: 2rem;\n    bottom: 0;\n\n    @supports (padding-bottom: env(safe-area-inset-bottom)) {\n      bottom: env(safe-area-inset-bottom);\n    }\n\n    @media (max-width: 600px) {\n      padding-right: 1rem;\n    }\n\n    &::before {\n      right: 2.125rem;\n\n      @media (max-width: 600px) {\n        right: 1rem;\n      }\n    }\n\n    .svg-appendix {\n      opacity: 0;\n    }\n  }\n\n  .form-control {\n    --border-width: 0;\n  }\n\n  > .Button {\n    flex-shrink: 0;\n    margin-left: .5rem;\n\n    &:not(.danger) {\n      color: var(--color-composer-button);\n    }\n\n    @media (max-width: 600px) {\n      width: 2.875rem;\n      height: 2.875rem;\n    }\n\n    .icon-send,\n    .icon-microphone-alt,\n    .icon-check {\n      position: absolute;\n    }\n\n    &:not(:active):not(:focus):not(:hover) {\n      .icon-send,\n      .icon-check {\n        color: var(--color-primary);\n      }\n    }\n\n    &.cancel {\n      position: relative;\n      z-index: 1;\n\n      &:hover, &.active {\n        background: var(--color-chat-hover);\n      }\n    }\n\n    &.recording {\n      position: relative;\n      z-index: 0;\n      transition: box-shadow .1s;\n    }\n\n    &.send {\n      .icon-send {\n        animation: grow-icon .4s ease-out;\n      }\n\n      .icon-microphone-alt,\n      .icon-check {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n\n    &.record {\n      .icon-microphone-alt {\n        animation: grow-icon .4s ease-out;\n      }\n\n      .icon-send,\n      .icon-check {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n\n    &.edit {\n      .icon-send,\n      .icon-microphone-alt {\n        animation: hide-icon .4s forwards ease-out;\n      }\n\n      .icon-check {\n        animation: grow-icon .4s ease-out;\n      }\n    }\n\n    &.not-ready > i {\n      animation-duration: 0ms !important;\n    }\n\n    body.animation-level-0 &, body.animation-level-1 & {\n      .icon-send, .icon-microphone-alt, .icon-check {\n        animation-duration: 0ms !important;\n      }\n    }\n  }\n\n  .mobile-symbol-menu-button {\n    width: 2.875rem;\n    height: 2.875rem;\n    position: relative;\n\n    .icon-smile,\n    .icon-keyboard,\n    .Spinner {\n      position: absolute;\n    }\n\n    .Spinner {\n      --spinner-size: 1.5rem;\n    }\n\n    .icon-smile {\n      animation: grow-icon .4s ease-out;\n    }\n\n    .icon-keyboard, .Spinner {\n      animation: hide-icon .4s forwards ease-out;\n    }\n\n    &.not-ready > i {\n      animation-duration: 0ms !important;\n    }\n\n    &.is-loading {\n      .Spinner {\n        animation: grow-icon .4s ease-out;\n      }\n\n      .icon-keyboard, .icon-smile {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n\n    &.menu-opened {\n      .icon-keyboard {\n        animation: grow-icon .4s ease-out;\n      }\n\n      .icon-smile, .Spinner {\n        animation: hide-icon .4s forwards ease-out;\n      }\n    }\n  }\n}\n\n#message-compose {\n  flex-grow: 1;\n  max-width: calc(100% - 4rem);\n  background: var(--color-background);\n  border-radius: var(--border-radius-messages);\n  border-bottom-right-radius: 0;\n  box-shadow: 0 1px 2px var(--color-default-shadow);\n  position: relative;\n  z-index: 1;\n\n  .svg-appendix {\n    position: absolute;\n    bottom: -.1875rem;\n    right: -.551rem; // This value is correct. Safari fix\n    width: .5625rem;\n    height: 1.25rem;\n    transition: opacity 200ms;\n    font-size: 1rem !important;\n\n    .corner {\n      fill: var(--color-background);\n    }\n  }\n\n  @media (max-width: 600px) {\n    max-width: calc(100% - 3.375rem);\n  }\n}\n\n.message-input-wrapper {\n  display: flex;\n\n  > .Spinner {\n    align-self: center;\n    --spinner-size: 1.5rem;\n    margin-right: -.5rem;\n  }\n\n  > .Button {\n    flex-shrink: 0;\n    background: none !important;\n    width: 3.5rem;\n    height: 3.5rem;\n    margin: 0;\n    padding: 0;\n    align-self: flex-end;\n\n    &:not(.faded):not(.activated) {\n      color: var(--color-composer-button);\n    }\n\n    + .Button {\n      margin-left: -1rem;\n    }\n\n    @media (max-width: 600px) {\n      width: 2.875rem;\n      height: 2.875rem;\n\n      + .Button {\n        margin-left: -0.6875rem;\n      }\n    }\n\n    &.bot-commands {\n      color: var(--color-primary) !important;\n\n      // SymbolMenu button should be accessible if BotCommandsMenu opened\n      body.is-touch-env &.activated + .Button.mobile-symbol-menu-button {\n        z-index: calc(var(--z-menu-backdrop) + 1);\n      }\n    }\n\n    &.scheduled-button i::after {\n      content: '';\n      position: absolute;\n      top: .75rem;\n      right: .875rem;\n      border: .1875rem solid var(--color-background);\n      box-sizing: content-box;\n      width: .5rem;\n      height: .5rem;\n      border-radius: 50%;\n      background: var(--color-green-darker);\n      box-shadow: -.375rem -.25rem 0 -.1875rem var(--color-background);\n      @media (max-width: 600px) {\n        top: .5rem;\n        right: .5rem;\n      }\n    }\n  }\n\n  > .input-group {\n    flex-grow: 1;\n    margin-bottom: 0;\n  }\n\n  .recording-state {\n    display: inline-block;\n    position: relative;\n    line-height: 3.5rem;\n    height: 3.5rem;\n    padding: 0 3.125rem 0 1rem;\n    font-family: \"Roboto\", -apple-system, BlinkMacSystemFont, \"Apple Color Emoji\", \"Helvetica Neue\", sans-serif;\n\n    &::after {\n      content: '';\n      width: .75rem;\n      height: .75rem;\n      background: var(--color-error);\n      border-radius: .375rem;\n      position: absolute;\n      top: 50%;\n      margin-top: -.375rem;\n      right: 1.3125rem;\n      animation: recording-blink-like-macos 1.5s infinite;\n    }\n\n    @media (max-width: 600px) {\n      height: 2.875rem;\n      line-height: 2.875rem;\n    }\n  }\n}\n\n#message-input-text,\n#caption-input-text {\n  position: relative;\n\n  .form-control {\n    padding: calc((3.25rem - var(--composer-text-size, 1rem) * 1.375) / 2 - var(--border-width, 0) * 2)  calc(.9rem - var(--border-width));\n    overflow: hidden;\n    line-height: 1.375;\n    font-family: Roboto, -apple-system, \"Apple Color Emoji\", \"Helvetica Neue\", sans-serif;\n    unicode-bidi: plaintext;\n    text-align: initial;\n    font-size: var(--composer-text-size, 1rem);\n\n    body.is-ios &,\n    body.is-macos & {\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Roboto\", \"Apple Color Emoji\", \"Helvetica Neue\", sans-serif;\n    }\n\n    &.overflown {\n      overflow-y: auto;\n      overflow-x: hidden;\n    }\n\n    &.touched, &:focus {\n      & + .placeholder-text {\n        display: none;\n      }\n    }\n\n    &.focus-disabled {\n      pointer-events: none;\n    }\n  }\n\n  .forced-placeholder,\n  .placeholder-text {\n    position: absolute;\n    color: var(--color-placeholders);\n    pointer-events: none;\n    unicode-bidi: plaintext;\n    text-align: initial;\n    line-height: 1.3125;\n    font-size: var(--composer-text-size, 1rem);\n    top: calc((3.25rem - var(--composer-text-size, 1rem) * 1.375) / 2);\n    bottom: auto;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n\n  .forced-placeholder {\n    z-index: var(--z-below);\n    left: 0;\n  }\n\n  &[dir=rtl] .placeholder-text {\n    right: 0;\n  }\n\n  .text-entity-link {\n    color: var(--color-links) !important;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover, &:active, &:visited {\n      text-decoration: underline !important;\n    }\n  }\n\n  .clone {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    z-index: -10;\n    unicode-bidi: plaintext;\n    text-align: initial;\n  }\n}\n\n#message-input-text {\n  flex-grow: 1;\n\n  .form-control {\n    margin-bottom: 0;\n    background: transparent !important;\n    border: none !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    caret-color: var(--color-text);\n    min-height: 3.5rem;\n    max-height: 26rem;\n    line-height: 1.3125;\n    padding: calc((3.5rem - var(--composer-text-size, 1rem) * 1.3125) / 2) 0;\n\n    @media (max-width: 600px) {\n      height: 2.875rem;\n      min-height: 2.875rem;\n      max-height: 16rem;\n      padding: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2) 0;\n      overflow: auto;\n    }\n\n    transition: height 100ms ease;\n\n    body.animation-level-0 & {\n      transition: none !important;\n    }\n  }\n\n  .forced-placeholder,\n  .placeholder-text {\n    top: calc((3.5rem - var(--composer-text-size, 1rem) * 1.3125) / 2);\n\n    @media (max-width: 600px) {\n      top: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2);\n    }\n  }\n\n  &:not(:only-child) {\n    .form-control {\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n\n  .ComposerEmbeddedMessage + .message-input-wrapper &,\n  .WebPagePreview + .message-input-wrapper & {\n    .form-control.overflown {\n      margin-top: 0.75rem;\n    }\n  }\n\n  .emoji {\n    width: 1.25rem;\n    height: 1.25rem;\n    margin: 0 1px -5px;\n    vertical-align: 0;\n    pointer-events: none;\n  }\n}\n\n#caption-input-text {\n  .form-control {\n    height: 3.25rem;\n    min-height: 3.25rem;\n    max-height: 15rem;\n  }\n\n  .placeholder-text {\n    bottom: .8125rem;\n    left: .90625rem;\n  }\n}\n\n.composer-tooltip {\n  position: absolute;\n  bottom: calc(100% + .5rem);\n  left: 0;\n  width: 100%;\n  background: var(--color-background);\n  border-radius: var(--border-radius-messages);\n  padding: 0.5rem 0;\n  max-height: 15rem;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  @include overflow-y-overlay();\n\n  box-shadow: 0 1px 2px var(--color-default-shadow);\n\n  opacity: 0;\n  transform: translateY(1.5rem);\n  transform-origin: bottom;\n  transition: opacity var(--layer-transition), transform var(--layer-transition);\n\n  &:not(.shown) {\n    display: none;\n  }\n\n  &.open {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .Loading {\n    margin: 1rem 0;\n  }\n}\n\n@keyframes recording-blink-like-macos {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: .3;\n  }\n}\n","#middle-column-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  overflow: hidden;\n  z-index: -1;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: var(--theme-background-color);\n  }\n\n  &::after {\n    .theme-light & {\n      background-image: url('../../assets/chat-bg.jpg');\n\n      @media (max-width: 600px) {\n        background-image: url('../../assets/chat-bg-mobile.jpg');\n      }\n    }\n\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n\n    body:not(.animation-level-0) #root & {\n      transition: transform var(--layer-transition), opacity .2s !important;\n    }\n\n    body.animation-level-0 & {\n      transition: none;\n    }\n  }\n\n  .custom-bg-color:not(.custom-bg-image) > &::after {\n    opacity: 0;\n  }\n\n  .custom-bg-image > &::after {\n    background-image: var(--custom-background) !important;\n    filter: none;\n    transform: scale(1.1);\n  }\n\n  .custom-bg-image.blurred > &::after {\n    filter: blur(12px);\n  }\n\n  @media screen and (min-width: 1276px) {\n    body.animation-level-2 &::after {\n      margin: -16rem -5rem -20rem 0;\n      overflow: hidden;\n      transform: scale(1);\n      transform-origin: left center;\n      transition: transform var(--layer-transition);\n    }\n\n    body.animation-level-2 #Main.right-column-open &::after {\n      transform: scale(0.67) !important;\n    }\n  }\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      > div {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n    }\n  }\n\n  .messaging-disabled {\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  .Composer {\n    #message-compose {\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.animation-level-0 & {\n        &, &::before {\n          transition: none !important;\n        }\n      }\n    }\n\n    .message-input-wrapper, &::before {\n      opacity: 1;\n      transition: opacity var(--select-transition);\n\n      body.animation-level-0 & {\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, color 0.15s;\n\n      body.animation-level-0 & {\n        transition: none !important;\n      }\n    }\n\n    &.hover-disabled, &:not(.shown) {\n      pointer-events: none;\n    }\n\n    &:not(.shown) {\n      .ComposerEmbeddedMessage {\n        height: 0;\n      }\n\n      #message-compose {\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, &::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.animation-level-0 & {\n        transition: none !important;\n      }\n    }\n\n    body.animation-level-0 & {\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\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    transition: top 200ms, transform var(--layer-transition);\n\n    body.animation-level-0 & {\n      transition: none !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) + var(--symbol-menu-footer-height))), 0);\n      }\n    }\n\n    @supports (padding-bottom: env(safe-area-inset-bottom)) {\n      &:not(.no-composer) {\n        padding-bottom: env(safe-area-inset-bottom);\n        top: 0;\n\n        body.keyboard-visible & {\n          top: env(safe-area-inset-bottom);\n        }\n      }\n    }\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: -.5625rem;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.4) 98%, rgba(255, 255, 255, 0) 100%);\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(90deg, rgba(127, 127, 127, 0) 0%, rgba(127, 127, 127, 0.4) 2%, rgba(127, 127, 127, 0.4) 98%, rgba(127, 127, 127, 0) 100%);\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.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.messaging-disabled {\n  .mask-image-disabled & {\n    box-shadow: 0 .25rem .5rem .125rem var(--color-default-shadow);\n    border-radius: var(--border-radius-messages);\n  }\n}\n\n.unpin-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    height: 3.5rem;\n    overflow: visible;\n    transform: scaleX(1);\n    transition: transform var(--select-transition), background-color .15s, color .15s;\n\n    &:hover {\n      .icon-unpin {\n        color: var(--color-white);\n      }\n    }\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    .icon-unpin {\n      margin-inline-start: -0.4375rem;\n      margin-inline-end: .75rem;\n      color: var(--color-text-secondary);\n      font-size: 1.5rem;\n      transition: color .15s\n    }\n  }\n\n  @media (max-width: 600px) {\n    padding-bottom: 0.75rem;\n\n    @supports (padding-bottom: env(safe-area-inset-bottom)) {\n      padding-bottom: calc(.75rem + env(safe-area-inset-bottom));\n    }\n  }\n\n  .mask-image-disabled &::before {\n    background: unset;\n  }\n}\n",".RightHeader {\n  display: flex;\n  align-items: center;\n  height: var(--header-height);\n  padding: 0.5rem .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    > div {\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","@import '../../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  @include overflow-y-overlay();\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: .875rem .5rem .5rem;\n    box-shadow: inset 0 -.0625rem 0 0 var(--color-background-secondary-accent);\n    border-bottom: .625rem solid var(--color-background-secondary);\n\n    .narrow {\n      margin-bottom: 0;\n    }\n\n    .inactive.no-selection {\n      user-select: auto;\n      -webkit-user-select: auto !important;\n    }\n\n    .Switcher {\n      margin-left: auto;\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 .75rem;\n      i {\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    &.media-list {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      grid-auto-rows: 1fr;\n      grid-gap: .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-upload-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    &.members-list {\n      padding: 0.5rem 1rem;\n\n      @media (max-width: 600px) {\n        padding: .5rem 0;\n        .ListItem.chat-item-clickable {\n          margin: 0;\n        }\n      }\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","#RightColumn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--right-column-width);\n  height: 100%;\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  body.animation-level-0 & {\n    transition: none;\n  }\n\n  // @optimization\n  &:not(:hover) {\n    .chat-item-clickable:not(.picker-list-item):nth-child(n + 18) {\n      display: none !important;\n    }\n  }\n\n  @media (max-width: 1275px) {\n    box-shadow: 0 .25rem .5rem .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  @supports (padding-right: env(safe-area-inset-right)) {\n    padding-right: env(safe-area-inset-right);\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 .5rem;\n\n      &.no-photo {\n        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      .VerifiedIcon {\n        margin-left: 0.25rem;\n        margin-bottom: .5rem;\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.animation-level-0 & {\n        transition: none;\n      }\n    }\n  }\n\n  #Main.right-column-open &, body.animating-right-column & {\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","#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#LeftColumn {\n  min-width: 12rem;\n  width: 25vw;\n  max-width: 26.5rem;\n  height: 100%;\n  position: relative;\n\n  & > div {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  @media (max-width: 600px) {\n    height: calc(var(--vh, 1vh) * 100);\n  }\n\n  @media (min-width: 1920px) {\n    border-left: 1px solid var(--color-borders);\n  }\n\n  @media (min-width: 926px) {\n    max-width: 40vw;\n  }\n\n  @media (min-width: 1276px) {\n    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.animation-level-0 & {\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: var(--layer-blackout-opacity);\n      transition: opacity var(--layer-transition);\n      z-index: 1;\n\n      body.animation-level-0 & {\n        transition: none;\n      }\n\n      // @optimization\n      body.is-android & {\n        display: none;\n      }\n\n      body.is-android .middle-column-shown & {\n        display: block;\n      }\n    }\n\n    #Main:not(.middle-column-open) & {\n      transform: translate3d(0, 0, 0);\n\n      &::after {\n        opacity: 0;\n        pointer-events: none;\n      }\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    max-width: none;\n    width: 100vw !important;\n    transform: translate3d(-20vw, 0, 0);\n\n    @supports (left: env(safe-area-inset-left)) {\n      left: env(safe-area-inset-left) !important;\n      width: calc(100vw - env(safe-area-inset-left));\n    }\n  }\n}\n\n#RightColumn {\n  @media (min-width: 1920px) {\n    border-right: 1px solid var(--color-borders);\n  }\n\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 (min-width: 1920px) {\n    border-right: 1px solid var(--color-borders);\n  }\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.animation-level-0 & {\n      transition: none;\n    }\n\n    #Main:not(.middle-column-open) & {\n      transform: translate3d(26.5rem, 0, 0);\n    }\n  }\n\n  @media (max-width: 600px) {\n    border-left: none;\n\n    #Main:not(.middle-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\nbody.is-android.animation-level-1 {\n  --layer-transition: 250ms ease-in-out;\n\n  #LeftColumn, #MiddleColumn, #RightColumn {\n    transition: transform var(--layer-transition), opacity var(--layer-transition);\n  }\n\n  #Main:not(.middle-column-shown) {\n    #MiddleColumn {\n      display: none;\n    }\n  }\n\n  #Main:not(.middle-column-open) {\n    #MiddleColumn {\n      transform: translate3d(10vw, 0, 0);\n      opacity: 0;\n    }\n  }\n\n  #Main.middle-column-open {\n    #LeftColumn {\n      transform: translate3d(0, 0, 0);\n      opacity: 0;\n    }\n  }\n\n  #Main:not(.right-column-shown) {\n    #RightColumn {\n      display: none;\n    }\n  }\n\n  #Main:not(.right-column-open) {\n    #RightColumn {\n      transform: translate3d(10vw, 0, 0);\n      opacity: 0;\n    }\n  }\n\n  #Main.right-column-open {\n    #MiddleColumn {\n      transform: translate3d(0, 0, 0);\n      opacity: 0;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}