1 line
185 KiB
Plaintext
1 line
185 KiB
Plaintext
{"version":3,"file":"BundleMain.18550222306d2786eea8.css","mappings":"AAAA,0BACE,kBACA,MACA,OACA,WAEA,mDACA,UAEA,qCACE,4BACA,UAGF,sCACE,aAIJ,yBACE,iBACA,cACA,aACA,mBACA,qBACA,iBACA,+BACA,2CAEA,qCACE,eAGF,kCACE,wBAGF,qCACE,OACA,gCACA,mBACA,gBACA,wBACA,6BACA,mBAGF,yBACE,qCACE,6BAIJ,qCACE,WAGA,YAEA,yCACE,aACA,mBACA,W;AC9DN,sBACE,kBACA,WAGF,sBACE,2BAEA,kBACA,WACA,YACA,qBACA,+BACA,mBACA,6CACA,6BAGF,gCACE,GACE,mBACA,mBAGF,IACE,sBAGF,IACE,UAGF,KACE,qBACA,UACA,oB;ACjCJ,gBACE,kBAEA,oCACE,aACA,cAGF,kCACE,6CACA,kBACA,UAEA,gDACE,mIAOF,qDACE,gBAIJ,oCACE,kBAEA,2HAGE,eACA,eACA,sBACA,6CACA,0BACA,oBAGF,uFAEE,kBACA,OACA,WAGF,4CACE,eAGF,2CACE,aAGF,+CACE,yBAEA,uDACE,qEAGF,sDACE,qEAIJ,iDACE,gBAEA,iHAEE,gBAKN,4CACE,sBAIF,8BACE,gBACA,yCAEA,gBChFF,+BD4EA,8BC3EE,mBAGA,mBDgFF,+BACE,kBACA,qBAGF,qCACE,QACA,SAGF,8BACE,4BACA,2BAGF,6BACE,aACA,cAKA,8EACE,2BAIJ,6BACE,2CAEA,qCACE,UACA,oB;AE5HN,eACE,kBACA,WACA,YACA,2BAEA,4DAEA,wBACE,WACA,UAGF,sCACE,0BACA,UAEA,wBAEA,+CACE,UAIJ,wBACE,wBAEA,yBAHF,wBAKI,sCACA,6BAKF,gFAEE,kBAIA,0DACE,iCAGF,gDACE,0CAKF,0CACE,iCAGF,oDACE,0C;ACxDR,iBACE,YACA,kBACA,aACA,sBACA,gBACA,UAEA,6BACE,OACA,gBAGF,8BACE,YACA,aACA,sBACA,gBAEA,gDACE,gBAEA,6BAEA,2DACE,SAIJ,uCACE,2BACA,sBACA,mBACA,gBACA,UAEA,UACA,2CAGF,oDACE,oBACA,YAGF,mCACE,cACA,qBACA,sBAEA,wCACE,mBACA,oBACA,gBAIJ,0CACE,OACA,gBAIJ,+FAGE,YACA,gBAGF,6BACE,kBACA,YACA,SACA,cACA,2BAEA,mB;AC7EJ,SACE,YAGF,aACE,4BACA,wCACA,aACA,mBACA,cACA,yCAEA,gBACE,gBACA,kBACA,gBACA,qBACA,kBACA,0CAGF,0BACE,qBACA,+BAEA,yBAJF,0BAKI,6BAIJ,yBA1BF,aA2BI,eAGF,6BACE,aACA,cAEA,2CACE,mB;ACvCN,sBACE,kBACA,eACA,iBACA,cACA,kBACA,gBAGF,sBACE,eACA,cACA,uBACA,gCAGF,sBACE,8CACA,kBACA,sBACA,sCAGF,sBACE,kBACA,OACA,MACA,cACA,gCACA,uBACA,sBACA,sCACA,yCACA,qB;AC/BF,sBACE,aACA,mBACA,iBACA,eACA,2BACA,mCAGE,8BACE,mBAEA,mCACE,qBAMJ,+DACE,aAIJ,6CACE,2BAGF,0BA5BF,sBA6BI,+BACA,+DAEA,8CACE,mEAIJ,8BACE,cAIJ,iCACE,kBACA,OACA,QACA,SACA,mCACA,oCACA,uDACA,+BACA,+DAEA,yCACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDAGF,uDACE,aACA,gBACA,OAGF,uDACE,eAGF,0BAhCF,iCAiCI,+BACA,+DAEA,yDACE,qDAKN,sBACE,uBAGF,sBACE,kBACA,+DAGF,sBACE,UACA,qBAGF,sBACE,aACA,cACA,oBACA,uBACA,eACA,qBACA,kDACA,kBACA,gBACA,eACA,mBAEA,uDACE,wDAKJ,sBACE,gBACA,WACA,gBAGF,sBACE,gBACA,4BACA,mBACA,gBACA,gBACA,YAEA,sCAEA,2CACE,+BACA,sBACA,oBACA,oBAGF,mCACE,WACA,YAGF,iDAtBF,sBAuBI,iBAIJ,sBACE,gBACA,kBACA,iBACA,YACA,2BACA,sBACA,gBACA,mBAEA,kCACE,mBAIJ,sBACE,kBACA,qBACA,gBACA,mBACA,gBACA,uBACA,SAEA,kCACE,mBAIJ,sBACE,cACA,WACA,gBACA,mBACA,uBACA,qBACA,iBACA,gBACA,oBACA,YACA,gBACA,cAGF,sBACE,kBACA,yBACA,eACA,0BACA,mBACA,gBAGF,sBACE,WACA,YAEA,cAEA,qBACA,gBAEA,4CACE,gBAIJ,sBACE,WACA,YACA,iBAGF,yBACE,sBACE,YACA,cACA,iBACA,gBACA,sBAEA,8BACE,YACA,eAGF,4CACE,eAIJ,iCACE,aAGF,sBL9LA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCAGA,sEK8KA,sBL7KE,oBACA,qBAGF,8BACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,wDKsKJ,iDACE,2CACE,UAEA,mEACE,WAKN,8CACE,gEAEA,qEACE,e;AC1QJ,aACE,aACA,iBACA,oBACA,uBAEA,oCACE,2BAGF,sDACE,cACA,eAGF,4BACE,6CACA,2DACA,0CACA,2CAEA,eAEA,sCACE,mBACA,sBAGF,8BACE,kBACA,oBACA,sBAEA,wCACE,oBAIJ,+EAEE,UACA,mBACA,uEAGF,yLAIE,UACA,qBAIJ,oCACE,kBACA,aACA,sBACA,mBAEA,2DACE,kBACA,WACA,aAGF,0DACE,kBACA,2BACA,SACA,YACA,WACA,eACA,kBAGF,gIAEE,mBAGF,mDACE,UACA,kBAEA,kBACA,mCACA,aACA,2BACA,8DACA,WACA,eACA,oBACA,eACA,iDAEA,gEACE,gBACA,kFACE,gBAKN,iMAGE,UACA,mBAIJ,+BACE,kBAEF,gCACE,kBACA,MACA,QACA,WACA,YACA,yCAIA,qCACE,yCAGF,sCACE,6CAGF,qDACE,+BACA,iBACA,iBACA,iBACA,sBACA,uBACA,kCAEA,2DACE,sBAGF,0DACE,sBAKN,qBACE,aACA,uBACA,sBACA,cACA,gBACA,gBACA,kBACA,gBACA,eACA,kDAEA,2BACE,wDAGF,yCACE,gBAGF,yBApBF,qBAqBI,gBAGF,0BAxBF,qBAyBI,gBACA,yCACE,iBAIJ,yCACE,cACA,mBACA,gBACA,6BACA,iBACA,mBACA,gBACA,uBAEA,qDACE,8BACA,qBAIJ,+BACE,8BACA,kCACA,qBACA,mBACA,gBACA,uBACA,mBAEA,2CACE,8BACA,qBAKN,yCACE,eAEA,gHACE,mBACA,oBACA,a;AC7NN,iBACE,kBACA,OACA,QACA,SAEA,aACA,mBACA,iBACA,mCACA,qCACA,yGACA,+BACA,+DAGE,0DACE,aAIJ,0BArBF,iBAsBI,+BACA,+DAEA,yCACE,sDAIJ,0CACE,mBACA,aACA,mB;ACRJ,cACE,aACA,mBACA,WACA,+CACA,mCACA,kBACA,+BACA,kBACA,qBACA,mDACA,uDAEA,yBAbF,cAcI,kBAEA,kDACA,qDAIF,qEArBF,cAsBI,oBACA,uBAEA,yBAzBJ,cA0BM,mBACA,sBAIJ,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,qLAGE,2BAIJ,iDACE,2CACE,+BACA,6CAEA,mEACE,mEAKN,0BA1BF,4BA2BI,+BACA,6CAEA,oDACE,mEAKJ,yDACE,oBAIJ,iDACE,+CACE,UAEA,uEACE,WAtJN,sDRsDA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCQhEE,mBACA,aACA,qBRiEF,sEQtEA,sDRuEE,oBACA,qBAGF,8DACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDQ5EA,8DACE,gBACA,YAGF,wIACE,sBAGF,oEACE,iBA6IF,0BACE,iEACE,uDAKN,kDACE,mDAEA,yEACE,eAIJ,iBACE,gBACA,mBACA,qBACA,gBACA,SACA,gBACA,uBACA,uBAEA,4DAEE,oBACA,gBAGF,yBAhBF,iBAiBI,cACA,gBACA,wBAGF,0BACE,yCACE,kDAKN,wBACE,eACA,aACA,mBAEA,yBALF,wBAMI,2CAGF,8BACE,aACA,sBACA,uBACA,YACA,gBAGF,+BACE,8BAEA,aACA,mBAEA,6CACE,cACA,eAIJ,uEAEE,eACA,uBAEA,0BACE,uHACE,kDAKN,qCACE,uBACA,gBACA,uBAEA,0BACE,6DACE,kDAKN,sCACE,2BAIJ,uDAEE,wBACA,yBAEA,qBAGF,iCACE,4BACA,iBAEA,8CACE,cACA,eAGF,oDACE,kBAGF,oDACE,kCAIJ,sBACE,oBAGF,mDAEE,kBACA,qBACA,SACA,kCACA,gBACA,mBACA,uBACA,qBAEA,uEACE,oBAGF,iEACE,2BAGF,2EACE,iBAIJ,8BACE,aACA,cAGF,6BACE,cACA,iBACA,aACA,mBACA,yBAEA,qCACE,mBAEA,0CACE,qBAKF,8DACE,2BACA,UAIJ,2CACE,kBACA,iBAGF,oCACE,kBACA,eACA,YACA,gCACA,oBACA,WACA,iBACA,iBACA,gBACA,kBACA,cACA,QACA,MAIJ,yBA3WA,2BRsDA,kBACA,SACA,OACA,QACA,gBACA,uDAEA,aACA,2BACA,oBACA,uBACA,mDACA,oDACA,mCQhEE,mBACA,aACA,qBRiEF,sEQtEA,2BRuEE,oBACA,qBAGF,mCACE,WACA,cACA,kBACA,eACA,OACA,QACA,eACA,uDQ5EA,mCACE,gBACA,YAGF,kFACE,sBAGF,yCACE,kBA+VN,mBACE,KACE,UAEF,GACE,W;ACxXJ,iBACE,aACA,mBACA,yDACA,qBACA,2BACA,0CACA,kDACA,kBACA,gBACA,eACA,cAGE,yBACE,oCADF,yBACE,oCADF,yBACE,oCADF,yBACE,oCADF,yBACE,oCADF,yBACE,oCADF,yBACE,oCADF,yBACE,oCAKF,0DACE,aAIJ,+BACE,gBACA,cACA,SACA,yCACA,iDAEA,uCACE,aACA,YACA,eAGF,+CACE,0BAGF,wCACE,cAIJ,yBACE,WACA,cACA,kBACA,aACA,gBACA,aACA,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,4DACA,6DACA,sCAGF,6CAEE,mFACA,sBAEA,iDACE,gBAKN,0CACE,8BACA,YAGF,iCACE,kBACA,WACA,YACA,qBACA,mBACA,cAEA,gBAEA,uCACE,mBAIJ,4BACE,WACA,YACA,iBAGF,8BACE,8BACA,WACA,qCACA,sDACA,0CAEA,sCACE,gBAGF,8CACE,oBAGF,4CACE,4BACA,YAGF,6CACE,gBACA,0BAGF,6CACE,iBACA,WACA,kC;AC3KN,aACE,kBACA,eACA,SACA,QACA,aACA,mBACA,gCACA,sBACA,iBACA,WACA,eACA,eACA,0CAEA,kNAOE,iBACA,mBAGF,2BACE,sBAIA,uCACE,oBAIJ,4BACE,6BAGF,iCACE,yBAGF,6BACE,2BAGF,+DAEE,gBACA,uBACA,qBAEA,yFACE,sBACA,uBAIJ,gCACE,oBACA,qBACA,mBACA,kBACA,eAGF,gCACE,oBACA,qBACA,iBAGF,mCACE,6CACA,gBAGF,kGAGE,0BACA,sBACA,sBACA,UACA,cACA,aACA,UACA,gBACA,6BAEA,6KACE,yBAIJ,8DAEE,0BAGF,oCACE,gCAGF,6BACE,sBACA,YACA,6BAKF,qFAEE,sBACA,YACA,6BAGF,+GAEE,cAGF,4CACE,gBACA,eAGF,gDACE,oCAGF,oCACE,uBACA,oBACA,sBAEA,iDACE,8BAIJ,6DACE,gBAGF,kEACE,iBAIA,qCACE,SAEF,yCACE,QAMJ,8DACE,WACA,cACA,c;ACvKJ,SACE,4BACA,eACA,kBAEA,kBACE,qBAGF,wBACE,eAGF,kBACE,oBAGF,yBACE,kBACA,QACA,YACA,2B;ACpBF,sCACE,qB;ACFJ,SACE,aACA,mBACA,eAEA,qBACE,eAGF,iBACE,sBAGF,uBACE,cACA,eACA,mBACA,gBAEA,qCACE,eACA,qBACA,gBAGF,sCACE,6BAGF,2EAEE,iBACA,gBACA,mBACA,uB;AClCN,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,sBAGF,uBACE,WACA,YACA,kBACA,WACA,YACA,sDACA,oBACA,wBAGF,4BACE,iBACA,qBACA,2BACA,UAIA,qCACE,8BAGF,mCACE,0BAKN,iCACE,GACE,UAEF,KACE,W;ACpHJ,MACE,gBACA,mBAEA,yBAJF,MAKI,gBAGF,qBACE,gBACA,oBACA,iBACA,sBAGF,0CAEE,6BACA,kBAGF,iBACE,oBACA,aACA,mBACA,oBAGF,yBACE,2BACA,kBAGF,oBACE,mBACA,oBAGF,6BAEE,qBAEA,mDACE,qBAGF,+CACE,qBACA,mBAKA,gJACE,aACA,yCACA,8CAGF,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,8CACA,eACA,uBAEA,+CACE,6CAGF,oDACE,iBAKN,sBACE,iBACA,iBACA,qBAEA,+BACE,yBAEA,wDACE,0BAIJ,0BACE,oBAIJ,+BACE,4BACA,mBACA,eACA,qBACA,2CAGF,sBACE,kCACA,yCACE,2BAIJ,wCAEE,mBACA,qBAGF,cACE,oBACA,eAEA,2BACE,0BACA,mDAIJ,cACE,sB;ACpLJ,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,mHAIE,6DAGF,mCACE,WACA,YACA,aACA,2BAEA,iFAEE,sBACA,uBAKN,iCACE,4BACA,8BAGF,oEACE,8BAGF,2BACE,aACA,mBAEA,yCACE,QACA,mBAGF,wCACE,QACA,cAEA,qDACE,WACA,YACA,aACA,2BAEA,yDACE,WACA,YAMJ,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,QAIJ,0BACE,2BACE,0BACE,eAEA,2EAEE,sBACA,yB;ACvJR,gBACE,0BACA,gBAGF,sBACE,kBACA,iBAGE,uEACE,+BAGF,+CACE,kBACA,WACA,iBACA,iBACA,2DACA,6DAEA,kEACE,qDACA,uDAIJ,kDACE,kBACA,MACA,qBACA,cACA,gCACA,kDACA,yBACA,gBAEA,uDACE,kBAMR,kCACE,kBACA,aACA,mBACA,uBAGF,oBACE,kBACA,MACA,OACA,WACA,YACA,iB;AC3DJ,sBACE,kBACA,UAEA,gBACA,eAGF,sBACE,UACA,kBACA,WACA,YAEA,mBACA,iBACA,kBAEA,gCACA,WACA,oBAGF,sBACE,aACA,mBACA,YAEA,UACA,kBACA,QACA,SACA,gCAEA,sBAEA,iCACA,WACA,mBACA,mBACA,iBAGF,sBACE,gB;AC5CF,UACE,aACA,sBACA,uBACA,2BAEA,6BACE,kBACA,QACA,SACA,gCACA,kBAaA,sDAXA,yBACE,GACE,yCACA,sCAEF,KACE,yCACA,gCAON,mBACE,KACE,UAEF,GACE,WAIJ,uBACE,gBACA,kBAGF,eACE,+BAGF,eACE,kBACA,QACA,SACA,iCACA,+BAEA,kCAIA,2BACE,WACA,kBACA,SACA,SACA,+BAEA,WACA,YAEA,gCACA,sBACA,kBACA,UAGF,8BACE,aAIJ,qBACE,kBACA,QACA,SACA,kCACA,8DACA,wBACA,aACA,YACA,0FACA,iFACA,kBACA,UAGF,2BACE,kBACA,gBACA,eACA,wBAEA,UAGF,sBACE,kBACA,eACA,SACA,gCACA,WACA,YAEA,UAGF,eACE,cAGF,oCAEE,wDAGF,mBACE,mBAEA,2CACE,WACA,kBACA,MACA,OACA,WACA,YACA,sCAIJ,qBACE,sBAEA,kBACA,SACA,SACA,6BACA,WAEA,UAGF,yBACE,aACA,+BACA,2BACA,WACA,+BAEA,+BACE,gBACA,kBAGF,kCACE,kCACA,cACA,kBACA,kBAEA,+CACE,oCAKN,yBACE,kBACA,kBACA,WACA,YAGF,8BACE,0BACA,kBACA,QACA,SACA,gCACA,kBACA,gBAGF,kCACE,2BACA,mBACA,eACA,qBACA,2C;AChMF,aACE,gBAGF,mBACE,gBACA,qBAGF,eACE,kBACA,eACA,qBACA,kBACA,eAGF,uBACE,kBACA,MACA,OACA,WACA,YAEA,iBACA,oBACA,gBAGF,gBACE,kBAEA,mCAHF,gBAII,oBACA,uB;ACnCN,OACE,kBACA,gBACA,YAEA,mCACE,mCAGF,+FACE,6CAGF,0BACE,sBAEA,sDACE,oBACA,qCACA,sCAMF,0HACE,oBAKF,uJAGE,2BACA,iB;ACnCN,YACE,kBACA,YACA,aACA,eAEA,2BACE,kBACA,OACA,MACA,kBACA,gBAGF,mBACE,kBAGF,sBACE,kBACA,MACA,OACA,WACA,YACA,oBAGF,6BACE,YACA,mBACA,eACA,mBACA,qBAGF,kKAGE,a;ACtCJ,eACE,aACA,sBACA,2BAEA,oBACE,aACA,iCACA,sBAGF,uBACE,OACA,WACA,eACA,gCACA,kDACA,gBACA,oBACA,yRAEA,0DAEE,2CACA,0EAEA,mGALF,0DAMI,yBAIJ,qCACE,cAGF,oCACE,eAGF,yBACE,kBACA,kBACA,eACA,aACA,cAEA,0CACE,iBACA,YACA,cACA,yBAKN,mCACE,gBACA,uBACA,mBAGF,0CACE,6BAGF,yCACE,gBAEA,uDACE,wDAGF,sDACE,yD;ACzEN,eACE,4CACA,uCAEA,aACA,WACA,mBACA,yCACA,6BACA,0BACA,mCACA,6DACA,2DACA,mBACA,gBACA,iBACA,0BACA,mBACA,eACA,4CACA,0CAEA,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,sCAEA,UACA,0NAEA,wBAfF,6BAgBI,sBAGF,mCACE,sCACA,0EAEA,mGAJF,mCAKI,yBAIJ,4CACE,UAGF,oCACE,uBACA,kBACA,kBACA,OACA,WACA,kBACA,iBACA,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,wCAEE,uBACA,yCACA,oBACA,UACA,gBAEA,+CACE,WACA,qBAGF,gDACE,UAEA,wDACE,UAIJ,0DACE,6BAKN,iCACE,kBAEA,wCACE,WACA,qBACA,YACA,aACA,kBACA,+BACA,2BAIJ,wBACE,eACA,q2B;ACxNJ,sBACE,sCAEA,kBACA,aACA,mBACA,uBAEA,cACA,eACA,qBAEA,UAEA,2CACE,qBAIJ,4CACE,eACA,cACA,eACA,oBAEA,sFACE,YACA,aAGF,kEACE,qBAGF,4DACE,qBAIJ,sBAEE,wBAEA,e;AC3CF,WACE,aACA,mBACA,WACA,eACA,kBACA,iBAEA,mBACE,6CACA,aACA,mBACA,gBACA,mBACA,WACA,eACA,iBACA,+BACA,uDACA,sBACA,gBACA,kCACA,oBACA,0BACA,iBACA,oBAEA,wCACE,cAGF,4BACE,aAEA,oCACE,sBACA,iDACA,aACA,cAEA,gDACE,SAKN,0BACE,iCACA,kBACA,UAGF,yBACE,mDAGF,iCACE,cAGF,gCACE,eAIJ,sBACE,mBAGF,2BACE,2BAGE,iDACE,oBACA,eAGF,gDACE,qBACA,cAKN,8BACE,4CACA,WACA,0CACE,0BAGF,qCACE,kBAEA,iDACE,iC;AChGR,sBACE,aAGF,sBACE,wBACA,mCAGF,sBACE,wBACA,aACA,sBACA,0CAGF,sBACE,gBAGF,sBACE,mBACA,qBACA,0BACA,cAEA,2CACE,0BAEA,gEACE,yBAKN,sBACE,aACA,mBACA,kBACA,UAGF,sBACE,2BACA,kBACA,kCAGF,2BACE,oC;ACjDF,sBACE,8BAEA,kBACA,oBACA,mBACA,WACA,eACA,qBACA,yCACA,4CACA,uCACA,eAEA,8BACE,WACA,cACA,kBACA,QACA,SACA,gCACA,WACA,YACA,kDACA,YACA,oCACA,4CAGF,oCACE,W;AC9BJ,iBACE,kBACA,2BAEA,yBAJF,iBAKI,qCACA,yCACE,qCAEF,8BACE,qCAGF,mCACE,kCAEA,2DACE,oCAGF,gDACE,qCAKN,qBACE,2BACA,0CAGF,wBACE,uBACA,0CAGF,+DAEE,SACA,sBACA,qBACA,mBACA,mBACA,cACA,uBACA,qBACA,kBAIA,8CACE,iBAGF,8CACE,eAEA,wDACE,oBAIJ,oDACE,6BACA,kBAGF,yDACE,oCAIJ,wCACE,kBACA,MACA,OACA,QACA,SAEA,oBAGF,+BACE,kCACA,oDAEA,yGACA,gDAEA,eACA,8DACA,oBAEA,qBAEA,4CAEA,2CACE,oDAGF,sCACE,UAIJ,mCACE,uBAMA,6JACE,kBACA,YACA,uBACA,YACA,iBACA,8CACA,qBACA,qBAEA,sQACE,kDACA,gBAGF,mQACE,WAGF,mQACE,aAGF,sgBAEE,UAGF,mQACE,aAKF,wLACE,WACA,qBACA,sBAKN,+CACE,kBACA,YACA,uBACA,YACA,cACA,8CACA,iBACA,qBACA,oBAEA,kFACE,kDACA,gBAGF,iFACE,WAGF,iFACE,aAGF,kKAEE,UAGF,iFACE,aAMF,6FACE,WACA,cACA,WAIJ,gEACE,WACA,sBACA,oBAGF,kDACE,oBACA,0BACA,oBAEA,mFACE,oBAKF,4DACE,qCAEA,kEACE,gCAKN,oCACE,yCAEA,gDACE,8CAGF,mDACE,YAIJ,0CACE,wBACA,mBACA,qBACA,kBAEA,sDACE,mBAIJ,gCACE,mBACA,gBACA,uBACA,yDACA,gBACA,oBACA,0BACA,uBACA,aAEA,oDACE,aACA,mBAGF,6CACE,gBACA,uBACA,uBAGF,yFAEE,eAEA,qGACE,YAKF,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCARJ,yCACE,0BAEA,uDACE,0BAGF,sDACE,kCAKN,kEACE,0BAGF,sCACE,kBAGF,qCACE,qBACA,gBAGF,0CACE,oBAGF,8CACE,mBAGF,6CACE,sBACA,WACA,mBAGF,6CACE,OACA,iBACA,iBACA,gBACA,iBACA,qBACA,6CAEA,0DACE,0BAKN,oCACE,aACA,sBACA,2BACA,WACA,kBAGF,gCACE,sBAGF,4BACE,iDAGF,iGAGE,mCAGF,sCACE,+BAEA,yGACE,WACA,qBACA,iCACA,YAIJ,kDACE,wBAGF,+DACE,qBAGF,kDACE,aAGF,+BACE,gBACA,kBACA,kBACA,eACA,gBACA,0BAEA,uCACE,6BAGF,4CAEE,gBAGF,kDAEE,eAKF,iEACE,wBAMA,2DACE,yBACA,UACA,8BAKN,0BACE,yBAGE,4CACE,kDAIJ,8CACE,oBAMF,8IAEE,sBACA,uBAIJ,uBACE,yBAEA,4CACE,iBAIJ,uBACE,gBACA,wCAEA,yBAJF,uBAKI,iBAGF,4CACE,kBAIA,8DACE,yBAKN,8DACE,qBACA,cACA,wBACA,oBACA,sBACA,2BAEA,yEACE,wDACA,oBAKF,yDACE,gDACA,iDACA,0DAGF,gEACE,4EACA,+BACA,gCAIJ,mCACE,4BACA,6BAGF,yCACE,6BAEA,wDACE,aACA,uBACA,2BACA,cACA,UAEA,uEACE,oBACA,kBACA,YACA,4BACA,gBACA,yCACA,4CAEA,oFACE,kBAIJ,qEACE,mBAIJ,sDACE,mBAOJ,0DACE,aACA,uBACA,mBAEA,kFACE,eAEA,kNAEE,yBAKN,wEACE,sBAGF,oeAME,oBACA,qBAEA,gxBACE,sBAIJ,oEACE,sBAGF,0UAIE,mBACA,wBAEA,khBACE,yBAIJ,8EACE,gBAIF,4HAEE,sBAEA,gOACE,sBAIJ,8DACE,aACA,mBACA,uBAEA,oFACE,WACA,mBACA,+CAIJ,gIAEE,kBACA,aACA,mBACA,uBACA,WACA,WACA,yBAEA,wJACE,UAGF,4JACE,aACA,mBACA,uBACA,eACA,gBACA,kBACA,2BAGF,4MACE,6BAEA,wPACE,UAKN,8DACE,iBAGF,kEACE,iBAGF,sKAEE,2BACA,WACA,iBACA,kBACA,cACA,aACA,UACA,kBACA,qBACA,qBACA,0CAGF,wGACE,0BACA,oBACA,oBAIJ,8BACE,gBACA,aACA,eACA,qBAEA,2CACE,mBACA,wBAEA,uDACE,kBAIJ,4CACE,eAGF,8CACE,aACA,uBACA,2BACA,cAEA,gDACE,gBAGF,+DACE,4CAEA,yBAHF,+DAII,8BAGF,yBAPF,+DAQI,kBACA,UACA,8BAIJ,iEACE,UACA,kBAIJ,sDACE,gCAGF,4CACE,mBAGF,2CACE,cACA,eACA,cAEA,uDACE,MACA,OACA,SACA,QAIJ,wDACE,qBACA,oBAEA,mEACE,wDACA,oBAIJ,yCACE,4CACA,2BAEA,eAEA,wDACE,6BACA,8BAGF,uDACE,cACA,sBAGF,uDACE,kBACA,mCACA,iCAEA,8DACE,6BACA,8BAGF,oEACE,iBACA,gBACA,QACA,mBAMJ,2CAGE,4BAHF,2CAGE,4BAHF,2CAGE,2BAHF,2CAGE,0BAHF,2CAGE,2BAHF,2CAGE,wBAHF,2CAGE,2BAIJ,2CACE,wBAGF,iDACE,wCACA,0CAGF,2CACE,4CACA,8CAEA,2DACE,mBAEA,4EACE,mBAEA,yBAHF,4EAII,cACA,UACA,gCAOV,mBAmCE,8DACA,+DACA,iEACA,kEArCA,+HAIE,oBAGF,uDACE,kBACA,kBACA,qBAEA,+DACE,WACA,cACA,kBACA,MACA,SACA,cACA,UACA,+BACA,kBAGF,gEACE,6BAEA,wEACE,UACA,eAUN,gCACE,oBACA,gCAIJ,qBACE,qBAGF,kBACE,oCACA,gCACA,sBACA,eACA,qBAEA,2EAGE,qCAIJ,kBACE,wBACA,gCACA,qBACA,SACA,gBACA,kBAEA,4BACE,eAKJ,iBACE,qBACA,sCACA,SACA,cACA,oBACA,kBACA,kBACA,gBAGE,qCACE,UAIJ,8BACE,gBACA,sBAGF,2BACE,gBAIJ,qDAIE,+CACA,yCACA,kBAGF,wBACE,GACE,wBACA,UAGF,IACE,WAGF,KACE,sDACA,WCt7BJ,SACE,aACA,qBACA,sBACA,kBAEA,4CACA,wCACA,gDACA,4DACA,0CACA,mBACA,qCACA,iDACA,+CACA,+BACA,8BACA,kCACA,8HAGA,+DACA,6CACA,6BACA,4BAEA,wDACA,yDACA,2DACA,4DAEA,0BA/BF,SAgCI,gCAEF,yBAlCF,SAmCI,sBAGF,mBACE,yCAGF,sBACE,0CAGF,mDAEE,UACA,iCACA,8CAEA,iGACE,2BAIJ,iBACE,kBACA,SACA,OAEA,sBAGF,yBACE,6BAEA,eACA,kBACA,gBACA,eACA,aACA,mBACA,uBACA,qBACA,UACA,uDACA,qBAEA,iCACE,qBAGF,+BACE,uBACA,mBAIJ,4CACE,0CAGF,6BACE,WACA,cAGF,uBACE,sBACA,yBAFF,uBAGI,wBAIJ,sBAGE,sBAKE,+DACE,wCAIF,2DACE,oBAMJ,6CACE,kEAKF,sDACE,UAIJ,mBACE,oBAEA,gEAEE,eAGF,yBARF,mBASI,sBAEA,gEAEE,qBAIJ,sDACE,iEAGF,4DACE,8DACA,iEAGF,sDACE,8DAGF,iCACE,iEAEA,+DACE,+BAKN,aACE,2BACA,gDACA,4CACA,oDACA,gEACA,8CACA,mBACA,wCACA,yCACA,2CACA,oCACA,0CACA,sCACA,8BACA,4BACA,4CACA,mEACA,iDAEA,0BApBF,aAqBI,mBAGF,oDAEE,0DACA,4DACA,8DAGF,yBA/BF,aAgCI,sBAGF,gDACE,kEAGF,sDACE,+DACA,kEAGF,gDACE,+DAGF,2BACE,kEAEA,yDACE,gCACA,6BAMJ,2EAEE,kDACA,UACA,6DACA,wBAIJ,mBACE,mCAGF,oBACE,qCAEA,8BACE,qCAGF,kCACE,qCAEA,4CACE,qCAKN,6BACE,eAEA,yBAHF,6BAII,2CAIA,+GAEE,6BAIJ,mDACE,WACA,kBACA,aACA,gBACA,WACA,YACA,qCAKA,wIACE,qBAIJ,qDACE,UAKF,6CACE,8BAEA,0DACE,yBAEA,sEACE,8BAON,wDACE,8BAIJ,6HAEE,qDAGF,qIAEE,yDAGF,wCACE,eACA,aAIA,kGACE,yDACA,2BACA,qBAEA,yGACE,+BAKN,eACE,kBAEA,uCACE,kBACA,SACA,UACA,UAIJ,oCACE,kBACA,iDACE,uCAGF,4DACE,kBACA,UACA,aACA,eACA,WAGF,kFAEE,iEAIA,wEACE,8BAGF,0GAEE,6CAOJ,4FACE,8BAGF,wEACE,2BAKF,wDACE,gCAIA,+EACE,gCAKF,gFACE,6BAKF,oEACE,iBAGF,6EACE,gBACA,oCACA,qCAGF,uFACE,YAIJ,2DACE,gBAEA,mEACE,oBAGF,4EACE,uCACA,wCAOA,wPACE,gBAEA,sQACE,WACA,cACA,eACA,uBACA,gBACA,oCACA,kBASA,kSACE,mCACA,qCAEA,gTACE,mCACA,2CAYV,4OACE,4CAIA,4PACE,yDACA,gDAKN,uDACE,iBAGF,+CACE,qDAIA,2DACE,aACA,yBAEA,4EACE,WAMR,iCACE,kBACA,OACA,cACA,aACA,cACA,sBACA,kBACA,wCAEA,aACA,mBACA,uBAEA,WACA,eAEA,UACA,oBACA,4CAEA,8CACE,kBACA,UACA,SACA,mBAGF,6CACE,2CAKF,mOAEE,gCAKA,wNAEE,+BACA,gCAKF,+LAGE,mBAIJ,yRAIE,4BACA,6BAGF,qEACE,qBAIJ,gCACE,kBACA,SACA,WACA,sCAEA,UACA,0NAEA,wBATF,gCAUI,sBAGF,mHAGE,iDACA,0EAEA,mGANF,mHAOI,yBAOJ,oGACE,UAIJ,oCACE,WAGF,0CACE,YAGF,wBACE,WACA,UACA,kBAKJ,uNAOE,qDACA,uDACA,2DACA,6DAGF,8BACE,oCAGF,aACE,gBAGF,8CACE,0e;ACppBF,kBACE,mEACA,sEAEA,mBACA,oBAEA,0BACE,aAGF,oCACE,iBACA,sCACA,gDACA,2B;ACfJ,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,yBAGF,yBACE,WACA,YACA,eACA,sBAGF,mBACE,sBACA,gCACA,gBACA,oBACA,qBACA,WACA,+BAEA,gBACE,oBAIJ,eACE,eACA,qBACA,kBACA,uBACA,0BAGF,kBACE,SACA,UACA,gBACA,uBACA,gCAGF,iBACE,eACA,8BAGF,kBACE,kBACA,UACA,gBACA,uBACA,gBACA,yCAEA,WACE,wBACA,C;AC9DN,aACE,OACA,WACA,oBAEA,gBACA,kBACA,gBAGA,6CAqBA,mElCzBA,+BkCNF,alCOI,mBAGA,mBkCEF,oCACE,2BAGF,iCACE,sIAGF,wBApBF,aAqBI,0CACA,2BAEA,gCACE,0CACA,+BAOJ,mCACE,kBACA,+CAGA,gEALF,mCAMI,UAGF,2EACE,2BAIJ,yCACE,aAGF,iCACE,WACA,0CACA,gBACA,cACA,aACA,yBACA,sBACA,6BAEA,wDACE,4BAGF,yBAdF,iCAeI,YACA,wBAEA,UAIJ,yBACE,gBAEA,uCACE,mBAIJ,yDAEE,gBAEA,qFACE,uBAEA,yBAHF,qFAII,uBAGF,iHACE,uBAKN,yBACE,+BACE,gBAEA,6CACE,sBAEA,yEACE,2DAMR,kDAEE,kBAEA,UACA,mBACA,+CAEA,wEACE,qBACA,UAKF,wEACE,eAGF,kEACE,WACA,kBACA,eACA,kBACA,WACA,YACA,gBACA,UAEA,UACA,4CAEA,gHACE,2BAKF,0GACE,kBAKF,4GACE,eAIJ,kFAEE,2BAOA,wWACE,WAEA,wcACE,WASJ,oIACE,gCAOA,gnBACE,YAMR,oBACE,WACA,YACA,aACA,mBACA,uBAEA,yBACE,cACA,gBAGF,8BACE,cACA,aACA,sBAEA,gCACA,WACA,0DACA,iBACA,4CACA,gBACA,mBAEA,oDACE,mBAGF,8CACE,gBACA,qBAIJ,sCACE,yBACA,0BAEA,wFAEE,qBAKN,6GAIE,kBACA,0CAEA,iIACE,qBACA,gCACA,WACA,0DACA,gBACA,iBACA,gBACA,4CACA,sBACA,kBACA,UAEA,0WAEE,yDACA,yDAGF,qLACE,2BACA,gDACA,iDACA,0DAKN,qCACE,eAEA,gBACA,uBACA,mBAGF,4CACE,aACA,sBACA,mBAGF,kCACE,wBACA,sBACA,mBACA,4BACA,iCACA,iBACA,eACA,aAGF,8CACE,gBACA,wBACA,sBACA,mBACA,4BACA,iCACA,iBACA,eACA,aAEA,sDACE,aACA,cACA,YAIJ,oCACE,qBACA,2CACA,qBACA,iBACA,sCAGF,0BACE,gBACA,mBACA,6BACA,oBACA,UACA,4BAEA,yBARF,0BASI,iBACA,sBAGF,iEACE,UAEA,sEACE,oBAIJ,iDACE,gBAGF,sCACE,eAGF,+BACE,oBAIJ,sDACE,gBACA,YAGF,0BACE,gBAGF,kDACE,wBAGF,4CACE,uBAGF,+DAEE,iBACA,oBAGF,0EAEE,iBAIA,yCACE,eAEA,+CACE,0BAIJ,6CACE,0BAEA,mDACE,qBAKN,yCACE,qBAGF,0BA9ZF,aA+ZI,WACA,+BACA,6CAEA,iCACE,6CAGF,oCACE,gBAGF,qCACE,kEAGF,uCACE,6CAEA,2DACE,YAKN,yBAxbF,aAybI,6CAEA,gDACE,+BAGF,sCACE,wGAKF,+CACE,QAIF,iCANF,4BAOI,uBACA,sB;AC9cN,sBACE,aACA,sBACA,mBACA,kBACA,4BACA,0CAEA,oBAEA,wCACE,iBAEA,yBAHF,wCAII,iBAIJ,0BAlBF,sBAmBI,wBAEA,8DAEA,6CACE,2BAGF,8CACE,4DAKN,sBACE,iDACA,mCAEA,yBAJF,sBAKI,0BACA,iBAIJ,sBACE,6BAGF,sBACE,iBACA,cACA,mBACA,qBACA,kBACA,mBACA,gBACA,kBAEA,kBACA,eACA,iBAEA,8BACA,WAEA,oBAEA,yBAnBF,sBAoBI,eACA,Y;ACpEJ,sBACE,wBAEA,kBACA,8BACA,2CACA,UACA,6BACA,6EACA,oCACA,oBAEA,4CACE,UACA,oBAGF,4CACE,6EAGF,4CACE,2BAGF,4CACE,oBAGF,6CACE,0BAEA,wBAGF,yBAnCF,sBAoCI,YACA,cAEA,kDACE,mDAKJ,6DA7CF,sBA8CI,WACA,yBA/CJ,sBAgDM,YAEA,kDACE,gBAKN,2CACE,wBACA,UAEA,iEACE,oBAGF,qFACE,2BAIJ,2CACE,2BAEA,iEACE,UACA,oBAIJ,yBACE,gDACE,oG;AChFN,sBACE,aACA,cACA,aACA,mBACA,uBAEA,2CACE,cACA,eAIJ,sBACE,cACA,kBAEA,2CACE,a;AClBJ,YACE,oBAGE,0BACE,2BAIJ,kBACE,kBACA,YAEA,yBAJF,kBAKI,eAGF,0BACE,iBACA,cAIA,4CACE,kBACA,UACA,UACA,QACA,aAKJ,yCACE,mBAKN,yBACE,kB;ACvCA,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,gBAEA,wDAEA,mEACE,aAGF,oCACE,oBAGF,gDACE,2BAGF,6BACE,aACA,mBACA,sBACA,qBAGF,6CACE,cACA,2BACA,aACA,gBACA,wBACA,UACA,aACA,qBACA,iBACA,2BAEA,yBAZF,6CAaI,gBAIJ,0CACE,cACA,2BACA,cACA,gBACA,6BACA,UACA,kBAEA,yBATF,0CAUI,eAIJ,+CACE,kBAEA,uDACE,WAGF,iEACE,c;AC/DN,gBACE,gBAEA,wDAsBA,qCApBA,uCACE,2BAGF,0DACE,aAGF,2BACE,oBAIF,oBACE,aACA,mBACA,sBACA,qBAKF,yCACE,kBAGF,0CACE,cACA,2BACA,aACA,gBACA,wBACA,UACA,aACA,qBACA,iBACA,2BAEA,yBAZF,0CAaI,gBAIJ,sCACE,cACA,2BACA,cACA,gBACA,wBACA,UACA,kBAEA,yBATF,sCAUI,eAIJ,yBACE,YACA,mCACA,gCACA,gBAEA,iCACE,YACA,gBAGF,iDACE,aAGF,gFAEE,OACA,eACA,gBAGF,qCACE,mBACA,uBAGF,2CACE,gBACA,mBACA,uB;AC1FN,UACE,qBAEA,oDACE,kBACA,mBACA,mCAGA,oDANF,oDAOI,UAGF,yBAVF,oDAWI,oBAGF,4DACE,eAEA,yBAHF,4DAII,YAIJ,kEACE,UAIJ,wBACE,kBAGF,+BACE,KAEE,WACA,mBAGF,GAEE,aACA,oBAIJ,kBACE,cACA,kBAEA,+BACE,mCAGF,yBARF,kBASI,eACA,iBAGF,mIAIE,kBAGF,qBAEI,2MAGE,4BAKN,oBAEI,uKAGE,4BAKN,yBACE,kBACA,UAEA,+DAEE,mCAIJ,4BACE,kBACA,UACA,0BAIA,kCACE,iCAGF,qHAGE,0CAKF,0CACE,iCAGF,6HAGE,0CAKF,8CACE,iCAGF,iHAGE,0CAKF,mCACE,iCAGF,oHAGE,0CAIJ,8BACE,kCAKA,8bAIE,kCAKN,0BACE,UAGF,wEACE,wDACA,uBAIJ,2BACE,eACA,gBACA,kBAEA,qHAGE,kBAGF,oCACE,uBAGF,uCACE,iCAGF,8EAEE,0CAGF,uCACE,kCAIA,+CACE,iCAGF,uGAEE,0CAKF,sDACE,iCAGF,mGAEE,0CAMN,iBACE,YACA,4BACA,mCACA,4CACA,6BACA,iDACA,kBACA,UAEA,+BACE,kBACA,kBAEA,gBACA,eACA,eACA,yBACA,0BAEA,uCACE,6BAIJ,yBAzBF,iBA0BI,iCAIJ,uBACE,aAEA,uCACE,mBACA,qBAGF,gCACE,kBACA,uBACA,qBAGF,0EAEE,cACA,2BACA,aACA,cACA,SACA,UACA,oBAEA,kIACE,mCAGF,4LACE,kBAGF,yBAlBF,0EAmBI,eACA,gBAEA,4LACE,wBAIJ,4FACE,sBACA,oBACA,wBACA,2CACA,YACA,sBACA,sBACA,oBACA,oBACA,+BACA,WACA,gCAEA,2DACA,oBACA,2BAEA,sGACE,sGACA,mBAGF,yBAvBF,4FAwBI,wBAIJ,wGACE,kBACA,6BACA,mCACA,+BAEA,kHACE,wBAIJ,wGACE,kBACA,gBACA,mBACA,uBACA,gBAGF,oGACE,sCAGA,gOACE,yCAIJ,8HACE,WACA,kBACA,WACA,cACA,8CACA,uBACA,YACA,aACA,kBACA,qCACA,mEACA,yBAZF,8HAaI,UACA,aAKN,oCACE,YACA,gBAGF,wCACE,qBACA,kBACA,mBACA,cACA,0BACA,+BACA,kCAEA,+CACE,WACA,aACA,cACA,8BACA,sBACA,kBACA,QACA,qBACA,gBACA,mDAGF,yBAtBF,wCAuBI,gBACA,sBAKN,qBACE,WACA,SACA,kBAGF,yBACE,oBACE,sBACA,8BAEA,4BACE,iCAKN,gBACE,kBACA,iBACA,gBAgBA,6BAdA,0BACE,gBAGF,yBATF,gBAUI,oBACA,kBAGF,wCACE,kBAMF,uCACE,2BAGF,uBACE,cACA,eACA,kBACA,iBACA,oBAGF,8BACE,SACA,wBAKA,oCACE,sBAKN,wCAEE,kBACA,YAEA,oEACE,yEACA,gBACA,YACA,kBACA,+BACA,uBACA,mBACA,0CAEA,oCACA,uBACA,2BACA,2BACA,8BAGE,wHACE,aAIJ,kGACE,oBAIJ,4JAEE,kBACA,gCACA,oBACA,uBACA,mBACA,mBACA,0CACA,8DACA,YACA,mBACA,gBACA,uBACA,eAEA,oMACE,oBACA,mBAGF,oOACE,yBAGF,yBAzBF,4JA0BI,aAIJ,gFACE,uBACA,OAEA,yBAJF,gFAKI,aAIJ,8FACE,QAGF,4EACE,oCACA,eACA,qBAEA,8QAGE,qCAIJ,0DACE,yDACA,wCACA,oBACA,oCACA,wJAIF,0FACE,yDAGF,sDACE,kBACA,MACA,OACA,QACA,UACA,oBACA,YACA,uBACA,mBAKF,kCACE,gBACA,mBACA,oEACA,qBACA,YAEA,yBAPF,kCAQI,uEAIJ,8EAEE,8DAEA,yBAJF,8EAKI,iEAKF,mDACE,eACA,gBAEA,yBAJF,mDAKI,qBAOJ,+KACE,kBAMJ,oCACE,kBACA,iBAEA,uBAEA,6DACE,kCAIJ,4CACE,kBAGF,sCACE,SACA,gBACA,cAIJ,kBACE,kBACA,0BACA,OACA,WACA,mCACA,4CACA,gBACA,iBAEA,kBACA,gBAGA,iDAEA,UACA,6BACA,wBACA,6E1CtpBA,+B0CmoBF,kB1CloBI,mBAGA,mB0CopBF,8BACE,aAGF,uBACE,UACA,wBAGF,2BACE,cAIJ,sCACE,KACE,UAEF,GACE,8B;ACnrBJ,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,yCACE,kCACA,kGAEA,iDACE,mCACA,8CAIA,wIAEE,2BAKN,+EAEE,UACA,4CAEA,6HACE,2BAIJ,gCACE,UACA,mBACA,gHAGA,uDACE,2BAIJ,2EAEE,oBAIA,6DACE,SAGF,qDACE,6FACA,yDAEA,6DACE,sCAIJ,2DACE,yBAEA,yBAHF,2DAII,0BAIJ,uGAEE,UAGF,4CACE,qBACA,qBAKN,kCACE,oBACA,8CAEA,iEACE,UACA,4CAEA,wFACE,2BAIJ,yDACE,2BAGF,8CACE,kDACA,oBAEA,6EACE,UAIJ,wCACE,WACA,aACA,4CACA,mCACA,kCACA,kBACA,iDAIJ,oCACE,WACA,0CACA,eACA,kBACA,aACA,qBACA,+BAEA,+BAEA,uDAEA,2DACE,2BAGF,0BAjBF,oCAkBI,6CAEA,4DACE,mEAIJ,yBAzBF,oCA0BI,gBAEA,6DACE,wGAIJ,sDACE,2CACA,MAEA,4EACE,gCAIF,4DATF,sDAUI,kBAIJ,4CACE,WACA,kBACA,eACA,OACA,QACA,WACA,qJAOA,UACA,8BAEA,yBAjBF,4CAkBI,SACA,WAIJ,uDACE,UAGF,4DACE,qJAYN,oDAGE,sBAEA,yBALF,oDAMI,qBAIJ,6FAKE,WACA,aACA,uBACA,kBAOA,6KACE,8DACA,4CAIJ,uCACE,WACA,aACA,uBACA,kBACA,uBAEA,yDACE,0BACA,yBAEA,qBAEI,2EACE,0BAKN,yBAGI,uJACE,0BAKN,qEACE,+BACA,yBACA,kCACA,iBACA,sBAIJ,uHAEE,cACA,oBACA,+EAEA,2MACE,gBACA,4CAGF,yBAXF,uHAYI,eAIJ,yBArDF,uCAsDI,sBACA,oBAGA,uEA1DJ,uCA2DM,4DAIJ,oEACE,iB;AC7UJ,sBACE,kBACA,MACA,OACA,SACA,QACA,WACA,gBACA,+CAEA,8BACE,WACA,kBACA,MACA,OACA,SACA,QACA,2BACA,4BACA,sBAGF,0EACE,yDAGF,8EACE,aAGF,mDACE,qDACA,qBAGF,wEACE,gCAEA,qGACE,oDAIJ,wEACE,kBAGF,sCACE,gFACE,gBACA,mBACA,8BAKF,sCADF,sHAEI,mCAEF,sCAJF,sHAKI,kCAEF,sCAPF,sHAQI,mCAIJ,2IACE,6CAGF,mFACE,WACA,kBACA,MACA,OACA,SACA,QACA,yDACA,8BACA,2BACA,yBACA,uBAEA,mGACE,yDACA,6C;ACtFN,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,S9COI,mBAGA,mB8CDF,iCACE,oBAEA,gDACE,2BAIJ,kCACE,4BACA,2EACA,8DAEA,0CACE,gBAGF,yDACE,iBACA,oCAIA,sDACE,cACA,kBAKN,+BACE,UAIJ,cACE,aACA,8BAEA,uBACE,mCACA,SACA,UAEA,4BACE,oBAEA,iCACE,mBAGF,8BACE,aAKN,0BACE,OAIA,kCACE,YACA,iBACA,aACA,uBACA,uBAEA,2CACE,wBAIJ,kCACE,aACA,qCACA,mBACA,kBAGF,sCACE,gBAEA,kDACE,mBAIJ,kCACE,gBAEA,gHAEE,aAIJ,oEAEE,gBAGE,gHACE,MACA,OACA,aACA,mBACA,uBAGF,gGACE,qBAKN,4EAEE,cAEA,yBAJF,4EAKI,gBAEA,wIACE,U;ACxIV,gBACE,YACA,gBACA,kBAEA,sBACE,YACA,gB;ACPJ,aACE,kBACA,MACA,QACA,gCACA,YACA,yCACA,uDACA,mCACA,2CACA,8BAEA,6CAGA,0DAfF,aAgBI,iBAGF,oCACE,gBAGF,0BAvBF,aAwBI,8DACA,kBAGF,yBA5BF,aA6BI,YACA,oCAGF,yBACE,yCACA,gBAGF,4CACE,iBACA,cACA,kBAEA,oDACE,oBAEA,6DACE,0BAIJ,mDACE,aACA,uBACA,mBAEA,sDACE,gBACA,kBACA,iBACA,qBACA,sBAGF,0DACE,aACA,cACA,uBAIJ,oDACE,kBACA,cAKN,qBACE,kBACA,MACA,OACA,QACA,SACA,8BACA,gBACA,kBACA,oBAEA,0BAXF,qBAYI,gBAGF,+BACE,aAGF,uCACE,kBACA,MACA,QACA,SACA,OACA,WACA,gBACA,UAEA,yBAVF,uCAWI,2CAEA,8DACE,iBAKN,8CACE,mBAIA,yBACE,+DACE,uCAIJ,0DACE,oBACA,+B;AChIJ,yBACE,cACA,YACA,uBACA,+BACA,YACA,gBACA,SAGF,yBACE,aAGF,0BACE,gBAGF,uBACE,WACA,YACA,SACA,2CAGF,yBACE,yBACE,yCACA,0BACA,gBAGF,yBACE,aACA,cAGF,0BACE,gBACA,UAGF,uBACE,iB;AC5CN,sBACE,eACA,MACA,OACA,QACA,SACA,0BAEA,oBACA,gB;ACTF,MACE,YACA,gBACA,gBAEA,0BALF,MAMI,mBAGF,yBATF,MAUI,iCAGF,yBAbF,MAcI,aACA,+BACA,yBAIJ,iBACE,2BAEA,kGACE,yBACA,gBAIJ,YACE,WAEA,+BACA,iCAEA,uCACA,uCAEA,YACA,kBACA,yCAEA,gBACE,YACA,gBAGF,yBAlBF,YAmBI,iCAGF,yBAtBF,YAuBI,+BAGF,0BA1BF,YA2BI,WACA,+BAGF,yBA/BF,YAgCI,eACA,OACA,MACA,gCACA,yBAEA,mCACA,6CAEA,mCACE,gBAGF,mBACE,WACA,cACA,kBACA,OACA,MACA,QACA,SACA,gBACA,UACA,2CACA,UACA,oBAEA,0CACE,gBAIF,mCACE,aAGF,+HACE,cAGF,yHAEE,sCAIJ,mCACE,+BAGF,6CACE,gBAEA,mDACE,iBAKN,yBA3FF,YA4FI,eACA,iEACA,mCACA,0CACA,yDAGA,gDAnGJ,YAoGM,kBACA,yBAMJ,yBADF,aAEI,uCAGF,8CACE,gBAEA,gEACE,gBAKN,mDACE,gBAGF,cACE,2CAEA,yBAHF,cAII,eACA,eACA,OACA,MACA,SACA,QAEA,+BACA,6CAEA,qCACE,gBAGF,qCACE,sCAIJ,yBAvBF,cAwBI,iBAEA,qCACE,mCAGF,sCACE,oCAIJ,+CACE,gBAEA,qDACE,gBAKN,kCACE,sCAEA,6IACE,6EAIA,mGACE,aAKF,uEACE,kCACA,UAKF,2EACE,+BACA,UAMF,0GACE,aAKF,6EACE,kCACA,UAKF,wEACE,+BACA,U;ACjPN,sBACE,eACA,OACA,MACA,QACA,SAEA,aACA,mBACA,uBAGF,sBACE,oBACA,sBACA,mCACA,wBACA,gBACA,sBACA,2CACA,UAEA,+BACE,iBAIJ,sBACE,YACA,aACA,mBAGF,sBACE,gB","sources":["webpack://telegram-t/./src/components/left/ConnectionStatusOverlay.scss","webpack://telegram-t/./src/components/middle/message/CustomEmojiEffect.module.scss","webpack://telegram-t/./src/components/left/main/LeftMainHeader.scss","webpack://telegram-t/./src/styles/_mixins.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/PinnedMessageNavigation.module.scss","webpack://telegram-t/./src/components/middle/HeaderPinnedMessage.module.scss","webpack://telegram-t/./src/components/middle/AudioPlayer.scss","webpack://telegram-t/./src/components/middle/ChatReportPanel.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/AnimatedEmoji.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/InvoiceMediaPreview.module.scss","webpack://telegram-t/./src/components/middle/message/Location.scss","webpack://telegram-t/./src/components/middle/message/Game.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/ReactionAnimatedEmoji.module.scss","webpack://telegram-t/./src/components/middle/message/Reactions.scss","webpack://telegram-t/./src/components/middle/message/MessagePhoneCall.module.scss","webpack://telegram-t/./src/components/common/TopicChip.module.scss","webpack://telegram-t/./src/components/middle/message/_message-content.scss","webpack://telegram-t/./src/components/middle/message/Message.scss","webpack://telegram-t/./src/components/middle/message/SponsoredMessage.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.module.scss","webpack://telegram-t/./src/components/middle/FloatingActionButtons.module.scss","webpack://telegram-t/./src/components/middle/composer/AttachBotIcon.module.scss","webpack://telegram-t/./src/components/middle/composer/AttachMenu.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/middle/MiddleColumn.module.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/GameModal.scss","webpack://telegram-t/./src/components/main/ConfettiContainer.module.scss","webpack://telegram-t/./src/components/main/Main.scss","webpack://telegram-t/./src/components/main/LockScreen.module.scss"],"sourcesContent":[".connection-state-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n\n transition: transform 300ms ease, opacity 300ms ease;\n opacity: 1;\n\n &:not(.open) {\n transform: translateY(-3rem);\n opacity: 0;\n }\n\n &:not(.shown) {\n display: none;\n }\n}\n\n#ConnectionStatusOverlay {\n height: 2.9375rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin: 0.375rem 0.5rem;\n padding: 0 0.75rem;\n background: var(--color-yellow);\n border-radius: var(--border-radius-default);\n\n &.interactive {\n cursor: pointer;\n }\n\n > .Spinner {\n --spinner-size: 1.75rem;\n }\n\n > .state-text {\n flex: 1;\n color: var(--color-text-lighter);\n font-size: 0.9375rem;\n font-weight: 500;\n padding-bottom: 0.0625rem;\n margin-inline-start: 1.875rem;\n white-space: nowrap;\n }\n\n @media (max-width: 950px) {\n > .state-text {\n margin-inline-start: 1.25rem;\n }\n }\n\n .Transition {\n width: 100%;\n // https://dfmcphee.com/flex-items-and-min-width-0/\n // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n min-width: 0;\n\n > div {\n display: flex;\n align-items: center;\n width: 100%;\n }\n }\n}\n",".root {\n position: absolute;\n z-index: 10;\n}\n\n.particle {\n color: var(--color-primary);\n\n position: absolute;\n width: 1rem;\n height: 1rem;\n border-radius: 0.25rem;\n offset-path: var(--offset-path);\n offset-rotate: 0deg;\n animation: 1.5s particle ease-out;\n animation-fill-mode: forwards;\n}\n\n@keyframes particle {\n 0% {\n offset-distance: 0%;\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.25);\n }\n\n 75% {\n opacity: 1;\n }\n\n 100% {\n offset-distance: 100%;\n opacity: 0;\n transform: scale(1);\n }\n}\n","@import \"../../../styles/mixins\";\n\n#LeftMainHeader {\n position: relative;\n\n .DropdownMenuFiller {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .DropdownMenu.rtl {\n transition: var(--slide-transition) transform;\n position: absolute;\n z-index: 2;\n\n &.right-aligned {\n transform: translateX(calc(clamp(\n var(--left-column-min-width),\n var(--left-column-width),\n var(--left-column-max-width)\n ) - 4.375rem));\n }\n\n &.disable-transition {\n transition: none;\n }\n }\n\n .animated-menu-icon {\n position: absolute;\n\n &,\n &::before,\n &::after {\n width: 1.125rem;\n height: 0.125rem;\n border-radius: 0.125rem;\n background-color: var(--color-text-secondary);\n transition: transform 0.25s;\n transform: rotate(0);\n }\n\n &::before,\n &::after {\n position: absolute;\n left: 0;\n content: \"\";\n }\n\n &::before {\n top: -0.3125rem;\n }\n\n &::after {\n top: 0.3125rem;\n }\n\n &.state-back {\n transform: rotate(180deg);\n\n &::before {\n transform: rotate(45deg) scaleX(0.75) translate(0.375rem, -0.1875rem);\n }\n\n &::after {\n transform: rotate(-45deg) scaleX(0.75) translate(0.375rem, 0.1875rem);\n }\n }\n\n &.no-animation {\n transition: none;\n\n &::before,\n &::after {\n transition: none;\n }\n }\n }\n\n .MenuItem.compact .Switcher {\n transform: scale(0.75);\n }\n\n\n .Menu .bubble {\n min-width: 17rem;\n max-height: calc(100 * var(--vh) - 3.75rem);\n\n overflow-y: auto;\n @include overflow-y-overlay();\n }\n\n .extra-spacing {\n position: relative;\n margin-left: 0.8125rem;\n }\n\n .emoji-status-effect {\n top: 50%;\n left: 50%;\n }\n\n .emoji-status {\n --custom-emoji-size: 1.5rem;\n color: var(--color-primary);\n }\n\n .PremiumIcon {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n // @optimization\n @include while-transition() {\n .Menu .bubble {\n transition: none !important;\n }\n }\n\n .SearchInput {\n transition: opacity var(--layer-transition);\n\n &--hidden {\n opacity: 0;\n pointer-events: none;\n }\n }\n}\n","// @optimization\n@mixin while-transition() {\n .Transition > div:not(.Transition__slide--active) & {\n @content;\n }\n}\n\n@mixin overflow-y-overlay() {\n @supports (overflow-y: overlay) {\n overflow-y: overlay;\n\n //Workaround for Android <= 9\n overflow-x: hidden;\n }\n}\n\n@mixin reset-range() {\n input[type=\"range\"] {\n -webkit-appearance: none;\n display: block;\n width: 100%;\n height: 0.75rem;\n margin-bottom: 0.5rem;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::-ms-track {\n width: 100%;\n cursor: pointer;\n\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n\n &::-moz-slider-thumb {\n -moz-appearance: none;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: pointer;\n }\n\n &::-moz-range-track, &::-moz-range-progress {\n cursor: pointer;\n }\n }\n}\n\n@mixin header-mobile {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 2.875rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n\n display: flex;\n flex-direction: row-reverse;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n background: var(--color-background);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-left: max(0.75rem, env(safe-area-inset-left))) {\n padding-left: 0.75rem;\n padding-right: 0.5rem;\n }\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n}\n",".NewChatButton {\n position: absolute;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(5rem);\n\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n &[dir=\"rtl\"] {\n right: auto;\n left: 1rem;\n }\n\n body.animation-level-0 & {\n transform: none !important;\n opacity: 0;\n\n transition: opacity 0.15s;\n\n &.revealed {\n opacity: 1;\n }\n }\n\n &.revealed {\n transform: translateY(0);\n\n @media (max-width: 600px) {\n // Force rendering in the composite layer to fix the z-index rendering issue\n transform: translate3d(0, 0, 0.625rem);\n transform-style: preserve-3d;\n }\n }\n\n > .Button {\n .icon-new-chat-filled,\n .icon-close {\n position: absolute;\n }\n\n &:not(.active) {\n .icon-new-chat-filled {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-close {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.active {\n .icon-close {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-new-chat-filled {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n }\n}\n","#LeftColumn-main {\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n z-index: 1;\n\n > .Transition {\n flex: 1;\n overflow: hidden;\n }\n\n .ChatFolders {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .tabs-placeholder {\n height: 2.625rem;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: height 150ms ease;\n\n &:not(.open) {\n height: 0;\n }\n }\n\n .TabList {\n justify-content: flex-start;\n padding-left: 0.5625rem;\n padding-bottom: 1px;\n border-bottom: 0;\n z-index: 1;\n\n opacity: 1;\n transition: opacity var(--layer-transition);\n }\n\n &--tabs-hidden .TabList {\n pointer-events: none;\n opacity: 0.25;\n }\n\n .Tab {\n flex: 0 0 auto;\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n\n > span {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n white-space: pre;\n }\n }\n\n > .Transition {\n flex: 1;\n overflow: hidden;\n }\n }\n\n .RecentContacts,\n .LeftSearch,\n .search-content {\n height: 100%;\n overflow-y: auto;\n }\n\n .btn-update {\n position: absolute;\n bottom: 1rem;\n left: 50%;\n margin: 0 auto;\n transform: translateX(-50%);\n\n white-space: nowrap;\n }\n}\n","#NewChat {\n height: 100%;\n}\n\n.left-header {\n height: var(--header-height);\n padding: 0.375rem 0.8125rem 0.5rem 0.8125rem;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n background-color: var(--color-background);\n\n h3 {\n margin-bottom: 0;\n font-size: 1.25rem;\n font-weight: 500;\n margin-left: 1.375rem;\n margin-right: auto;\n user-select: none;\n }\n\n .SearchInput {\n margin-left: 0.8125rem;\n max-width: calc(100% - 3.25rem);\n\n @media (max-width: 600px) {\n max-width: calc(100% - 3rem);\n }\n }\n\n @media (max-width: 600px) {\n padding: 0.5rem;\n }\n\n .Button.smaller {\n width: 2.5rem;\n height: 2.5rem;\n\n + .DropdownMenu {\n margin-left: 0.25rem;\n }\n }\n}\n",".pinned-message-border {\n position: relative;\n height: 2.25rem;\n margin: 0.125rem 0;\n width: 0.125rem;\n min-width: 0.125rem;\n overflow: hidden;\n}\n\n.pinned-message-border-wrapper-1 {\n height: 2.25rem;\n width: 0.125rem;\n border-radius: 0.0625rem;\n background: var(--color-primary);\n}\n\n.pinned-message-border-wrapper {\n background-color: var(--color-primary-opacity);\n position: relative;\n will-change: transform;\n transition: transform 0.25s ease-in-out;\n}\n\n.pinned-message-border-mark {\n position: absolute;\n left: 0;\n top: 0;\n width: 0.125rem;\n background: var(--color-primary);\n border-radius: 0.0625rem;\n will-change: transform;\n transition: transform 0.25s ease-in-out;\n transform: translateY(var(--translate-y));\n height: var(--height);\n}\n","@import \"../../styles/mixins\";\n\n.root {\n display: flex;\n align-items: center;\n margin-left: auto;\n cursor: default;\n flex-direction: row-reverse;\n background: var(--color-background);\n\n :global {\n .Button {\n margin-left: 0.25rem;\n\n &.tiny {\n margin-right: 0.625rem;\n }\n }\n }\n\n :global(body.animation-level-1) & {\n :global(.ripple-container) {\n display: none;\n }\n }\n\n :global(body.animation-level-0) & {\n transition: none !important;\n }\n\n @media (min-width: 1276px) {\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n :global(#Main.right-column-open) & {\n transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);\n }\n }\n\n > :global(.Button) {\n flex-shrink: 0;\n }\n}\n\n.root:global(.full-width) {\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n background: var(--color-background);\n padding: 0.25rem 0.8125rem 0.25rem 1rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n\n .pinnedMessage {\n margin-top: 0;\n margin-bottom: 0;\n flex: 1;\n }\n\n .messageText {\n max-width: none;\n }\n\n @media (min-width: 1276px) {\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n :global(#Main.right-column-open) & {\n padding-left: calc(var(--right-column-width) + 1rem);\n }\n }\n}\n\n.loading {\n --spinner-size: 1.5rem;\n}\n\n.pinListIcon {\n position: absolute;\n transition: 0.25s ease-in-out opacity, 0.25s ease-in-out transform;\n}\n\n.pinListIconHidden {\n opacity: 0;\n transform: scale(0.6);\n}\n\n.pinnedMessage {\n display: flex;\n flex-shrink: 1;\n margin-top: -0.25rem;\n margin-bottom: -0.25rem;\n padding: 0.25rem;\n padding-left: 0.375rem;\n border-radius: var(--border-radius-messages-small);\n position: relative;\n overflow: hidden;\n cursor: pointer;\n align-items: center;\n\n &:hover:not(.no-hover) {\n background-color: var(--color-interactive-element-hover);\n }\n}\n\n\n.messageTextTransition {\n height: 1.125rem;\n width: 100%;\n overflow: hidden;\n}\n\n.messageText {\n overflow: hidden;\n margin-inline-start: 0.375rem;\n margin-top: 0.125rem;\n max-width: 15rem;\n min-width: 15rem;\n flex-grow: 1;\n\n transition: 0.25s ease-in-out transform;\n\n &.withMedia {\n transform: translateX(2.625rem);\n margin-right: 2.625rem;\n max-width: calc(15rem - 2.625rem);\n min-width: calc(15rem - 2.625rem);\n }\n\n :global(.emoji-small) {\n width: 1rem;\n height: 1rem;\n }\n\n @media (min-width: 1440px) and (max-width: 1500px) {\n max-width: 14rem;\n }\n}\n\n.title {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 1rem;\n color: var(--color-primary);\n margin-bottom: 0.125rem;\n white-space: pre;\n text-align: initial;\n\n :global(body.is-ios) & {\n font-size: 0.9375rem;\n }\n}\n\n.summary {\n font-size: 0.875rem;\n line-height: 1.125rem;\n height: 1.125rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n\n :global(body.is-ios) & {\n font-size: 0.9375rem;\n }\n}\n\n.inlineButton {\n display: block;\n width: auto;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-radius: 1.5rem;\n padding: 0 0.75rem;\n font-weight: 500;\n text-transform: none;\n height: 2rem;\n max-width: 10rem;\n flex-shrink: 1;\n}\n\n.pictogramTransition {\n position: absolute;\n width: 2.25rem !important;\n height: 2.25rem;\n margin-inline-start: 0.5rem;\n margin-top: 0.125rem;\n overflow: hidden;\n}\n\n.pinnedThumb {\n width: 100%;\n height: 100%;\n\n flex-shrink: 0;\n\n border-radius: 0.25rem;\n overflow: hidden;\n\n & + .messageText {\n max-width: 12rem;\n }\n}\n\n.pinnedThumbImage {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n@media (max-width: 600px) {\n .pinnedMessage {\n flex-grow: 1;\n padding-top: 0;\n padding-bottom: 0;\n max-width: unset;\n margin-top: -0.1875rem;\n\n &::before {\n top: 0.125rem;\n bottom: 0.125rem;\n }\n\n .messageText {\n max-width: none;\n }\n }\n\n .root:global(.full-width) {\n display: none;\n }\n\n .root {\n @include header-mobile();\n }\n}\n\n@media (min-width: 1276px) and (max-width: 1439px) {\n :global(:not(.tools-stacked)) .root {\n opacity: 1;\n\n :global(#Main.right-column-open) & {\n opacity: 0;\n }\n }\n}\n\n:global(.tools-stacked.animated) .root {\n animation: fade-in var(--layer-transition) forwards;\n\n :global(body.animation-level-0) & {\n animation: none;\n }\n}\n",".AudioPlayer {\n display: flex;\n margin-left: auto;\n margin-top: -0.25rem;\n margin-bottom: -0.25rem;\n\n body.animation-level-0 & {\n transition: none !important;\n }\n\n > .Button, & > .playback-rate-menu {\n flex-shrink: 0;\n margin: 0.125rem;\n }\n\n .player-button {\n --color-text-secondary: var(--color-primary);\n --color-text-secondary-rgb: var(--color-primary-shade-rgb);\n --color-primary-shade: var(--color-green);\n --color-white: var(--color-background-own);\n\n margin: 0.125rem;\n\n &.smaller i {\n font-size: 1.625rem;\n margin-top: -0.0625rem;\n }\n\n i {\n position: absolute;\n font-size: 1.9375rem;\n margin-top: -0.0625rem;\n\n &.icon-play {\n margin-left: 0.125rem;\n }\n }\n\n .icon-play,\n .icon-pause {\n opacity: 1;\n transform: scale(1);\n transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n &.play .icon-pause,\n &.pause .icon-play,\n &.loading .icon-play,\n &.loading .icon-pause {\n opacity: 0;\n transform: scale(0.5);\n }\n }\n\n .volume-button-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .volume-slider-wrapper {\n position: absolute;\n width: 8rem;\n top: 2.625rem;\n }\n\n .volume-slider-spacer {\n position: absolute;\n transform: translateY(100%);\n bottom: 0;\n height: 1rem;\n width: 8rem;\n cursor: default;\n visibility: hidden;\n }\n\n &:hover .volume-slider-spacer,\n .volume-slider-spacer:hover {\n visibility: visible;\n }\n\n .volume-slider {\n opacity: 0;\n visibility: hidden;\n\n position: absolute;\n background: var(--color-background);\n bottom: -1rem;\n transform: translateY(100%);\n transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n width: 8rem;\n padding: 0.75rem;\n border-radius: 0.5rem;\n cursor: default;\n box-shadow: 0 1px 2px var(--color-default-shadow);\n\n .RangeSlider {\n margin-bottom: 0;\n input[type=\"range\"] {\n margin-bottom: 0;\n }\n }\n }\n\n &:hover .volume-slider,\n .volume-slider:hover,\n .volume-slider-spacer:hover + .volume-slider {\n opacity: 1;\n visibility: visible;\n }\n }\n\n .playback-wrapper {\n position: relative;\n }\n .playback-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n width: 5rem;\n height: 4rem;\n z-index: calc(var(--z-menu-backdrop) + 1);\n }\n\n .playback-button {\n &.on-top {\n z-index: calc(var(--z-menu-backdrop) + 2);\n }\n\n &.applied {\n --color-text-secondary: var(--color-primary);\n }\n\n .playback-button-inner {\n transition: 0.15s color ease-out;\n font-size: 0.75rem;\n font-weight: bold;\n border: 2px solid;\n border-radius: 0.375rem;\n padding: 0.125rem 0.25rem;\n font-variant-numeric: tabular-nums;\n\n &.small {\n transform: scale(0.83);\n }\n\n &.tiny {\n transform: scale(0.75);\n }\n }\n }\n\n &-content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n flex-shrink: 1;\n max-width: 14rem;\n padding: 0 0.5rem;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border-radius: var(--border-radius-messages-small);\n\n &:hover {\n background-color: var(--color-interactive-element-hover);\n }\n\n .right-column-shown & {\n max-width: 10rem;\n }\n\n @media (max-width: 600px) {\n max-width: 100%;\n }\n\n @media (min-width: 1440px) {\n max-width: 24rem;\n .right-column-shown & {\n max-width: 14rem;\n }\n }\n\n .AudioPlayer & .title {\n display: block;\n margin-top: 0.125rem;\n font-weight: 500;\n font-size: 0.875rem !important;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n body.is-ios & {\n font-size: 0.9375rem !important;\n line-height: 1.125rem;\n }\n }\n\n .subtitle {\n font-size: 0.8125rem !important;\n color: var(--color-text-secondary);\n line-height: 0.9375rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0.125rem 0 0;\n\n body.is-ios & {\n font-size: 0.9375rem !important;\n line-height: 1.125rem;\n }\n }\n }\n\n .playback-rate-menu .bubble {\n min-width: auto;\n\n .icon-check, .icon-placeholder {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n width: 1.5rem;\n }\n }\n}\n",".ChatReportPanel {\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n\n display: flex;\n align-items: center;\n margin-left: auto;\n background: var(--color-background);\n padding: 0.375rem 0.8125rem 0.25rem 1rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow), inset 0 0.125rem 0.125rem var(--color-light-shadow);\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n body.animation-level-1 & {\n .ripple-container {\n display: none;\n }\n }\n\n @media (min-width: 1276px) {\n transform: translate3d(0, 0, 0);\n transition: opacity 0.15s ease, transform var(--layer-transition);\n\n #Main.right-column-open & {\n padding-right: calc(var(--right-column-width) + 1rem);\n }\n }\n\n .UserReportPanel--Button {\n margin-left: 0.25rem;\n flex: 1 1 50%;\n white-space: nowrap;\n }\n}\n","@import \"../../styles/mixins\";\n\n@mixin mobile-header-styles() {\n .AudioPlayer {\n @include header-mobile;\n\n flex-direction: row;\n margin-top: 0;\n padding: 0.25rem 0.5rem;\n\n &-content {\n padding: 0 0.5rem;\n flex-grow: 1;\n }\n\n > .Button, > .playback-rate-menu {\n margin: -0.0625rem 0 0;\n }\n\n > .player-close {\n margin-left: auto;\n }\n }\n}\n\n.MiddleHeader {\n display: flex;\n align-items: center;\n width: 100%;\n box-shadow: 0 2px 2px var(--color-light-shadow);\n background: var(--color-background);\n position: relative;\n z-index: var(--z-middle-header);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: max(1.5rem, env(safe-area-inset-left));\n padding-right: max(0.8125rem, env(safe-area-inset-right));\n\n @media (max-width: 600px) {\n position: relative;\n\n padding-left: max(0.5rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n }\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-left: max(1.5rem, env(safe-area-inset-left))) {\n padding-left: 1.5rem;\n padding-right: 0.8125rem;\n\n @media (max-width: 600px) {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n }\n\n .Transition {\n width: 100%;\n // https://dfmcphee.com/flex-items-and-min-width-0/\n // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n min-width: 0;\n\n > 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 .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 #Main.right-column-animating & {\n pointer-events: none;\n }\n }\n\n @media (min-width: 1276px) and (max-width: 1439px) {\n &:not(.tools-stacked) .AudioPlayer {\n opacity: 1;\n\n #Main.right-column-open & {\n opacity: 0;\n }\n }\n }\n\n &.tools-stacked .AudioPlayer {\n @include mobile-header-styles();\n\n @media (min-width: 1150px) {\n #Main.right-column-open & {\n padding-right: calc(0.5rem + var(--right-column-width));\n }\n }\n }\n\n &.tools-stacked.animated .AudioPlayer {\n animation: fade-in var(--layer-transition) forwards;\n\n body.animation-level-0 & {\n animation: none;\n }\n }\n\n h3 {\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.375rem;\n white-space: pre;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n unicode-bidi: plaintext;\n\n body.is-ios &,\n body.is-macos & {\n font-size: 1.0625rem;\n font-weight: 600;\n }\n\n @media (max-width: 600px) {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .ChatInfo {\n cursor: pointer;\n display: flex;\n align-items: center;\n\n @media (max-width: 600px) {\n user-select: none;\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n overflow: hidden;\n }\n\n .title {\n --custom-emoji-size: 1.375rem;\n\n display: flex;\n align-items: center;\n\n .VerifiedIcon {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n .status,\n .typing-status {\n display: inline;\n unicode-bidi: plaintext;\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .user-status {\n unicode-bidi: plaintext;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: 1275px) {\n #Main.right-column-open & {\n max-width: calc(100% - var(--right-column-width));\n }\n }\n }\n\n .custom-emoji {\n color: var(--color-primary);\n }\n }\n\n .Avatar, .topic-header-icon {\n // TODO For some reason webpack imports `Audio.scss` second time when loading calls bundle\n width: 2.5rem !important;\n height: 2.5rem !important;\n\n margin-right: 0.625rem;\n }\n\n .topic-header-icon {\n --custom-emoji-size: 2.5rem;\n font-size: 2.5rem;\n\n .emoji-small {\n width: 1.25rem;\n height: 1.25rem;\n }\n\n .topic-icon-letter {\n font-size: 1.25rem;\n }\n\n &.general-forum-icon {\n color: var(--color-text-secondary);\n }\n }\n\n .Avatar {\n font-size: 1.0625rem;\n }\n\n .status,\n .typing-status {\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n color: var(--color-text-secondary);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n\n .ellipsis {\n display: inline-flex;\n }\n\n &.online {\n color: var(--color-primary);\n }\n\n .font-emoji {\n line-height: 1rem;\n }\n }\n\n .Button.smaller {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .HeaderActions {\n flex-shrink: 0;\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n .Button {\n margin-left: 0.25rem;\n\n &.tiny {\n margin-right: 0.625rem;\n }\n }\n\n .toggle-right-pane-button {\n &.active {\n color: var(--color-primary);\n opacity: 1;\n }\n }\n\n .badge-button {\n position: relative;\n overflow: visible;\n }\n\n .badge {\n position: absolute;\n min-width: 1rem;\n height: 1rem;\n background: var(--color-primary);\n border-radius: 0.5rem;\n color: white;\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 500;\n text-align: center;\n flex-shrink: 0;\n right: 0;\n top: 0;\n }\n }\n\n @media (max-width: 600px) {\n @include mobile-header-styles();\n }\n}\n\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) - 0.125rem);\n line-height: 1.125rem;\n margin: 0 -0.25rem 0.0625rem;\n padding: 0.1875rem 0.25rem 0.1875rem 0.4375rem;\n border-radius: var(--border-radius-messages-small);\n position: relative;\n overflow: hidden;\n cursor: pointer;\n direction: ltr;\n\n @for $i from 1 through 8 {\n &.color-#{$i} {\n --accent-color: var(--color-user-#{$i});\n }\n }\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: 0.625rem;\n top: 0.625rem;\n bottom: 0.625rem;\n }\n\n .embedded-thumb {\n margin-inline-start: 0.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: 0.3125rem;\n bottom: 0.3125rem;\n left: 0.375rem;\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) - 0.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 .custom-emoji {\n // Custom emoji needs to be slightly bigger than normal emoji\n --custom-emoji-size: max(calc(1.125 * var(--message-text-size, 1rem) + 1px), 20px);\n margin-inline-end: 1px;\n\n & > img {\n border-radius: 0;\n }\n }\n }\n\n .embedded-action-message {\n color: var(---secondary-color);\n opacity: 0.75;\n }\n\n .embedded-thumb {\n position: relative;\n width: 2rem;\n height: 2rem;\n border-radius: 0.25rem;\n margin-left: 0.25rem;\n flex-shrink: 0;\n\n overflow: hidden;\n\n &.round {\n border-radius: 1rem;\n }\n }\n\n .pictogram {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &.inside-input {\n padding-inline-start: 0.5625rem;\n width: 100%;\n --accent-color: var(--color-primary);\n --hover-color: var(--color-interactive-element-hover);\n --active-color: var(--color-reply-active);\n\n &::before {\n bottom: 0.3125rem;\n }\n\n .embedded-thumb {\n margin-left: 0.125rem;\n }\n\n .message-text {\n margin-inline-start: 0.375rem;\n flex-grow: 1;\n }\n\n .message-title {\n font-weight: 500;\n color: var(--accent-color);\n }\n\n .embedded-more {\n font-size: 1.5rem;\n opacity: 0.8;\n color: var(--color-text-secondary);\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: 0.625rem;\n padding: 0 0.25rem;\n color: white;\n cursor: pointer;\n max-width: 100%;\n user-select: none;\n\n .message-time,\n .message-imported,\n .message-signature,\n .message-views,\n .message-replies,\n .message-translated,\n .message-pinned {\n font-size: 0.75rem;\n white-space: nowrap;\n }\n\n .message-time {\n margin-right: 0.1875rem;\n }\n\n body.is-ios & {\n .message-time {\n margin-right: 0.25rem;\n }\n }\n\n .message-views {\n margin-inline-start: 0.1875rem;\n }\n\n .message-translated {\n margin-inline-end: 0.25rem;\n }\n\n .message-pinned {\n margin-inline-end: 0.1875rem;\n }\n\n .message-imported,\n .message-signature {\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: 0.375rem;\n\n .emoji-small {\n width: 1rem !important;\n height: 1rem !important;\n }\n }\n\n .icon-channelviews {\n margin-left: 0.125rem;\n margin-right: 0.375rem;\n font-size: 1.125rem;\n position: relative;\n top: -0.0625rem;\n }\n\n .icon-reply-filled {\n margin-left: 0.125rem;\n margin-right: 0.375rem;\n font-size: 0.75rem;\n }\n\n .has-solid-background & {\n color: rgba(var(--color-text-meta-rgb), 0.75);\n background: none;\n }\n\n .media:not(.text) &,\n .Message .custom-shape &,\n .Message .invoice & {\n --color-accent-own: white;\n --color-accent: white;\n color: white !important;\n opacity: 1;\n bottom: 0.25rem;\n right: 0.25rem;\n left: auto;\n height: 1.125rem;\n padding: 0 0.3125rem 0 0.375rem;\n\n .MessageOutgoingStatus i {\n background: transparent;\n }\n }\n\n .media:not(.text) &,\n .Message .invoice & {\n background: rgba(0, 0, 0, 0.2);\n }\n\n .Message .custom-shape & {\n background: var(--pattern-color);\n }\n\n .voice &[dir=\"rtl\"] {\n right: auto !important;\n left: 0.25rem;\n padding: 0 0.375rem 0 0.3125rem;\n }\n\n // This is currently only supported in Firefox.\n // When attempting to combine with other selectors, the rule no longer applies anywhere except Firefox.\n .media:not(.text):dir(rtl) &,\n .Message .custom-shape:dir(rtl) & {\n right: auto !important;\n left: 0.25rem;\n padding: 0 0.375rem 0 0.3125rem;\n }\n\n .is-forwarded.media:not(.text):dir(rtl) &,\n .Message .is-forwarded.custom-shape:dir(rtl) & {\n left: 0.8125rem;\n }\n\n .is-forwarded.media:not(.text) & {\n bottom: 0.9375rem;\n right: 0.8125rem;\n }\n\n .Message.own .has-solid-background & {\n color: var(--color-message-meta-own);\n }\n\n .MessageOutgoingStatus {\n margin-left: -0.1875rem;\n font-size: 1.1875rem;\n border-radius: 0.625rem;\n\n .Message.own & {\n color: var(--color-accent-own);\n }\n }\n\n .message-content.has-replies:not(.custom-shape) & {\n bottom: 3.375rem;\n }\n\n .message-content.has-replies.text:not(.custom-shape) & {\n bottom: 3.4375rem;\n }\n\n &[dir=\"rtl\"] {\n .message-views {\n order: 10;\n }\n .icon-channelviews {\n order: 9;\n }\n }\n}\n\n.Message:not(.own) {\n .custom-shape .with-subheader + .MessageMeta {\n right: auto;\n left: 13.25rem;\n bottom: 0.25rem;\n }\n}\n",".Sticker {\n overflow: visible !important;\n contain: layout;\n position: relative;\n\n &.reversed {\n transform: scaleX(-1);\n }\n\n &:not(.inactive) {\n cursor: pointer;\n }\n\n &.inactive {\n pointer-events: none;\n }\n\n .effect-sticker {\n position: absolute;\n top: 50%;\n right: -1rem;\n transform: translateY(-50%);\n }\n}\n",".AnimatedEmoji {\n &.like-sticker-thumb img {\n transform: scale(0.8);\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.8125rem;\n }\n\n .contact-info {\n padding: 0.5rem;\n padding-left: 0;\n white-space: nowrap;\n overflow: hidden;\n\n .contact-name {\n font-size: 1rem;\n margin-bottom: 0.25rem;\n font-weight: 500;\n }\n\n .contact-phone {\n color: var(--secondary-color);\n }\n\n .contact-name,\n .contact-phone {\n line-height: 1rem;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n}\n",".PollOption {\n display: flex;\n flex-flow: row nowrap;\n margin-bottom: 0.75rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .poll-option-text {\n word-break: break-word;\n }\n\n .poll-option-share {\n position: relative;\n margin-top: 0.125rem;\n width: 1.75rem;\n margin-inline-end: 0.5rem;\n flex-shrink: 0;\n font-weight: 500;\n font-size: 0.875rem;\n text-align: right;\n\n &.limit-width {\n display: inline-flex;\n justify-content: center;\n font-size: 0.75rem;\n }\n }\n\n .poll-option-chosen {\n position: absolute;\n right: 0;\n bottom: -5px;\n width: 1rem;\n height: 1rem;\n background: var(--accent-color);\n color: var(--background-color);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n text-align: center;\n\n &.wrong {\n background: var(--color-error);\n }\n\n .is-forwarded & > i {\n margin-left: 1px;\n }\n\n &.animate {\n opacity: 0;\n animation-name: PollOptionIconAnimate;\n animation-delay: 0.09s;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n }\n }\n\n .poll-option-right {\n flex-grow: 1;\n line-height: 1.5rem;\n }\n\n .poll-option-answer {\n position: relative;\n }\n\n .poll-option-line {\n position: relative;\n width: 0;\n height: 0.25rem;\n min-width: 0.5rem;\n border-radius: 0.125rem;\n margin-top: 0.5rem;\n background: var(--accent-color);\n\n transform-origin: 0 0;\n transition: transform 0.3s;\n transition-delay: 0.09s;\n }\n\n .poll-line {\n width: 30px;\n height: 35px;\n position: absolute;\n left: -27px;\n bottom: -5px;\n transition: stroke-dashoffset 0.3s, stroke-dasharray 0.3s;\n stroke-dashoffset: 0;\n stroke-dasharray: 0, 200%;\n }\n\n .poll-line path {\n stroke-width: 4px;\n stroke-linecap: round;\n stroke: var(--accent-color);\n fill: none;\n }\n\n .wrong {\n .poll-option-line {\n background: var(--color-error);\n }\n\n .poll-line path {\n stroke: var(--color-error);\n }\n }\n}\n\n@keyframes PollOptionIconAnimate {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n",".Poll {\n min-width: 15rem;\n text-align: initial;\n\n @media (max-width: 600px) {\n min-width: 50vw;\n }\n\n .poll-question {\n font-weight: 500;\n line-height: 1.25rem;\n margin: 0.125rem 0;\n word-break: break-word;\n }\n\n .poll-type,\n .poll-voters-count {\n color: var(--secondary-color);\n font-size: 0.875rem;\n }\n\n .poll-type {\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n min-height: 1.375rem;\n }\n\n .poll-voters-count {\n margin: 0.4375rem 0 1.125rem;\n text-align: center;\n }\n\n .poll-answers {\n padding-top: 0.25rem;\n padding-bottom: 1rem;\n }\n\n .Checkbox,\n .Radio {\n padding-left: 2.25rem;\n\n &:last-child {\n margin-bottom: 0.75rem;\n }\n\n &.disabled {\n opacity: 1 !important;\n cursor: not-allowed;\n }\n\n .Checkbox-main,\n .Radio-main {\n &::before {\n left: 0.125rem;\n background-color: var(--background-color);\n --color-borders-input: var(--secondary-color);\n }\n\n &::after {\n left: 0.4375rem;\n background-color: var(--accent-color);\n }\n }\n\n input:checked ~ .Radio-main,\n input:checked ~ .Checkbox-main {\n &::before {\n border-color: var(--accent-color);\n }\n }\n\n .Spinner {\n left: 0.125rem;\n }\n }\n\n .Checkbox {\n .Checkbox-main {\n &::after {\n left: 0.125rem;\n background-color: var(--color-primary);\n\n .Message.own & {\n background-color: var(--accent-color);\n }\n }\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: 0.875rem;\n margin-right: 0.5rem;\n margin-top: -2px;\n\n .Avatar {\n border: 0.0625rem solid var(--color-background);\n margin-right: 0;\n box-sizing: content-box;\n\n .Message.own & {\n border: 0.0625rem solid var(--secondary-color);\n }\n\n &:not(:first-child) {\n margin-left: -3px;\n }\n }\n }\n\n .poll-countdown {\n margin-left: auto;\n font-size: 0.75rem;\n transition: color 0.2s;\n\n &.hurry-up {\n color: var(--color-error);\n\n .poll-countdown-progress {\n stroke: var(--color-error);\n }\n }\n\n svg {\n vertical-align: -3px;\n }\n }\n\n .poll-countdown-progress {\n stroke: var(--color-primary);\n fill: transparent;\n stroke-width: 2;\n stroke-linecap: round;\n transition: stroke-dashoffset 2s, stroke 0.2s;\n }\n\n .poll-quiz-help {\n margin: -0.625rem 0 -0.625rem auto;\n .Message:not(.own) & {\n color: var(--color-primary);\n }\n }\n\n .poll-results,\n .poll-answers {\n padding-top: 0.25rem;\n padding-bottom: 0.5rem;\n }\n\n .Button {\n text-transform: none;\n font-size: 1rem;\n\n .Message.own & {\n color: var(--accent-color);\n --color-primary-shade-rgb: var(--color-accent-own);\n }\n }\n\n > .Button {\n margin-bottom: 0.625rem;\n }\n}\n",".WebPage {\n margin-top: 0.25rem;\n margin-bottom: 0.125rem;\n padding-left: 0.625rem;\n font-size: calc(var(--message-text-size, 1rem) - 0.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: 0.125rem;\n background: var(--accent-color);\n border-radius: 0.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 &,\n & img,\n & canvas,\n &.small-image img {\n border-radius: var(--border-radius-messages-small) !important;\n }\n\n &.square-image {\n width: 100%;\n height: 100%;\n min-height: 0;\n margin-bottom: 0 !important;\n\n canvas,\n img {\n width: 100% !important;\n height: 100% !important;\n }\n }\n }\n\n &.with-video .media-inner {\n margin-top: 0.5rem !important;\n margin-bottom: 1rem !important;\n }\n\n .message-content:not(.has-reactions) &.no-article:last-child {\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 &.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 &: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: 0.625rem;\n\n &::before {\n left: auto;\n right: 0;\n }\n }\n\n @media (min-width: 1921px) {\n @supports (aspect-ratio: 1) {\n &:not(.in-preview) {\n max-width: none;\n\n .thumbnail,\n .full-media {\n width: 100% !important;\n height: auto !important;\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 margin-top: 0.5rem;\n\n &.has-image {\n .content-inner:not(.forwarded-message) & {\n margin: 0.5rem -0.5rem -0.375rem;\n }\n\n .invoice-image {\n position: relative;\n width: 100%;\n max-height: 30rem;\n object-fit: cover;\n border-bottom-left-radius: var(--border-bottom-left-radius);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n\n .forwarded-message & {\n border-top-left-radius: var(--border-top-left-radius);\n border-top-right-radius: var(--border-top-right-radius);\n }\n }\n\n .description-text {\n position: absolute;\n top: 0;\n padding: 0.25rem 0.5rem;\n margin: 0.25rem;\n background-color: rgba(0, 0, 0, 0.2);\n border-radius: var(--border-radius-messages-small);\n color: var(--color-white);\n font-weight: 500;\n\n span {\n margin-left: 0.5rem;\n }\n }\n }\n }\n\n .invoice-image-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .thumbnail {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n",".root {\n position: relative;\n z-index: 0;\n\n overflow: hidden;\n cursor: pointer;\n}\n\n.duration {\n z-index: 2;\n position: absolute;\n top: 0.25rem;\n left: 0.25rem;\n\n white-space: nowrap;\n font-size: 0.75rem;\n padding: 0 0.375rem;\n\n background-color: rgba(0, 0, 0, 0.3);\n color: #FFFFFF;\n border-radius: 0.5rem;\n}\n\n.buy {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n\n z-index: 2;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n padding: 0.5rem 0.875rem;\n\n background-color: rgba(0, 0, 0, 0.75);\n color: #FFFFFF;\n border-radius: 1rem;\n white-space: nowrap;\n line-height: 1rem;\n}\n\n.spoiler {\n position: static;\n}\n",".Location {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 0 !important;\n\n .location-accuracy {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n\n @keyframes accuracy-wave {\n 0% {\n transform: translate(-50%, -50%) scale(0);\n background-color: var(--color-primary);\n }\n 100% {\n transform: translate(-50%, -50%) scale(1);\n background-color: transparent;\n }\n }\n\n animation: accuracy-wave 5s ease-out infinite forwards;\n }\n\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n .map-wrapper {\n overflow: hidden;\n position: relative;\n }\n\n .map {\n animation: fade-in 0.3s forwards;\n }\n\n .pin {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -100%);\n animation: fade-in 0.3s forwards;\n\n --pin-color: var(--color-primary);\n }\n\n .geoLive {\n &::before {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n\n width: 1rem;\n height: 1rem;\n\n background: var(--color-primary);\n border: 2px solid white;\n border-radius: 50%;\n z-index: 3;\n }\n\n .round-pin {\n bottom: 0.5rem;\n }\n }\n\n .direction {\n position: absolute;\n top: 50%;\n left: 50%;\n transition: transform 0.3s ease-out;\n transform: translate(-50%, 0.3125rem) rotate(var(--direction));\n transform-origin: bottom;\n width: 1.5rem;\n height: 2rem;\n clip-path: polygon(50% 100%, 0 0, 100% 0);\n background: radial-gradient(circle, var(--color-primary) -100%, transparent 100%);\n border-radius: 40%;\n z-index: 2;\n }\n\n .location-avatar {\n position: relative;\n overflow: hidden;\n margin-right: 0;\n margin-bottom: 1.3125rem;\n\n z-index: 5;\n }\n\n .venue-icon {\n position: absolute;\n bottom: -0.5rem;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 3rem;\n height: 3rem;\n\n z-index: 5;\n }\n\n .geo {\n height: 2.5rem;\n }\n\n .geoLive,\n .venue {\n filter: drop-shadow(0 0 2px var(--color-default-shadow));\n }\n\n .expired {\n --pin-color: white;\n\n .location-avatar::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.3);\n }\n }\n\n .round-pin {\n fill: var(--pin-color);\n\n position: absolute;\n left: 50%;\n bottom: 0;\n transform: translate(-50%, 0);\n width: 5rem;\n\n z-index: 4;\n }\n\n .location-info {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-rows: 1fr 1fr;\n width: 100%;\n padding: 0.3125rem 0.5rem 0.375rem;\n\n &-title {\n font-weight: 500;\n grid-area: 1 / 1 / 2 / 2;\n }\n\n &-subtitle {\n color: var(--color-text-secondary);\n line-height: 1;\n font-size: 0.875rem;\n grid-area: 2 / 1 / 2 / 2;\n\n .Message.own & {\n color: var(--color-message-meta-own);\n }\n }\n }\n\n .geo-countdown {\n grid-area: 1 / 2 / 3 / 3;\n position: relative;\n width: 2rem;\n height: 2rem;\n }\n\n .geo-countdown-text {\n color: var(--accent-color);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 0.875rem;\n font-weight: 500;\n }\n\n .geo-countdown-progress {\n stroke: var(--accent-color);\n fill: transparent;\n stroke-width: 2;\n stroke-linecap: round;\n transition: stroke-dashoffset 2s, stroke 0.2s;\n }\n}\n",".Game {\n .title {\n font-weight: 500;\n }\n\n .description {\n line-height: 1.2;\n margin-bottom: 0.75rem;\n }\n\n .preview {\n position: relative;\n max-width: 100%;\n margin-bottom: 0.25rem;\n margin-top: 0.25rem;\n cursor: pointer;\n }\n\n .preview-content {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n border-radius: 0.5rem;\n overflow: hidden;\n }\n\n .skeleton {\n aspect-ratio: 16/9;\n\n @supports not (aspect-ratio: 16/9) {\n height: 0 !important;\n padding-bottom: 56.25%;\n }\n }\n}\n",".Album {\n position: relative;\n overflow: hidden;\n margin: auto;\n\n .message-content.media.text & {\n margin: -0.3125rem -0.5rem 0.3125rem;\n }\n\n body.is-ios .Message.own .message-content.has-solid-background :not(.forwarded-message) & {\n margin: -0.3125rem -0.5rem 0.3125rem -0.625rem;\n }\n\n .forwarded-message & {\n margin-bottom: 0.125rem;\n\n .message-content.media.text & {\n margin: 0 0 0.3125rem;\n --border-bottom-left-radius: inherit;\n --border-bottom-right-radius: inherit;\n }\n }\n\n &,\n .message-content.media.text & {\n > .album-item-select-wrapper .media-inner {\n margin: 0 !important;\n }\n }\n\n > .album-item-select-wrapper .media-inner {\n &,\n & img,\n & video {\n border-radius: 0 !important;\n object-fit: cover;\n }\n }\n}\n",".RoundVideo {\n position: relative;\n width: 15rem;\n height: 15rem;\n cursor: pointer;\n\n .video-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 50%;\n overflow: hidden;\n }\n\n canvas {\n border-radius: 50%;\n }\n\n .progress {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .progress-circle {\n stroke: white;\n fill: transparent;\n stroke-width: 4;\n stroke-opacity: 0.35;\n stroke-linecap: round;\n }\n\n video::-internal-media-controls-cast-button,\n video::-webkit-media-controls,\n video::-webkit-media-controls-start-playback-button {\n display: none;\n }\n}\n",".InlineButtons {\n display: flex;\n flex-direction: column;\n max-width: var(--max-width);\n\n .row {\n display: grid;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n }\n\n .Button {\n flex: 1;\n width: auto;\n margin: 0.125rem;\n background: var(--pattern-color);\n border-radius: var(--border-radius-messages-small);\n font-weight: 500;\n text-transform: none;\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms;\n\n &:hover,\n &:focus {\n background: var(--pattern-color) !important;\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n\n i {\n font-size: 0.875rem;\n position: absolute;\n right: 0.1875rem;\n top: 0.1875rem;\n display: block;\n\n &.icon-arrow-right {\n font-size: 0.75rem;\n top: 0.125rem;\n right: 0.125rem;\n transform: rotate(-45deg);\n }\n }\n }\n\n .inline-button-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .row:first-of-type .Button {\n margin-top: 0.25rem !important;\n }\n\n .row:last-of-type .Button {\n margin-bottom: 0;\n\n &:first-of-type {\n border-bottom-left-radius: var(--border-radius-messages);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--border-radius-messages);\n }\n }\n}\n",".CommentButton {\n --background-color: var(--color-background);\n --hover-color: var(--color-chat-hover);\n\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0.5625rem 0.25rem 0.5625rem 0.625rem;\n padding-inline-start: 0.625rem;\n padding-inline-end: 0.25rem;\n background: var(--background-color);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n border-bottom-left-radius: var(--border-bottom-left-radius);\n font-size: 0.9375rem;\n font-weight: 500;\n line-height: 2rem;\n color: var(--accent-color);\n white-space: nowrap;\n cursor: pointer;\n transition: background-color 0.15s, color 0.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: -0.1875rem;\n left: -0.5625rem;\n width: 0.5625rem;\n height: 1.25rem;\n background-position: bottom left;\n background-image: url('data:image/svg+xml,%3Csvg width=\"9\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"%3E%3Cdefs%3E%3Cfilter x=\"-50%25\" y=\"-14.7%25\" width=\"200%25\" height=\"141.2%25\" filterUnits=\"objectBoundingBox\" id=\"a\"%3E%3CfeOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"/%3E%3CfeGaussianBlur stdDeviation=\"1\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/%3E%3CfeColorMatrix values=\"0 0 0 0 0.0621962482 0 0 0 0 0.138574144 0 0 0 0 0.185037364 0 0 0 0.15 0\" in=\"shadowBlurOuter1\"/%3E%3C/filter%3E%3Cpath d=\"M3 17h6V0c-.193 2.84-.876 5.767-2.05 8.782-.904 2.325-2.446 4.485-4.625 6.48A1 1 0 003 17z\" id=\"b\"/%3E%3C/defs%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cuse fill=\"%23000\" filter=\"url(%23a)\" xlink:href=\"%23b\"/%3E%3Cuse fill=\"%23FFF\" xlink:href=\"%23b\"/%3E%3C/g%3E%3C/svg%3E');\n opacity: 0;\n transition: opacity 0.15s, filter 0.15s;\n\n .theme-dark #root & {\n filter: invert(0.83);\n }\n\n 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 0.3125rem 0.25rem;\n align-items: flex-start;\n color: white;\n background-color: var(--pattern-color);\n\n opacity: 0;\n transition: opacity 150ms, backdrop-filter 150ms, filter 150ms;\n\n @media (pointer: coarse) {\n opacity: 1 !important;\n }\n\n &:hover {\n background-color: var(--pattern-color);\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n\n .Message:hover & {\n opacity: 1;\n }\n\n &::after {\n content: attr(data-cnt);\n position: absolute;\n bottom: -0.0625rem;\n left: 0;\n width: 100%;\n text-align: center;\n font-size: 0.75rem;\n display: block;\n }\n\n &[data-cnt=\"0\"] {\n height: 2.25rem;\n &::after {\n display: none;\n }\n }\n\n .icon-comments-sticker {\n display: block;\n font-size: 1.5rem;\n margin: 0 auto;\n }\n\n .recent-repliers,\n .icon-comments,\n .label,\n .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: 0.375rem -0.5rem -0.375rem;\n }\n\n .message-content.voice & {\n margin-bottom: -0.5rem;\n }\n\n .message-content.audio & {\n margin-bottom: -0.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: 0.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: 0.5rem;\n margin-inline-start: -0.125rem;\n\n .Avatar {\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: border 0.15s;\n border: 2px solid var(--color-background);\n margin-inline-end: 0;\n z-index: 3;\n overflow: hidden;\n\n .emoji {\n width: 1rem;\n background-size: 1rem;\n }\n\n + .Avatar {\n z-index: 2;\n\n + .Avatar {\n z-index: 1;\n }\n }\n\n &:not(:first-child) {\n margin-inline-start: -0.75rem;\n }\n }\n }\n\n &.has-unread .label {\n position: relative;\n\n &::after {\n content: \"\";\n display: inline-block;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: var(--accent-color);\n margin-inline-start: 0.75rem;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n }\n}\n",".root {\n --custom-emoji-border-radius: 0.25rem;\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 1.75rem;\n height: 1.75rem;\n margin-right: 0.125rem;\n\n z-index: 1;\n\n &.is-custom-emoji {\n margin-right: 0.375rem;\n }\n}\n\n.animated-icon, .effect {\n position: fixed;\n top: -0.375rem;\n left: -0.375rem;\n pointer-events: none;\n\n &.effect {\n top: -2.5rem;\n left: -2.5rem;\n }\n\n &:not(:global(.open)) {\n opacity: 1 !important;\n }\n\n &:global(.closing) {\n opacity: 0 !important;\n }\n}\n\n.animating {\n // Fix for redundant scroll on iOS\n transform: translateZ(0);\n // Fix for redundant scroll in Firefox\n contain: layout;\n}\n",".Reactions {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n margin-top: 0.25rem;\n overflow: visible;\n\n .Button {\n --reaction-background: var(--color-reaction);\n display: flex;\n flex-direction: row;\n height: 1.875rem;\n white-space: nowrap;\n width: auto;\n margin: 0.125rem;\n padding: 0 0.25rem;\n border: 2px solid transparent;\n background-color: var(--reaction-background) !important;\n border-radius: 1.75rem;\n font-weight: 500;\n font-variant-numeric: tabular-nums;\n text-transform: none;\n color: var(--accent-color);\n overflow: visible;\n line-height: 1.75rem;\n\n .ReactionStaticEmoji {\n width: 1.25rem;\n }\n\n .avatars {\n display: flex;\n\n .Avatar {\n margin: 0 0 0 -0.25rem;\n border: 0.0625rem solid var(--reaction-background);\n width: 1.5rem;\n height: 1.5rem;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n\n &.chosen {\n border-color: var(--accent-color);\n position: relative;\n z-index: 1;\n }\n\n &:hover {\n --reaction-background: var(--hover-color-reaction);\n }\n\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n\n &.is-outside {\n margin-top: 0.125rem;\n }\n\n .own &.is-outside {\n flex-direction: row-reverse;\n\n .Button {\n &:first-of-type {\n margin-left: 0.125rem;\n margin-right: 0;\n }\n\n &:last-of-type {\n margin-right: 0.125rem;\n margin-left: 0;\n }\n }\n }\n\n &.is-outside .Button {\n --reaction-background: var(--pattern-color);\n color: white;\n .theme-dark & {\n color: var(--accent-color);\n }\n\n &.chosen {\n border-color: white;\n\n .theme-dark & {\n border-color: var(--accent-color);\n }\n }\n }\n}\n",".root {\n display: flex;\n}\n\n.button {\n margin-inline-end: 0.5rem;\n color: var(--color-text) !important;\n}\n\n.info {\n margin-inline-end: 0.5rem;\n display: flex;\n flex-direction: column;\n user-select: none;\n}\n\n.reason {\n font-weight: 500;\n}\n\n.arrow {\n font-size: 1.125rem;\n display: inline-block;\n transform: rotateZ(-45deg);\n color: #4fae4e;\n\n &.incoming {\n transform: rotateZ(135deg);\n\n &.missed {\n color: var(--color-error);\n }\n }\n}\n\n.meta {\n display: flex;\n align-items: center;\n position: relative;\n left: -3px;\n}\n\n.duration {\n margin-inline-start: 0.25rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary)\n}\n\n:global(.own) .duration {\n color: var(--color-message-meta-own);\n}\n",".root {\n --custom-emoji-size: 1.125rem;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem;\n line-height: 1.125rem;\n background-color: var(--background-color);\n border-radius: var(--border-radius-messages);\n color: var(--topic-button-accent-color);\n cursor: pointer;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background-color: var(--topic-button-accent-color);\n opacity: 0.15;\n transition: opacity 0.15s ease-in-out;\n border-radius: var(--border-radius-messages);\n }\n\n &:hover::before {\n opacity: 0.10;\n }\n}\n",".message-content {\n position: relative;\n max-width: var(--max-width);\n\n @media (max-width: 600px) {\n max-width: min(29rem, calc(100vw - 6.25rem));\n .MessageList.no-avatars & {\n max-width: min(29rem, calc(100vw - 3.75rem));\n }\n .Message.own & {\n max-width: min(30rem, calc(100vw - 3.75rem));\n }\n\n &.has-action-button {\n max-width: min(29rem, calc(100vw - 7rem));\n\n .MessageList.no-avatars & {\n max-width: min(29rem, calc(100vw - 4.5rem));\n }\n\n .Message.own & {\n max-width: min(30rem, calc(100vw - 4.5rem));\n }\n }\n }\n\n img {\n -webkit-touch-callout: none;\n user-select: none;\n }\n\n .emoji {\n -webkit-user-drag: none;\n user-select: text;\n }\n\n .text-content,\n .transcription {\n margin: 0;\n word-break: break-word;\n white-space: pre-wrap;\n line-height: 1.3125;\n text-align: initial;\n display: block;\n unicode-bidi: plaintext;\n border-radius: 0.25rem;\n position: relative;\n }\n\n .transcription {\n & + .text-content {\n margin-top: 0.5rem;\n }\n\n .DotAnimation {\n display: inline;\n\n .ellipsis {\n display: inline-flex;\n }\n }\n\n &.transcription-error {\n color: var(--color-text-meta);\n font-size: 0.875rem;\n }\n\n .own &.transcription-error {\n color: var(--color-message-meta-own);\n }\n }\n\n .translation-animation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n pointer-events: none;\n }\n\n .text-loading {\n --background-gradient-size: 20rem;\n --animation-color: var(--color-skeleton-background);\n\n background-image: linear-gradient(to right, transparent 10%, var(--animation-color) 50%, transparent 90%);\n background-size: var(--background-gradient-size);\n\n display: inline;\n box-decoration-break: clone;\n color: transparent;\n\n border-radius: 0.25rem;\n\n animation: text-loading 1.5s linear infinite;\n\n .theme-dark & {\n --animation-color: var(--color-skeleton-foreground);\n }\n\n .emoji {\n opacity: 0;\n }\n }\n\n .text-entity-link {\n unicode-bidi: plaintext;\n }\n\n &.with-voice-transcription,\n &:not(.custom-shape) .text-content,\n &.document {\n & > .MessageMeta {\n position: relative;\n top: 0.375rem;\n bottom: auto !important;\n float: right;\n line-height: 1.35;\n height: calc(var(--message-meta-height, 1rem));\n margin-left: 0.4375rem;\n margin-right: -0.5rem;\n\n .MessageOutgoingStatus .Transition {\n max-height: calc(var(--message-meta-height, 1rem));\n overflow: hidden;\n }\n\n html[data-message-text-size=\"12\"] & {\n top: 0.25rem;\n }\n\n html[data-message-text-size=\"17\"] & {\n top: 0.4375rem;\n }\n\n html[data-message-text-size=\"18\"] &,\n html[data-message-text-size=\"19\"] & {\n top: 0.5rem;\n }\n\n html[data-message-text-size=\"20\"] & {\n top: 0.5625rem;\n }\n }\n\n &:dir(rtl) {\n & > .MessageMeta {\n float: left;\n margin-left: -0.25rem;\n margin-right: 0.4375rem;\n }\n }\n }\n\n .MessageMeta.reactions-offset {\n position: relative;\n top: 0.375rem;\n bottom: auto !important;\n float: right;\n line-height: 1;\n height: calc(var(--message-meta-height, 1rem));\n margin-left: auto;\n margin-right: -0.5rem;\n align-self: flex-end;\n\n .MessageOutgoingStatus .Transition {\n max-height: calc(var(--message-meta-height, 1rem));\n overflow: hidden;\n }\n\n html[data-message-text-size=\"12\"] & {\n top: 0.25rem;\n }\n\n html[data-message-text-size=\"17\"] & {\n top: 0.4375rem;\n }\n\n html[data-message-text-size=\"18\"] &,\n html[data-message-text-size=\"19\"] & {\n top: 0.5rem;\n }\n\n html[data-message-text-size=\"20\"] & {\n top: 0.5625rem;\n }\n }\n\n &.with-voice-transcription,\n &.document:not(.text) {\n &::after {\n content: \"\";\n display: block;\n clear: both;\n }\n }\n\n &.with-voice-transcription .MessageMeta[dir=\"rtl\"] {\n float: left;\n margin-right: 0.4375rem;\n margin-left: -0.5rem;\n }\n\n &.document:not(.text) > .MessageMeta {\n top: auto !important;\n bottom: -0.5rem !important;\n margin-top: -0.25rem;\n\n &:not([dir=\"rtl\"]):not(.is-imported) {\n margin-top: -1.25rem;\n }\n }\n\n .theme-dark .Message.own & {\n .text-entity-link {\n text-decoration: underline !important;\n\n &:hover {\n text-decoration: none !important;\n }\n }\n }\n\n &:not(.custom-shape) {\n font-size: var(--message-text-size, 1rem);\n\n body.is-ios & {\n font-size: var(--message-text-size, 1.0625rem);\n }\n\n & > .content-inner {\n min-width: 0;\n }\n }\n\n .matching-text-highlight {\n color: var(--color-text);\n background: #cae3f7;\n border-radius: 0.25rem;\n padding: 0 0.125rem;\n\n .theme-dark & {\n --color-text: #000;\n }\n }\n\n .message-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n font-weight: 500;\n line-height: 1.25rem;\n color: var(--accent-color);\n unicode-bidi: plaintext;\n display: flex;\n\n .message-title-name {\n display: flex;\n align-items: center;\n }\n\n & > .interactive {\n overflow: hidden;\n text-overflow: ellipsis;\n unicode-bidi: plaintext;\n }\n\n &.interactive,\n & > .interactive {\n cursor: pointer;\n\n &:hover {\n opacity: 0.85;\n }\n }\n\n @for $i from 1 through 8 {\n & > .color-#{$i} {\n color: var(--color-user-#{$i});\n\n .custom-emoji {\n color: var(--color-user-#{$i});\n }\n\n .PremiumIcon {\n --color-fill: var(--color-user-#{$i});\n }\n }\n }\n\n .theme-dark .Message.own & > .color-1 {\n color: var(--accent-color);\n }\n\n & + .File {\n margin-top: 0.25rem;\n }\n\n .via {\n padding-right: 0.25rem;\n font-weight: 400;\n }\n\n span + .via {\n padding-left: 0.25rem;\n }\n\n .custom-emoji {\n margin-left: 0.25rem;\n }\n\n .PremiumIcon {\n vertical-align: middle;\n opacity: 0.5;\n margin-left: 0.25rem;\n }\n\n .admin-title {\n flex: 1;\n margin-left: 1rem;\n text-align: right;\n font-weight: 400;\n font-size: 0.75rem;\n margin-top: -0.125rem;\n color: rgba(var(--color-text-meta-rgb), 0.75);\n\n .Message.own & {\n color: var(--accent-color);\n }\n }\n }\n\n .message-subheader {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0.25rem;\n padding: 0.125rem 0;\n }\n\n .message-topic {\n align-self: flex-start;\n }\n\n &.has-shadow {\n box-shadow: 0 1px 2px var(--color-default-shadow);\n }\n\n &.has-solid-background,\n &.has-background,\n .is-album & {\n background: var(--background-color);\n }\n\n &.has-solid-background {\n padding: 0.3125rem 0.5rem 0.375rem;\n\n .forwarded-message > .text-content:not(.with-meta):last-child::after {\n content: \"\";\n display: inline-block;\n width: var(--meta-safe-area-size);\n height: 1rem;\n }\n }\n\n body.is-ios &.has-solid-background {\n padding-bottom: 0.4375rem;\n }\n\n body.is-ios .Message.own &.has-solid-background {\n padding-left: 0.625rem;\n }\n\n &:not(.has-appendix) .svg-appendix {\n display: none;\n }\n\n .svg-appendix {\n overflow: hidden;\n position: absolute;\n bottom: -0.0625rem;\n width: 0.5625rem;\n height: 1.125rem;\n font-size: 1rem !important;\n\n .corner {\n fill: var(--background-color);\n }\n\n .Message.own & {\n /* stylelint-disable-next-line plugin/whole-pixel */\n right: -0.551rem; // This value is correct. Safari fix\n }\n\n .Message:not(.own) & {\n /* stylelint-disable-next-line plugin/whole-pixel */\n left: -0.562rem; // This value is correct. Safari fix\n }\n }\n\n &[data-has-custom-appendix] {\n .svg-appendix .corner {\n fill: var(--appendix-bg);\n }\n }\n\n &.has-appendix-thumb {\n .Message & {\n .svg-appendix {\n --background-color: #ccc;\n opacity: 1;\n transition: opacity 500ms ease;\n }\n }\n }\n\n &.document {\n padding: 0.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: 0.3125rem;\n }\n }\n\n &.voice,\n &.audio {\n .message-title,\n .Embedded {\n margin-top: -0.1875rem;\n margin-bottom: 0.1875rem;\n }\n }\n\n &.voice {\n padding: 0.5rem !important;\n\n .Voice + .text-content {\n margin-top: 0.5rem;\n }\n }\n\n &.audio {\n min-width: 20rem;\n padding: 0.5rem 0.5rem 0.8125rem !important;\n\n @media (max-width: 600px) {\n min-width: 17rem;\n }\n\n .Audio + .text-content {\n margin-top: 0.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:not(.custom-emoji) {\n display: inline-block;\n width: 1.25rem;\n background-size: 1.25rem;\n color: transparent;\n margin-inline-end: 1px;\n vertical-align: text-bottom;\n\n &::selection {\n background-color: var(--color-selection-highlight-emoji);\n color: transparent;\n }\n }\n\n &:not(.custom-shape) .text-content {\n .emoji {\n width: calc(1.25 * var(--message-text-size, 1rem));\n height: calc(1.25 * var(--message-text-size, 1rem));\n background-size: calc(1.25 * var(--message-text-size, 1rem));\n }\n\n .custom-emoji {\n --custom-emoji-size: max(calc(1.25 * var(--message-text-size, 1rem)), 20px);\n width: var(--custom-emoji-size);\n height: var(--custom-emoji-size);\n }\n }\n\n .no-media-corners {\n --border-top-left-radius: 0;\n --border-top-right-radius: 0;\n }\n\n &.custom-shape.is-via-bot {\n font-size: inherit !important;\n\n .content-inner {\n display: flex;\n align-items: flex-start;\n flex-direction: row-reverse;\n direction: ltr;\n gap: 0.5rem;\n\n & > .message-title {\n display: inline-flex;\n position: relative;\n top: 0.125rem;\n max-width: calc(100% - 3rem);\n padding: 0 0.5rem;\n background-color: var(--background-color);\n border-radius: var(--border-radius-messages);\n\n .Message.own & {\n margin-left: -3rem;\n }\n }\n\n .Message.own & {\n flex-direction: row;\n }\n }\n\n .media-inner {\n margin-top: 0.375rem;\n }\n }\n}\n\n.message-content.media,\n.WebPage {\n .media-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &.interactive {\n cursor: pointer;\n\n &.dark video,\n &.dark canvas {\n background-color: #232323;\n }\n }\n }\n\n &.round.has-subheader {\n width: auto !important;\n }\n\n &.force-sender-name .media-inner,\n &.force-sender-name .Album,\n &.text .media-inner,\n &.is-via-bot .media-inner,\n &.has-subheader .media-inner,\n &.has-subheader .Album {\n margin-left: -0.5rem;\n margin-right: -0.5rem;\n\n body.is-ios .Message.own & {\n margin-left: -0.625rem;\n }\n }\n\n &.text .media-inner {\n margin-top: -0.3125rem;\n }\n\n &.has-subheader .media-inner,\n &.force-sender-name .Album,\n &.has-subheader .Album,\n .message-title ~ .media-inner {\n margin-top: 0.375rem;\n margin-bottom: -0.375rem;\n\n body.is-ios .Message.own & {\n margin-bottom: -0.4375rem;\n }\n }\n\n &:not(.text) .RoundVideo {\n margin-bottom: 0;\n }\n\n // Moved below `.has-subheader` to overwrite its styles\n &.text .media-inner,\n &.text .Album {\n margin-bottom: 0.375rem;\n\n body.is-ios .Message.own & {\n margin-bottom: 0.375rem;\n }\n }\n\n .media-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:not(.open) {\n opacity: 0.5;\n transform: scale(0);\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n }\n\n .icon-large-play,\n .icon-download {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n opacity: 0.7;\n transition: opacity 150ms;\n\n &:hover {\n opacity: 1;\n }\n\n &:before {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3.375rem;\n height: 3.375rem;\n border-radius: 50%;\n background: rgba(black, 0.25);\n }\n\n &.opacity-transition {\n transition: opacity 0.15s ease;\n\n &:not(.open) {\n opacity: 0;\n }\n }\n }\n\n .icon-download {\n font-size: 1.5rem;\n }\n\n .icon-large-play {\n font-size: 2.5rem;\n }\n\n .message-media-duration,\n .message-transfer-progress {\n background: rgba(0, 0, 0, 0.25);\n color: #fff;\n font-size: 0.75rem;\n position: absolute;\n left: 0.1875rem;\n top: 0.1875rem;\n z-index: 1;\n padding: 0 0.375rem;\n border-radius: 0.75rem;\n line-height: 1.125rem;\n user-select: none;\n }\n\n .message-media-duration .icon-muted {\n vertical-align: -0.1875rem;\n margin-left: 0.375rem;\n font-size: 1.0625rem;\n }\n}\n\n.message-content.custom-shape {\n line-height: 1.2;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n\n &.has-comments {\n min-height: 5.25rem;\n margin-top: 0 !important;\n\n &.has-replies {\n min-height: 6.5rem;\n }\n }\n\n &.has-subheader {\n max-width: 100%;\n }\n\n .with-subheader {\n display: flex;\n align-items: flex-start;\n flex-direction: row-reverse;\n direction: ltr;\n\n > p {\n margin-bottom: 0;\n }\n\n .EmbeddedMessage {\n 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 .message-subheader {\n gap: 0.5rem;\n margin-left: 0.5rem;\n }\n }\n\n .message-media-duration {\n background: var(--pattern-color);\n }\n\n .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:not(.custom-emoji) {\n display: inline-block;\n color: transparent;\n\n &::selection {\n background-color: var(--color-selection-highlight-emoji);\n color: transparent;\n }\n }\n\n &.emoji-only {\n --custom-emoji-size: var(--emoji-only-size);\n --emoji-only-size: 2.25rem;\n\n min-width: 6rem;\n\n .AnimatedEmoji {\n width: var(--emoji-only-size);\n height: var(--emoji-only-size);\n }\n\n .custom-emoji {\n line-height: 0;\n vertical-align: bottom;\n }\n\n .text-content {\n word-break: normal;\n line-height: var(--emoji-only-size);\n font-size: var(--emoji-only-size);\n\n .emoji {\n width: var(--emoji-only-size);\n height: var(--emoji-only-size);\n }\n\n .MessageMeta {\n text-shadow: none;\n bottom: -1.25rem;\n right: 0;\n line-height: normal;\n }\n }\n }\n\n @for $i from 1 through 7 {\n &.emoji-only-#{$i} {\n $size: min(7.5 - ($i * 0.75), 5.625) + rem;\n\n --emoji-only-size: #{$size};\n }\n }\n\n &.emoji-only-1 {\n --emoji-only-size: 7rem;\n }\n\n .Message:not(.own) & {\n --hover-color: var(--color-reply-hover);\n --active-color: var(--color-reply-active);\n }\n\n .Message.own & {\n --hover-color: var(--color-reply-own-hover);\n --active-color: var(--color-reply-own-active);\n\n .with-subheader {\n flex-direction: row;\n\n .EmbeddedMessage {\n margin-right: 0.5rem;\n\n @media (max-width: 340px) {\n margin-left: 0;\n z-index: 1;\n max-width: calc(90vw - 11.5rem);\n }\n }\n }\n }\n}\n\n.forwarded-message {\n .message-content.contact &,\n .message-content.voice &,\n .message-content.poll & {\n // MessageOutgoingStatus's icon needs more space\n margin-bottom: 0.5rem;\n }\n\n .message-content:not(.custom-shape) & {\n position: relative;\n margin-top: 0.25rem;\n padding-left: 0.625rem;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0.0625rem;\n width: 2px;\n background: var(--accent-color);\n border-radius: 2px;\n }\n\n &:dir(rtl) {\n padding-inline-start: 0.625rem;\n\n &::before {\n left: auto;\n right: 0.0625rem;\n }\n }\n }\n\n --border-top-left-radius: var(--border-radius-messages-small);\n --border-top-right-radius: var(--border-radius-messages-small);\n --border-bottom-left-radius: var(--border-radius-messages-small);\n --border-bottom-right-radius: var(--border-radius-messages-small);\n\n > .media-inner {\n margin: 0 !important;\n margin-bottom: 0.25rem !important;\n }\n}\n\n.long-word-break-all {\n word-break: break-all;\n}\n\n.text-entity-link {\n color: var(--color-links) !important;\n text-decoration: none !important;\n word-break: break-word;\n cursor: pointer;\n unicode-bidi: initial;\n\n &:hover,\n &:active,\n &:visited {\n text-decoration: underline !important;\n }\n}\n\n.text-entity-code {\n color: var(--color-code);\n background: var(--color-code-bg);\n white-space: pre-wrap;\n margin: 0;\n padding: 1px 2px;\n border-radius: 4px;\n\n &.clickable {\n cursor: pointer;\n }\n}\n\n// Keep this close to `CodeBlock` style to avoid jumps in height\n.text-entity-pre {\n white-space: pre-wrap;\n background-color: var(--color-code-bg);\n margin: 0;\n padding: 0.5rem;\n margin-block: 0.25rem;\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n\n &:hover {\n .code-overlay {\n opacity: 1;\n }\n }\n\n &.no-word-wrap {\n white-space: pre;\n padding-bottom: 0.25rem;\n }\n\n .pre-code {\n overflow-x: auto;\n }\n}\n\n.text-entity-code,\n.text-entity-pre,\n.code-block,\n.hljs {\n --color-scrollbar: var(--color-scrollbar-code);\n font-family: var(--font-family-monospace);\n font-size: 0.875rem;\n}\n\n@keyframes text-loading {\n 0% {\n background-position-x: 0;\n opacity: 1;\n }\n\n 50% {\n opacity: 0.8;\n }\n\n 100% {\n background-position-x: var(--background-gradient-size);\n opacity: 1;\n }\n}\n","@import \"message-content\";\n\n// General styles\n.Message {\n display: flex;\n align-items: flex-end;\n margin-bottom: 0.375rem;\n position: relative;\n\n --background-color: var(--color-background);\n --hover-color: var(--color-reply-hover);\n --color-reaction: var(--color-message-reaction);\n --hover-color-reaction: var(--color-message-reaction-hover);\n --active-color: var(--color-reply-active);\n --max-width: 29rem;\n --accent-color: var(--color-primary);\n --accent-shade-color: var(--color-primary-shade);\n --secondary-color: var(--color-text-secondary);\n --meta-safe-area-base: 2.25rem;\n --meta-safe-author-width: 0px;\n --meta-safe-area-extra-width: 0px;\n --meta-safe-area-size: calc(\n var(--meta-safe-area-base) + var(--meta-safe-author-width) + var(--meta-safe-area-extra-width)\n );\n --color-voice-transcribe: var(--color-voice-transcribe-button);\n --thumbs-background: var(--color-background);\n --deleting-translate-x: -50%;\n --select-message-scale: 0.9;\n\n --border-top-left-radius: var(--border-radius-messages);\n --border-top-right-radius: var(--border-radius-messages);\n --border-bottom-left-radius: var(--border-radius-messages);\n --border-bottom-right-radius: var(--border-radius-messages);\n\n @media (min-width: 1921px) {\n --max-width: calc(30vw - 1rem);\n }\n @media (max-width: 600px) {\n margin-bottom: 0.25rem;\n }\n\n &.is-swiped {\n transform: translateX(-2.5rem) !important;\n }\n\n &.is-protected {\n user-select: none;\n }\n\n > .Avatar,\n > .message-content-wrapper {\n opacity: 1;\n transform: scale(1) translateX(0);\n transition: transform var(--select-transition);\n\n body.animation-level-0 & {\n transition: none !important;\n }\n }\n\n > .Avatar {\n position: absolute;\n bottom: 0;\n left: 0;\n\n margin-right: 0.3125rem;\n }\n\n .quick-reaction {\n --custom-emoji-size: 1.75rem;\n\n cursor: pointer;\n position: absolute;\n right: -0.875rem;\n bottom: -0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0.7);\n opacity: 0;\n transition: transform 0.2s ease-out, opacity 0.2s ease-out;\n transition-delay: 0.2s;\n\n &.visible {\n opacity: 1 !important;\n }\n\n &:hover {\n transition-delay: unset;\n transform: scale(1);\n }\n }\n\n &.last-in-list .quick-reaction:hover {\n transform: translateY(-0.1875rem) scale(1);\n }\n\n &.own .quick-reaction {\n right: auto;\n left: -0.75rem;\n }\n\n &.last-in-group {\n margin-bottom: 0.625rem;\n @media (max-width: 600px) {\n margin-bottom: 0.4375rem;\n }\n }\n\n &.last-in-list {\n // Forcing extra space which is taken by the appendix and causes incorrect container height calculation.\n // This value is accurately crafted as a minimum possible.\n margin-bottom: 0.375rem;\n }\n\n &.is-in-selection-mode {\n body.is-android & {\n .can-select-text {\n z-index: var(--z-message-select-control);\n }\n\n // Prevent media viewer from opening\n .media-inner {\n pointer-events: none;\n }\n }\n }\n\n &.has-inline-buttons {\n .message-content {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n }\n\n &.has-active-reaction {\n .message-content-wrapper {\n z-index: 1;\n }\n }\n\n &:not(.own) {\n padding-left: 2.5rem;\n\n .no-avatars &,\n &.is-thread-top {\n padding-left: 0;\n }\n\n @media (max-width: 600px) {\n padding-left: 2.875rem;\n\n .no-avatars &,\n &.is-thread-top {\n padding-left: 0.25rem;\n }\n }\n\n &.first-in-group:not(.last-in-group) {\n --border-bottom-left-radius: var(--border-radius-messages-small);\n }\n\n &:not(.first-in-group):not(.last-in-group) {\n --border-top-left-radius: var(--border-radius-messages-small);\n --border-bottom-left-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group:not(.first-in-group) {\n --border-top-left-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group {\n --border-bottom-left-radius: var(--border-radius-messages-small);\n\n .message-content.has-appendix {\n --border-bottom-left-radius: 0;\n }\n }\n }\n\n &.own {\n flex-direction: row-reverse;\n --background-color: var(--color-background-own);\n --hover-color: var(--color-reply-own-hover);\n --color-reaction: var(--color-message-reaction-own);\n --hover-color-reaction: var(--color-message-reaction-hover-own);\n --active-color: var(--color-reply-own-active);\n --max-width: 30rem;\n --accent-color: var(--color-accent-own);\n --accent-shade-color: var(--color-green);\n --secondary-color: var(--color-accent-own);\n --color-code: var(--color-code-own);\n --color-code-bg: var(--color-code-own-bg);\n --color-links: var(--color-own-links);\n --meta-safe-area-base: 3.5rem;\n --deleting-translate-x: 50%;\n --color-text-green: var(--color-accent-own);\n --color-voice-transcribe: var(--color-voice-transcribe-button-own);\n --thumbs-background: var(--color-background-own);\n\n @media (min-width: 1921px) {\n --max-width: 30vw;\n }\n\n body.is-ios &,\n body.is-macos & {\n --color-background-own: var(--color-background-own-apple);\n --color-reply-own-hover: var(--color-reply-own-hover-apple);\n --color-reply-own-active: var(--color-reply-own-active-apple);\n }\n\n @media (max-width: 600px) {\n padding-right: 0.25rem;\n }\n\n &.first-in-group:not(.last-in-group) {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n\n &:not(.first-in-group):not(.last-in-group) {\n --border-top-right-radius: var(--border-radius-messages-small);\n --border-bottom-right-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group:not(.first-in-group) {\n --border-top-right-radius: var(--border-radius-messages-small);\n }\n\n &.last-in-group {\n --border-bottom-right-radius: var(--border-radius-messages-small);\n\n .message-content.has-appendix {\n --border-bottom-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n }\n\n &.is-deleting {\n > .Avatar,\n > .message-content-wrapper {\n transition: opacity 0.2s ease, transform 0.2s ease-in;\n opacity: 0;\n transform: scale(0.3) translateX(var(--deleting-translate-x));\n transform-origin: bottom;\n }\n }\n\n &.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 .File {\n position: relative;\n\n .message-select-control {\n position: absolute;\n top: 2rem;\n left: 2rem;\n z-index: 2;\n }\n }\n\n .album-item-select-wrapper {\n position: absolute;\n .Message.own & {\n background: var(--color-background-own);\n }\n\n .message-select-control {\n position: absolute;\n z-index: 2;\n top: 0.4375rem;\n right: 0.4375rem;\n left: unset;\n }\n\n img,\n video {\n transition: transform var(--select-transition), opacity ease 300ms;\n }\n\n &.is-selected {\n .message-select-control {\n background: var(--color-green);\n }\n\n img,\n video {\n transform: scale(var(--select-message-scale));\n }\n }\n }\n\n &.is-selected,\n &.is-forwarding {\n .message-select-control {\n background: var(--color-green);\n }\n\n .Menu .bubble {\n transition: none !important;\n }\n }\n\n &.is-in-document-group {\n .message-content.document {\n padding: 0.25rem 0.5rem !important;\n }\n\n &.last-in-document-group {\n .message-content.document {\n padding-bottom: 0.5rem !important;\n }\n }\n\n &.first-in-document-group {\n .message-content.document {\n padding-top: 0.5rem !important;\n }\n }\n\n &:not(.first-in-document-group) {\n &::before {\n top: 0 !important;\n }\n\n .message-content {\n box-shadow: none;\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n }\n\n .forwarded-message::before {\n top: -1.5rem;\n }\n }\n\n &:not(.last-in-document-group) {\n margin-bottom: 0;\n\n &::before {\n bottom: 0 !important;\n }\n\n .message-content {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n }\n\n &.is-in-selection-mode {\n .Audio:not(.audio-is-selected),\n .File:not(.file-is-selected) {\n .message-select-control:not(.group-select) {\n background: white;\n\n &::after {\n content: \"\";\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 0.6875rem;\n background: white;\n border: 0.125rem rgba(0, 0, 0, 0.2) solid;\n position: absolute;\n }\n }\n }\n\n &.own {\n .message-content {\n .Audio:not(.audio-is-selected),\n .File:not(.file-is-selected) {\n .message-select-control:not(.group-select) {\n background: var(--background-color);\n border-color: var(--background-color);\n\n &::after {\n background: var(--background-color);\n border-color: var(--color-message-meta-own);\n }\n }\n }\n }\n }\n }\n\n &.focused,\n &.has-menu-open,\n &.is-forwarding,\n &.is-selected {\n .message-content {\n background: var(--color-background-selected);\n }\n\n &.own {\n .message-content {\n --background-color: var(--color-background-own-selected);\n background: var(--color-background-own-selected);\n }\n }\n }\n\n .message-content-wrapper {\n width: 17.1875rem;\n }\n\n .message-content {\n transition: background-color var(--select-transition);\n }\n\n &.own {\n .message-content-wrapper {\n display: flex;\n justify-content: flex-end;\n\n .message-content {\n width: 100%;\n }\n }\n }\n }\n\n .message-select-control {\n position: absolute;\n left: 0;\n bottom: 0.25rem;\n width: 1.5rem;\n height: 1.5rem;\n border: 2px solid white;\n border-radius: 50%;\n z-index: var(--z-message-select-control);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: white;\n font-size: 1rem;\n\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--select-transition);\n\n .icon-select {\n position: absolute;\n left: -3px;\n top: -3px;\n font-size: 1.625rem;\n }\n\n .theme-dark & {\n border-color: #ffffff80;\n }\n }\n\n .message-content {\n &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-square-photo .media-inner,\n &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-video .media-inner {\n margin-bottom: 1.5rem !important;\n }\n\n &.has-replies:not(.custom-shape),\n &.text {\n .media-inner,\n .Album {\n --border-bottom-left-radius: 0;\n --border-bottom-right-radius: 0;\n }\n }\n\n &.has-subheader .EmbeddedMessage {\n & + .Album,\n & + .Audio,\n & + .File {\n margin-top: 0.375rem;\n }\n }\n\n &:not(.custom-shape).has-subheader .media-inner,\n &:not(.custom-shape).has-subheader .Album,\n &:not(.custom-shape).force-sender-name .Album,\n &:not(.is-forwarded) .message-title ~ .media-inner {\n --border-top-left-radius: 0;\n --border-top-right-radius: 0;\n }\n\n &.is-forwarded .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: var(--pattern-color);\n\n opacity: 0;\n transition: opacity 150ms, backdrop-filter 150ms, filter 150ms;\n\n @media (pointer: coarse) {\n opacity: 1 !important;\n }\n\n &:hover,\n &:active,\n &:focus {\n background-color: var(--pattern-color) !important;\n backdrop-filter: brightness(115%);\n\n @supports not (backdrop-filter: brightness(115%)) {\n filter: brightness(115%);\n }\n }\n }\n\n &:hover,\n &[data-is-document-group-hover] {\n .message-action-button {\n opacity: 1;\n }\n }\n\n &.own .message-action-button {\n left: -3rem;\n }\n\n &:not(.own) .message-action-button {\n right: -3rem;\n }\n\n .bottom-marker {\n height: 1px;\n width: 1px;\n visibility: hidden;\n }\n}\n\n// Border-radius styles\n.message-content,\n.Album,\n.media-inner,\n.message-content.media .media-inner img,\n.message-content.media .media-inner video,\n.message-content.custom-shape .media-inner img,\n.message-content.custom-shape .media-inner video {\n border-top-left-radius: var(--border-top-left-radius);\n border-top-right-radius: var(--border-top-right-radius);\n border-bottom-left-radius: var(--border-bottom-left-radius);\n border-bottom-right-radius: var(--border-bottom-right-radius);\n}\n\n.media-inner video.full-media {\n background: transparent !important;\n}\n\n.media-inner {\n overflow: hidden;\n}\n\n.Message .custom-shape .message-action-button {\n bottom: 0.25rem;\n}\n",".SponsoredMessage {\n --border-top-left-radius: var(--border-radius-messages) !important;\n --border-bottom-left-radius: var(--border-radius-messages) !important;\n\n margin-top: -0.5rem;\n margin-bottom: 0.5rem;\n\n &::before {\n display: none;\n }\n\n &__button.secondary {\n margin-top: 0.5rem;\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-default-tiny);\n color: var(--color-primary);\n }\n}\n",".ContactGreeting {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n .wrapper {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n background: var(--pattern-color);\n width: 14.5rem;\n padding: 0.75rem 1rem;\n border-radius: 1.5rem;\n color: #fff;\n }\n\n .title {\n font-weight: 500;\n margin-bottom: 0;\n }\n\n .description {\n font-size: 0.9375rem;\n margin-bottom: 0;\n }\n\n .sticker {\n margin: 2rem 0 1rem;\n height: 10rem;\n width: 10rem;\n cursor: 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 .topic-icon {\n --custom-emoji-size: 3rem;\n width: 3rem;\n height: 3rem;\n font-size: 2rem;\n }\n\n .wrapper {\n display: inline-flex;\n flex-direction: column;\n background: var(--pattern-color);\n max-width: 20rem;\n padding: 0.75rem 1rem;\n border-radius: 1.5rem;\n color: #fff;\n\n &[dir=\"rtl\"] {\n text-align: right;\n }\n }\n\n .title {\n font-weight: 500;\n font-size: 1rem;\n margin-bottom: 0.25rem;\n text-align: center;\n unicode-bidi: plaintext;\n }\n\n .description {\n font-size: 0.9375rem;\n margin: 0;\n padding: 0;\n list-style: none;\n unicode-bidi: plaintext;\n }\n\n .topic-description {\n text-align: center;\n padding: 0 1rem;\n }\n\n .list-checkmarks {\n font-size: 0.9375rem;\n margin: 0.25rem 0 0;\n padding: 0;\n list-style: none;\n unicode-bidi: plaintext;\n line-height: 1.8;\n\n li::before {\n content: \"✓\";\n margin-inline-end: 0.5rem;\n }\n }\n}\n","@import \"../../styles/mixins\";\n\n.MessageList {\n flex: 1;\n width: 100%;\n margin-bottom: 0.5rem;\n\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 -webkit-touch-callout: none;\n\n &.select-mode-active {\n user-select: auto;\n -webkit-touch-callout: default;\n }\n }\n\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: bottom 150ms ease-out, transform var(--layer-transition);\n\n body.keyboard-visible & {\n position: relative;\n bottom: calc(0px - env(safe-area-inset-bottom));\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (bottom: calc(0px - env(safe-area-inset-bottom))) {\n bottom: 0;\n }\n\n body.keyboard-visible.animation-level-0 & {\n transition: none !important;\n }\n }\n\n &.no-avatars .Message > .Avatar {\n display: none;\n }\n\n .messages-container {\n width: 100%;\n max-width: var(--messages-container-width);\n min-height: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: flex-end;\n flex-direction: column;\n padding: 1rem 1rem 0 1.125rem;\n\n .force-messages-scroll & {\n margin-top: 100vh !important;\n }\n\n @media (max-width: 600px) {\n width: 100vw;\n padding: 2.75rem 0.5rem 0;\n // Patch for an issue on Android when rotating device\n margin: 0;\n }\n }\n\n &.no-composer {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 1rem;\n }\n }\n\n &.select-mode-active,\n &.type-pinned {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 5.625rem;\n\n @media (max-width: 600px) {\n margin-bottom: 4.25rem;\n }\n\n &.ActionMessage {\n padding-bottom: 0.125rem;\n }\n }\n }\n\n @media (max-width: 600px) {\n &.with-bottom-shift {\n margin-bottom: 0;\n\n .last-in-list {\n margin-bottom: 4.25rem;\n\n 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 0.2s ease, transform 0.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: 0;\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 .theme-dark & {\n opacity: 0.6;\n }\n }\n }\n }\n\n html.theme-light &.with-default-bg {\n .Message,\n .ActionMessage {\n &::before {\n background: var(--pattern-color);\n }\n\n &.focused,\n &.is-forwarding,\n &.is-selected,\n &.has-menu-open {\n &::before {\n opacity: 0.55;\n }\n }\n }\n }\n\n > .empty {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > span {\n max-width: 80%;\n text-align: left;\n }\n\n & > .bot-info {\n max-width: 80%;\n display: flex;\n flex-direction: column;\n\n background: var(--pattern-color);\n color: white;\n font-size: calc(var(--message-text-size, 1rem) - 0.0625rem);\n line-height: 1.75;\n border-radius: var(--border-radius-messages);\n overflow: hidden;\n text-align: initial;\n\n & > .bot-info-description {\n padding: 0.5rem 1rem;\n }\n\n .bot-info-title {\n font-weight: 500;\n margin-bottom: 0.25rem;\n }\n }\n\n .text-entity-link {\n color: inherit !important;\n text-decoration: underline;\n\n &:hover,\n &: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) - 0.0625rem);\n font-weight: 500;\n line-height: 1.75;\n padding: 0 0.5rem;\n border-radius: var(--border-radius-messages);\n word-break: break-word;\n position: relative;\n z-index: 0;\n\n body.is-ios &,\n body.is-macos & {\n font-size: calc(var(--message-text-size, 1rem) - 0.125rem);\n line-height: calc(var(--message-text-size, 1rem) + 0.5rem);\n }\n\n .emoji-small {\n vertical-align: text-bottom;\n width: calc(1.25 * var(--message-text-size, 1rem));\n height: calc(1.25 * var(--message-text-size, 1rem));\n background-size: calc(1.25 * var(--message-text-size, 1rem));\n }\n }\n }\n\n .action-message-content {\n max-width: 100%;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .ActionMessage.centered-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .action-message-gift {\n display: flex !important;\n flex-direction: column;\n align-items: center;\n line-height: 1rem !important;\n padding-bottom: 0.75rem !important;\n margin-top: 0.5rem;\n cursor: pointer;\n outline: none;\n }\n\n .action-message-suggested-avatar {\n max-width: 16rem;\n display: flex !important;\n flex-direction: column;\n align-items: center;\n line-height: 1rem !important;\n padding-bottom: 0.75rem !important;\n margin-top: 0.5rem;\n cursor: pointer;\n outline: none;\n\n .Avatar {\n width: 6.5rem;\n height: 6.5rem;\n margin: 1rem;\n }\n }\n\n .action-message-button {\n display: inline-block;\n border-radius: var(--border-radius-default);\n padding: 0.5rem 0.75rem;\n margin-top: 0.5rem;\n background-color: var(--pattern-color);\n }\n\n .sticky-date {\n margin-top: 1rem;\n margin-bottom: 1rem;\n z-index: var(--z-sticky-date);\n pointer-events: none;\n opacity: 1;\n transition: opacity 0.3s ease;\n\n @media (max-width: 600px) {\n margin-top: 0.5rem;\n margin-bottom: 0.75rem;\n }\n\n body:not(.is-scrolling-messages) &.stuck {\n opacity: 0;\n\n span {\n pointer-events: none;\n }\n }\n\n body.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 .local-action-message,\n .ActionMessage.in-one-row {\n height: 1.5625rem;\n }\n\n .ActionMessage {\n .action-link {\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .underlined-link {\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n .sticky-date + .ActionMessage {\n margin-top: -0.375rem;\n }\n\n @media (min-width: 1276px) {\n width: 100%;\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n .messages-container {\n width: calc(100% - var(--right-column-width));\n }\n\n body.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 #Main.narrow-message-list & {\n width: calc(100% - var(--right-column-width));\n\n .messages-container {\n width: 100%;\n }\n }\n }\n\n @media (max-width: 600px) {\n transition: transform var(--layer-transition);\n\n body.enable-symbol-menu-transforms & {\n transform: translate3d(0, 0, 0);\n }\n\n body.is-symbol-menu-open & {\n transform: translate3d(0, calc(-1 * (var(--symbol-menu-height) + 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: 0.6875rem;\n scrollbar-width: none;\n }\n }\n}\n",".root {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n transition: opacity 0.2s ease;\n user-select: none;\n\n pointer-events: auto;\n\n &:not(:first-child) {\n margin-top: 0.5rem;\n\n @media (max-width: 600px) {\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 1276px) {\n transform: translateX(0);\n\n transition: transform var(--layer-transition), opacity 0.2s ease;\n\n :global(body.animation-level-0) & {\n transition: none !important;\n }\n\n :global(#Main.right-column-open) & {\n transform: translateX(calc(-1 * var(--right-column-width)));\n }\n }\n}\n\n.button {\n box-shadow: 0 1px 2px var(--color-default-shadow);\n color: var(--color-composer-button);\n\n @media (max-width: 600px) {\n width: 2.875rem !important;\n height: 2.875rem;\n }\n}\n\n.icon {\n font-size: 1.75rem !important;\n}\n\n.unread-count {\n min-width: 1.5rem;\n height: 1.5rem;\n padding: 0 0.4375rem;\n border-radius: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n text-align: center;\n\n position: absolute;\n top: -0.3125rem;\n right: -0.3125rem;\n\n background: var(--color-green);\n color: white;\n\n pointer-events: none;\n\n @media (max-width: 600px) {\n top: -0.6875rem;\n right: auto;\n }\n}\n",".root {\n --base-bottom-pos: 6rem;\n\n position: absolute;\n bottom: var(--base-bottom-pos);\n right: max(1rem, env(safe-area-inset-right));\n opacity: 0;\n transform: translateY(4.5rem);\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;\n z-index: var(--z-scroll-down-button);\n pointer-events: none;\n\n .hidden {\n opacity: 0;\n pointer-events: none;\n }\n\n .reactions {\n transition: 0.2s ease opacity, 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) transform;\n }\n\n .transform-down {\n transform: translateY(4rem);\n }\n\n .unread {\n pointer-events: none;\n }\n\n :global(body.animation-level-0) & {\n transform: none !important;\n\n transition: opacity 0.15s;\n }\n\n @media (max-width: 600px) {\n right: 0.5rem;\n bottom: 4.5rem;\n\n :global(body:not(.keyboard-visible)) & {\n bottom: calc(4.5rem + env(safe-area-inset-bottom));\n }\n }\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (right: max(1rem, env(safe-area-inset-right))) {\n right: 1rem;\n @media (max-width: 600px) {\n right: 0.5rem;\n\n :global(body:not(.keyboard-visible)) & {\n bottom: 4.5rem;\n }\n }\n }\n\n &.revealed {\n transform: translateY(0);\n opacity: 1;\n\n .unread {\n pointer-events: auto;\n }\n\n &.no-composer.no-extra-shift {\n transform: translateY(4rem);\n }\n }\n\n &.only-reactions {\n transform: translateY(4rem);\n\n .unread {\n opacity: 0;\n pointer-events: none;\n }\n }\n\n @media (max-width: 600px) {\n body.is-symbol-menu-open & {\n bottom: calc(var(--base-bottom-pos) + var(--symbol-menu-height) + var(--symbol-menu-footer-height));\n }\n }\n}\n",".root {\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.compact {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n.image {\n width: 1.75rem;\n position: absolute;\n\n &.compact {\n width: 1.5rem;\n }\n}\n",".AttachMenu {\n align-self: flex-end;\n\n &--button {\n &:focus {\n color: var(--color-primary);\n }\n }\n\n &--menu {\n position: relative;\n top: -3.5rem;\n\n @media (max-width: 600px) {\n top: -2.875rem;\n }\n\n .bubble {\n max-height: 20rem;\n overflow: auto;\n }\n\n .is-pointer-env & {\n > .backdrop {\n position: absolute;\n top: -1rem;\n left: auto;\n right: 0;\n width: 3.5rem;\n }\n }\n\n\n .media-disabled > button {\n white-space: normal;\n }\n }\n}\n\n.bot-attach-context-menu {\n position: absolute;\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: 0.1875rem 0.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: 0.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: 0.375rem;\n }\n }\n}\n",".ComposerEmbeddedMessage {\n height: 2.625rem;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\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 & .embedded-left-icon {\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 display: grid;\n place-content: center;\n font-size: 1.5rem;\n color: var(--color-primary);\n\n @media (max-width: 600px) {\n width: 2.875rem;\n }\n }\n\n & .embedded-cancel {\n flex-shrink: 0;\n background: none !important;\n width: 2.25rem;\n height: 2.875rem;\n margin: 0 -0.0625rem 0 0.75rem;\n padding: 0;\n align-self: center;\n\n @media (max-width: 600px) {\n width: 1.75rem;\n }\n }\n\n .forward-context-menu {\n position: absolute;\n\n .bubble {\n width: auto;\n }\n\n .icon-placeholder {\n width: 1.25rem;\n }\n }\n}\n",".WebPagePreview {\n height: 2.625rem;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\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 & &-left-icon {\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 display: grid;\n place-content: center;\n font-size: 1.5rem;\n color: var(--color-primary);\n\n @media (max-width: 600px) {\n width: 2.875rem;\n }\n }\n\n & &-clear {\n flex-shrink: 0;\n background: none !important;\n width: 2.25rem;\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: 1.75rem;\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 overflow: hidden;\n\n &::before {\n top: 0.125rem;\n bottom: 0.0625rem;\n }\n\n &.with-video .media-inner {\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: 0.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: env(safe-area-inset-bottom);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (bottom: env(safe-area-inset-bottom)) {\n bottom: 0;\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 @keyframes show-send-as-button {\n from {\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n width: 1rem;\n transform: scale(0);\n }\n\n to {\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n width: 3.5rem;\n transform: scale(1);\n }\n }\n\n > .Button {\n flex-shrink: 0;\n margin-left: 0.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-schedule,\n .icon-microphone-alt,\n .icon-check {\n position: absolute;\n }\n\n @media (hover: hover) {\n &:not(:active):not(:focus):not(:hover) {\n .icon-send,\n .icon-schedule,\n .icon-check {\n color: var(--color-primary);\n }\n }\n }\n\n @media (hover: none) {\n &:not(:active):not(:focus) {\n .icon-send,\n .icon-schedule,\n .icon-check {\n color: var(--color-primary);\n }\n }\n }\n\n &.cancel {\n position: relative;\n z-index: 1;\n\n &:hover,\n &.active {\n background: var(--color-chat-hover);\n }\n }\n\n &.recording {\n position: relative;\n z-index: 0;\n transition: box-shadow 0.1s;\n }\n\n &.send {\n .icon-send {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-microphone-alt,\n .icon-check,\n .icon-schedule {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.schedule {\n .icon-schedule {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-microphone-alt,\n .icon-check,\n .icon-send {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.record {\n .icon-microphone-alt {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-send,\n .icon-check,\n .icon-schedule {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.edit {\n .icon-check {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-send,\n .icon-microphone-alt,\n .icon-schedule {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.not-ready > i {\n animation-duration: 0ms !important;\n }\n\n body.animation-level-0 &,\n body.animation-level-1 & {\n .icon-send,\n .icon-microphone-alt,\n .icon-check,\n .icon-schedule {\n animation-duration: 0ms !important;\n }\n }\n }\n\n .send-as-button {\n z-index: 1;\n }\n\n body:not(.animation-level-0) & .send-as-button.appear-animation {\n animation: 0.25s ease-in-out forwards show-send-as-button;\n transform-origin: right;\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 0.4s ease-out;\n }\n\n .icon-keyboard,\n .Spinner {\n animation: hide-icon 0.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 0.4s ease-out;\n }\n\n .icon-keyboard,\n .icon-smile {\n animation: hide-icon 0.4s forwards ease-out;\n }\n }\n\n &.menu-opened {\n .icon-keyboard {\n animation: grow-icon 0.4s ease-out;\n }\n\n .icon-smile,\n .Spinner {\n animation: hide-icon 0.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: -0.1875rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n right: -0.551rem; // This value is correct. Safari fix\n width: 0.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 .input-scroller {\n margin-right: 0.5rem;\n padding-right: 0.25rem;\n }\n\n > .Spinner {\n align-self: center;\n --spinner-size: 1.5rem;\n margin-right: -0.5rem;\n }\n\n > .AttachMenu > .Button,\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, + .AttachMenu {\n margin-left: -1rem;\n }\n\n @media (max-width: 600px) {\n width: 2.875rem;\n height: 2.875rem;\n\n + .Button, + .AttachMenu {\n margin-left: -0.6875rem;\n }\n }\n\n &.bot-menu {\n --icon-width: 1.25rem;\n --icon-gap: 0.25rem;\n --padding-sides: 0.5rem;\n background: var(--color-primary) !important;\n height: 2rem;\n margin: 0 0.5rem 0.75rem;\n color: white !important;\n text-transform: none;\n display: inline-flex;\n padding: 0 var(--padding-sides);\n width: 2rem;\n max-width: clamp(0px, 12rem, 25vw);\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: 0.25s ease-out width, 0.25s ease-out border-radius;\n border-radius: 0.5rem;\n justify-content: flex-start;\n\n &.open {\n width: calc(var(--bot-menu-text-width) + var(--padding-sides) * 2 + var(--icon-gap) + var(--icon-width));\n border-radius: 1rem;\n }\n\n @media (max-width: 600px) {\n margin-bottom: 0.4375rem;\n }\n }\n\n .bot-menu-icon {\n font-size: 1.25rem;\n margin-right: var(--icon-gap);\n transition: 0.25s ease-out transform;\n transform: translateX(-0.15rem);\n\n &.open {\n transform: translateX(0);\n }\n }\n\n .bot-menu-text {\n font-size: 0.875rem;\n font-weight: 500;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\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: 0.75rem;\n right: 0.875rem;\n border: 0.1875rem solid var(--color-background);\n box-sizing: content-box;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: var(--color-green-darker);\n box-shadow: -0.375rem -0.25rem 0 -0.1875rem var(--color-background);\n @media (max-width: 600px) {\n top: 0.5rem;\n right: 0.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: var(--font-family);\n font-variant-numeric: tabular-nums;\n\n &::after {\n content: \"\";\n width: 0.75rem;\n height: 0.75rem;\n background: var(--color-error);\n border-radius: 0.375rem;\n position: absolute;\n top: 50%;\n margin-top: -0.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.symbol-menu-trigger {\n left: -1rem;\n bottom: 0;\n position: absolute;\n}\n\n@media (min-width: 600px) {\n .symbol-menu-button {\n width: 2rem !important;\n margin-left: 0.75rem !important;\n\n .Button + & {\n margin-left: -0.25rem !important;\n }\n }\n}\n\n.input-scroller {\n min-height: 3.5rem;\n max-height: 26rem;\n overflow: hidden;\n\n &.overflown {\n overflow-y: auto;\n }\n\n @media (max-width: 600px) {\n min-height: 2.875rem;\n max-height: 16rem;\n }\n\n & > .input-scroller-content {\n position: relative;\n }\n\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: height 100ms ease;\n\n body.animation-level-0 & {\n transition: none !important;\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 .custom-emoji {\n margin: 0;\n vertical-align: text-top;\n }\n\n // Workaround to preserve correct input height\n &.clone {\n .custom-emoji {\n vertical-align: bottom;\n }\n }\n}\n\n#message-input-text,\n#caption-input-text {\n position: relative;\n flex-grow: 1;\n\n .form-control {\n padding: calc((3.5rem - var(--composer-text-size, 1rem) * 1.375) / 2) 0.875rem;\n overflow: hidden;\n height: auto;\n line-height: 1.375;\n font-family: var(--font-family);\n unicode-bidi: plaintext;\n text-align: initial;\n font-size: var(--composer-text-size, 1rem);\n\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\n &.touched {\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 &.with-icon {\n display: inline-flex;\n align-items: center;\n }\n\n .placeholder-icon {\n margin-inline-end: 0.25rem;\n }\n\n @media (min-width: 600px) {\n left: 0.75rem;\n }\n }\n\n .forced-placeholder {\n z-index: var(--z-below);\n left: 0;\n\n @media (min-width: 600px) {\n left: 0.75rem;\n }\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,\n &:active,\n &:visited {\n text-decoration: underline !important;\n }\n }\n\n .spoiler {\n background-image: url(\"../../../assets/spoiler-dots-black.png\");\n background-size: auto min(100%, 1.125rem);\n border-radius: 0.5rem;\n padding: 0 0.3125rem 0.125rem 0.3125rem;\n text-shadow: -2px -2px 0 var(--color-background), 2px -2px 0 var(--color-background),\n -2px 2px 0 var(--color-background), 2px 2px 0 var(--color-background);\n }\n\n html.theme-dark & .spoiler {\n background-image: url(\"../../../assets/spoiler-dots-white.png\");\n }\n\n .clone {\n position: absolute;\n top: 0;\n left: 0;\n right: 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 .form-control {\n margin-bottom: 0;\n line-height: 1.3125;\n padding: calc((3.5rem - var(--composer-text-size, 1rem) * 1.3125) / 2) 0;\n white-space: pre-wrap;\n height: auto;\n\n @media (max-width: 600px) {\n padding: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2) 0;\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 @media (min-width: 600px) {\n padding-left: 0.75rem;\n }\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\n#caption-input-text {\n .input-scroller {\n min-height: 3.5rem;\n max-height: 10rem;\n\n margin-right: -5.625rem;\n\n &:has(.form-control:focus) {\n border-color: var(--color-primary);\n }\n }\n\n .input-scroller-content {\n margin-right: 5rem;\n }\n\n .placeholder-text {\n top: auto;\n bottom: 1.125rem;\n left: 0.9375rem;\n }\n}\n\n.composer-tooltip {\n position: absolute;\n bottom: calc(100% + 0.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: 0.3;\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 .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 &,\n &::before {\n transition: none !important;\n }\n }\n }\n\n .message-input-wrapper,\n &::before {\n opacity: 1;\n transition: opacity var(--select-transition);\n\n body.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,\n color 0.15s;\n\n body.animation-level-0 & {\n transition: none !important;\n }\n }\n\n &.hover-disabled,\n &:not(.shown) {\n pointer-events: none;\n }\n\n &:not(.shown) {\n .ComposerEmbeddedMessage {\n height: 0;\n }\n\n #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,\n &::before {\n opacity: 0;\n }\n\n > .Button {\n opacity: 0 !important;\n transform: scale(0.5);\n }\n }\n }\n\n .messaging-disabled {\n transform: scaleX(1);\n transition: transform var(--select-transition);\n\n .messaging-disabled-inner span {\n opacity: 1;\n transition: opacity var(--select-transition);\n\n body.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 &-inner {\n width: 100%;\n padding: 1rem;\n border-radius: var(--border-radius-messages);\n background: var(--color-background);\n color: var(--color-text-secondary);\n text-align: center;\n box-shadow: 0 1px 2px var(--color-default-shadow);\n }\n }\n\n .middle-column-footer {\n width: 100%;\n max-width: var(--messages-container-width);\n padding: 0 1rem;\n position: relative;\n display: flex;\n align-items: flex-end;\n z-index: var(--z-middle-footer);\n\n transform: translate3d(0, 0, 0);\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: top 200ms, transform var(--layer-transition);\n\n body.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 &: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 // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-bottom: env(safe-area-inset-bottom)) {\n padding-bottom: 0;\n }\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: -0.5625rem;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.4) 2%,\n rgba(255, 255, 255, 0.4) 98%,\n rgba(255, 255, 255, 0) 100%\n );\n opacity: 0;\n transition: opacity 350ms ease;\n\n @media (max-width: 600px) {\n left: -2%;\n right: -2%;\n }\n }\n\n &.with-notch::before {\n opacity: 1;\n }\n\n html.theme-dark &::before {\n background: linear-gradient(\n 90deg,\n rgba(127, 127, 127, 0) 0%,\n rgba(127, 127, 127, 0.4) 2%,\n rgba(127, 127, 127, 0.4) 98%,\n rgba(127, 127, 127, 0) 100%\n );\n }\n }\n}\n\n/* Common styles for message list fade-out shadow */\n.Composer,\n.MessageSelectToolbar,\n.messaging-disabled {\n margin-bottom: 1.25rem;\n\n @media (max-width: 600px) {\n margin-bottom: 0.5rem;\n }\n}\n\n.Composer,\n.MessageSelectToolbar,\n.unpin-all-button,\n.join-subscribe-button,\n.messaging-disabled {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.MessageSelectToolbar-inner,\n.unpin-all-button,\n.join-subscribe-button,\n.messaging-disabled {\n .mask-image-disabled & {\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n border-radius: var(--border-radius-messages);\n }\n}\n\n.middle-column-footer-button-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: absolute;\n padding-bottom: 1.25rem;\n\n .unpin-all-button {\n text-transform: capitalize;\n color: var(--color-black);\n\n @media (hover: hover) {\n &:hover {\n .icon-unpin {\n color: var(--color-white);\n }\n }\n }\n\n @media (max-width: 600px) {\n &:active,\n &:focus {\n .icon-unpin {\n color: var(--color-white);\n }\n }\n }\n\n .icon-unpin {\n margin-inline-start: -0.4375rem;\n margin-inline-end: 0.75rem;\n color: var(--color-text-secondary);\n font-size: 1.5rem;\n transition: color 0.15s;\n }\n }\n\n .join-subscribe-button,\n .unpin-all-button {\n height: 3.5rem;\n transform: scaleX(1);\n transition: transform var(--select-transition), background-color 0.15s, color 0.15s;\n\n .select-mode-active + .middle-column-footer & {\n box-shadow: none;\n transform: scaleX(var(--unpin-hidden-scale));\n }\n\n @media (max-width: 600px) {\n height: 2.5rem;\n }\n }\n\n @media (max-width: 600px) {\n padding-bottom: 0.75rem;\n margin-left: -0.5rem;\n\n // Target: Old Firefox (Waterfox Classic)\n @supports (padding-bottom: calc(0.75rem + env(safe-area-inset-bottom))) {\n padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));\n }\n }\n\n .mask-image-disabled &::before {\n background: unset;\n }\n}\n",".background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: -1;\n overflow: hidden;\n background-color: var(--theme-background-color);\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\n :global(html.theme-light) &:not(.customBgImage)::before {\n background-image: url('../../assets/chat-bg-br.png');\n }\n\n &:not(.customBgImage).customBgColor::before {\n display: none;\n }\n\n &.customBgImage::before {\n background-image: var(--custom-background) !important;\n transform: scale(1.1);\n }\n\n :global(body:not(.animation-level-0)) &.withTransition {\n transition: background-color 0.2s;\n\n &.customBgImage::before {\n transition: background-image var(--layer-transition);\n }\n }\n\n &.customBgImage.blurred::before {\n filter: blur(12px);\n }\n\n @media screen and (min-width: 1276px) {\n :global(body.animation-level-2) &:not(.customBgImage)::before {\n overflow: hidden;\n transform: scale(1);\n transform-origin: left center;\n }\n }\n\n :global(html.theme-light body.animation-level-2) &:not(.customBgImage).withRightColumn::before {\n @media screen and (min-width: 1276px) {\n transform: scaleX(0.73) !important;\n }\n @media screen and (min-width: 1921px) {\n transform: scaleX(0.8) !important;\n }\n @media screen and (min-width: 2600px) {\n transform: scaleX(0.95) !important;\n }\n }\n\n :global(html.theme-light body.animation-level-2) &:not(.customBgImage).withRightColumn.withTransition::before {\n transition: transform var(--layer-transition);\n }\n\n &:not(.customBgImage):not(.customBgColor)::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-image: url('../../assets/chat-bg-pattern-light.png');\n background-position: top right;\n background-size: 510px auto;\n background-repeat: repeat;\n mix-blend-mode: overlay;\n\n :global(html.theme-dark) & {\n background-image: url('../../assets/chat-bg-pattern-dark.png');\n mix-blend-mode: unset;\n }\n }\n}\n",".RightHeader {\n display: flex;\n align-items: center;\n height: var(--header-height);\n padding: 0.5rem 0.8125rem;\n pointer-events: auto;\n\n @media (max-width: 600px) {\n padding: 0.5rem;\n }\n\n .close-button {\n flex-shrink: 0;\n }\n\n > .Transition {\n flex: 1;\n height: 100%;\n\n > 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: 0.875rem 0.5rem 0.5rem;\n box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n border-bottom: 0.625rem solid var(--color-background-secondary);\n\n .narrow {\n margin-bottom: 0;\n }\n\n .inactive.no-selection {\n user-select: auto;\n -webkit-user-select: auto !important;\n }\n\n [dir=\"rtl\"] {\n .Switcher {\n margin-left: 0;\n margin-right: auto;\n }\n }\n }\n\n .FloatingActionButton {\n z-index: 1;\n }\n}\n\n.shared-media {\n display: flex;\n flex-direction: column-reverse;\n\n .TabList {\n background: var(--color-background);\n top: -1px;\n z-index: 1;\n\n .Tab {\n padding: 1rem 0.75rem;\n\n span {\n white-space: nowrap;\n }\n\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: 0.0625rem;\n }\n\n &.documents-list {\n padding: 1.25rem;\n\n & .File + .File {\n margin-top: 1.25rem;\n }\n }\n\n &.links-list {\n padding: 1.25rem;\n\n .ProgressSpinner,\n .message-transfer-progress {\n display: none;\n }\n }\n\n &.audio-list,\n &.voice-list {\n padding: 1.25rem;\n\n & .Audio {\n .media-loading {\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n & + .Audio {\n margin-top: 1.6875rem;\n }\n }\n }\n\n &.commonChats-list,\n &.members-list {\n padding: 0.5rem;\n\n @media (max-width: 600px) {\n padding: 0.5rem 0;\n\n .ListItem.chat-item-clickable {\n margin: 0;\n }\n }\n }\n }\n}\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 padding-right: env(safe-area-inset-right);\n transform: translate3d(var(--right-column-width), 0, 0);\n background: var(--color-background);\n border-left: 1px solid var(--color-borders);\n z-index: var(--z-right-column);\n\n transition: transform var(--layer-transition);\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (padding-right: env(safe-area-inset-right)) {\n padding-right: 0;\n }\n\n body.animation-level-0 & {\n transition: none;\n }\n\n @media (max-width: 1275px) {\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n border-left: none;\n }\n\n @media (max-width: 600px) {\n width: 100vw;\n transform: translate3d(110vw, 0, 0);\n }\n\n > .Transition {\n height: calc(100% - var(--header-height));\n overflow: hidden;\n }\n\n .Management .section > .ChatInfo {\n padding: 0 1.5rem;\n margin: 1rem 0;\n text-align: center;\n\n .Avatar {\n margin: 0 auto 0.5rem;\n\n &.no-photo {\n cursor: default !important;\n }\n }\n\n .title {\n display: flex;\n justify-content: center;\n align-items: center;\n\n h3 {\n font-weight: 500;\n font-size: 1.25rem;\n line-height: 2rem;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n .emoji {\n width: 1.5rem;\n height: 1.5rem;\n background-size: 1.5rem;\n }\n }\n\n .status {\n font-size: 0.875rem;\n color: #868e96;\n }\n }\n}\n\n#RightColumn-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--z-right-column);\n overflow: hidden;\n visibility: hidden;\n pointer-events: none;\n\n @media (max-width: 1275px) {\n position: fixed;\n }\n\n &.is-hidden {\n display: none;\n }\n\n .overlay-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n background: black;\n opacity: 0;\n\n @media (max-width: 600px) {\n transition: opacity var(--layer-transition);\n\n body.animation-level-0 & {\n transition: none;\n }\n }\n }\n\n #Main.right-column-shown & {\n visibility: visible;\n }\n\n #Main.right-column-open & {\n @media (max-width: 600px) {\n .overlay-backdrop {\n opacity: var(--layer-blackout-opacity);\n }\n }\n\n #RightColumn {\n pointer-events: auto;\n transform: translate3d(0, 0, 0);\n }\n }\n}\n",".GameModal {\n .modal-dialog {\n max-width: 80%;\n height: 100%;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-shadow: none;\n margin: 0;\n }\n\n .modal-header {\n display: none;\n }\n\n .modal-content {\n overflow: hidden;\n }\n\n .game-frame {\n width: 100%;\n height: 100%;\n border: 0;\n border-radius: var(--border-radius-default);\n }\n\n @media (max-width: 600px) {\n .modal-dialog {\n background-color: var(--color-background);\n max-width: 100% !important;\n border-radius: 0;\n }\n\n .modal-header {\n display: flex;\n padding: 0.5rem;\n }\n\n .modal-content {\n max-height: none;\n padding: 0;\n }\n\n .game-frame {\n border-radius: 0;\n }\n }\n}\n",".root {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--z-confetti);\n\n pointer-events: none;\n overflow: hidden;\n}\n","#Main {\n height: 100%;\n text-align: left;\n overflow: hidden;\n\n @media (min-width: 1276px) {\n position: relative;\n }\n\n @media (max-width: 600px) {\n height: calc(var(--vh, 1vh) * 100);\n }\n\n @media (min-width: 926px) {\n display: grid;\n grid-template-columns: auto 1fr;\n grid-template-rows: 100%;\n }\n}\n\n.has-call-header {\n --call-header-height: 2rem;\n\n #LeftColumn, #MiddleColumn, #RightColumn-wrapper {\n height: calc(100% - 2rem);\n margin-top: 2rem;\n }\n}\n\n#LeftColumn {\n width: 33vw;\n\n --left-column-min-width: 16rem;\n --left-column-max-width: 26.5rem;\n\n min-width: var(--left-column-min-width);\n max-width: var(--left-column-max-width);\n\n height: 100%;\n position: relative;\n background-color: var(--color-background);\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: 926px) {\n --left-column-max-width: 40vw;\n }\n\n @media (min-width: 1276px) {\n width: 25vw;\n --left-column-max-width: 33vw;\n }\n\n @media (max-width: 925px) {\n position: fixed;\n left: 0;\n top: 0;\n height: calc(var(--vh, 1vh) * 100);\n width: 26.5rem !important;\n\n transform: translate3d(-5rem, 0, 0);\n transition: transform var(--layer-transition);\n\n body.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: 0;\n transition: opacity var(--layer-transition);\n z-index: 1;\n pointer-events: none;\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 #Main.left-column-animating &, body.is-android #Main:not(.left-column-open) & {\n display: block;\n }\n\n body:not(.is-android) #Main:not(.left-column-open) &,\n body.android-left-blackout-open & {\n opacity: var(--layer-blackout-opacity);\n }\n }\n\n #Main.left-column-open & {\n transform: translate3d(0, 0, 0);\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n &:after {\n transition: none;\n }\n }\n }\n\n @media (max-width: 600px) {\n max-width: none;\n --left-column-max-width: calc(100vw - env(safe-area-inset-left));\n transform: translate3d(-20vw, 0, 0);\n left: env(safe-area-inset-left) !important;\n width: calc(100vw - env(safe-area-inset-left)) !important;\n\n // Target: Old Firefox (Waterfox Classic)\n @supports not (left: env(safe-area-inset-left)) {\n left: 0 !important;\n width: 100vw !important;\n }\n }\n}\n\n#RightColumn {\n @media (max-width: 600px) {\n height: calc(var(--vh, 1vh) * 100 + 1px);\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n .overlay-backdrop {\n transition: none;\n }\n }\n}\n\n#Main.history-animation-disabled .overlay-backdrop {\n transition: none;\n}\n\n#MiddleColumn {\n border-left: 1px solid var(--color-borders);\n\n @media (max-width: 925px) {\n max-width: none;\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n\n transform: translate3d(0, 0, 0);\n transition: transform var(--layer-transition);\n\n body.animation-level-0 & {\n transition: none;\n }\n\n #Main.left-column-open & {\n transform: translate3d(26.5rem, 0, 0);\n }\n }\n\n @media (max-width: 600px) {\n border-left: none;\n\n #Main.left-column-open & {\n transform: translate3d(100vw, 0, 0);\n }\n\n #Main.right-column-open & {\n transform: translate3d(-20vw, 0, 0);\n }\n }\n\n #Main.history-animation-disabled & {\n transition: none;\n\n &:after {\n transition: none;\n }\n }\n}\n\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.left-column-open:not(.left-column-animating) {\n #MiddleColumn {\n display: none;\n }\n }\n\n #Main.left-column-open {\n #MiddleColumn {\n transform: translate3d(10vw, 0, 0);\n opacity: 0;\n }\n }\n\n #Main:not(.left-column-open) {\n #LeftColumn {\n transform: translate3d(0, 0, 0);\n opacity: 0;\n }\n }\n\n // @optimization\n #Main:not(.right-column-open):not(.right-column-animating) {\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",".container {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wrapper {\n display: inline-flex;\n flex-direction: column;\n background: var(--color-background);\n color: var(--color-text);\n max-width: 20rem;\n padding: 1.5rem 1rem 0;\n border-radius: var(--border-radius-default);\n z-index: 2;\n\n &[dir=\"rtl\"] {\n text-align: right;\n }\n}\n\n.icon {\n width: 10rem;\n height: 10rem;\n margin: 0 auto 1rem;\n}\n\n.help {\n margin-top: 2rem;\n}\n"],"names":[],"sourceRoot":""} |