telegram-tt/dist/146.c7894c08fd3a8dd34c76.css.map

{"version":3,"file":"146.c7894c08fd3a8dd34c76.css","mappings":"AAAA,YACE,aACA,qBACA,WACA,eAEA,WACA,wBAEA,kBACE,UAGF,oBACE,uBAEA,yBAHF,oBAII,cAIJ,kBACE,aACA,sBACA,uBACA,eAGF,mBACE,oBACA,gBACA,gBACA,gBACA,uBAGF,kBACE,oBACA,kBACA,wB;ACvCJ,oBACE,aACA,yBACA,4BAEA,4BACE,2BAIJ,2BACE,kBAEA,4CACE,kBACA,MACA,O;AChBJ,mBACE,kBACA,SACA,eACA,WACA,wBAEA,uCACE,aAGF,0BAXF,mBAYI,mBAGF,yBAfF,mBAgBI,sBACA,mEAEA,gCACE,UACA,oBAEA,wDACE,UACA,oBAKN,gDACE,kBACA,0CACA,YACA,eACA,WACA,wBAEA,sDACE,UAGF,yBAZF,gDAaI,WAIJ,6BACE,UAGF,+BACE,gBACA,cACA,gBACA,kBACA,2BACA,mBACA,uBACA,mBAEA,0BAVF,+BAWI,oBAGF,sCACE,eACA,gBACA,oBAIA,iDACE,WACA,kBACA,cACA,eACA,aACA,gBACA,2BACA,2CACA,uBAEA,yBAXF,iDAYI,aACA,iBAMR,qBACE,yBAEA,sDAEE,+B;AChGN,qBACE,aACA,mBACA,kBACA,OACA,SACA,WACA,oBACA,kBACA,mEAEA,yCACE,aAGF,yBAfF,qBAgBI,eACA,6BACA,gBACA,+BAIA,8CACE,gBACA,UACA,eACA,iBAGF,wCACE,iBAGF,qDACE,iBAIJ,6BACE,cACA,UACA,cACA,eACA,yBALF,6BAMI,gBAIJ,6BACE,mBAGF,kCACE,cACA,mBAGF,iCACE,iBACA,yBAFF,iCAGI,kBAEF,mCACE,oBACA,yBAFF,mCAGI,kBAKN,yBACE,8CACE,kBAIJ,uCACE,kBACA,SACA,2BACA,mBACA,gBACA,uBAEA,yBARF,uCASI,gBACA,UACA,eACA,iBACA,kBACA,mDACE,eAKN,sCACE,kBACA,UACA,WACA,MACA,YAGA,4CACE,kBACA,QACA,cACA,eACA,WACA,2BACA,uCACA,2CAGF,wIAGE,kBACA,MACA,OACA,YACA,2CAGF,+CACE,sCAGF,6CACE,gCAEA,oDACE,WACA,kBACA,aACA,cACA,kBACA,sCACA,QACA,QACA,oCAIJ,4CACE,WACA,UACA,SACA,UACA,eACA,gBAEA,kEACE,iB;AC3JR,aACE,kBACA,oBACA,sBACA,gBAEA,iCACE,kBACA,MACA,QACA,SACA,OACA,qCACE,sBACA,uBAEF,uCACE,2BAIJ,yBArBF,aAuBI,WAGF,yBA1BF,aA2BI,kBAGF,0BA9BF,aA+BI,sBACS,yBACP,iBAIJ,mBACE,cACA,iCACA,YACA,mBACA,aACA,WACA,YACA,6BACA,wBAEA,0BAXF,mBAYI,gCAEO,+BACP,+BACA,0BAFO,+BAGL,gCAKN,0BACE,kBACA,SACA,QACA,gCACA,cACA,eACA,2CACA,uDACE,uCAGF,qCACE,kBACA,kBACA,aAIJ,gCACE,kBACA,MACA,OACA,WACA,YACA,aACA,mBACA,uBAEA,2CACE,2BACA,WACA,iBACA,kBACA,cACA,aACA,UACA,kBACA,qBACA,qBAGF,iDACE,e;ACtGN,cACE,kBACA,eACA,SACA,0BACA,2CACA,WACA,gBACA,gBACA,qCACA,+BACA,oBAEA,mBACE,8BACA,mBAGF,+CAEE,kBACA,aACA,aACA,cACA,WAEA,mDACE,iBAIJ,wBACE,WAGF,uBACE,YAGF,wBACE,kBACA,aACA,cACA,aACA,YAEA,8BACE,kBACA,QACA,cACA,eACA,WACA,2BACA,sCACA,2CAGF,6DAEE,kBACA,MACA,OACA,YACA,2CAGF,+BACE,gBACA,uBAEA,sCACE,WACA,kBACA,aACA,cACA,kBACA,oCACA,QACA,QACA,oCAIJ,8BACE,WACA,YACA,cACA,UACA,SACA,UACA,eACA,gBAEA,oDACE,iB;AC9FR,4BAEE,kBACA,WACA,YAGF,aACE,YACA,0CAGF,eACE,iCAEA,iCACE,gBAGF,uBACE,eACA,MACA,O;ACtBJ,aACE,eACA,MACA,OACA,YACA,YACA,0BACA,WACA,8BACA,gBAEA,aACA,2BACA,+BACA,kBACA,eACA,sBACA,mBAGA,yBACE,yBACA,mBAIA,sIACE,aAIJ,oCACE,mCAKA,sEACE,oBACA,gBAKF,gCACE,aAGF,uCACE,UAGF,0CACE,eACA,MACA,OACA,YACA,aACA,UACA,UAIJ,gCACE,aACA,mBACA,kBACA,kBACA,mCACA,YAEA,4CACE,WACA,YAGF,yBAbF,gCAcI,gBAEA,oDACE,qBAKN,mDAEE,oBAGF,+DAEE,kBACA,oBACA,kBACA,WACA,YACA,aACA,mBACA,gBAGF,mCACE,kBACA,UACA,kBACA,YACA,oBACA,uBACA,mBAEA,8CACE,eACA,yBAFF,8CAGI,iBAGF,0BANF,8CAOI,gBAGF,kDACE,+BACA,0BAFF,kDAGI,gCAKN,8CACE,kBAEA,kDACE,kBACA,QACA,SACA,gCAIJ,uCACE,gBACA,iCACA,mBACA,yBAGF,oDACE,gBACA,YAGF,4CACE,YAIJ,yBACE,eACA,SACA,WACA,SACA,YACA,UACA,SACA,wCACA,iCACA,wBACA,UACA,wBACA,aACA,eACA,UAEA,yBAjBF,yBAkBI,YAGF,sEACE,UAGF,8BACE,OACA,yDACA,6CAEA,uCACE,UACA,QACA,qBAIJ,8BACE,QACA,yDACA,0DAEA,uCACE,OACA,WACA,qBAIJ,gCACE,qBACA,aACA,YACA,6BAEA,yBANF,gCAOI,UACA,gCACA,oBAEA,wDACE,UACA,oBAOV,OACE,kBACA,8BACA,8BACA,gBACA,gBACA,+CAEA,uBACE,4CAGF,cACE,kBAGF,mBACE,iFAGF,wBAEE,WACA,YACA,iBACA,yBACA,+C;AC5PJ,eACE,8BAEA,6BACE,WACA,gBAEA,yBAJF,6BAKI,YAIJ,6BACE,aACA,mBACA,qBAEA,qCACE,mBAGF,0CACE,SAGF,2CACE,YACA,2BAEA,eACA,cACA,kBACA,oBACA,uBAIJ,8BACE,UACA,gBACA,aACA,sBAEA,2CACE,YACA,kBACA,gBACA,oBAIJ,2BACE,YACA,SACA,kBACA,aACA,mBACA,uBACA,kCAKE,yBADF,yEAEI,SAEA,0FACE,iB;ACnEV,SACE,eACA,MACA,OACA,YACA,aACA,uB;ACLA,6BACE,mBACA,4CACE,0BAIJ,2BACE,aACA,mBACA,uBACA,qBAEA,yCACE,eACA,kBAEA,qDACE,kBAEF,oDACE,iBAKN,uBACE,aACA,yBACA,sBAEA,+BACE,oBAEA,uCACE,iBAKN,+BACE,aACA,mBAEA,kCACE,OACA,qBACA,kBAEA,yBALF,kCAMI,oBAGF,0CACE,2BAIJ,8CACE,WACA,oBAIJ,2BACE,kBACA,mBACA,wBACA,gBACA,uBAEA,yBAPF,2BAQI,uBAGF,mCACE,gBACA,YAGF,qCACE,eAEA,2CACE,wDAGF,8CACE,sCACA,WAIJ,oCACE,YACA,oBAGF,mCACE,WACA,cACA,iBAGF,gCACE,kBACA,MACA,OACA,WACA,YACA,aACA,mBACA,uBACA,kBAIJ,iCACE,aACA,mBACA,uBACA,iBACA,4BAGF,8BACE,aACA,qCACA,W;ACjIJ,sBACE,kBACA,aACA,WACA,YACA,WACA,WACA,uBACA,SAqBA,UAnBA,mDACE,qBACA,sBAGF,mCACE,WAGF,yBAnBF,sBAoBI,UACA,WACA,eAEA,mCACE,cAMJ,4BACE,oBACA,+EAGF,kDACE,kCAGF,kHAEE,SAGF,6CACE,2BAGF,kCACE,UACA,oBAEA,+CACE,iDAGF,4EACE,2FAGF,kFACE,kEAIJ,8BACE,WACA,gBACA,WACA,UACA,WAGF,4BACE,WACA,gBACA,aACA,mBACA,eAEA,mCACA,4CACA,iDACA,gBAEA,yBAZF,4BAaI,UACA,gBAGF,oCACE,WACA,YAEA,yBAJF,oCAKI,eACA,iBAKN,4BACE,iBACA,mBACA,gBACA,uBACA,YAEA,yBAPF,4BAQI,oBAIJ,8BACE,iBACA,aAEA,wCACE,iBACA,kBAEA,0CACE,eAGF,mDACE,a;AC9HN,yBACE,gBAGF,mCACE,mBAGF,2BACE,YACA,eACA,gBACA,kBACA,mBAEA,qBACA,8BAEA,8CACE,SAGF,oDACE,+BAIJ,+BACE,qBACA,aACA,YACA,uBACA,kBACA,2CACA,eACA,kBACA,gBAEA,2CACE,oBAGF,0CACE,qBAGF,uCACE,sBAGF,qCACE,mCAGF,8CACE,kBACA,mBACA,iBACA,gBACA,uBAEA,2DACE,WACA,YACA,qBACA,sBACA,oBAKN,qCACE,aACA,mBAEA,6CACE,iBAIA,sDACE,cACA,kB;AClFN,yBACE,iBAGA,qFACE,qCAIJ,8BACE,qBAIA,0BACE,YAGF,sBACE,eACA,WAGF,6BACE,kCAEA,sDACE,wBACA,mBACA,qBACA,kBAIJ,4BACE,YACA,kCACA,gBACA,uBAEA,yCACE,wBAGA,gDACE,aAIJ,gCACE,cACA,eACA,iBACA,sBACA,wBACA,oBAGF,uCACE,kBACA,qBACA,iBACA,WACA,6BACA,wBACA,gBAKN,uBACE,aACA,8BAIA,gCACE,iB;AC9EN,aACE,aACA,YACA,mBACA,8BACA,kBACA,oBAEA,wBACE,aACA,cACA,eACA,mBACA,eACA,kBACA,gBACA,kCAEA,uCACE,kBACA,oB;ACpBN,wBACE,sBACA,YACA,gBACA,yBAEA,MACE,gBACA,sBAGF,kBACE,UACA,6BAGF,yBACE,uCAEA,iBACE,8BAIJ,iBACE,oBACA,qBACA,oCACA,gBAEA,mBACA,kCACA,sCAEA,UACE,kBACA,WACA,WACA,gCACA,aACA,SACA,8EAGF,cAEE,sBACA,oCACA,mBACA,8FAEA,SACE,cACA,uHAKN,4BAEE,wBACA,2CACA,uIAEA,YACE,sBAIJ,YACE,0CAGF,iBACE,YACA,YACA,gBACA,uBACA,sBACA,2BAGF,gBACE,kCACA,kBACA,mBACA,yBAGF,YACE,cACA,qCACA,mBACA,gBACA,mCAIA,gBACE,qCAGF,gCACE,uDAMA,sBACE,2BACA,uBACA,+DAEA,WACE,6EACA,aACE,yBACA,8DAIJ,YACE,kCACA,4EAEA,UACE,gEAMJ,gBACE,wEAEA,WACE,0DAQR,uBACE,iEAEA,YACE,gBACA,0BAKN,sBACE,kBACE,8BAIJ,oBACE,8CAEA,iCACE,mBACA,gBACA,2BACA,oBACA,oDAEA,WACE,yBACA,gBACA,kBACA,mHAEA,8BAEE,0HAMF,UACE,iBACA,eACA,sCAKN,aACE,oBACA,6BAIJ,iBACE,aACA,cACA,iBACA,8BACA,qBACA,iDACA,yCACA,iCACA,gBACA,kBACA,8BAEA,iDAEA,aACE,4DAEA,iBACE,qEAKF,gBACE,eACA,2BAKN,WACE,qCAIA,cACE,mBACA,C;ACjOJ,yBACE,wBACA,gBACA,yBACA,iBACA,kBAGF,kDACE,gBAGF,2BACE,kBACA,YACA,WACA,iDAGF,wBACE,gBACA,cACA,kBAEA,gCACE,WACA,cACA,iBAGF,qCACE,kBACA,MACA,OACA,kDAGF,qCACE,YACA,kDAOA,kEACE,gCAGF,qDACE,gCAGF,8CACE,gCAGF,yDArEJ,gCACA,eACA,mBACA,oFAEA,+DACE,qBAmEE,qDAzEJ,gCACA,eACA,mBACA,iFAEA,2DACE,qBAuEE,8CA7EJ,gCACA,eACA,mBACA,gFAEA,oDACE,qB;ACJF,sBACE,iBACA,kBACA,aACA,cACA,mBACA,wBACA,mBACA,uBACA,sCACA,kBACA,WACA,eACA,eACA,kBACA,gBACA,wBAEA,4BACE,aAGF,0BACE,kBACA,MACA,OACA,WACA,YAGF,wBACE,mBACA,iCACA,qCAKA,6UACE,wBAGF,6GACE,2BAKF,8BACE,qBAIJ,6BACE,yCAEA,oCACE,WACA,cACA,kBACA,OACA,MACA,WACA,YACA,gCAIJ,+BACE,oBAEA,iCACE,aAGF,sCACE,a;AC/ER,gBACE,mCACA,aACA,mBACA,gBACA,oBACA,+BACA,qBAEA,kBACE,iBACA,kBACA,kCAGF,yBACE,a;AChBJ,4BACE,yCAEA,2CACE,+CAEA,8DACE,oBACA,kBACA,YAGF,8DACE,kCAIJ,yCACE,sBAEA,qDACE,aAKF,uFACE,uBAGF,kFACE,qBAGF,iEACE,iBACA,qBAGF,kEACE,eACA,gBACA,SAIA,0EACE,cACA,kBACA,eACA,sBAKN,kDACE,mBACA,gBACA,oBAGF,iDACE,uBACA,6C;AC/DJ,mCACE,WACA,aACA,mBACA,8BAIA,sCACE,aACA,mBAEA,8CACE,qBACA,oBAGF,6CACE,aACA,2BACA,mBAEA,gDACE,eACA,gBACA,mBACA,SACA,gBACA,mBACA,uBACA,gBAIJ,8CACE,aAIA,yDACE,iBAMJ,+CACE,WAIJ,2DACE,2BAEA,6DACE,UACA,cAKF,6CACE,mBACA,sBAKN,+BACE,eACA,wBACA,6B;ACxDF,aACE,qCAEA,mBAEA,sBACE,oBACA,4CAGF,6BACE,aACA,8BACA,sBAEA,oCACE,cACA,iBACA,kCAIA,6CACE,cACA,kBAKN,0BACE,kBACA,UAEA,kCACE,WACA,kBACA,WACA,OACA,aACA,eACA,sCACA,sBACA,WACA,WAIJ,gCACE,kBACA,WACA,OACA,aACA,eACA,qCACA,sBACA,oBAIF,+BACE,wBACA,cACA,WACA,cACA,oBACA,uBAEA,qCACE,aAGF,0CACE,WACA,eAEA,uBACA,yBACA,kBAGF,qDACE,wBAQF,qDAvGF,+BACA,YACA,cACA,aACA,kBACA,eACA,mBACA,oFAEA,2DACE,qBAiGA,iDA3GF,+BACA,YACA,cACA,aACA,kBACA,eACA,mBACA,iFAEA,uDACE,qBAqGA,0CA/GF,+BACA,YACA,cACA,aACA,kBACA,eACA,mBACA,gFAEA,gDACE,qBA0GF,6BACE,aACA,wBACA,sBACA,sBAGF,4BACE,kBACA,kBACA,eACA,kCACA,0BAEA,qEACE,wBAGF,mCACE,gBAGF,wCACE,gBAGF,uCACE,iB;AC/IJ,4CACE,oBAGF,+DAEE,WACA,YACA,mBACA,UACA,cAGF,wBACE,eACA,gBAGF,yCACE,aACA,sBACA,uBAIA,iFAEE,mB;AC5BN,eACE,SACA,oBACA,eACA,kBAEA,kDAEE,kBACA,OACA,MACA,WACA,YAGF,4BACE,gBACA,mBACA,+BAEA,mEACE,kBACA,OACA,MACA,WACA,YACA,iBAIJ,sBACE,WACA,cACA,sCACA,UACA,6BAIA,+BACE,UAGF,qCACE,qBAIJ,kCACE,YACA,aACA,mBACA,uB;ACnDF,gDACE,aACA,cACA,qCACA,mBACA,gBAGF,oCACE,uBACA,gB;ACVF,0DACE,gCAGF,0FACE,kBAGF,8CACE,gBACA,aACA,kBAGF,4CACE,cACA,aAGF,uCACE,cACA,WACA,YACA,2CACA,eAGF,wCACE,kBACA,aACA,cACA,aACA,cACA,wCACA,qBACA,YAGF,oDACE,YAGF,uCACE,sBACA,aAEA,oDACE,gBAGE,mEACE,mDAKN,gEACE,mBAGF,+DACE,kBAIJ,mDACE,aACA,cACA,qCACA,mBACA,gBAEA,uDACE,eACA,iDACA,iCAEA,8DACE,0CACA,wDAIF,8DACE,cACA,WACA,WACA,iBACA,oB;ACzFR,QACE,kBACA,cACA,iBACA,kBACA,aACA,cACA,sBAEA,gDATF,QAUI,YACA,aACA,sBAGF,YACE,YACA,aAGF,yBACE,kBACA,OACA,MACA,WACA,YAEA,gCACE,aAIJ,wBACE,WACA,YACA,qBACA,wD;ACpCJ,UACE,YAEA,cACE,aACA,sBACA,gBAIJ,sBACE,aACA,YACA,8BACA,mBAIA,4BACE,WAEA,6CACE,6BACA,8BAKN,kBACE,mCACA,yCACA,gBAEA,kCACE,aACA,sBAEA,iDACE,cACA,YAIJ,0BACE,iBACA,mBAGF,iCACE,iBACA,qBAIJ,yBACE,aACA,sBACA,mBACA,sBACA,kBAEA,sCACE,WAIJ,uBACE,WACA,YACA,qBACA,kBAEA,wCACE,kBACA,OACA,MACA,WACA,YAEA,+CACE,aAKN,oBACE,qBAGF,uBACE,uBACA,kBAEA,+BACE,qBAGF,6BACE,aACA,uBACA,mBACA,gBACA,iBACA,iBACA,SAEA,2CACE,mBACA,iBAIJ,8BACE,kBACA,cACA,SAIJ,eACE,0CACA,2BAEA,yBACE,gBAGF,sBACE,eACA,kCACA,mBACA,kBAEA,+BACE,iBAIJ,sBACE,gBAGF,2BACE,kBACA,kCACA,mBACA,qBAEA,oDACE,eAGF,oCACE,iBACA,uBAIJ,kCACE,eACA,sBACA,kCACA,gBACA,qBAEA,2CACE,iBAIJ,yBACE,oBAEA,oCACE,gBAGF,8CACE,oBAEA,wDACE,WAGF,oDACE,YACA,iBACA,iBACA,kCAGF,6GACE,cACA,gBAGF,qDACE,oBAGF,wDACE,kBACA,mBACA,kCAEA,kEACE,oBAGF,8DACE,wBAGF,8DACE,sBACA,uBAMJ,sDACE,yBAEA,wDACE,cAKN,2CACE,oBAEA,4DACE,mBACA,gBACA,cAGF,mDACE,WACA,YACA,kBAGF,yDACE,eACA,iBACA,qBACA,gBAGF,0DACE,kBACA,iBACA,kCAMA,+HACE,iBAGF,6DACE,WACA,cACA,kBAMR,4BACE,wBAGF,qDACE,qBAIA,8CACE,gBAIJ,gEACE,gBAIJ,sBACE,yCACA,kBACA,gBAEA,wCACE,YAGF,4CACE,aAIJ,uBACE,iBAGF,eACE,yB;ACxTF,SACE,YACA,gBACA,kBAEA,eACE,yCACA,gBAEA,sBACE,kBACA,aACA,sBAEA,yDACE,kBACA,oBACA,qBAGF,6BACE,yBAGF,4BACE,sBACA,kCAGF,4CACE,kCACA,eACA,gBACA,mBAGF,yCACE,kBACA,oBAEA,kBACA,Y;ACzCR,eACE,YACA,gBAEA,0BACE,yC;ACLJ,oBACE,kBACA,eAEA,4BACE,qBACA,4GAGF,8BACE,kBACA,kB;ACVF,+BACE,eACA,eAGF,yBACE,+BACE,iBAIJ,+BACE,mBAGF,gCACE,kBACA,UAGF,2BACE,kBACA,WACA,aACA,gBACA,gBACA,iBACA,gBAGF,iCACE,gBACA,0CACA,+CAEA,wCACE,qBAIJ,0BACE,WACA,kBACA,kC;AC5CJ,qBACE,eACA,MACA,OACA,QACA,aACA,6BAEA,2BACE,kBACA,eAEA,qCACE,sCAGF,mCACE,6BACA,8B;AClBN,sBACE,kBACA,MACA,OACA,+BACA,WACA,cACA,mCACA,aACA,mBACA,yBAEA,mCACE,mBACA,OAIJ,sBACE,kBACA,SACA,OACA,+BACA,WACA,cACA,mCACA,aACA,mBACA,kBACA,oBAEA,+BACE,OACA,kCAKF,sEAEE,8B;ACxCJ,gBACE,wBACA,gBACA,sBAEA,WAEA,yBAPF,gBAQI,yBAGF,8CACE,SAEA,+DACE,gBAGF,oDACE,aAGF,qDACE,0BACA,cAGF,sDACE,eAIA,+DACE,WAMJ,oCACE,iBAGF,kCACE,kBAIA,0CACE,YAIJ,uCACE,wB;ACtDN,iBACE,kCAEA,+BACE,mBACA,yBAFF,+BAGI,gBACA,uBAIJ,gCACE,+BACA,iCACA,yBAHF,gCAII,uBAIJ,gCACE,iBACA,cACA,aACA,eACA,qBAEA,0EAEE,OACA,0BACA,aACA,oBACA,2CACA,iBAEA,gGACE,YACA,iBACA,gBAGF,0GACE,kBAKN,mCACE,iBACA,cACA,cACA,aACA,sBACA,wBAEA,0DACE,qBAGF,8CACE,0BAIJ,6CACE,kBAEA,2DACE,mCAGF,6DACE,mBACA,UAIJ,8BACE,kBAEA,2EAEE,WACA,kBACA,OACA,MACA,QACA,SACA,2CACA,oBAEA,UACA,yBACA,UAGF,sCACE,mDACA,yCAGF,qCACE,sCACA,aACA,uBACA,mBACA,2BAKF,8CACE,YAGF,6CACE,UAGF,wIAGE,oBAGF,mFAEE,2C;AC9HJ,yBACE,mBACA,8BAGF,0BACE,+BACA,oBAGF,mCACE,mBAGF,2BACE,kCACA,eACA,gBACA,qBAGF,yBACE,6BACA,iBACA,6CACA,iBACA,cAEA,mCACE,6BAGF,yBAXF,yBAYI,gBACA,gBAEA,4DACE,kBAKN,2BACE,kBAEA,yCACE,mBAGF,iDACE,kBACA,aACA,eAIJ,sBACE,kBAEA,sCACE,oBAGF,4BACE,iBAIJ,iBACE,kBACA,kCAGF,kBACE,kBACA,yBACA,2BAGF,mCACE,oB;ACjFJ,aACE,oBACA,mBACA,uBACA,aACA,cACA,eACA,kDACA,eACA,kBACA,mBACA,6BACA,sCAEA,yBACE,oBAGF,sCAEE,kDAGF,iBACE,WACA,Y;ACzBJ,aACE,YAEA,kBACE,yBACA,gBACA,cAEA,yBALF,kBAMI,sBAGF,wCACE,aACA,eAIJ,oBACE,YACA,6CACA,aACA,mBACA,6BACA,+CAEA,yBARF,oBASI,gBACA,kBACA,cACA,mBACA,mBAEA,qBACA,8BAEA,uCACE,SAGF,6CACE,+BAGF,uCACE,oBACA,sBAIF,2BACE,WACA,cACA,cACA,WACA,a;ACvDR,eACE,YAEA,oBACE,kBACA,yBACA,gBACA,cAEA,yBANF,oBAOI,sBAIJ,sBACE,YACA,6CACA,kBACA,gBACA,kBACA,mBACA,+CAEA,qBACA,8BAEA,yCACE,SAGF,+CACE,+BAIF,6BACE,WACA,cACA,cACA,WACA,YAIF,0CACE,oBACA,sBAEA,wDACE,qBAEA,qIACE,YACA,aACA,WACA,YAIJ,6DACE,WACA,YACA,kBACA,aACA,mBACA,uBAEA,+IACE,WACA,YACA,kBACA,MACA,OAMR,qCACE,YACA,cAEA,yBAJF,qCAKI,YAIJ,mCACE,yBACA,eACA,gBACA,kD;AC3FJ,WACE,aACA,mBACA,uBACA,eACA,6BACA,eACA,gBACA,kBAEA,sBACE,mBAGF,oBACE,uBAGF,sBACE,uBAGF,sBACE,iCACA,wCAGF,4BACE,kBAGF,uCACE,WACA,YACA,iBAGF,uBACE,yBACA,kBAGF,oBACE,kBACA,oB;AC5CJ,WACE,aACA,qCACA,uBACA,gBACA,qBACA,YACA,gBACA,eAEA,gDACE,iBACA,0B;ACTF,wBACE,eACA,OACA,QACA,SACA,mCACA,gGACA,UAEA,6CAEA,6BACE,+BAEA,uDACE,gGAIJ,+CACE,gBAGF,iDACE,8CAIJ,iBACE,+BACA,iCACA,0DAGF,mBACE,wCACA,0CACA,aACA,mBACA,uBACA,+CACA,kBAEA,2BACE,cACA,0BACA,gBACA,gBACA,UAEA,qCACE,oBAGF,6CACE,gBAGF,gDACE,kBACA,YAGF,gDACE,kBACA,aAKN,8BACE,YAEA,uCACE,iCAKF,sCACE,kBACA,UACA,OACA,WACA,aACA,cAIJ,oBACE,UACA,+BACA,gBAGF,6BACE,iCACA,aACA,mBACA,uBACA,kCAGF,iCACE,aACA,kBACA,aACA,WAGF,+BACE,iCACE,eAKN,YACE,mBAEA,iBACE,eACA,sBACA,gBACA,SACA,mBACA,kDACA,gBACA,mBACA,uBACA,mBACA,uBAGF,sBACE,mBAGF,mBACE,cACA,0BACA,gBACA,gBACA,UChJF,iFDoJE,gBAIA,8CACE,cAGF,0CACE,gB;AE/JN,YACE,kBAGE,sCACE,kBACA,UACA,UACA,QACA,aAKJ,mCACE,mB;ACfJ,gBACE,aACA,2DACA,oBACA,mBAEA,uBACE,a;ACPJ,gBACE,kBACA,cAGE,0CACE,kBACA,UACA,UACA,QACA,aAKJ,uCACE,mBAGF,wBACE,Y;ACpBJ,cACE,aACA,oBACA,gBACA,mBACA,kBAEA,2BACE,gB;ACPF,iDACE,gCACA,iCAEA,wDACE,cACA,uBAIJ,mBACE,mDACA,cACA,WACA,YACA,iBACA,gDACA,oBACA,qBACA,uBACA,wBACA,gBACA,iBAEA,mCACE,WACA,iBAGF,6BACE,aACA,cACA,kBAIJ,2BACE,YAGF,mBACE,gBACA,gBACA,uBAGF,yBACE,mBACA,oBACA,qBACA,4BACA,gBACA,uBACA,gBACA,uBAEF,8DAEE,iB;AC3DJ,aACE,SACA,oBACA,gBACA,kBACA,eAEA,iBACE,kBACA,OACA,MACA,WACA,YACA,iB;ACbJ,kBAME,2BALA,oCACE,cACA,gBAKF,0BACE,aACA,qCACA,aACA,UAEA,yBANF,0BAOI,sCAGF,qCACE,iBACA,sDACE,4BACA,6BAIJ,qCACE,wBAGF,yCACE,cACA,SACA,SACA,oBACA,gBAEA,uJACE,kBACA,MACA,OACA,sBACA,uBAEA,yBAPF,uJAQI,WACA,YACA,oCACA,sC;AChDV,aACE,YACA,gBACA,gBAEA,0BACE,aACA,sBACA,gBACA,kCACA,uBACA,mB;ACXJ,eACE,YACA,gBACA,gBAEA,4BACE,aACA,sBACA,gBACA,kCAGF,4BACE,mBAEA,mCACE,aACA,8BACA,cAEA,kDACE,gBAGF,0CACE,eACA,sBACA,SACA,gBACA,mBACA,uBAGF,0CACE,kCACA,SAGF,2CACE,cACA,iBAEA,oDACE,mCACA,kCAEA,qHACE,+CAMR,iCACE,aACA,iBACA,gBAIA,oDACE,iBAGF,6CACE,cACA,kBAKN,8BACE,e;ACxEJ,WACE,YACA,eAEA,0BACE,YACA,cAEA,+BACE,aACA,qCACA,uBACA,gBACA,qBAIJ,wBACE,6BACA,gBACA,kB;ACpBJ,mBACE,6CACA,wBACA,aACA,8BAEA,gCACE,aACA,mBACA,mBACA,sBACA,gBACA,kCACA,+BACA,gBACA,MACA,mCAEA,yBAZF,gCAaI,kCAIJ,mCACE,iBAEA,6CACE,cACA,kBAIJ,gCACE,iBACA,kBACA,gBAEA,yBALF,gCAMI,kBAGF,yCACE,wBAKF,oEACE,qBAIA,6EACE,oBACA,eAKN,mCACE,0BACA,wBAGE,uDACE,iBACA,eAKN,8BACE,sBACA,kBACA,iB;AC1EJ,aACE,YACA,kBACA,aACA,sBACA,oBAEA,sBACE,kBACA,MACA,OACA,SACA,QACA,iCAGF,4BACE,sBACA,cACA,kBAEA,yBALF,4BAMI,gBAIJ,gCACE,0CACA,YACA,c;AC7BJ,YACE,kBACA,YAEA,2BACE,YACA,kBACA,kBAGF,qBACE,oBACA,0CAEA,0BACE,eAGF,mCACE,gBACA,iBAGF,+BACE,gBAGF,+BACE,2BAEA,yCACE,gBAIJ,mCACE,cACA,eACA,mBACA,kBAEA,oDACE,kBACA,OACA,MACA,WACA,YAEA,2DACE,aAKN,+BACE,kBAEA,0CACE,gBAGF,yDACE,oBAGF,gEACE,gBACA,mBAIA,gDACE,gBACA,mBAKF,mEACE,qBAKN,sCACE,gBACA,mBACA,kCAEA,gDACE,mBAIJ,mCACE,kCACA,qBAEA,6CACE,mBAIJ,mCACE,kCACA,kBAGF,8BACE,iBAIJ,kCACE,YAGF,wBACE,wBAGF,yBACE,gBAEA,gCACE,oBACA,mBAEA,2CACE,sBAKF,6CACE,aACA,WACA,eAGF,4CACE,cACA,aACA,eAMR,oBACE,mB;ACtJF,cACE,mBAEA,iBACE,gBACA,kCACA,qB;ACNJ,UACE,mBAGE,iBACE,kCACA,gBACA,oBAGF,sBACE,mB;ACXN,UACE,gBAEA,uBACE,aACA,mBACA,cAEA,2BACE,YACA,aAIA,gCACE,iBACA,mBAGF,+BACE,gBACA,iBACA,kCAKN,sBACE,YAEA,uCACE,kBACA,aACA,mBACA,4BACA,kCACA,gBAEA,4CACE,wBAGF,8CACE,aACA,YAKN,wBACE,0CACA,aAEA,4CACE,aACA,0BACA,gBAEA,8CACE,iBACA,kCACA,kBACA,aAGF,8DACE,oEACA,qBACA,mBACA,cAIA,yDACE,eACA,sBACA,gBACA,gBACA,sBACA,wBACA,0BAGF,wDACE,gBACA,kBACA,qC;ACtFV,WACE,kBAEA,qDACE,kBAGF,uBACE,kBACA,UACA,UACA,UAEA,2BACE,e;ACdN,aACE,mBAEA,gBACE,gBACA,kCACA,qBAGF,4BACE,aACA,8BAEA,yCACE,aACA,cACA,a;ACfJ,8BACE,oBAGF,sBACE,kBACA,4BACA,6BACA,WACA,oBACA,aACA,mBACA,mBACA,mCACA,6CAEA,yBACE,gBACA,mBACA,uBACA,mBAIJ,0BACE,aAGF,6BACE,aACA,eACA,aACA,mBACA,uBAGF,+BACE,aACA,gBAGF,uBACE,cACA,WACA,YACA,kBAGF,sBACE,kBACA,+BACA,gCACA,WACA,oBACA,mCACA,0CAEA,6BACE,oBACA,gBAIJ,4BACE,YAGF,6BACE,UACA,gBAIJ,+FAKI,4BACE,gBAGF,0BACE,c","sources":["webpack://telegram-t/./src/components/mediaViewer/SenderInfo.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewerActions.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewerFooter.scss","webpack://telegram-t/./src/components/mediaViewer/VideoPlayerControls.scss","webpack://telegram-t/./src/components/mediaViewer/VideoPlayer.scss","webpack://telegram-t/./src/components/mediaViewer/ZoomControls.scss","webpack://telegram-t/./src/components/mediaViewer/PanZoom.scss","webpack://telegram-t/./src/components/mediaViewer/MediaViewer.scss","webpack://telegram-t/./src/components/main/ForwardPicker.scss","webpack://telegram-t/./src/components/main/Dialogs.scss","webpack://telegram-t/./src/components/common/CalendarModal.scss","webpack://telegram-t/./src/components/middle/MessageSelectToolbar.scss","webpack://telegram-t/./src/components/left/search/RecentContacts.scss","webpack://telegram-t/./src/components/left/search/ChatMessage.scss","webpack://telegram-t/./src/components/left/search/DateSuggest.scss","webpack://telegram-t/./src/components/left/search/LeftSearch.scss","webpack://telegram-t/./src/components/ui/CropModal.scss","webpack://telegram-t/./src/components/ui/AvatarEditable.scss","webpack://telegram-t/./src/components/ui/ShowMoreButton.scss","webpack://telegram-t/./src/components/left/settings/folders/SettingsFoldersChatsPicker.scss","webpack://telegram-t/./src/components/left/settings/folders/SettingsFolders.scss","webpack://telegram-t/./src/components/ui/RangeSlider.scss","webpack://telegram-t/./src/components/left/settings/SettingsStickerSet.scss","webpack://telegram-t/./src/components/left/settings/WallpaperTile.scss","webpack://telegram-t/./src/components/left/settings/SettingsGeneralBackground.scss","webpack://telegram-t/./src/components/left/settings/SettingsGeneralBackgroundColor.scss","webpack://telegram-t/./src/components/common/PasswordMonkey.scss","webpack://telegram-t/./src/components/left/settings/Settings.scss","webpack://telegram-t/./src/components/left/newChat/NewChat.scss","webpack://telegram-t/./src/components/left/ArchivedChats.scss","webpack://telegram-t/./src/components/middle/message/MessageContextMenu.scss","webpack://telegram-t/./src/components/common/StickerSetModal.scss","webpack://telegram-t/./src/components/middle/HeaderMenuContainer.scss","webpack://telegram-t/./src/components/middle/MobileSearch.scss","webpack://telegram-t/./src/components/middle/composer/MentionTooltip.scss","webpack://telegram-t/./src/components/middle/composer/AttachmentModal.scss","webpack://telegram-t/./src/components/middle/composer/PollModal.scss","webpack://telegram-t/./src/components/middle/composer/EmojiButton.scss","webpack://telegram-t/./src/components/middle/composer/EmojiPicker.scss","webpack://telegram-t/./src/components/middle/composer/StickerPicker.scss","webpack://telegram-t/./src/components/common/GifButton.scss","webpack://telegram-t/./src/components/middle/composer/GifPicker.scss","webpack://telegram-t/./src/components/middle/composer/SymbolMenu.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/middle/composer/AttachMenu.scss","webpack://telegram-t/./src/components/middle/composer/StickerTooltip.scss","webpack://telegram-t/./src/components/middle/composer/CustomSendMenu.scss","webpack://telegram-t/./src/components/middle/composer/EmojiTooltip.scss","webpack://telegram-t/./src/components/middle/composer/inlineResults/BaseResult.scss","webpack://telegram-t/./src/components/middle/composer/inlineResults/MediaResult.scss","webpack://telegram-t/./src/components/middle/composer/InlineBotTooltip.scss","webpack://telegram-t/./src/components/right/RightSearch.scss","webpack://telegram-t/./src/components/right/StickerSearch.scss","webpack://telegram-t/./src/components/right/GifSearch.scss","webpack://telegram-t/./src/components/right/PollAnswerResults.scss","webpack://telegram-t/./src/components/right/PollResults.scss","webpack://telegram-t/./src/components/right/management/Management.scss","webpack://telegram-t/./src/components/payment/ShippingInfo.scss","webpack://telegram-t/./src/components/payment/Shipping.scss","webpack://telegram-t/./src/components/payment/Checkout.scss","webpack://telegram-t/./src/components/payment/CardInput.scss","webpack://telegram-t/./src/components/payment/PaymentInfo.scss","webpack://telegram-t/./src/components/payment/PaymentModal.scss"],"sourcesContent":[".SenderInfo {\n  display: flex;\n  align-content: center;\n  color: white;\n  cursor: pointer;\n\n  opacity: .5;\n  transition: .15s opacity;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .Avatar {\n    margin-inline-end: 1rem;\n\n    @media (max-width: 600px) {\n      display: none;\n    }\n  }\n\n  .meta {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    max-width: 100%;\n  }\n\n  .title {\n    line-height: 1.45rem;\n    font-weight: 500;\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .date {\n    line-height: 1.25rem;\n    font-size: 0.875rem;\n    letter-spacing: -0.01rem;\n  }\n}\n",".MediaViewerActions {\n  display: flex;\n  margin-inline-start: auto;\n  margin-inline-end: -.375rem;\n\n  .Button {\n    margin-inline-start: .25rem;\n  }\n}\n\n.MediaViewerActions-mobile {\n  position: relative;\n\n  .ProgressSpinner {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n}\n",".MediaViewerFooter {\n  position: absolute;\n  bottom: 0;\n  padding: 1rem 0;\n  width: 100%;\n  transition: opacity .15s;\n\n  #MediaViewer.zoomed & {\n    display: none;\n  }\n\n  @media (max-height: 640px) {\n    padding: .5rem 0 0;\n  }\n\n  @media (max-width: 600px) {\n    padding-bottom: 4.5rem;\n    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);\n\n    &.is-for-video {\n      opacity: 0;\n      pointer-events: none;\n\n      .video-controls-visible & {\n        opacity: 1;\n        pointer-events: all;\n      }\n    }\n  }\n\n  .media-viewer-footer-content {\n    position: relative;\n    max-width: var(--messages-container-width);\n    margin: auto;\n    cursor: pointer;\n    opacity: .5;\n    transition: opacity .15s;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    @media (max-width: 600px) {\n      opacity: 1;\n    }\n  }\n\n  &.is-hidden {\n    opacity: 0;\n  }\n\n  .media-text {\n    margin-bottom: 0;\n    overflow: auto;\n    padding: 0 .5rem;\n    text-align: center;\n    color: rgba(255, 255, 255, .9);\n    font-size: .9375rem;\n    letter-spacing: .025rem;\n    max-height: 4.25rem;\n\n    @media (max-height: 640px) {\n      max-height: 2.75rem;\n    }\n\n    .emoji {\n      width: .9375rem;\n      height: .9375rem;\n      vertical-align: -2px;\n    }\n\n    &.multiline {\n      &::before {\n        content: '';\n        position: absolute;\n        left: -.75rem;\n        right: -.75rem;\n        top: -.25rem;\n        bottom: -.25rem;\n        background: rgba(0, 0, 0, .75);\n        border-radius: var(--border-radius-default);\n        z-index: var(--z-below);\n\n        @media (max-width: 600px) {\n          display: none;\n          background: none;\n        }\n      }\n    }\n  }\n\n  a {\n    color: var(--color-links);\n\n    &:hover,\n    &:focus {\n      color: var(--color-links-hover);\n    }\n  }\n}\n",".VideoPlayerControls {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  padding-top: .625rem;\n  font-size: .875rem;\n  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);\n\n  #MediaViewer.zoomed & {\n    display: none;\n  }\n\n  @media (max-width: 600px) {\n    position: fixed;\n    padding: 1.25rem .5rem .75rem;\n    background: none;\n    z-index: var(--z-media-viewer);\n  }\n\n  &.mobile {\n    .player-file-size {\n      position: static;\n      left: auto;\n      transform: none;\n      margin-left: auto;\n    }\n\n    .fullscreen {\n      margin-left: 1rem;\n    }\n\n    .player-time + .fullscreen {\n      margin-left: auto;\n    }\n  }\n\n  .Button {\n    width: 2.25rem;\n    padding: 0;\n    margin: .25rem;\n    height: 1.75rem;\n    @media (max-width: 600px) {\n      height: 2.25rem;\n    }\n  }\n\n  .play i {\n    line-height: 1.5rem;\n  }\n\n  .player-time {\n    margin: 0 1rem;\n    white-space: nowrap;\n  }\n\n  .fullscreen {\n    margin-left: auto;\n    @media (max-width: 600px) {\n      margin-left: 1rem;\n    }\n    i {\n      line-height: 1.75rem;\n      @media (max-width: 600px) {\n        font-size: 1.5rem;\n      }\n    }\n  }\n\n  @media (max-width: 600px) {\n    .player-time + .fullscreen {\n      margin-left: auto;\n    }\n  }\n\n  .player-file-size {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (max-width: 600px) {\n      position: static;\n      left: auto;\n      transform: none;\n      margin-left: auto;\n      margin-right: 1rem;\n      & + .fullscreen {\n        margin-left: 0;\n      }\n    }\n  }\n\n  .player-seekline {\n    position: absolute;\n    left: 1rem;\n    right: 1rem;\n    top: 0;\n    height: 1rem;\n\n\n    &-track {\n      position: absolute;\n      top: 50%;\n      left: -.25rem;\n      right: -.25rem;\n      height: 5px;\n      transform: translateY(-50%);\n      background-color: rgba(255, 255, 255, 0.16);\n      border-radius: var(--border-radius-default);\n    }\n\n    &-buffered,\n    &-played,\n    &-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-radius: var(--border-radius-default);\n    }\n\n    &-buffered {\n      background-color: rgba(255, 255, 255, 0.5);\n    }\n\n    &-played {\n      background: var(--color-primary);\n\n      &::after {\n        content: '';\n        position: absolute;\n        width: .75rem;\n        height: .75rem;\n        border-radius: 50%;\n        background-color: var(--color-primary);\n        right: 0;\n        top: 50%;\n        transform: translate(.325rem, -50%);\n      }\n    }\n\n    &-input {\n      width: 100%;\n      opacity: 0;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      overflow: hidden;\n\n      &::-webkit-slider-thumb {\n        margin-top: -2rem;\n      }\n    }\n  }\n}\n",".VideoPlayer {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  #MediaViewer.zoomed & {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    > div {\n      width: 100% !important;\n      height: 100% !important;\n    }\n    video {\n      max-height: none !important;\n    }\n  }\n\n  @media (min-width: 601px) {\n    // Safari: custom controls are not displayed after exiting full screen mode.\n    z-index: 1;\n  }\n\n  @media (max-width: 600px) {\n    overflow: visible;\n  }\n\n  @media (max-height: 640px) {\n    margin-bottom: 1.75rem;\n    @at-root .has-footer #{&} {\n      margin-bottom: 0;\n    }\n  }\n\n  video {\n    display: block;\n    max-height: calc(100vh - 8.25rem);\n    margin: auto;\n    object-fit: contain;\n    outline: none;\n    width: 100%;\n    height: 100%;\n    background: no-repeat 50% 50%;\n    background-size: contain;\n\n    @media (max-height: 640px) {\n      max-height: calc(100vh - 10rem);\n    }\n    @at-root .has-footer #{&} {\n      max-height: calc(100vh - 15rem);\n      @media (max-height: 640px) {\n        max-height: calc(100vh - 10rem);\n      }\n    }\n  }\n\n  .play-button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 3.25rem;\n    height: 3.25rem;\n    background-color: rgba(0, 0, 0, 0.5) !important;\n    body:not(.animation-level-0) & {\n      transition: opacity .3s ease !important;\n    }\n\n    .icon-play {\n      font-size: 1.75rem;\n      position: relative;\n      left: .125rem;\n    }\n  }\n\n  .spinner-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .buffering {\n      background: rgba(0, 0, 0, 0.25);\n      color: #fff;\n      font-size: 0.75rem;\n      position: absolute;\n      left: 0.1875rem;\n      top: 0.1875rem;\n      z-index: 1;\n      padding: 0 0.375rem;\n      border-radius: 0.75rem;\n      line-height: 1.125rem;\n    }\n\n    .ProgressSpinner {\n      cursor: pointer;\n    }\n  }\n}\n",".ZoomControls {\n  position: absolute;\n  bottom: 1.25rem;\n  left: 50%;\n  background: rgba(0,0,0,.5);\n  border-radius: var(--border-radius-default);\n  width: 100%;\n  height: 3.375rem;\n  max-width: 274px;\n  transform: translate3d(-50%, 0, 10px);\n  transition: opacity .3s ease-in;\n  pointer-events: none;\n\n  &.open {\n    z-index: var(--z-media-viewer);\n    pointer-events: all;\n  }\n\n  .zoom-out,\n  .zoom-in {\n    position: absolute;\n    top: 0.4375rem;\n    width: 2.5rem;\n    height: 2.5rem;\n    color: #fff;\n\n    i {\n      font-size: 1.5rem;\n    }\n  }\n\n  .zoom-out {\n    left: .5rem;\n  }\n\n  .zoom-in {\n    right: .5rem;\n  }\n\n  .seekline {\n    position: absolute;\n    left: 3.25rem;\n    right: 3.25rem;\n    top: 1.125rem;\n    height: 1rem;\n\n    &-track {\n      position: absolute;\n      top: 50%;\n      left: -.25rem;\n      right: -.25rem;\n      height: 2px;\n      transform: translateY(-50%);\n      background-color: rgba(255, 255, 255, .5);\n      border-radius: var(--border-radius-default);\n    }\n\n    &-played,\n    &-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-radius: var(--border-radius-default);\n    }\n\n    &-played {\n      background: #fff;\n      transition: width 200ms;\n\n      &::after {\n        content: '';\n        position: absolute;\n        width: .75rem;\n        height: .75rem;\n        border-radius: 50%;\n        background-color: var(--color-white);\n        right: 0;\n        top: 50%;\n        transform: translate(.325rem, -50%);\n      }\n    }\n\n    &-input {\n      width: 100%;\n      height: 1rem;\n      top: -.375rem;\n      opacity: 0;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      overflow: hidden;\n\n      &::-webkit-slider-thumb {\n        margin-top: -2rem;\n      }\n    }\n  }\n}\n",".pan-wrapper,\n.pan-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.pan-wrapper {\n  cursor: move;\n  user-select: none;\n}\n\n.pan-container {\n  transition: transform .2s ease-in;\n\n  .pan-wrapper.move & {\n    transition: none;\n  }\n\n  .zoomed & {\n    position: fixed;\n    top: 0;\n    left: 0;\n  }\n}\n","#MediaViewer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100%;\n  background: rgba(0, 0, 0, .9);\n  color: #fff;\n  z-index: var(--z-media-viewer);\n  padding: 0.5rem 0;\n\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: 2.75rem 1fr;\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  justify-items: stretch;\n  align-items: center;\n\n  // Potential perf improvement\n  &:not(.shown) {\n    display: block !important;\n    transform: scale(0);\n  }\n\n  body.ghost-animating & {\n    > .pan-wrapper, > .Transition, > button {\n      display: none;\n    }\n  }\n\n  body.animation-level-2 & {\n    transition-duration: .3s !important;\n  }\n\n  &:not(.open),\n  .closing {\n    .SenderInfo {\n      pointer-events: none;\n      transition: none;\n    }\n  }\n\n  &.zoomed {\n    .navigation {\n      display: none;\n    }\n\n    .media-viewer-head {\n      z-index: 2;\n    }\n\n    .media-viewer-content {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      padding: 0;\n      z-index: 1;\n    }\n  }\n\n  .media-viewer-head {\n    display: flex;\n    grid-area: 1 / 1 / 2 / -2;\n    padding: 0 1.25rem;\n    position: relative;\n    z-index: var(--z-media-viewer-head);\n    min-width: 0;\n\n    & > .Transition {\n      width: 100%;\n      min-width: 0;\n    }\n\n    @media (max-width: 600px) {\n      padding: 0 0.5rem;\n\n      .media-viewer-close {\n        margin-right: 1.5rem;\n      }\n    }\n  }\n\n  & > .Transition,\n  & > .pan-wrapper {\n    grid-area: 1 / 1 / -1 / -1;\n  }\n\n  & > .Transition,\n  & > .pan-wrapper .Transition {\n    position: relative;\n    justify-self: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .media-viewer-content {\n    position: relative;\n    z-index: 1;\n    padding: 3.25rem 0;\n    height: 100%;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n\n    &.has-footer {\n      padding: 7rem 0;\n      @media (min-width: 600px) {\n        min-width: 600px;\n      }\n\n      @media (max-height: 640px) {\n        padding: 4rem 0;\n      }\n\n      > img {\n        max-height: calc(100vh - 15rem);\n        @media (max-height: 640px) {\n          max-height: calc(100vh - 10rem);\n        }\n      }\n    }\n\n    .thumbnail {\n      position: relative;\n\n      img {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    > img {\n      max-width: 100vw;\n      max-height: calc(100vh - 8.25rem);\n      object-fit: contain;\n      transition: transform .2s;\n    }\n\n    .spinner-wrapper {\n      max-width: 100vw;\n      margin: auto;\n    }\n\n    .Spinner {\n      margin: auto;\n    }\n  }\n\n  .navigation {\n    position: fixed;\n    top: 4rem;\n    width: 10vw;\n    bottom: 0;\n    border: none;\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    background: transparent no-repeat;\n    background-size: 1.25rem;\n    opacity: 0;\n    transition: opacity .15s;\n    outline: none;\n    cursor: pointer;\n    z-index: 1;\n\n    @media (max-width: 600px) {\n      width: 20vw;\n    }\n\n    &:hover, .is-touch-env & {\n      opacity: 1;\n    }\n\n    &.prev {\n      left: 0;\n      background-image: url(\"../../assets/media_navigation_previous.svg\");\n      background-position: 1.25rem calc(50% - 2rem);\n\n      &[dir=rtl] {\n        left: auto;\n        right: 0;\n        transform: scaleX(-1);\n      }\n    }\n\n    &.next {\n      right: 0;\n      background-image: url(\"../../assets/media_navigation_next.svg\");\n      background-position: calc(100% - 1.25rem) calc(50% - 2rem);\n\n      &[dir=rtl]{\n        left: 0;\n        right: auto;\n        transform: scaleX(-1);\n      }\n    }\n\n    &.inline {\n      top: calc(50% - 3rem);\n      bottom: unset;\n      height: 6rem;\n      background-position-y: center;\n\n      @media (max-width: 600px) {\n        opacity: 0;\n        transition: opacity .15s ease-in;\n        pointer-events: none;\n\n        .video-controls-visible & {\n          opacity: 1;\n          pointer-events: all;\n        }\n      }\n    }\n  }\n}\n\n.ghost {\n  position: absolute;\n  z-index: var(--z-media-viewer);\n  will-change: transform, opacity;\n  overflow: hidden;\n  border-radius: 0;\n  transition: transform .2s ease, opacity .2s ease;\n\n  &.rounded-corners {\n    border-radius: var(--border-radius-messages);\n  }\n\n  &.circle {\n    border-radius: 50%;\n  }\n\n  body.is-ios & {\n    transition: transform .2s ease, opacity .2s ease, border-radius .2s ease !important;\n  }\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-select: none;\n    object-fit: cover;\n  }\n}\n",".ForwardPicker {\n  z-index: var(--z-media-viewer);\n\n  .modal-dialog {\n    height: 70%;\n    max-width: 25rem;\n\n    @media (max-width: 600px) {\n      height: 90%;\n    }\n  }\n\n  .modal-header {\n    display: flex;\n    align-items: center;\n    padding: 0.25rem 0.5rem;\n\n    .Button {\n      margin-right: 0.5rem;\n    }\n\n    .input-group {\n      margin: 0;\n    }\n\n    .form-control {\n      border: none;\n      box-shadow: none !important;\n\n      height: 2.75rem;\n      padding: 0.5rem;\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n      unicode-bidi: plaintext;\n    }\n  }\n\n  .modal-content {\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    .picker-list {\n      height: 100%;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 1rem 1rem;\n    }\n  }\n\n  .no-results {\n    height: 100%;\n    margin: 0;\n    padding: 1rem 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-text-secondary);\n  }\n\n  .ListItem.chat-item-clickable {\n    &:not(.force-rounded-corners) {\n      @media (max-width: 600px) {\n        margin: 0;\n\n        .ListItem-button {\n          border-radius: 0;\n        }\n      }\n    }\n\n  }\n}\n","#Dialogs {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: var(--z-modal);\n}\n",".CalendarModal {\n  .modal-dialog {\n    max-width: 26.25rem;\n    .modal-content {\n      padding: .375rem 1rem 1rem;\n    }\n  }\n\n  .timepicker {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n\n    .form-control {\n      max-width: 5rem;\n      text-align: center;\n\n      &:first-child {\n        margin-right: 1rem;\n      }\n      &:last-child {\n        margin-left: 1rem;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: column;\n\n    .Button {\n      text-transform: none;\n\n      + .Button {\n        margin-top: .5rem;\n      }\n    }\n  }\n\n  .month-selector {\n    display: flex;\n    align-items: center;\n\n    h4 {\n      flex: 1;\n      margin: 0 0 0 1.25rem;\n      font-size: 1.25rem;\n\n      @media (max-width: 600px) {\n        margin-left: .75rem;\n      }\n\n      & ~ .Button {\n        color: var(--color-primary)\n      }\n    }\n\n    .Button.hidden {\n      opacity: 0.5;\n      pointer-events: none;\n    }\n  }\n\n  .day-button {\n    position: relative;\n    border-radius: 4rem;\n    outline: none !important;\n    font-weight: 500;\n    margin: .125rem .625rem;\n\n    @media (max-width: 600px) {\n      margin: .25rem .375rem;\n    }\n\n    &.weekday {\n      margin-bottom: 0;\n      height: 1rem;\n    }\n\n    &.clickable {\n      cursor: pointer;\n\n      &:hover {\n        background-color: var(--color-interactive-element-hover);\n      }\n\n      &.selected {\n        background-color: var(--color-primary);\n        color: white;\n      }\n    }\n\n    &.disabled {\n      opacity: 0.25;\n      pointer-events: none;\n    }\n\n    &::before {\n      content: \"\";\n      display: block;\n      padding-top: 100%;\n    }\n\n    span {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.875rem;\n    }\n  }\n\n  .calendar-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 17rem;\n    margin: 1.5rem -0.5rem 0.5rem;\n  }\n\n  .calendar-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    width: 100%;\n  }\n}\n",".MessageSelectToolbar {\n  position: absolute;\n  bottom: 0.5rem;\n  left: 0.5rem;\n  right: 0.5rem;\n  width: auto;\n  z-index: 20;\n  justify-content: center;\n  margin: 0;\n\n  .mask-image-disabled &::before {\n    left: auto !important;\n    right: auto !important;\n  }\n\n  .no-composer & {\n    width: 100%;\n  }\n\n  @media (min-width: 601px) {\n    left: 1rem;\n    right: 1rem;\n    bottom: 1.25rem;\n\n    .no-composer & {\n      top: -4.75rem;\n    }\n  }\n\n  opacity: 1;\n\n  &-inner {\n    transform: scaleX(1);\n    transition: transform var(--select-transition), opacity var(--select-transition);\n  }\n\n  & .MessageSelectToolbar-inner {\n    transform: scaleX(1) translateX(0);\n  }\n\n  .no-composer .unpin-button-container + &,\n  .no-composer .messaging-disabled + & {\n    top: auto;\n  }\n\n  body.animation-level-0 & {\n    transition: none !important;\n  }\n\n  &:not(.shown) {\n    opacity: 0;\n    pointer-events: none;\n\n    .shown-inner {\n      transform: scaleX(var(--toolbar-hidden-scale, 1));\n    }\n\n    &.with-composer .MessageSelectToolbar-inner {\n      transform: scaleX(var(--toolbar-hidden-scale, 1)) translateX(var(--toolbar-translate-x, 0));\n    }\n\n    &:not(.with-composer) .MessageSelectToolbar-inner {\n      transform: scaleX(var(--toolbar-unpin-hidden-scale)) translateX(0);\n    }\n  }\n\n  &::before {\n    z-index: -1;\n    max-width: 32rem;\n    width: 100%;\n    left: auto;\n    right: auto;\n  }\n\n  &-inner {\n    width: 100%;\n    max-width: 32rem;\n    display: flex;\n    align-items: center;\n    padding: 0.25rem;\n\n    background: var(--color-background);\n    border-radius: var(--border-radius-messages);\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n    font-weight: 500;\n\n    @media (max-width: 600px) {\n      padding: 0;\n      max-width: none;\n    }\n\n    > .Button {\n      width: 3rem;\n      height: 3rem;\n\n      @media (max-width: 600px) {\n        width: 2.875rem;\n        height: 2.875rem;\n      }\n    }\n  }\n\n  &-count {\n    margin-left: 1rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex-grow: 1;\n\n    @media (max-width: 600px) {\n      margin-right: 0.5rem;\n    }\n  }\n\n  &-actions {\n    margin-left: auto;\n    display: flex;\n\n    .MenuItem {\n      padding: 0.6875rem;\n      border-radius: 50%;\n\n      i {\n        margin-right: 0;\n      }\n\n      .item-text {\n        display: none;\n      }\n    }\n  }\n}\n",".RecentContacts {\n  .Loading {\n    min-height: 75vh;\n  }\n\n  .top-peers-section {\n    padding: .5rem 1rem;\n  }\n\n  .top-peers {\n    height: 6rem;\n    margin: 0 -1rem;\n    overflow-x: auto;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    scrollbar-width: none;\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    &::-webkit-scrollbar {\n      height: 0;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0);\n    }\n  }\n\n  .top-peer-item {\n    display: inline-block;\n    width: 4.5rem;\n    height: 6rem;\n    padding: 0.625rem 0.25rem;\n    margin-left: 0.5rem;\n    border-radius: var(--border-radius-default);\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n\n    &:first-child {\n      margin-left: 0.125rem;\n    }\n\n    &:last-child {\n      margin-right: 0.125rem;\n    }\n\n    .Avatar {\n      margin: 0 auto 0.375rem;\n    }\n\n    &:hover {\n      background: var(--color-chat-hover);\n    }\n\n    .top-peer-name {\n      text-align: center;\n      white-space: nowrap;\n      font-size: 0.75rem;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .emoji-small {\n        width: 1rem;\n        height: 1rem;\n        background-size: 1rem;\n        margin-inline-end: 1px;\n        vertical-align: -3px;\n      }\n    }\n  }\n\n  .recent-chats-header {\n    display: flex;\n    align-items: center;\n\n    .Button {\n      margin-left: auto;\n    }\n\n    &[dir=rtl] {\n      .Button {\n        margin-left: 0;\n        margin-right: auto;\n      }\n    }\n  }\n}\n",".ChatMessage {\n  &:first-child {\n    margin-top: .5rem;\n  }\n  &:hover, &.selected {\n    .Avatar.online::after {\n      border-color: var(--color-chat-hover);\n    }\n  }\n\n  .ListItem-button {\n    padding: .25rem .5rem;\n  }\n\n  .info {\n    .title {\n      flex-grow: 1;\n    }\n\n    h3 {\n      font-size: 1rem;\n      width: auto;\n    }\n\n    .subtitle {\n      color: var(--color-text-secondary);\n\n      .matching-text-highlight {\n        color: var(--color-text);\n        background: #CAE3F7;\n        border-radius: 0.25rem;\n        padding: 0 0.125rem;\n      }\n    }\n\n    .message {\n      flex-grow: 1;\n      color: var(--color-text-secondary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      .sender-name {\n        color: var(--color-text);\n      }\n      .sender-name {\n        &::after {\n          content: ': ';\n        }\n      }\n\n      img {\n        width: 1.25rem;\n        height: 1.25rem;\n        object-fit: cover;\n        border-radius: .125rem;\n        vertical-align: -.25rem;\n        margin-right: .25rem;\n      }\n\n      .icon-play {\n        position: relative;\n        display: inline-block;\n        font-size: .75rem;\n        color: #fff;\n        margin-inline-start: -1.25rem;\n        margin-inline-end: 0.5rem;\n        bottom: 0.0625rem;\n      }\n    }\n  }\n\n  .info-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  &[dir=rtl] {\n    .subtitle {\n      text-align: right;\n    }\n  }\n}\n",".DateSuggest {\n  display: flex;\n  height: 2rem;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-left: .5rem;\n  margin-bottom: .5rem;\n\n  .date-item {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 8rem;\n    margin-top: .375rem;\n    cursor: pointer;\n    font-size: .875rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n\n    .icon-calendar {\n      font-size: 1.25rem;\n      margin-right: .25rem;\n    }\n  }\n  \n}",".LeftSearch {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n\n  & > .Transition {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .TabList {\n    padding-bottom: 1px;\n    z-index: 1;\n  }\n\n  .documents-list {\n    padding: 0 1.25rem 1.25rem;\n\n    .ListItem {\n      padding: 0.625rem 0;\n    }\n  }\n\n  .section-heading {\n    position: relative;\n    padding-top: 1.25rem;\n    padding-left: 1.25rem;\n    margin: 0  0 1rem -1.25rem !important;\n\n    font-weight: 500;\n    font-size: .9375rem;\n    color: var(--color-text-secondary);\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      background: var(--color-borders);\n      left: .625rem;\n      top: -1px;\n    }\n\n    &[dir=rtl],\n    &[dir=auto] {\n      padding-left: 0;\n      padding-right: 1.25rem;\n      margin: 0 -1.25rem 0 1rem !important;\n      text-align: initial;\n\n      &::before {\n        left: auto;\n        right: .625rem;\n      }\n    }\n  }\n\n  .LeftSearch .search-section .section-heading,\n  .RecentContacts .search-section .section-heading {\n    margin-left: -1rem !important;\n    width: calc(100% + 2rem);\n    box-shadow: 0 -1px 0 0 var(--color-borders);\n\n    &::before {\n      display: none;\n    }\n  }\n\n  .WebLink {\n    display: flex;\n  }\n\n  .content:not(.with-seekline) {\n    align-self: center;\n    min-width: 0;\n    flex-grow: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-word;\n  }\n\n  .message-date {\n    font-size: .75rem;\n    color: var(--color-text-secondary);\n    padding-left: 1rem;\n    white-space: nowrap;\n  }\n\n  .media-list {\n    display: grid;\n    padding: .5rem;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: .25rem;\n  }\n\n  .Audio {\n    .duration span {\n      padding: 0 .25rem;\n    }\n\n    .ProgressSpinner {\n      margin: -.1875rem 0 0 -.1875rem;\n    }\n  }\n\n  .ListItem.search-result {\n    .ChatInfo {\n      .handle {\n        unicode-bidi: plaintext;\n        color: var(--color-primary);\n        unicode-bidi: plaintext;\n\n        &::before {\n          content: '@';\n          html[lang=ar] & {\n            content: ' ،@';\n            margin-inline-end: .25rem;\n          }\n        }\n\n        &::after {\n          content: ', ';\n          color: var(--color-text-secondary);\n\n          html[lang=ar] & {\n            content: '';\n          }\n        }\n      }\n\n      &[dir=rtl] {\n        .status {\n          text-align: right;\n\n          .handle {\n            float: right;\n          }\n        }\n      }\n    }\n  }\n\n  .ListItem.search-result-message {\n    .sender-name {\n      color: var(--color-text);\n\n      &::after {\n        content: ': ';\n        white-space: pre;\n      }\n    }\n  }\n\n  @media (max-width: 600px) {\n    .ListItem {\n      margin: 0 -0.625rem;\n    }\n  }\n\n  .search-section {\n    padding: 0 1rem 0.5rem;\n\n    .section-heading {\n      color: var(--color-text-secondary);\n      font-size: .9375rem;\n      font-weight: 500;\n      margin-bottom: 0 !important;\n      padding-top: .875rem;\n\n      .Link {\n        float: right;\n        color: var(--color-links);\n        font-weight: 400;\n        margin-right: 1rem;\n\n        &:focus,\n        &:hover {\n          color: var(--color-links-hover);\n        }\n      }\n\n      &[dir=rtl],\n      &[dir=auto] {\n        .Link {\n          float: left;\n          margin-left: 1rem;\n          margin-right: 0;\n        }\n      }\n    }\n\n    .Loading {\n      height: 4.5rem;\n      margin-bottom: 0.5rem;\n    }\n  }\n\n  .chat-selection {\n    padding-top: .5rem;\n    display: flex;\n    flex-shrink: 0;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    align-items: flex-end;\n    box-shadow: inset 0 -1px 0 0 var(--color-borders);\n    background-color: var(--color-background);\n    -webkit-overflow-scrolling: touch;\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    > .PickerSelectedItem {\n      flex: 0 0 auto;\n\n      &:last-child {\n        margin-right: auto;\n      }\n    }\n\n    &[dir=rtl] {\n      > .PickerSelectedItem:last-child {\n        margin-left: auto;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .NothingFound {\n    height: 100%;\n  }\n\n  [dir=rtl] {\n    .message-date {\n      padding-left: 0;\n      padding-right: 1rem;\n    }\n  }\n}\n","@mixin thumb-styles() {\n  background: var(--color-primary);\n  cursor: pointer;\n  transform: scale(1);\n  transition: transform .25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n}\n\n.CropModal {\n  .modal-dialog {\n    width: calc(100% - 2rem);\n    max-width: 35rem;\n    height: calc(100% - 1rem);\n    max-height: 35rem;\n    position: relative;\n  }\n\n  .modal-content, #avatar-crop {\n    overflow: hidden;\n  }\n\n  .confirm-button {\n    position: absolute;\n    bottom: 1rem;\n    right: 1rem;\n    box-shadow: 0 1px 2px var(--color-default-shadow);\n  }\n\n  #avatar-crop {\n    max-width: 25rem;\n    margin: 0 auto;\n    position: relative;\n\n    &::before {\n      content: '';\n      display: block;\n      padding-top: 100%;\n    }\n\n    .cr-boundary {\n      position: absolute;\n      top: 0;\n      left: 0;\n      border-radius: var(--border-radius-messages-small);\n    }\n\n    .cr-viewport {\n      border: none;\n      box-shadow: 0 0 2000px 2000px rgba(white, 0.5);\n    }\n\n    .cr-slider {\n      // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.\n      // Browsers will drop the entire selector if it doesn't understand a part of it.\n\n      &::-webkit-slider-runnable-track {\n        background: var(--color-borders);\n      }\n\n      &::-moz-range-track {\n        background: var(--color-borders);\n      }\n\n      &::-ms-track {\n        background: var(--color-borders);\n      }\n\n      &::-webkit-slider-thumb {\n        @include thumb-styles();\n      }\n\n      &::-moz-range-thumb {\n        @include thumb-styles();\n      }\n\n      &::-ms-thumb {\n        @include thumb-styles();\n      }\n    }\n  }\n}\n","@import '../../styles/mixins';\n\n.AvatarEditable {\n  label {\n    margin-left: auto;\n    margin-right: auto;\n    width: 7.5rem;\n    height: 7.5rem;\n    margin-bottom: 2rem;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    color: white;\n    font-size: 3rem;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    outline: none !important;\n\n    input {\n      display: none;\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    i {\n      transform: scale(1);\n      transition: transform .15s linear;\n      z-index: var(--z-register-add-avatar);\n    }\n\n    // @optimization The weirdest workaround for screen animation lag\n    @include while-transition() {\n      input, i, &::after {\n        display: none !important;\n      }\n\n      img {\n        position: static !important;\n      }\n    }\n\n    &:hover {\n      i {\n        transform: scale(1.2);\n      }\n    }\n\n    &.filled {\n      background-color: var(--color-background);\n\n      &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(black, 0.4);\n      }\n    }\n\n    &.disabled {\n      pointer-events: none;\n\n      i {\n        display: none;\n      }\n\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n",".ShowMoreButton {\n  color: var(--text-color) !important;\n  display: flex;\n  align-items: center;\n  text-align: left;\n  text-transform: none;\n  padding-left: .75rem !important;\n  opacity: 1 !important;\n\n  i {\n    font-size: 1.5rem;\n    margin-right: 2rem;\n    color: var(--color-text-secondary);\n  }\n\n  .Spinner {\n    top: 0.4375rem;\n  }\n}\n",".SettingsFoldersChatsPicker {\n  height: calc(100% - var(--header-height));\n\n  .picker-header {\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    .max-items-reached {\n      margin-bottom: 0.5rem;\n      margin-left: 0.5rem;\n      flex-grow: 1;\n    }\n\n    .max-items-reached {\n      color: var(--color-text-secondary);\n    }\n  }\n\n  .picker-list {\n    padding: 0 0.5rem 0.5rem;\n\n    .no-results {\n      height: 10rem;\n    }\n  }\n\n  .ListItem.picker-list-item {\n    &.chat-type-item .ListItem-button {\n      padding: 0.875rem 0.75rem;\n    }\n\n    &.chat-item .ListItem-button {\n      padding: 0.5rem 0.75rem;\n    }\n\n    .Checkbox {\n      margin-left: auto;\n      padding-left: 3.25rem;\n    }\n\n    .chat-type {\n      font-size: 1rem;\n      font-weight: 400;\n      margin: 0;\n    }\n\n    &[dir=rtl] {\n      .Checkbox {\n        margin-left: 0;\n        margin-right: auto;\n        padding-left: 0;\n        padding-right: 3.25rem;\n      }\n    }\n  }\n\n  .settings-item-header {\n    margin-left: 0.75rem;\n    margin-top: 1rem;\n    margin-bottom: 0.5rem;\n  }\n\n  .picker-list-divider {\n    margin: 0.5rem -0.5rem 0;\n    border-bottom: 1px solid var(--color-borders);\n  }\n}\n",".settings-folders-recommended-item {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.settings-folders-list-item {\n  .ChatInfo {\n    display: flex;\n    align-items: center;\n\n    .Avatar {\n      margin-left: -0.25rem;\n      margin-right: 1.5rem;\n    }\n\n    .title {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n\n      h3 {\n        font-size: 1rem;\n        font-weight: 500;\n        line-height: 1.3125;\n        margin: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        text-align: left;\n      }\n    }\n\n    .status {\n      display: none;\n    }\n\n    &[dir=rtl] {\n      .title h3{\n        text-align: right;\n      }\n    }\n  }\n\n  .ListItem-button {\n    i {\n      opacity: 0.9;\n    }\n  }\n\n  &.color-primary .ListItem-button {\n    color: var(--color-primary);\n\n    i {\n      opacity: 1;\n      color: inherit;\n    }\n  }\n\n  &[dir=rtl] {\n    .Avatar {\n      margin-left: 1.5rem;\n      margin-right: -0.25rem;\n    }\n  }\n}\n\n.settings-item .ShowMoreButton {\n  margin: 0 -1rem;\n  width: calc(100% + 2rem);\n  padding-left: 1rem !important;\n}\n","@mixin thumb-styles() {\n  background: var(--slider-color);\n  border: none;\n  height: 0.75rem;\n  width: 0.75rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transform: scale(1);\n  transition: transform .25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n}\n\n.RangeSlider {\n  --slider-color: var(--color-primary);\n\n  margin-bottom: 1rem;\n\n  &.disabled {\n    pointer-events: none;\n    --slider-color: var(--color-text-secondary);\n  }\n\n  .slider-top-row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 0.625rem;\n\n    .value {\n      flex-shrink: 0;\n      margin-left: 1rem;\n      color: var(--color-text-secondary);\n    }\n\n    &[dir=rtl] {\n      .value {\n        margin-left: 0;\n        margin-right: 1rem;\n      }\n    }\n  }\n\n  .slider-main {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      left: 0;\n      top: 0.3125rem;\n      height: 0.125rem;\n      background-color: var(--color-borders);\n      border-radius: 0.125rem;\n      opacity: 0.5;\n      z-index: -1;\n    }\n  }\n\n  .slider-fill-track {\n    position: absolute;\n    width: 100%;\n    left: 0;\n    top: 0.3125rem;\n    height: 0.125rem;\n    background-color: var(--slider-color);\n    border-radius: 0.125rem;\n    pointer-events: none;\n  }\n\n  // Reset range input browser styles\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\n  // Apply custom styles\n  input[type=\"range\"] {\n    // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.\n    // Browsers will drop the entire selector if it doesn't understand a part of it.\n    &::-webkit-slider-thumb {\n      @include thumb-styles();\n    }\n\n    &::-moz-range-thumb {\n      @include thumb-styles();\n    }\n\n    &::-ms-thumb {\n      @include thumb-styles();\n    }\n  }\n\n  .slider-options {\n    display: grid;\n    grid-template-rows: auto;\n    grid-auto-columns: 1fr;\n    grid-auto-flow: column;\n  }\n\n  .slider-option {\n    font-size: 0.825rem;\n    text-align: center;\n    cursor: pointer;\n    color: var(--color-text-secondary);\n    transition: color .2s ease;\n\n    &:hover, &.active {\n      color: var(--color-text);\n    }\n\n    &.active {\n      font-weight: 500;\n    }\n\n    &:first-child {\n      text-align: left;\n    }\n\n    &:last-child {\n      text-align: right;\n    }\n  }\n}\n",".SettingsStickerSet {\n  .settings-item &.ListItem {\n    margin-bottom: .5rem;\n  }\n\n  .StickerButton,\n  .Button {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 .5rem 0 0;\n    padding: 0;\n    flex: 0 0 3rem;\n  }\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  .multiline-menu-item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  &[dir=rtl] {\n    .StickerButton,\n    .Button {\n      margin: 0 0 0 .5rem;\n    }\n  }\n}\n",".WallpaperTile {\n  height: 0;\n  padding-bottom: 100%;\n  cursor: pointer;\n  position: relative;\n\n  .media-inner,\n  &::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .media-inner {\n    overflow: hidden;\n    transform: scale(1);\n    transition: transform .15s ease;\n\n    img, canvas {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &::after {\n    content: \"\";\n    display: block;\n    border: 2px solid var(--color-primary);\n    opacity: 0;\n    transition: opacity .15s ease;\n  }\n\n  &.selected {\n    &::after {\n      opacity: 1;\n    }\n\n    .media-inner {\n      transform: scale(0.9);\n    }\n  }\n\n  .spinner-container {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n",".SettingsGeneralBackground {\n  .settings-wallpapers {\n    display: grid;\n    padding: .5rem;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: .25rem;\n  }\n\n  .Loading {\n    height: auto !important;\n    margin-top: 5rem;\n  }\n}\n",".SettingsGeneralBackgroundColor {\n  &:not(.is-dragging) .handle {\n    transition: transform 300ms ease;\n  }\n\n  .color-picker, .hue-picker {\n    position: relative;\n  }\n\n  .color-picker {\n    margin-top: 1rem;\n    height: 12rem;\n    touch-action: none;\n  }\n\n  .hue-picker {\n    margin: 2rem 0;\n    height: 0.5rem;\n  }\n\n  canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--border-radius-default);\n    cursor: pointer;\n  }\n\n  .handle {\n    position: absolute;\n    top: -0.75rem;\n    left: -0.75rem;\n    width: 1.5rem;\n    height: 1.5rem;\n    border: 0.125rem solid var(--color-white);\n    border-radius: 0.75rem;\n    cursor: grab;\n  }\n\n  .hue-picker .handle {\n    top: -0.5rem;\n  }\n\n  .tools {\n    margin-bottom: 0.625rem;\n    display: flex;\n\n    .input-group {\n      margin-bottom: 0;\n\n      &[dir=rtl] {\n        label {\n          transform: scale(0.75) translate(1.25rem, -2.25rem);\n        }\n      }\n    }\n\n    .input-group:first-child {\n      margin-right: 0.5rem;\n    }\n\n    .input-group:last-child {\n      margin-left: 0.5rem;\n    }\n  }\n\n  .predefined-colors {\n    display: grid;\n    padding: .5rem;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    grid-gap: .25rem;\n\n    div {\n      cursor: pointer;\n      box-shadow: inset 0 0 0 0 var(--color-background);\n      transition: box-shadow 300ms ease;\n\n      &.active {\n        border: 0.125rem solid var(--color-primary);\n        box-shadow: inset 0 0 0 0.3125rem var(--color-background);\n      }\n\n      // A hack to make a square\n      &:before {\n        display: block;\n        content: \"\";\n        width: 100%;\n        padding-top: 100%;\n        pointer-events: none;\n      }\n    }\n  }\n}\n","#monkey {\n  position: relative;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 7.5rem;\n  height: 7.5rem;\n  margin-bottom: 1.75rem;\n\n  @media (min-width: 600px) and (min-height: 450px) {\n    width: 10rem;\n    height: 10rem;\n    margin-bottom: 2.5rem;\n  }\n\n  &.big {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .AnimatedSticker {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hidden {\n      display: none\n    }\n  }\n\n  .monkey-preview {\n    width: 100%;\n    height: 100%;\n    background-size: 100%;\n    background: url('../../assets/monkey.svg') center;\n  }\n}\n","#Settings {\n  height: 100%;\n\n  > div {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n}\n\n.settings-main-header {\n  display: flex;\n  flex-grow: 1;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.settings-more-menu {\n  .bubble {\n    width: auto;\n\n    .MenuItem button {\n      padding-left: 1rem !important;\n      padding-right: 2rem !important;\n    }\n  }\n}\n\n.settings-content {\n  background: var(--color-background);\n  height: calc(100% - var(--header-height));\n  overflow-y: auto;\n\n  &.infinite-scroll {\n    display: flex;\n    flex-direction: column;\n\n    & > .custom-scroll {\n      flex: 1 1 auto;\n      height: auto;\n    }\n  }\n\n  #monkey {\n    margin-top: .5rem;\n    margin-bottom: 1rem;\n  }\n\n  .AnimatedEmoji {\n    margin-top: .5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.settings-content-header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 1.5rem 1rem;\n  text-align: center;\n\n  .input-group {\n    width: 100%;\n  }\n}\n\n.settings-content-icon {\n  width: 5rem;\n  height: 5rem;\n  margin-bottom: 2.5rem;\n  position: relative;\n\n  .AnimatedSticker {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hidden {\n      display: none\n    }\n  }\n}\n\n.settings-main-menu {\n  padding: 0 0.5rem 1rem;\n}\n\n.settings-current-user {\n  margin-bottom: 1.125rem;\n  text-align: center;\n\n  .Avatar {\n    margin: 0 auto 1.5rem;\n  }\n\n  .name {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: 500;\n    font-size: 1.5rem;\n    line-height: 2rem;\n    margin: 0;\n\n    .VerifiedIcon {\n      margin-left: 0.25rem;\n      margin-top: 0.1rem;\n    }\n  }\n\n  .phone {\n    font-size: 0.875rem;\n    color: #868e96;\n    margin: 0;\n  }\n}\n\n.settings-item {\n  border-top: 1px solid var(--color-borders);\n  padding: 1.5rem 1.5rem 1rem;\n\n  &.no-border {\n    border-top: none;\n  }\n\n  &-header {\n    font-size: 1rem;\n    color: var(--color-text-secondary);\n    margin-bottom: 2rem;\n    position: relative;\n\n    &[dir=rtl] {\n      text-align: right;\n    }\n  }\n\n  &-slider {\n    margin-top: 2rem;\n  }\n\n  &-description {\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    margin-top: -0.5rem;\n    margin-bottom: 1.5rem;\n\n    .settings-content.two-fa & {\n      font-size: 1rem;\n    }\n\n    &[dir=rtl] {\n      text-align: right;\n      unicode-bidi: plaintext;\n    }\n  }\n\n  &-description-larger {\n    font-size: 1rem;\n    line-height: 1.3125rem;\n    color: var(--color-text-secondary);\n    margin-top: 2rem;\n    margin-bottom: 0.75rem;\n\n    &[dir=rtl] {\n      text-align: right;\n    }\n  }\n\n  .ListItem {\n    margin: 0 -1rem 1rem;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .multiline-menu-item {\n      white-space: initial;\n\n      &.full-size {\n        width: 100%;\n      }\n\n      .date {\n        float: right;\n        font-size: 0.75rem;\n        margin-left: 1rem;\n        color: var(--color-text-secondary);\n      }\n\n      .title, .subtitle {\n        display: block;\n        text-align: left;\n      }\n\n      .title {\n        line-height: 1.25rem;\n      }\n\n      .subtitle {\n        font-size: 0.875rem;\n        line-height: 1.5rem;\n        color: var(--color-text-secondary);\n\n        & + .subtitle {\n          margin-top: -0.25rem;\n        }\n\n        &.black {\n          color: var(--color-text);\n        }\n\n        &.tight {\n          line-height: 1.3125rem;\n          margin-bottom: .1875rem;\n        }\n      }\n    }\n\n    &.destructive {\n      .ListItem-button {\n        color: var(--color-error);\n\n        i {\n          color: inherit;\n        }\n      }\n    }\n\n    &.blocked-list-item {\n      margin-bottom: 0.5rem;\n\n      .ListItem-button {\n        align-items: center;\n        text-align: left;\n        padding: 0.5rem;\n      }\n\n      .Avatar {\n        width: 3rem;\n        height: 3rem;\n        margin-right: 1rem;\n      }\n\n      .contact-name {\n        font-size: 1rem;\n        line-height: 1rem;\n        margin-bottom: 0.25rem;\n        font-weight: 500;\n      }\n\n      .contact-phone {\n        font-size: 0.875rem;\n        line-height: 1rem;\n        color: var(--color-text-secondary);\n      }\n    }\n\n    &[dir=rtl] {\n      .multiline-menu-item {\n        .title, .subtitle {\n          text-align: right;\n        }\n\n        .date {\n          float: left;\n          margin-left: 0;\n          margin-right: 1rem;\n        }\n      }\n    }\n  }\n\n  .RangeSlider {\n    margin-bottom: 1.0625rem;\n  }\n\n  .Checkbox, .radio-group {\n    margin: 0 -1rem 0.5rem;\n  }\n\n  .radio-group {\n    .Radio:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .Radio + .Radio, .Checkbox + .Checkbox {\n    margin-top: 2rem;\n  }\n}\n\n.settings-fab-wrapper {\n  height: calc(100% - var(--header-height));\n  position: relative;\n  overflow: hidden;\n\n  .settings-content {\n    height: 100%;\n  }\n\n  .FloatingActionButton {\n    right: 1.5rem;\n  }\n}\n\n.settings-edit-profile {\n  padding: 0 1.5rem;\n}\n\n.username-link {\n  color: var(--color-links);\n}\n",".NewChat {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n\n  &-inner {\n    height: calc(100% - var(--header-height));\n    overflow: hidden;\n\n    &.step-2 {\n      padding: 0 1.25rem;\n      display: flex;\n      flex-direction: column;\n\n      .note, .error {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin: 1.5rem 0.25rem;\n      }\n\n      .error {\n        color: var(--color-error);\n      }\n\n      .note {\n        margin-top: -0.5625rem;\n        color: var(--color-text-secondary);\n      }\n\n      .chat-members-heading {\n        color: var(--color-text-secondary);\n        font-size: 1rem;\n        font-weight: 500;\n        margin: 1rem 0.25rem;\n      }\n\n      .chat-members-list {\n        margin: 0 -1.25rem;\n        padding: 0 1rem 1rem;\n\n        overflow-x: hidden;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n",".ArchivedChats {\n  height: 100%;\n  overflow: hidden;\n\n  .chat-list {\n    height: calc(100% - var(--header-height));\n  }\n}\n",".MessageContextMenu {\n  position: absolute;\n  font-size: 1rem;\n\n  .bubble {\n    transform: scale(0.5);\n    transition: opacity .15s cubic-bezier(0.2, 0, 0.2, 1), transform .15s cubic-bezier(0.2, 0, 0.2, 1) !important;\n  }\n\n  .backdrop {\n    position: absolute;\n    touch-action: none;\n  }\n}\n",".StickerSetModal {\n  .modal-dialog {\n    width: 26.25rem;\n    max-width: 100%;\n  }\n\n  @media (max-width: 600px) {\n    .modal-dialog {\n      width: 18.875rem;\n    }\n  }\n\n  .modal-header {\n    padding: 0.5rem 1rem;\n  }\n\n  .modal-content {\n    text-align: center;\n    padding: 0;\n  }\n\n  .stickers {\n    position: relative;\n    width: 100%;\n    height: 19rem;\n    max-height: 50vh;\n    overflow-y: auto;\n    padding: 0 0.25rem;\n    text-align: left;\n  }\n\n  .button-wrapper {\n    padding: 0.5rem 0;\n    border-top: 1px solid var(--color-borders);\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    button {\n      display: inline-block;\n    }\n  }\n\n  .Loading {\n    width: 100%;\n    height: 22.8125rem;\n    max-height: calc(50vh + 3.8125rem);\n  }\n}\n\n",".HeaderMenuContainer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100vh;\n  z-index: var(--z-header-menu);\n\n  .Menu {\n    position: absolute;\n    font-size: 1rem;\n\n    .backdrop {\n      z-index: var(--z-header-menu-backdrop);\n    }\n\n    .bubble {\n      z-index: var(--z-header-menu);\n      --offset-y: calc(100% + 1rem);\n    }\n  }\n}\n","#MobileSearch > .header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: var(--z-mobile-search);\n  width: 100%;\n  height: 3.5rem;\n  background: var(--color-background);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem 0 0.25rem;\n\n  > .SearchInput {\n    margin-left: 0.25rem;\n    flex: 1;\n  }\n}\n\n#MobileSearch > .footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: var(--z-mobile-search);\n  width: 100%;\n  height: 3.5rem;\n  background: var(--color-background);\n  display: flex;\n  align-items: center;\n  padding-left: 1rem;\n  padding-right: 0.5rem;\n\n  > .counter {\n    flex: 1;\n    color: var(--color-text-secondary);\n  }\n}\n\n#MobileSearch:not(.active) {\n  .header, .footer {\n    // `display: none` will prevent synchronous focus on iOS\n    transform: translateX(-999rem);\n  }\n}\n",".MentionTooltip {\n  width: calc(100% - 4rem);\n  max-width: 20rem;\n  flex-direction: column;\n\n  z-index: -1;\n\n  @media (max-width: 600px) {\n    width: calc(100% - 3rem);\n  }\n\n  .ListItem.chat-item-clickable {\n    margin: 0;\n\n    .ListItem-button {\n      border-radius: 0;\n    }\n\n    .info {\n      display: flex;\n    }\n\n    .title {\n      margin-inline-end: .625rem;\n      max-width: 70%;\n    }\n\n    .handle {\n      font-size: 1rem;\n    }\n\n    &[dir=rtl] {\n      .status {\n        width: auto;\n      }\n    }\n  }\n\n  .ChatInfo {\n    .title h3 {\n      line-height: 1.25;\n    }\n\n    .Avatar {\n      margin-right: 0.7em;\n    }\n\n    .handle {\n      &::before {\n        content: '@';\n      }\n    }\n\n    .user-status {\n      display: none !important;\n    }\n  }\n}\n",".AttachmentModal {\n  --border-radius-default: 0.625rem;\n\n  .modal-dialog {\n    max-width: 26.25rem;\n    @media(max-width: 600px) {\n      max-height: 100%;\n      padding-bottom: 1.5rem;\n    }\n  }\n\n  .modal-content {\n    padding: .5rem 1.25rem 1.875rem;\n    max-height: calc(100vh - 3.25rem);\n    @media(max-width: 600px) {\n      padding-bottom: .25rem;\n    }\n  }\n\n  .media-wrapper {\n    max-height: 26rem;\n    overflow: auto;\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 1.5rem;\n\n    video,\n    img {\n      flex: 1;\n      width: calc(50% - 0.15rem);\n      height: 12rem;\n      margin-bottom: 0.3rem;\n      border-radius: var(--border-radius-default);\n      object-fit: cover;\n\n      &:only-child {\n        height: auto;\n        max-height: 25rem;\n        margin-bottom: 0;\n      }\n\n      &:nth-child(even) {\n        margin-left: 0.3rem;\n      }\n    }\n  }\n\n  .document-wrapper {\n    max-height: 25rem;\n    overflow: auto;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    margin: .75rem 0 1.75rem;\n\n    .File:not(:last-child) {\n      margin-bottom: 1.5rem;\n    }\n\n    .file-icon {\n      cursor: default !important;\n    }\n  }\n\n  .attachment-caption-wrapper {\n    position: relative;\n\n    .form-control {\n      background: var(--color-background);\n    }\n\n    .MentionTooltip {\n      right: 0 !important;\n      z-index: 0;\n    }\n  }\n\n  .drop-target {\n    position: relative;\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: var(--border-radius-default);\n      pointer-events: none;\n\n      opacity: 0;\n      transition: 250ms opacity;\n      z-index: 1;\n    }\n\n    &::before {\n      background-image: var(--drag-target-border-hovered);\n      background-color: var(--color-background);\n    }\n\n    &::after {\n      content: attr(data-attach-description);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: var(--color-primary);\n    }\n  }\n\n  &.hovered {\n    .drop-target::before {\n      opacity: .95;\n    }\n\n    .drop-target::after {\n      opacity: 1;\n    }\n\n    .attachment-caption-wrapper,\n    .document-wrapper,\n    .media-wrapper {\n      pointer-events: none;\n    }\n\n    .document-wrapper,\n    .media-wrapper {\n      border-radius: var(--border-radius-default);\n    }\n  }\n}\n",".PollModal {\n  .modal-dialog {\n    max-width: 26.25rem;\n    max-height: calc(100vh - 5rem);\n  }\n\n  .modal-content {\n    padding: .5rem 1.25rem 1.875rem;\n    min-height: 4.875rem;\n  }\n\n  .modal-header-condensed {\n    margin-bottom: 1rem;\n  }\n\n  .options-header {\n    color: var(--color-text-secondary);\n    font-size: 1rem;\n    font-weight: 500;\n    margin: 1.5rem 0.25rem;\n  }\n\n  .options-list {\n    margin: 1rem -0.75rem -0.5rem;\n    padding: 0 0.75rem;\n    border-top: 1px solid var(--color-chat-hover);\n    max-height: 20rem;\n    overflow: auto;\n\n    &.overflown {\n      padding: 0 0.4rem 0.5rem 0.75rem;\n    }\n\n    @media (max-width: 600px) {\n      overflow: hidden;\n      max-height: none;\n\n      &, &.overflown {\n        padding: 0 0.75rem;\n      }\n    }\n  }\n\n  .option-wrapper {\n    position: relative;\n\n    .form-control {\n      padding-right: 3rem;\n    }\n\n    .option-remove-button {\n      position: absolute;\n      top: 0.3125rem;\n      right: 0.3125rem;\n    }\n  }\n\n  .quiz-mode {\n    margin-top: 1.5rem;\n\n    .options-header {\n      margin-bottom: 0.5rem;\n    }\n\n    .note {\n      margin-top: 0.5rem;\n    }\n  }\n\n  .note {\n    font-size: smaller;\n    color: var(--color-text-secondary)\n  }\n\n  .error {\n    font-size: smaller;\n    color: var(--color-error);\n    margin: -1rem 0 1rem .25rem;\n  }\n\n  .input-group:last-child {\n    margin-bottom: 0.5rem;\n  }\n}\n",".EmojiButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  margin: 0.125rem;\n  border-radius: var(--border-radius-messages-small);\n  cursor: pointer;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n  background-color: transparent;\n  transition: background-color .15s ease;\n\n  .mac-os-fix & {\n    line-height: inherit;\n  }\n\n  &.focus,\n  &:hover {\n    background-color: var(--color-background-selected);\n  }\n\n  & > img {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n",".EmojiPicker {\n  height: 100%;\n\n  &-main {\n    height: calc(100% - 3rem);\n    overflow-y: auto;\n    padding: 0.5rem;\n\n    @media (max-width: 600px) {\n      padding: 0.5rem 0.25rem;\n    }\n\n    .symbol-set-container {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n\n  &-header {\n    height: 3rem;\n    border-bottom: 1px solid var(--color-borders);\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    @media (max-width: 600px) {\n      overflow-x: auto;\n      overflow-y: hidden;\n      display: block;\n      white-space: nowrap;\n      padding: 0.4375rem 0;\n\n      scrollbar-width: none;\n      scrollbar-color: rgba(0, 0, 0, 0);\n\n      &::-webkit-scrollbar {\n        height: 0;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: rgba(0, 0, 0, 0);\n      }\n\n      .symbol-set-button {\n        display: inline-flex;\n        vertical-align: middle;\n      }\n\n      // Spacer to counter last button margin not being accounted in scroll width\n      &::after {\n        content: \"\";\n        display: block;\n        flex-shrink: 0;\n        width: 0.1px;\n        height: 1rem;\n      }\n    }\n  }\n}\n",".StickerPicker {\n  height: 100%;\n\n  &-main {\n    position: relative;\n    height: calc(100% - 3rem);\n    overflow-y: auto;\n    padding: 0.5rem;\n\n    @media (max-width: 600px) {\n      padding: 0.5rem 0.25rem;\n    }\n  }\n\n  &-header {\n    height: 3rem;\n    border-bottom: 1px solid var(--color-borders);\n    padding: 0.125rem 0;\n    overflow-x: auto;\n    overflow-y: hidden;\n    white-space: nowrap;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n\n    scrollbar-width: none;\n    scrollbar-color: rgba(0, 0, 0, 0);\n\n    &::-webkit-scrollbar {\n      height: 0;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0);\n    }\n\n    // Spacer to counter last button margin not being accounted in scroll width\n    &::after {\n      content: \"\";\n      display: block;\n      flex-shrink: 0;\n      width: 0.1px;\n      height: 1rem;\n    }\n\n\n    .sticker-set-button {\n      display: inline-flex;\n      vertical-align: middle;\n\n      &.StickerButton {\n        background-size: 2rem;\n\n        img, .AnimatedSticker {\n          top: 0.375rem;\n          left: 0.375rem;\n          width: 2rem;\n          height: 2rem;\n        }\n      }\n\n      .sticker-set-cover {\n        width: 2rem;\n        height: 2rem;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        img, .AnimatedSticker {\n          width: 100%;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n      }\n    }\n  }\n\n  .symbol-set-container {\n    width: 25rem;\n    line-height: 0;\n\n    @media (max-width: 600px) {\n      width: 100%;\n    }\n  }\n\n  .sticker-set-button {\n    width: 2.75rem !important;\n    height: 2.75rem;\n    margin: 0 0.25rem;\n    border-radius: var(--border-radius-messages-small);\n  }\n}\n",".GifButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 6.25rem;\n  background-color: transparent;\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n\n  &:last-child {\n    margin-bottom: 1rem;\n  }\n\n  &.vertical {\n    grid-column-end: span 1;\n  }\n\n  &.horizontal {\n    grid-column-end: span 2;\n  }\n\n  .thumbnail {\n    background-size: cover !important;\n    background: transparent no-repeat center;\n  }\n\n  .thumbnail ~ video {\n    position: absolute;\n  }\n\n  .thumbnail, video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &:not(.shown) {\n    display: block !important;\n    visibility: hidden;\n  }\n\n  .Spinner {\n    position: absolute;\n    pointer-events: none;\n  }\n}\n",".GifPicker {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-auto-rows: 6.25rem;\n  grid-gap: 0.25rem;\n  grid-auto-flow: dense;\n  height: 100%;\n  overflow-y: auto;\n  padding: 0.25rem;\n\n  .Loading, .picker-disabled {\n    grid-column: 1 / -1;\n    height: var(--menu-height);\n  }\n}\n","@import '../../../styles/mixins';\n\n.SymbolMenu {\n  &.mobile-menu {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--color-background);\n    transform: translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0);\n    z-index: 1;\n\n    transition: transform var(--layer-transition);\n\n    &.open {\n      transform: translate3d(0, 0, 0);\n\n      body.is-media-viewer-open & {\n        transform: translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0);\n      }\n    }\n\n    body.animation-level-0 & {\n      transition: none;\n    }\n\n    &:not(.middle-column-open) {\n      transform: translate3d(100vw, 0, 0) !important;\n    }\n  }\n\n  &-main {\n    width: var(--symbol-menu-width);\n    height: var(--symbol-menu-height);\n    max-height: calc(100vh - var(--symbol-menu-footer-height));\n  }\n\n  &-footer {\n    height: var(--symbol-menu-footer-height);\n    border-top: 1px solid var(--color-borders);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 2px var(--color-default-shadow);\n    position: relative;\n\n    .Button {\n      flex-shrink: 0;\n      width: 2.125rem !important;\n      height: 2.125rem;\n      margin: 0 .25rem;\n      padding: 0;\n\n      &.activated {\n        pointer-events: none;\n      }\n\n      &.symbol-tab-button {\n        margin: 0 0.75rem;\n      }\n\n      &.symbol-search-button {\n        position: absolute;\n        left: 0.25rem;\n      }\n\n      &.symbol-delete-button {\n        position: absolute;\n        right: 0.25rem;\n      }\n    }\n  }\n\n  .Transition.slide {\n    height: 100%;\n\n    .Loading {\n      height: var(--symbol-menu-height);\n    }\n  }\n\n  .is-pointer-env & {\n    > .backdrop {\n      position: absolute;\n      top: -1rem;\n      left: 0;\n      right: auto;\n      width: 3.5rem;\n      height: 4.5rem;\n    }\n  }\n\n  .bubble {\n    padding: 0;\n    width: var(--symbol-menu-width);\n    overflow: hidden;\n  }\n\n  .picker-disabled {\n    height: var(--symbol-menu-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-text-secondary);\n  }\n\n  .symbol-close-button {\n    display: none;\n    position: absolute;\n    right: .25rem;\n    top: .25rem;\n  }\n\n  @media (orientation: landscape) {\n    .symbol-close-button {\n      display: block;\n    }\n  }\n}\n\n.symbol-set {\n  margin-bottom: 1rem;\n\n  &-name {\n    font-size: 1rem;\n    line-height: 1.6875rem;\n    font-weight: 500;\n    margin: 0;\n    padding-left: 0.5rem;\n    color: rgba(var(--color-text-secondary-rgb), 0.75);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    text-align: initial;\n    unicode-bidi: plaintext;\n  }\n\n  &-container {\n    text-align: initial;\n  }\n\n  &-button {\n    flex-shrink: 0;\n    width: 2.125rem !important;\n    height: 2.125rem;\n    margin: 0 0.25rem;\n    padding: 0;\n  }\n\n  @include while-transition() {\n    overflow: hidden;\n  }\n\n  .symbol-set-container {\n    &:not(.shown) {\n      display: block;\n    }\n\n    &.closing {\n      transition: none;\n    }\n  }\n}\n","// @optimization\n@mixin while-transition() {\n  .Transition > div:not(.active) &, body.animating-right-column & {\n    @content;\n  }\n}\n",".AttachMenu {\n  position: relative;\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",".StickerTooltip {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));\n  grid-auto-rows: auto;\n  place-items: center;\n\n  &.hidden {\n    display: none;\n  }\n}\n",".CustomSendMenu {\n  position: relative;\n  bottom: 3.5rem;\n\n  .is-pointer-env & {\n    > .backdrop {\n      position: absolute;\n      top: -1rem;\n      left: auto;\n      right: 0;\n      width: 3.5rem;\n    }\n  }\n\n\n  .media-disabled > button {\n    white-space: normal;\n  }\n\n  .bubble {\n    width: 16rem;\n  }\n}\n",".EmojiTooltip {\n  display: flex;\n  padding-left: .25rem;\n  overflow-x: auto;\n  overflow-x: overlay;\n  overflow-y: hidden;\n\n  .EmojiButton {\n    flex: 0 0 2.5rem\n  }\n}\n",".BaseResult {\n  &.chat-item-clickable > .ListItem-button {\n    padding-left: 1.25rem !important;\n    padding-right: 1.25rem !important;\n\n    .title {\n      display: block;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .thumb {\n    background-color: var(--color-background-secondary);\n    flex: 0 0 3rem;\n    width: 3rem;\n    height: 3rem;\n    line-height: 3rem;\n    border-radius: var(--border-radius-default-tiny);\n    display: inline-flex;\n    align-content: center;\n    justify-content: center;\n    margin-inline-end: .5rem;\n    overflow: hidden;\n    font-size: 1.5rem;\n\n    img:not(.emoji) {\n      width: 100%;\n      object-fit: cover;\n    }\n\n    img.emoji {\n      width: 1.5rem;\n      height: 1.5rem;\n      margin: .75rem 0 0;\n    }\n  }\n\n  .content-inner {\n    min-width: 0;\n  }\n\n  .title {\n    font-weight: 500;\n    text-align: left;\n    unicode-bidi: plaintext;\n  }\n\n  .description {\n    white-space: normal;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n    unicode-bidi: plaintext;\n  }\n  &[dir=rtl] .title,\n  &[dir=rtl] .description {\n    text-align: right;\n  }\n}\n",".MediaResult {\n  height: 0;\n  padding-bottom: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n\n  img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n",".InlineBotTooltip {\n  .switch-pm .title {\n    margin: 0 auto;\n    font-weight: 500;\n  }\n\n  --border-radius-default: 0;\n\n  &.gallery {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-gap: 1px;\n    padding: 0;\n\n    @media (max-width: 600px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    .switch-pm {\n      grid-column: 1 / -1;\n      .ListItem-button {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    .GifButton {\n      grid-column-end: initial;\n    }\n\n    .StickerButton {\n      width: initial;\n      height: 0;\n      margin: 0;\n      padding-bottom: 100%;\n      border-radius: 0;\n\n      .AnimatedSticker, img, canvas {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: 100% !important;\n\n        @media (min-width: 600px) {\n          top: .25rem;\n          left: .25rem;\n          width: calc(100% - .5rem) !important;\n          height: calc(100% - .5rem) !important;\n        }\n      }\n    }\n  }\n}\n",".RightSearch {\n  height: 100%;\n  padding: 0 0.5rem;\n  overflow-y: auto;\n\n  .helper-text {\n    padding: 1rem;\n    margin-bottom: 0.125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    unicode-bidi: plaintext;\n    text-align: initial;\n  }\n}\n",".StickerSearch {\n  height: 100%;\n  padding: 0 0.5rem;\n  overflow-y: auto;\n\n  .helper-text {\n    padding: 1rem;\n    margin-bottom: 0.125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n  }\n\n  .sticker-set {\n    margin-bottom: 1rem;\n\n    &-header {\n      display: flex;\n      justify-content: space-between;\n      padding: 0.5rem;\n\n      .title-wrapper {\n        overflow: hidden;\n      }\n\n      .title {\n        font-size: 1rem;\n        line-height: 1.6875rem;\n        margin: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .count {\n        color: var(--color-text-secondary);\n        margin: 0;\n      }\n\n      .Button {\n        flex-shrink: 0;\n        margin-left: 1rem;\n\n        &.is-added {\n          background: var(--color-chat-hover);\n          color: var(--color-text-secondary);\n\n          &:hover, &:active {\n            background: var(--color-item-active) !important;\n          }\n        }\n      }\n    }\n\n    &-main {\n      display: flex;\n      flex-wrap: nowrap;\n      overflow: hidden;\n    }\n\n    &[dir=rtl] {\n      .title-wrapper {\n        text-align: right;\n      }\n\n      .Button {\n        margin-left: 0;\n        margin-right: 1rem;\n      }\n    }\n  }\n\n  .StickerButton {\n    margin: 0.125rem;\n  }\n}\n",".GifSearch {\n  height: 100%;\n  padding: 0.25rem;\n\n  .gif-container {\n    height: 100%;\n    overflow: auto;\n\n    &.grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      grid-auto-rows: 6.25rem;\n      grid-gap: 0.25rem;\n      grid-auto-flow: dense;\n    }\n  }\n\n  .helper-text {\n    color: var(--color-text-meta);\n    margin-top: 2rem;\n    text-align: center;\n  }\n}\n",".PollAnswerResults {\n  border-bottom: 1px solid var(--color-borders);\n  padding: 0 .5rem .625rem;\n  display: flex;\n  flex-direction: column-reverse;\n\n  .answer-head {\n    display: flex;\n    align-items: center;\n    font-size: .9375rem;\n    line-height: 1.3125rem;\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    padding: 1rem .75rem .5rem 1rem;\n    position: sticky;\n    top: 0;\n    background: var(--color-background);\n\n    @media (max-width: 600px) {\n      padding: .5rem .25rem .5rem .5rem;\n    }\n  }\n\n  .answer-percent {\n    margin-left: auto;\n\n    &[dir=auto] {\n      margin-left: 0;\n      margin-right: auto;\n    }\n  }\n\n  .poll-voters {\n    padding: 0 .75rem;\n    position: relative;\n    min-height: 3rem;\n\n    @media (max-width: 600px) {\n      padding: 0 .25rem;\n    }\n\n    .Spinner {\n      --spinner-size: 1.25rem;\n    }\n  }\n\n  .chat-item-clickable {\n    .ChatInfo .Avatar.size-tiny {\n      margin-right: 1.75rem;\n    }\n\n    &[dir=rtl] {\n      .ChatInfo .Avatar.size-tiny {\n        margin-left: 1.75rem;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .ShowMoreButton {\n    margin: .25rem 0 0 -0.5rem;\n    width: calc(100% + 1rem);\n\n    &[dir=rtl] {\n      .icon-down {\n        margin-left: 2rem;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .icon-down {\n    vertical-align: middle;\n    margin-right: 2rem;\n    font-size: 1.5rem;\n  }\n}\n",".PollResults {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n\n  > .Loading {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background: rgba(white, 0.75);\n  }\n\n  .poll-question {\n    padding: .75rem 1.5rem;\n    flex-shrink: 0;\n    font-size: 1.25rem;\n\n    @media (max-width: 600px) {\n      padding: 0 1rem;\n    }\n  }\n\n  .poll-results-list {\n    border-top: 1px solid var(--color-borders);\n    flex-grow: 1;\n    overflow: auto;\n  }\n}\n",".Management {\n  position: relative;\n  height: 100%;\n\n  & > .custom-scroll {\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n  }\n\n  .section {\n    padding: 1rem 1.5rem;\n    border-top: 1px solid var(--color-borders);\n\n    &.wide {\n      padding: 1.5rem;\n    }\n\n    &:first-of-type {\n      border-top: none;\n      padding-top: 1rem;\n    }\n\n    &.no-border {\n      border-top: none;\n    }\n\n    > .ChatInfo {\n      margin: 0 0 2rem !important;\n\n      .title h3 {\n        margin-bottom: 0;\n      }\n    }\n\n    .section-icon {\n      width: 8.75rem;\n      height: 8.75rem;\n      margin: 0 auto 2rem;\n      position: relative;\n\n      .AnimatedSticker {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n\n        &.hidden {\n          display: none\n        }\n      }\n    }\n\n    .ListItem {\n      margin: 0 -.75rem;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      .multiline-item .subtitle {\n        line-height: 1.25rem;\n      }\n\n      &:not(.picker-list-item) .Checkbox {\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n      }\n\n      &.narrow {\n        .Checkbox {\n          margin-top: 1rem;\n          margin-bottom: 1rem;\n        }\n      }\n\n      &.exceptions-member {\n        .ChatInfo .status {\n          white-space: pre-wrap;\n        }\n      }\n    }\n\n    .section-heading {\n      font-weight: 500;\n      font-size: .9375rem;\n      color: var(--color-text-secondary);\n\n      &[dir=auto] {\n        text-align: initial;\n      }\n    }\n\n    .section-help {\n      color: var(--color-text-secondary);\n      line-height: 1.375rem;\n\n      &[dir=auto] {\n        text-align: initial;\n      }\n    }\n\n    .section-info {\n      color: var(--color-text-secondary);\n      font-size: .875rem;\n    }\n\n    &[dir=rtl] {\n      text-align: right;\n    }\n  }\n\n  textarea.form-control {\n    height: auto;\n  }\n\n  .group-link {\n    color: var(--color-text);\n  }\n\n  .radio-group {\n    margin-top: 2rem;\n\n    .Radio {\n      padding-left: 3.5rem;\n      margin-bottom: 2rem;\n\n      &:last-child {\n        margin-bottom: .625rem;\n      }\n    }\n\n    .Radio-main {\n      &::before {\n        left: 0.125rem;\n        top: .25rem;\n        transform: none;\n      }\n\n      &::after {\n        left: 0.4375rem;\n        top: .5625rem;\n        transform: none;\n      }\n    }\n  }\n}\n\n.ManageGroupMembers {\n  padding: 0.5rem 1rem;\n}\n",".ShippingInfo {\n  padding: 0.5rem 1rem;\n\n  h5 {\n    font-size: 0.9rem;\n    color: var(--color-text-secondary);\n    margin: 1rem 0 1.1rem;\n  }\n}",".Shipping {\n  padding: 0.5rem 1rem;\n\n  form {\n    p {\n      color: var(--color-text-secondary);\n      font-weight: 500;\n      margin: .5rem 0 2rem;\n    }\n\n    .Radio {\n      margin-bottom: 2rem;\n    }\n  }\n}",".Checkout {\n  padding: 0.5rem 0;\n\n  .description {\n    display: flex;\n    flex-direction: row;\n    margin: 0 1rem;\n\n    img {\n      height: 6rem;\n      margin: .5rem;\n    }\n\n    .text {\n      h5 {\n        margin-top: .5rem;\n        font-size: 1.125rem;\n      }\n\n      p {\n        font-size: 0.8rem;\n        line-height: 1rem;\n        color: var(--color-text-secondary);\n      }\n    }\n  }\n\n  .price-info {\n    margin: 1rem;\n\n    .price-info-item {\n      margin: 1rem .5rem;\n      display: flex;\n      flex-direction: row;\n      align-content: space-between;\n      color: var(--color-text-secondary);\n      font-weight: 500;\n  \n      &-main{\n        color: var(--color-text);\n      }\n  \n      .title {\n        display: flex;\n        flex: 1 auto;\n      }\n    }\n  }\n\n  .invoice-info {\n    border-top: 1px var(--color-borders) solid;\n    padding: 1rem;\n\n    .checkout-info-item {\n      display: flex;\n      padding: .75rem .5rem 1rem;\n      text-align: left;\n\n      i {\n        font-size: 1.5rem;\n        color: var(--color-text-secondary);\n        margin-right: 2rem;\n        width: 1.5rem;\n      }\n\n      i.stripe-provider {\n        background: url('../../assets/stripe-logo.png') no-repeat center;\n        background-size: 2rem;\n        border-radius: 1rem;\n        height: 1.5rem;\n      }\n\n      .info {\n        .title {\n          font-size: 1rem;\n          line-height: 1.4375rem;\n          margin-bottom: 0;\n          font-weight: 400;\n          word-break: break-word;\n          color: var(--color-text);\n          text-transform: capitalize;\n        }\n\n        .data {\n          margin-bottom: 0;\n          font-size: 0.875rem;\n          color: var(--color-text-secondary);\n        }\n      }\n    }\n  }\n  \n}",".CardInput {\n  position: relative;\n\n  .input-group.has-left-addon .form-control{\n    padding-left: 4rem;\n  }\n\n  .left-addon {\n    position: absolute;\n    top: .8rem;\n    left: 1rem;\n    z-index: 8;\n\n    img {\n      max-width: 2rem;\n    }\n  }\n}\n",".PaymentInfo {\n  padding: 0.5rem 1rem;\n\n  h5 {\n    font-size: 0.9rem;\n    color: var(--color-text-secondary);\n    margin: 1rem 0 1.1rem;\n  }\n\n  .inline-inputs {\n    display: flex;\n    justify-content: space-between;\n\n    .input-group {\n      flex: 1 10rem;\n      max-width: 45%;\n      display: flex;\n    }\n  }\n}\n",".PaymentModal {\n  .modal-backdrop {\n    pointer-events: none;\n  }\n\n  .header {\n    position: relative;\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n    width: 100%;\n    padding: .25rem 1rem;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    background: var(--color-background);\n    border-bottom: 1px var(--color-borders) solid;\n\n    h3 {\n      margin-bottom: 0;\n      margin-left: 1.5rem;\n      unicode-bidi: plaintext;\n      text-align: initial;\n    }\n  }\n\n  .Transition {\n    height: 25rem;\n  }\n\n  .empty-content {\n    height: 25rem;\n    max-height: 90%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .receipt-content {\n    height: 25rem;\n    overflow-y: auto;\n  }\n\n  .content {\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n\n  .footer {\n    position: relative;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    width: 100%;\n    padding: .75rem 1rem;\n    background: var(--color-background);\n    border-top: 1px var(--color-borders) solid;\n\n    button {\n      text-transform: none;\n      font-weight: 500;\n    }\n  }\n\n  .modal-dialog {\n    width: 25rem;\n  }\n\n  .modal-content {\n    padding:0;\n    overflow: hidden;\n  }\n}\n\n@media screen\n  and (max-device-width: 640px)\n  and (max-height: 640px)\n  and (orientation: landscape) {\n  .PaymentModal {\n    .modal-dialog {\n      max-height: 100%;\n    }\n\n    .Transition {\n      height: 10rem;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}