montana/Russian/Site/messenger/dist/shared-components.e3067f5e960f91f40a97.css.map

{"version":3,"file":"shared-components.e3067f5e960f91f40a97.css","mappings":"AAAA,SACE,aACA,mBACA,uBACA,YAEA,qBACE,qCAGF,kBACE,wB;ACXJ,UACE,gBACA,uBACA,wDAGF,UACE,gBAGF,UACE,e;ACXF,UACE,uBAEA,aACA,sBACA,mBAEA,gBACA,mBACA,sBACA,mBAEA,kBACA,wBACA,mBAEA,yCAEA,+CAEA,mBACE,oBACA,mBACA,UAGF,mBACE,+BAGF,wBACE,oCAGF,mDACE,0BACA,gBAIJ,UACE,kCAGF,oBAEE,yBAEA,wC;AChDF,kBACE,oBAEE,aACA,cACA,iBACA,mBAEA,sBACA,sBAGF,UACE,sBAEA,0CACA,qBAEA,kBAEA,gBAEA,qBAEA,UACA,yCACA,sCAEA,yBAEA,6BACE,aAGF,mBACE,UAGF,mBACE,sBAEA,uBAIJ,UACE,uBAGF,UACE,oBACA,sBAEA,kBACA,kBACA,WACA,MACA,QACA,SACA,OAEA,2BACA,gBAEA,kBAEA,8CAEA,6CAEA,mBACE,WAIJ,UACE,qCAEA,aACA,cACA,WACA,mBAEA,qBACA,gCAEA,eACA,sCACA,kCACA,mBAEA,gBACE,YAGF,oBACE,2BAGF,mBACE,sBAGF,mBACE,OACA,uBAIJ,oBAEE,6BAEA,kBACA,oBAGF,UACE,kBAGF,UACE,kBACA,WAGF,UACE,kBACA,cAEA,iBACE,oBACA,WAEA,kBACA,UACA,QACA,OAEA,WACA,oCAEA,6G;AC9IN,UAGA,oCACE,kBAEA,aAEA,mBACA,gBAEA,gBACA,0BACA,gBAEA,yCAEA,0CAEE,yCACA,oBAGF,oCACE,WACA,0BAEA,0BACE,wBAIJ,iBACE,MACA,OACA,UAEA,6BAEA,8EAKE,iBACE,wCAGF,8BACE,6DACA,uCAGF,YACE,mBACA,uBACA,kBACA,oBAKN,yBACE,oFAGE,eAEE,UACA,kFAMJ,oBAEE,4BAGF,uBACE,kBAEA,YACA,aACA,UAEA,oCAEA,oFAMA,eAEE,+DAKF,+BACE,8DAGF,WACE,qBACA,UACA,oCACA,iBAKN,iBACE,uBACA,UACA,0BAGF,YACE,+BACA,6BACA,YACA,mBACA,kEAEA,mBAEE,WACA,cAEA,cAEA,eACA,kCAGF,+CACE,qBACA,yCACA,2DACA,iCAGF,8BC7IF,WACA,kBACA,mBACA,oBACA,oBACA,cACA,mCAEA,kCACA,YDuII,kBAEA,kBAEA,yBACA,UAEA,4BAEA,wGAGF,iBAGE,QACA,cACA,2BACA,iCAGF,sBACE,oBACA,gBACA,uBACA,sCAGF,aACE,gBACA,kBACA,yBAEA,wBACA,kBAEA,kCACA,oCAGF,sBACE,cACA,WACA,kBAEA,kBAEA,iBACA,kCACA,mEAKF,0CAEE,yCACA,uCAGF,6BACE,4EAKF,mBAEE,WACA,kBAEA,cACA,cAEA,eAEA,gBACA,sCAGF,YACE,oBACA,mBACA,gDAKF,iCACE,sCACA,+CAGF,SACE,yEAGA,SACE,qCAOF,aACE,UACA,wDAIJ,gBAEE,mIAIA,UAGE,UACA,kBAKN,YACE,aACA,mBACA,8BACA,eAEA,wBACA,uDAEA,0CAEE,yCACA,0BAIJ,QACE,yCACA,uEAEA,0CAEE,yCACA,4BAIJ,6BACE,oGAGE,SAEE,2CAKN,kBACE,kBAGF,4BACE,4BACA,mBAGF,YACE,aACA,wBACA,uBAGF,gBACE,gIAGF,YAEE,cACA,qBAGF,iBACE,gBACA,8BACA,sFAGE,KAEE,QACA,OACA,wBAMR,eACE,aACA,2DAEA,6BAGF,gBACE,sCAEA,C;AEvVF,aACE,qCAEA,iBACA,yBACA,uBAEA,sBACE,4CAEA,oBAGF,sBACE,oBAGF,6BACE,aACA,8BACA,sBAEA,oHAGE,cACA,iBACA,kCAGF,gFAEE,cAIA,6CACE,kBACA,cAKN,0BACE,kBACA,UAEA,kCACE,WAEA,kBACA,WACA,aACA,OAEA,WACA,eACA,sBAEA,WACA,sCAIJ,gCACE,oBAEA,kBACA,aACA,OAEA,WACA,eACA,sBAEA,qCAIA,uCACE,WACA,cAGF,qCACE,WACA,cC3BJ,+BACE,cAEA,WACA,oBAEA,wBACA,yBAEA,qDACE,wBAGF,iDACE,qBAGF,8DACE,qCAGF,qGACE,qCAGF,qCACE,aDaF,qDApHF,qCAEA,mBAEA,aACA,cACA,YACA,kBAEA,+BAEA,oFAEA,2DACE,qBA0GA,iDAxHF,qCAEA,mBAEA,aACA,cACA,YACA,kBAEA,+BAEA,iFAEA,uDACE,qBA8GA,0CA5HF,qCAEA,mBAEA,aACA,cACA,YACA,kBAEA,+BAEA,gFAEA,gDACE,qBAmHF,6BACE,aACA,sBACA,sBACA,wBAGF,4BACE,qCAEA,mBACA,kCACA,kBAEA,0BAEA,qEAEE,wBAGF,mCACE,sCAGF,wCACE,gBAGF,uCACE,iB;AElKN,UACE,cAEA,mBACA,gBACA,mBACA,qBAEA,kBACA,sCACA,sBACA,kBAEA,8CAEE,qBAIJ,UACE,yBACA,6BAGF,UACE,+BACA,8B;AC1BF,UACE,kBAIE,8DACE,WAEA,kBACA,QACA,SACA,YAEA,gBAGA,yDAGF,wKAEE,aAIF,kFACE,WAEA,kBACA,eACA,QACA,YAEA,gBAEA,2DAGF,wFACE,aAGF,oFACE,cAGF,wFACE,aAGF,4EACE,eAGF,8EACE,UAIJ,iCAEE,iEAGF,2BACE,oCAEA,kBAEA,gBACA,aACA,mBAEA,gBACA,eACA,uBACA,2CAEA,wBACA,qBACA,mBAEA,yCACA,wBACA,2BAEA,kFAEE,gBAGF,+CACE,0BACA,iBACA,kCAGF,qCACE,yBAGF,yBArCF,2BAsCI,iBAKF,iDACE,8CAIJ,gEAGE,uBACA,mBACA,uBAGF,2BACE,cACA,oBACA,mBAGF,yBACE,kBACA,UAIA,yDACE,kBAIJ,uCACE,oBAGF,oCACE,WAIA,0DACE,qCAEA,gFACE,kDAGF,qBACE,wIAEE,6CAIJ,yBACE,iEACE,6CAMR,yCACE,4CAGF,mBACE,oBAGF,gBACE,4CAIA,uCACE,yBAEA,2DACE,cAMJ,mCACE,2BAEA,uDACE,cAKN,uBACE,kBAEA,+BACE,WAEA,gDACE,8BACA,6BAMJ,sFAEE,0DAGF,+CACE,iBAIA,iEACE,cAGF,0DACE,iBAIJ,sCACE,wBAGF,oCACE,OACA,YAGF,+CACE,aACA,mBACA,8BAGF,qHAGE,aACA,mBACA,2BACA,YAGF,yCACE,YACA,gBAGF,gKAIE,gBAEA,SAEA,eACA,mBACA,uBACA,mBAGF,0HAGE,gBAIA,wCACE,wCAIJ,2CACE,0BACA,2BAGF,6FAEE,kBACA,oBACA,kCAGF,wCACE,aACA,OACA,mBACA,YAEA,8CACE,aACA,sBACA,uBAGF,sDACE,gBACA,cAEA,yBACA,0BAEA,kBACA,kCACA,uBACA,mBAGF,gDACE,kCACA,uDACE,2BAIJ,uGAEE,qBACA,kBACA,oBAEA,oPAEE,WACA,mBAKN,6PAME,uBACA,mBAMA,4UAEE,mBAKF,qDACE,WAKN,2BACE,SAEA,4CACE,aACA,mBACA,eAGF,mCACE,WACA,YAGF,qCACE,cACA,cACA,SACA,kBAGF,yCACE,cAIA,8CACE,mBACA,eAMJ,qCACE,cAGF,8BACE,kBAIJ,0BACE,gBACA,YACA,8BACA,oBAEA,sCACE,yBAGF,qEAEE,cACA,mBAEA,uFACE,iBAIJ,iCACE,gBACA,oBACA,uBAGF,oCACE,kBACA,kBACA,iBACA,kCAEA,0CACE,wBAKN,yBAGI,8HACE,yDAMR,oBACE,gBACA,uBACA,mB;ACldF,cACE,kB;ACDF,UACE,kBACA,oBACA,mBACA,SAEA,mBACE,oBACA,WAGF,mBACE,oBAKA,kKAEE,2BAGF,oGACE,eAIJ,gBACE,kBACA,uBAEA,QACA,SAEA,kBACA,UAGF,kBACE,qCAEA,kBAEA,qBAEA,eACA,eACA,oBAEA,mBAEA,mCAEA,kCAGF,wBACE,WAEA,kBACA,cACA,OAEA,eACA,gBACA,uCACA,qBAEA,yCAEA,2BAGF,gCACE,gCAGF,sCACE,2BACA,kC;AC/EJ,UACE,yBACA,0BACA,uBAEA,kBACA,oBAGF,UACE,qCACA,kBACA,0BACA,SAEA,iBACE,WAEA,kBACA,MACA,OAEA,wBACA,yBACA,uCACA,wCAEA,yCAEA,2BAEA,0CACE,2BAIJ,0BACE,6BAGF,0BACE,iFACA,kCAGF,0BACE,oFACA,kCAIJ,UACE,kBACA,MACA,OACA,2BAEA,gBAEA,0BACA,4BACA,qBAEA,mCAEA,iBACE,WAEA,kBACA,MACA,OAEA,0BACA,4BACA,qBAEA,sCAEA,2BAEA,0CACE,2BAIJ,0BACE,4BAGF,0BACE,2BAGF,0BACE,wB;AC9FJ,OACE,qCAEA,kBAEA,aACA,mBAEA,WACA,gBACA,SACA,6BAEA,gBAEA,aACE,2CACA,yCAGF,gBACE,oBACA,WAGF,iBACE,0BAEE,yEAEE,gBACA,UAGF,oCACE,aAKN,gCACE,8BAGF,qBACE,qCAEE,iFAEE,kBAIJ,2BACE,+BAMA,gDACE,mBAKN,aACE,kBACA,uBACA,UAIA,qDAEE,WAEA,kBACA,QACA,2BAEA,cAGF,2BACE,cAEA,cACA,eACA,4CACA,kBAEA,UACA,yCAEA,kDAGF,0BACE,eAEA,cACA,eACA,kBAEA,UACA,gCAEA,4BAGF,0BACE,uBACA,cAEA,mBACA,gBACA,uBAGF,6BACE,uBACA,cAEA,kBAEA,kBACA,iBACA,kCAGF,iCACE,eAKF,yCACE,kCAGF,wCACE,UAKF,qEAEE,qBAGF,wBACE,wBAEA,kBACA,QACA,UACA,2BAEA,UAEA,oCAKF,4BACE,iBAEA,oCACE,gBACA,UAGF,mCACE,eACA,UAIJ,iDAEE,iBAGF,iCACE,gBACA,UAGF,6CACE,eACA,UAIJ,iBACE,kBAEA,gBACA,uBACA,6BAEA,oBAGE,qCACE,MACA,QACA,OACA,eAEF,oCACE,MACA,cACA,0BAIJ,0BACE,mBACA,eAKN,mBACE,KACE,UAEF,GACE,W;ACxOJ,iBACE,qCAEA,kBACA,UAEA,aACA,sBACA,mBACA,uBAEA,eACA,gBACA,kBAEA,iCAEA,0BACE,oBACA,oCAGF,6BACE,kBACA,mBACA,yBAGF,wBACE,sBAEA,+BACE,WAEA,kBACA,QACA,SACA,qCAEA,eACA,gBACA,sBAEA,sBAIJ,gDAEE,WACA,YAEA,8DACE,aACA,cACA,sBAIJ,yBACE,cACA,eAEA,gCACE,eAIJ,6BACE,0CAGF,wBACE,cACA,yBACA,0C;AC3EJ,sBACE,oHAEA,kBACA,UACA,WACA,YACA,2BAEA,6BAEA,2DAEE,wCAGF,+CACE,2BAGF,+BACE,wBAGF,+BACE,WACA,U;AC1BJ,UACE,kBAEA,gBAEA,WACA,YAEA,kDAEA,iBACE,qBACA,YACA,oBAGF,gBACE,kBAGF,uBACE,mBAGF,wBACE,WAEA,cAEA,WACA,YAEA,kDAEA,qDAEA,0BACE,GACE,UAEF,IACE,WAEF,KACE,WAKN,uBACE,WAEA,kBAEA,cAEA,WACA,YAEA,6GAEA,iEAEA,yBACE,GACE,4BAEF,IACE,2BAEF,KACE,4BAKN,4BACE,WAEA,kBAEA,cAEA,WACA,YAEA,0GAEA,uDAEA,8BACE,GACE,4BAEF,KACE,4BAKN,qCACE,4B;ACrGJ,UACE,aACA,UACA,WAGF,UACE,cACA,cACA,eACA,kBAGF,UACE,aACA,sBACA,YACA,UACA,uBAGF,UACE,UACA,YACA,oBAGF,UACE,UACA,eACA,oBAGF,UACE,uIACE,CAMF,4BACA,4BACA,sCAGF,oBACE,GACE,6B;AChDJ,aACE,kBAEA,aACA,mBAEA,WACA,4BACA,yCACA,uBAEA,iDAEA,yCAEA,kCAEA,8BACE,aAEA,mDACE,aAGF,oCACE,mBAIA,6CACE,oBACA,eAKN,uBACE,kCACA,yCACA,iCAEA,oCACE,2BAIJ,mBACE,cACA,gBACA,qJACE,CAEF,uBACA,uBAEA,0CACA,2BAEA,gCACE,gCAIJ,kCACE,cACA,aACA,2BAGF,mCACE,cACA,aACA,0BAGF,mCACE,aACA,mBACA,uBAGF,kDACE,iBACA,cAGF,wBACE,kCAGF,sBACE,kBACA,QACA,SACA,gCAEA,aACA,cAEA,+BACE,uBAIJ,qBACE,eAIA,4BACE,cAIJ,yBACE,mBACE,cACA,gDACA,uB;ACrFN,UACE,UACA,iBACA,iBAGF,UACE,mBACA,sBAEA,kBACA,WAGF,UACE,oBACA,aACA,8BACA,WAGF,UACE,kBAEA,aACA,uBAEA,eAEA,mBACA,wCACA,kCAGF,UACE,yBAGF,UACE,kBACA,UAEA,WACA,gBAEA,wBACA,4LACE,CAOF,aAEA,uBAGF,gCAzFE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,kFAEA,iCAuEF,gCAtEI,kEACA,sCACE,gFAIJ,sCACE,2CAmEJ,4BA7FE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,+EAEA,iCA2EF,4BA1EI,kEACA,kCACE,gFAIJ,kCACE,2CAuEJ,qBAjGE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,8EAEA,iCA+EF,qBA9EI,kEACA,2BACE,gFAIJ,2BACE,2CA2EJ,UACE,oBAEA,kBACA,UACA,QACA,cACA,OAEA,aACA,8BAGF,UACE,kBAEA,aACA,aACA,uBAEA,6CAGF,UACE,oCAGF,UACE,6C;ACpIF,KACE,aACA,cACA,uBAEA,WACA,SACA,yBACA,YACA,2DACA,4DAEA,wCACA,kCAEA,gBACA,gBAEA,4BAGE,aAGF,kBACE,qCAEA,qBACE,uDACE,mDAIJ,yBACE,wDACE,mDAKN,aACE,qCACA,2BAEA,uBACE,qBAIJ,gBACE,kBAEA,aACA,QACA,mBAEA,cAEA,mBAGF,YACE,cAEA,kBACA,eACA,6BACA,mBACA,qBAEA,kBACA,sCACA,sBACA,WACA,kBAEA,6BAEA,kDAEE,oBAIJ,oBACE,2CAGF,cACE,kBACA,iBACA,SACA,2BAEA,iBAGF,eACE,oBAEA,kBACA,cACA,iBACA,aACA,sBAEA,uBACA,gBACA,oCAEA,UACA,sCAEA,uBACE,6CAEA,gDACE,2BAMR,kBACE,kB;AC5HF,UACE,kBACA,gBACA,mBAGF,oBAEE,oBACA,YACA,0CAEA,kBACA,UAEA,mBAGF,UACE,uCAGF,UACE,oBACA,UAGF,UACE,oBAEA,kBACA,UACA,MACA,OAEA,WACA,YAEA,0BACA,iBAGF,UACE,oBACA,YACA,0CAEA,kBACA,UACA,cAEA,gBAEA,kBAEA,6CAGF,UACE,iDAGF,UACE,OACA,SACA,uBAEA,4BACE,SAIJ,UACE,aACA,mBACA,gB;AC3EF,UACE,aACA,mBACA,kCACA,kBAEA,mCAEE,WACA,OACA,mDAGF,8BACE,mBAGF,6BACE,kBAIA,uCACE,eACA,kBAGF,sCACE,mBACA,c;AC7BN,eACE,8BACA,qBAEA,gBACA,MAEA,gBACA,kBACA,aACA,cACA,iBACA,qBACA,8BAEA,qBAEA,eAEA,yCACA,+CAEA,kCACE,SAGF,wCACE,+BAEA,uC;AC7BJ,UACE,kBACA,UACA,WAEA,sCACE,UAIJ,UACE,UAEA,qBACE,oBAIJ,UACE,uBAEA,kBACA,QACA,2BAEA,aACA,mBAEA,WACA,YAEA,kBACA,iBACA,kCACA,kBAEA,UAEA,yBAEA,0BACE,UAGF,oBACE,2BACA,UAGF,wBA/BF,UAgCI,kBACA,sBAIJ,UACE,iB;AC5CA,yBACE,kBACA,WACA,6BACA,6BAEF,0BACE,aACA,kB;ACjBF,sBACE,qCAEA,kBAEA,gBACA,wBACA,mBACA,uBAEA,aACA,cACA,kBACA,mBACA,iBACA,kBAEA,eACA,WAEA,sCACA,wBAEA,+BAEA,4BACE,aAGF,0BACE,kBACA,MACA,OAEA,WACA,YAGF,4BACE,qCACA,mBACA,iCAKA,qOAGE,wBAGF,0EACE,2BAKF,kCACE,qBAIJ,6BACE,yCAEA,oCACE,WAEA,kBACA,MACA,OAEA,cAEA,WACA,YAEA,gCAIJ,+BACE,oBAEA,sCACE,aAGF,qCACE,aAIJ,qCACE,gD;AClGN,UACE,qCAEA,kBAEA,aACA,sBACA,cACA,YACA,mBACA,uBAEA,mCACA,kBACA,qBACA,qBACA,gBAEA,kBACE,WAEA,kBACA,YACA,eACA,OACA,4CAEA,eACA,qDACA,mDAEA,gCAEA,6CAEA,gCACE,gBAIJ,oBACE,sBACA,6BAEA,kBAGF,oBACE,gBAEA,sCACA,kCACA,kBACA,uBAGF,oBACE,mBACA,0BAEA,kBACA,kBACA,kCAGF,oBACE,kBACA,UACA,aACA,aAEA,aACA,uBACA,uBAEA,wBACA,iDACA,qBAEA,iBACA,wCACA,mBACA,yBAEA,uCAEA,oBACE,yBACA,gCAIJ,oBACE,sBAGF,gBACE,kDAIA,2BACE,kCAGF,0DACE,2BAGF,6BACE,yBACA,gC;AC/GN,UACE,a;ACDF,UACE,kBAEA,mBACA,gBACA,wBACA,uBACA,qBAGF,UACE,gBAGA,uBAGF,UACE,cAGF,UACE,cACA,iBAGF,oBACE,kBACA,QACA,cAEA,4BAEA,+EAGF,UACE,eAEA,oBACA,mBAEA,qBACA,qBAEA,mBACA,2BAEA,iCAEA,gBACE,8C;ACnDJ,UACE,aACA,sBACA,aAGF,UACE,aACA,sB;ACRF,UACE,eACA,uBACA,QACA,sBAEA,aAEA,UACA,sBAEA,+CAEA,eACE,mBACA,UAGF,kBACE,sBACA,UAGF,mCACE,0BACA,gBAGF,yBA5BF,UA6BI,uBAIJ,UACE,kBAEA,aACA,OACA,sBACA,mBACA,uBAEA,YACA,aAEA,yBAZF,UAaI,cAIJ,UACE,kBAEA,iBACA,aACA,OACA,mBACA,uBAEA,eACA,aACA,gBAGF,UACE,cACA,qBAEA,mBACE,iBAGF,mBACE,4BAGF,mBACE,4BAGF,mBACE,qCAGF,mBACE,qCAGF,mCACE,0BAKJ,oBACE,aACA,cACA,gBAIF,oBACE,GACE,sDACA,oGACH,CAKC,KACE,0BACA,kCAIJ,UACE,oBAEA,kBACA,QACA,SACA,gCAEA,qBAEA,mCACE,aAIF,mBACE,qCAIF,mBACE,qCAGF,mBACE,qCAGF,mBACE,qCAIJ,oBACE,GACE,gCACA,UACA,iCAGF,IACE,+EACH,CAIG,UACA,oGACH,CAKC,KACE,+EACH,CAIG,UACA,oGACH,EAMD,oBACE,6CACA,oDAGF,oBACE,GACE,yDACA,UAGF,IACE,yFACA,UAGF,KACE,yFACA,WAIJ,oBACE,GACE,4DACA,UAGF,IACE,+DACA,UAGF,YACE,WAIJ,oBACE,iBACA,gBAGF,oBACE,OACE,wCAGF,KACE,uCAKJ,UACE,oBAEA,kBACA,QACA,SACA,gCAEA,4BAEA,mBACE,qCAGF,mCACE,0BAIJ,oBACE,KACE,UAGF,GACE,WAIJ,oBACE,KACE,UAGF,GACE,WAIJ,UACE,kBACA,QACA,gCAGF,UACE,oBACA,YACA,kBACA,oCAGF,UACE,kBACA,QAEA,mCAEE,WACA,kBACA,oCAGF,kBACE,WACA,QACA,cACA,OAEA,wCACA,2CAEA,yBAGF,iBACE,MACA,aACA,SACA,YAEA,0CACA,yCAEA,yBAIJ,UACE,oBAEA,kBACA,gCAEA,aACA,cACA,kBAEA,oCAEA,mBACE,mBAGF,mBACE,mBAGF,mBACE,mBAGF,mBACE,mBAKJ,UACE,aACA,mCACA,sBACA,yCAEA,yBANF,UAOI,gBACA,WACA,kBAIJ,UACE,aACA,UACA,mBAEA,oBACA,6CAGF,UACE,OACA,mBACA,sCACA,kBAGF,UACE,aACA,WAGF,UACE,gBACA,aACA,OACA,8BAGF,UACE,UAEA,SACA,2BAEA,mBACA,eAEA,mCACA,uDAGF,UACE,UAEA,qBAEA,kBACA,kCAEA,kCACA,gBACE,wBAGF,sBACE,2BAIJ,UACE,kBACA,gBACA,OAIF,WACE,aACA,mBACA,8BAEA,oBAEA,wCACA,kCAGF,UACE,aACA,eACA,mBACA,aAGF,UACE,qCAEA,aACA,cACA,aACA,UACA,YACA,kBAEA,qCACA,6CAEA,qEAEA,gBACE,qBAGF,mBACE,+CAGF,mBACE,4BAEA,qHACH,CAaG,4BACE,qDAKN,UACE,uCAGF,UACE,gBAEA,sBACE,sCAIJ,UACE,iBACA,kBACA,iBAGF,UACE,aACA,cACA,SACA,mBAEA,YACA,eACA,aAEA,mBACE,oBACA,UAGF,mBACE,oBACA,qCAGF,mBACE,4BAGF,mCACE,0BAIJ,oBACE,aACA,sBACA,WACA,gBAGF,UACE,kBAEA,gBACA,aAEA,aACA,eAEA,iBACE,WAEA,kBAEA,aACA,eAEA,gFAGF,0BACE,8BACA,sCAIJ,UACE,8BACA,sCAME,kEACE,gFAOF,0CACE,wBAGJ,0BACE,wBAIJ,UACE,aACA,8BACA,WAIF,UAGE,sBAEA,4BACA,iDACA,sBAEA,oBACE,kCAIF,mBACE,wBACA,yBAIF,mBACE,wBACA,mCAIF,mBACE,kCACA,yBAIF,mBACE,wBACA,mCAIF,mBACE,kCACA,yBAIF,oBACE,wBACA,mCAIF,mBACE,kCACA,yBAIF,mBACE,wBACA,oCAIF,mBACE,mCACA,yBAKJ,UACE,aACA,sBACA,iBAGF,UACE,aACA,WACA,mBAGF,UACE,iBAEA,kBAEA,OAEA,cACA,2CAEA,wHACE,CAGF,yBAdF,UAeI,aAIJ,UACE,aACA,sBACA,YACA,uBAGF,UACE,WAGF,UACE,oBAEA,kBACA,yBACA,uBACA,gCAEA,cACA,eACA,wCACA,kBAEA,qCACA,oCAGF,UACE,eAEA,kBAEA,OAEA,cACA,aACA,qBAEA,yJACD,CAkBD,UACE,oBAEA,kBACA,QACA,sCACA,gCAEA,cACA,eACA,wCACA,kBAEA,mDACA,oCAIF,UACE,kBACA,aACA,cAEA,yBALF,UAMI,WACA,c;ACzxBJ,2BACE,WACA,WAGF,iBACE,YACA,kBAEA,gBAEA,YAEA,kBAGA,mBACE,WACA,kBAEA,UACA,SACA,QACA,OACA,cAEA,oFAEA,kBAGF,eACE,WAIJ,qBACE,kBAEA,MACA,SACA,YAEA,WAGF,iBACE,eACA,qBAGF,iBAEE,MACA,2BACA,iBAEA,yBACA,mBACA,mCAEA,WACE,kBACA,aACA,gBACA,WAIJ,iBACE,wCACA,WACA,WAGF,mBACE,kBAEA,UACA,aACA,SACA,2BACA,QAEA,SACA,wCACA,kCACA,uCACA,WAGF,iBACE,SACA,iBAGA,gBAEA,cACA,oGAEA,+BACA,C;ACtGF,gBACE,aACA,mBAEA,+BAEA,mCACA,gBACA,oBAEA,qBAEA,sBACE,kBACA,iBACA,kCAGF,yBACE,a","sources":["webpack://montana-messenger/./src/components/ui/Loading.scss","webpack://montana-messenger/./src/components/ui/MenuSeparator.module.scss","webpack://montana-messenger/./src/components/ui/ModalStarBalanceBar.module.scss","webpack://montana-messenger/./src/components/ui/TabList.module.scss","webpack://montana-messenger/./src/components/ui/Checkbox.scss","webpack://montana-messenger/./src/styles/icons.scss","webpack://montana-messenger/./src/components/ui/RangeSlider.scss","webpack://montana-messenger/./src/styles/_mixins.scss","webpack://montana-messenger/./src/components/ui/Badge.module.scss","webpack://montana-messenger/./src/components/ui/ListItem.scss","webpack://montana-messenger/./src/components/ui/DropdownMenu.scss","webpack://montana-messenger/./src/components/ui/Switcher.scss","webpack://montana-messenger/./src/components/ui/Toggle.module.scss","webpack://montana-messenger/./src/components/ui/Radio.scss","webpack://montana-messenger/./src/components/ui/ProgressSpinner.scss","webpack://montana-messenger/./src/components/ui/FloatingActionButton.scss","webpack://montana-messenger/./src/components/ui/placeholder/Skeleton.scss","webpack://montana-messenger/./src/components/ui/placeholder/PlaceholderChatInfo.module.scss","webpack://montana-messenger/./src/components/ui/SearchInput.scss","webpack://montana-messenger/./src/components/ui/RangeSliderWithMarks.module.scss","webpack://montana-messenger/./src/components/ui/Tab.scss","webpack://montana-messenger/./src/components/ui/ImageCropper.module.scss","webpack://montana-messenger/./src/components/ui/Separator.module.scss","webpack://montana-messenger/./src/components/ui/SquareTabList.scss","webpack://montana-messenger/./src/components/ui/Draggable.module.scss","webpack://montana-messenger/./src/components/ui/CropModal.scss","webpack://montana-messenger/./src/components/ui/AvatarEditable.scss","webpack://montana-messenger/./src/components/ui/Folder.module.scss","webpack://montana-messenger/./src/components/ui/SelectAvatar.module.scss","webpack://montana-messenger/./src/components/ui/ExpandableText.module.scss","webpack://montana-messenger/./src/components/ui/placeholder/TextLoadingPlaceholder.module.scss","webpack://montana-messenger/./src/components/ui/mediaEditor/MediaEditor.module.scss","webpack://montana-messenger/./src/components/ui/mediaEditor/RotationSlider.module.scss","webpack://montana-messenger/./src/components/ui/ShowMoreButton.scss"],"sourcesContent":[".Loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n\n  &.interactive {\n    cursor: var(--custom-cursor, pointer);\n  }\n\n  .Spinner {\n    --spinner-size: 2.75rem;\n  }\n}\n",".root {\n  margin: 0.25rem 0;\n  border-radius: 0.0625rem;\n  background-color: var(--color-background-menu-separator);\n}\n\n.thin {\n  height: 0.0625rem;\n}\n\n.thick {\n  height: 0.375rem;\n}\n",".root {\n  z-index: var(--z-modal);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  margin-top: 2rem;\n  margin-bottom: 1rem;\n  padding: 0.5rem 1.25rem;\n  border-radius: 2rem;\n\n  font-size: 0.875rem;\n  color: var(--color-text);\n  white-space: nowrap;\n\n  background-color: var(--color-background);\n\n  transition: transform 0.2s ease, opacity 0.2s ease;\n\n  &.hidden {\n    pointer-events: none;\n    transform: scale(0);\n    opacity: 0;\n  }\n\n  :global(.confirm) & {\n    z-index: var(--z-modal-confirm);\n  }\n\n  :global(.low-priority) & {\n    z-index: var(--z-modal-low-priority);\n  }\n\n  :global(body:not(.no-page-transitions)) .dots {\n    transform: none !important;\n    transition: none;\n  }\n}\n\n.tonInUsdDescription {\n  color: var(--color-text-secondary);\n}\n\n.tonInUsdDescription,\n.getMoreStarsLink {\n  --next-arrow-weight: 600;\n\n  font-weight: var(--font-weight-semibold);\n}\n","@layer ui.tablist {\n  .container,\n  .activeIndicator {\n    display: flex;\n    flex-shrink: 0;\n    flex-wrap: nowrap;\n    align-items: center;\n\n    padding-block: 0.375rem;\n    padding-inline: 0.25rem;\n  }\n\n  .container {\n    --tab-radius: 1.25rem;\n\n    user-select: none;\n    scrollbar-width: none;\n\n    position: relative;\n\n    overflow-x: auto;\n\n    border-radius: 1.5rem;\n\n    opacity: 0;\n    background-color: var(--color-background);\n    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);\n\n    transition: opacity 150ms;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    &.ready {\n      opacity: 1;\n    }\n\n    &.vertical {\n      --tab-radius: 1.75rem;\n\n      border-radius: 1.875rem;\n    }\n  }\n\n  .centered {\n    justify-content: center;\n  }\n\n  .activeIndicator {\n    pointer-events: none;\n    will-change: clip-path;\n\n    isolation: isolate;\n    position: absolute;\n    z-index: 10;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    contain: layout style paint;\n    overflow: hidden;\n\n    width: fit-content;\n\n    background-color: var(--color-primary-opacity);\n\n    transition: clip-path var(--slide-transition);\n\n    &.stretched {\n      width: 100%;\n    }\n  }\n\n  .tab {\n    cursor: var(--custom-cursor, pointer);\n\n    display: flex;\n    flex-shrink: 0;\n    gap: 0.25rem;\n    align-items: center;\n\n    padding: 0.375rem 1rem;\n    border-radius: var(--tab-radius);\n\n    font-size: 1rem;\n    font-weight: var(--font-weight-medium);\n    color: var(--color-text-secondary);\n    white-space: nowrap;\n\n    &:hover {\n      opacity: 0.85;\n    }\n\n    .activeIndicator & {\n      color: var(--color-primary);\n    }\n\n    &.vertical {\n      flex-direction: column;\n    }\n\n    &.stretched {\n      flex: 1;\n      justify-content: center;\n    }\n  }\n\n  .tabEmoji,\n  .tabIcon {\n    --custom-emoji-size: 1.25rem;\n\n    font-size: 1.25rem;\n    line-height: 1.25rem;\n  }\n\n  .lockIcon {\n    font-size: 0.875rem;\n  }\n\n  .withFadeMask {\n    position: relative;\n    z-index: 10;\n  }\n\n  .fadeMaskWrapper {\n    position: relative;\n    flex-shrink: 0;\n\n    &::after {\n      pointer-events: none;\n      content: \"\";\n\n      position: absolute;\n      z-index: 9;\n      top: 50%;\n      left: 0;\n\n      width: 100%;\n      height: var(--fade-mask-height, 50%);\n\n      background: linear-gradient(to bottom, var(--fade-mask-color, var(--color-background)) 0%, transparent 100%);\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../../styles/icons\";\n\n.Checkbox {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  min-height: 3rem;\n  margin-bottom: 0;\n  padding-inline-start: 4rem;\n\n  text-align: left;\n\n  &:hover,\n  &:focus-visible {\n    border-radius: var(--border-radius-default);\n    background-color: var(--color-chat-hover);\n  }\n\n  &.disabled {\n    cursor: var(--custom-cursor, default);\n    opacity: 0.5;\n\n    &:hover {\n      background: none !important;\n    }\n  }\n\n  .user-avatar {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    opacity: 0;\n\n    transition: opacity 0.15s ease;\n  }\n\n  &.round {\n    .Checkbox-main {\n      &::before, &::after {\n        border-radius: 50%;\n      }\n\n      &::before {\n        background-color: transparent;\n        transition: border-color 0.15s ease, background-color 0.15s ease;\n      }\n\n      &::after {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.875rem;\n      }\n    }\n  }\n\n  &.withIcon {\n    padding-inline-start: 1rem;\n\n    .Checkbox-main {\n      &::before,\n      &::after {\n        right: 1.1875rem;\n        left: auto;\n      }\n    }\n  }\n\n  &.loading {\n    .Checkbox-main::before,\n    .Checkbox-main::after {\n      opacity: 0 !important;\n    }\n\n    .Spinner {\n      --spinner-size: 1.25rem;\n\n      position: absolute;\n      top: 0.125rem;\n      left: 0.375rem;\n\n      opacity: 0;\n\n      animation: fade-in 0.2s ease forwards;\n    }\n  }\n\n  &.blocking {\n    .Checkbox-main {\n      &::before,\n      &::after {\n        transition: none;\n      }\n    }\n\n    input:not(:checked) ~ .Checkbox-main {\n      &::before {\n        border-color: var(--color-error);\n      }\n\n      &::after {\n        content: map.get(icons.$icons-map, \"remove\");\n        border-radius: 0.25rem;\n        opacity: 1;\n        background-color: var(--color-error);\n      }\n    }\n  }\n\n  input {\n    position: absolute;\n    z-index: var(--z-below);\n    opacity: 0;\n  }\n\n  .Checkbox-main {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n    flex-grow: 1;\n    align-items: center;\n\n    &::before,\n    &::after {\n      pointer-events: none;\n      content: \"\";\n\n      display: block;\n\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n\n    &::before {\n      border: 0.125rem solid var(--color-borders-input);\n      border-radius: 0.25rem;\n      background-color: var(--color-background);\n      transition: border-color 0.1s ease, background-color 0.1s ease;\n    }\n\n    &::after {\n      @include icons.icon;\n\n      content: map.get(icons.$icons-map, \"check\");\n\n      position: absolute;\n\n      font-size: 1.25rem;\n      color: var(--color-white);\n\n      opacity: 0;\n\n      transition: opacity 0.1s ease;\n    }\n\n    .user-avatar,\n    &::before,\n    &::after {\n      position: absolute;\n      top: 50%;\n      left: 1.125rem; // 1 + ((1.5 - 1.25) / 2)\n      transform: translateY(-50%);\n    }\n\n    .label {\n      unicode-bidi: plaintext;\n      line-height: 1.25rem;\n      text-align: left;\n      overflow-wrap: anywhere;\n    }\n\n    .right-icon {\n      grid-column: 2;\n      grid-row: span 2;\n      align-self: center;\n\n      margin-inline-start: auto;\n      margin-inline-end: 0.5rem;\n\n      font-size: 1.25rem;\n      color: var(--color-text-secondary);\n    }\n\n    .subLabel {\n      unicode-bidi: plaintext;\n      grid-column: 1;\n      grid-row: 2;\n\n      margin-top: 0.25rem;\n\n      font-size: 0.875rem;\n      line-height: 1rem;\n      color: var(--color-text-secondary);\n    }\n  }\n\n  &.withSubLabel {\n    &:hover,\n    &:focus-visible {\n      border-radius: var(--border-radius-default);\n      background-color: var(--color-chat-hover);\n    }\n\n    .Checkbox-main {\n      padding: 0.4375rem 0 0.5625rem 0;\n    }\n  }\n\n  .Nested-avatar-list {\n    &::before,\n    &::after {\n      pointer-events: none;\n      content: \"\";\n\n      position: absolute;\n      left: 1.125rem;\n\n      display: block;\n\n      width: 1.125rem;\n      height: 1.125rem;\n    }\n\n    .label {\n      display: flex;\n      column-gap: 0.6875rem;\n      align-items: center;\n    }\n  }\n\n  input:checked ~ .Checkbox-main {\n    &::before {\n      border-color: var(--color-primary);\n      background-color: var(--color-primary);\n    }\n\n    &::after {\n      opacity: 1;\n    }\n    .user-avatar {\n      &.user-avatar-visible {\n        opacity: 1;\n      }\n    }\n  }\n\n  &[dir=\"rtl\"] {\n    &.loading {\n      .Spinner {\n        right: 0.375rem;\n        left: auto;\n      }\n    }\n\n    .label,\n    .subLabel {\n      text-align: right;\n    }\n\n    .Checkbox-main {\n      .user-avatar,\n      &::before,\n      &::after {\n        right: 1rem;\n        left: auto;\n      }\n    }\n  }\n\n  &.nested {\n    display: flex;\n    gap: 0.3125rem;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-block: 0;\n    padding: 0 0 0 4.1875rem;\n\n    &:hover,\n    &:focus-visible {\n      border-radius: var(--border-radius-default);\n      background-color: var(--color-chat-hover);\n    }\n  }\n\n  &.withNestedList {\n    margin: 0;\n    background-color: var(--color-background);\n\n    &:hover,\n    &:focus-visible {\n      border-radius: var(--border-radius-default);\n      background-color: var(--color-chat-hover);\n    }\n  }\n\n  &.permission-group {\n    padding-inline-start: 3.625rem;\n\n    .Checkbox-main {\n      &::before,\n      &::after {\n        left: 1rem;\n      }\n    }\n  }\n\n  &.permission-group.withNestedList {\n    margin-bottom: 1rem;\n  }\n\n  &.avatar {\n    margin-inline-start: 3.125rem;\n    padding-inline-start: 3.5rem;\n  }\n\n  .button {\n    display: flex;\n    gap: 0.1875rem;\n    color: var(--color-text);\n  }\n\n  .group-icon {\n    font-size: 0.75rem;\n  }\n\n  &.nested-checkbox-group &.Checkbox-main::before,\n  &.nested-checkbox-group &.Checkbox-main::after {\n    top: 1.875rem;\n    left: 2.875rem;\n  }\n\n  &.onlyInput {\n    position: relative;\n    min-height: auto;\n    padding-inline-start: 0.8125rem;\n\n    .Checkbox-main {\n      &::before,\n      &::after {\n        top: 0;\n        right: 0;\n        left: 0;\n      }\n    }\n  }\n}\n\n.nested-checkbox-group {\n  overflow: hidden;\n  max-height: 0;\n  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n  transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.nested-checkbox-group-open {\n  max-height: 100vh;\n  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n  transition: max-height 0.6s ease-in-out;\n}\n","@use \"sass:map\";\n\n@mixin icon {\n  /* !important to prevent issues with browser extensions that change fonts */\n  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */\n  font-family: \"icons\" !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n$icons-map: (\n  \"active-sessions\": \"\\f101\",\n  \"add\": \"\\f102\",\n  \"add-caption\": \"\\f103\",\n  \"add-filled\": \"\\f104\",\n  \"add-one-badge\": \"\\f105\",\n  \"add-user\": \"\\f106\",\n  \"add-user-filled\": \"\\f107\",\n  \"admin\": \"\\f108\",\n  \"ai\": \"\\f109\",\n  \"ai-edit\": \"\\f10a\",\n  \"ai-fix\": \"\\f10b\",\n  \"allow-share\": \"\\f10c\",\n  \"allow-speak\": \"\\f10d\",\n  \"animals\": \"\\f10e\",\n  \"animations\": \"\\f10f\",\n  \"archive\": \"\\f110\",\n  \"archive-filled\": \"\\f111\",\n  \"archive-from-main\": \"\\f112\",\n  \"archive-to-main\": \"\\f113\",\n  \"arrow-down\": \"\\f114\",\n  \"arrow-down-circle\": \"\\f115\",\n  \"arrow-left\": \"\\f116\",\n  \"arrow-right\": \"\\f117\",\n  \"ask-support\": \"\\f118\",\n  \"attach\": \"\\f119\",\n  \"auction\": \"\\f11a\",\n  \"auction-drop\": \"\\f11b\",\n  \"auction-filled\": \"\\f11c\",\n  \"auction-next-round\": \"\\f11d\",\n  \"author-hidden\": \"\\f11e\",\n  \"avatar-archived-chats\": \"\\f11f\",\n  \"avatar-deleted-account\": \"\\f120\",\n  \"avatar-saved-messages\": \"\\f121\",\n  \"bold\": \"\\f122\",\n  \"boost\": \"\\f123\",\n  \"boost-craft-chance\": \"\\f124\",\n  \"boost-outline\": \"\\f125\",\n  \"boostcircle\": \"\\f126\",\n  \"boosts\": \"\\f127\",\n  \"bot-command\": \"\\f128\",\n  \"bot-commands-filled\": \"\\f129\",\n  \"bots\": \"\\f12a\",\n  \"brush\": \"\\f12b\",\n  \"bug\": \"\\f12c\",\n  \"calendar\": \"\\f12d\",\n  \"calendar-filter\": \"\\f12e\",\n  \"camera\": \"\\f12f\",\n  \"camera-add\": \"\\f130\",\n  \"car\": \"\\f131\",\n  \"card\": \"\\f132\",\n  \"cash-circle\": \"\\f133\",\n  \"channel\": \"\\f134\",\n  \"channel-filled\": \"\\f135\",\n  \"channelviews\": \"\\f136\",\n  \"chat-badge\": \"\\f137\",\n  \"chats-badge\": \"\\f138\",\n  \"check\": \"\\f139\",\n  \"check-bold\": \"\\f13a\",\n  \"check-filled\": \"\\f13b\",\n  \"choice-selected\": \"\\f13c\",\n  \"clock\": \"\\f13d\",\n  \"clock-edit\": \"\\f13e\",\n  \"close\": \"\\f13f\",\n  \"close-circle\": \"\\f140\",\n  \"close-topic\": \"\\f141\",\n  \"closed-gift\": \"\\f142\",\n  \"cloud-download\": \"\\f143\",\n  \"collapse\": \"\\f144\",\n  \"collapse-modal\": \"\\f145\",\n  \"colorize\": \"\\f146\",\n  \"combine-craft\": \"\\f147\",\n  \"comments\": \"\\f148\",\n  \"comments-sticker\": \"\\f149\",\n  \"copy\": \"\\f14a\",\n  \"copy-media\": \"\\f14b\",\n  \"craft\": \"\\f14c\",\n  \"crop\": \"\\f14d\",\n  \"crown-take-off\": \"\\f14e\",\n  \"crown-take-off-outline\": \"\\f14f\",\n  \"crown-wear\": \"\\f150\",\n  \"crown-wear-outline\": \"\\f151\",\n  \"darkmode\": \"\\f152\",\n  \"data\": \"\\f153\",\n  \"delete\": \"\\f154\",\n  \"delete-filled\": \"\\f155\",\n  \"delete-left\": \"\\f156\",\n  \"delete-user\": \"\\f157\",\n  \"diamond\": \"\\f158\",\n  \"document\": \"\\f159\",\n  \"double-badge\": \"\\f15a\",\n  \"down\": \"\\f15b\",\n  \"download\": \"\\f15c\",\n  \"dropdown-arrows\": \"\\f15d\",\n  \"eats\": \"\\f15e\",\n  \"edit\": \"\\f15f\",\n  \"email\": \"\\f160\",\n  \"enter\": \"\\f161\",\n  \"expand\": \"\\f162\",\n  \"expand-modal\": \"\\f163\",\n  \"eye\": \"\\f164\",\n  \"eye-crossed\": \"\\f165\",\n  \"eye-crossed-outline\": \"\\f166\",\n  \"eye-outline\": \"\\f167\",\n  \"favorite\": \"\\f168\",\n  \"favorite-filled\": \"\\f169\",\n  \"file-badge\": \"\\f16a\",\n  \"flag\": \"\\f16b\",\n  \"flip\": \"\\f16c\",\n  \"folder\": \"\\f16d\",\n  \"folder-badge\": \"\\f16e\",\n  \"folder-tabs-bot\": \"\\f16f\",\n  \"folder-tabs-channel\": \"\\f170\",\n  \"folder-tabs-chat\": \"\\f171\",\n  \"folder-tabs-chats\": \"\\f172\",\n  \"folder-tabs-folder\": \"\\f173\",\n  \"folder-tabs-group\": \"\\f174\",\n  \"folder-tabs-star\": \"\\f175\",\n  \"folder-tabs-user\": \"\\f176\",\n  \"fontsize\": \"\\f177\",\n  \"forums\": \"\\f178\",\n  \"forward\": \"\\f179\",\n  \"fragment\": \"\\f17a\",\n  \"frozen-time\": \"\\f17b\",\n  \"fullscreen\": \"\\f17c\",\n  \"gifs\": \"\\f17d\",\n  \"gift\": \"\\f17e\",\n  \"gift-transfer-inline\": \"\\f17f\",\n  \"group\": \"\\f180\",\n  \"group-filled\": \"\\f181\",\n  \"grouped\": \"\\f182\",\n  \"grouped-disable\": \"\\f183\",\n  \"hand-stop\": \"\\f184\",\n  \"hand-stop-filled\": \"\\f185\",\n  \"hashtag\": \"\\f186\",\n  \"hd-photo\": \"\\f187\",\n  \"heart\": \"\\f188\",\n  \"heart-outline\": \"\\f189\",\n  \"help\": \"\\f18a\",\n  \"info\": \"\\f18b\",\n  \"info-filled\": \"\\f18c\",\n  \"install\": \"\\f18d\",\n  \"italic\": \"\\f18e\",\n  \"key\": \"\\f18f\",\n  \"keyboard\": \"\\f190\",\n  \"lamp\": \"\\f191\",\n  \"language\": \"\\f192\",\n  \"large-pause\": \"\\f193\",\n  \"large-play\": \"\\f194\",\n  \"link\": \"\\f195\",\n  \"link-badge\": \"\\f196\",\n  \"link-broken\": \"\\f197\",\n  \"location\": \"\\f198\",\n  \"lock\": \"\\f199\",\n  \"lock-badge\": \"\\f19a\",\n  \"logout\": \"\\f19b\",\n  \"loop\": \"\\f19c\",\n  \"mention\": \"\\f19d\",\n  \"menu\": \"\\f19e\",\n  \"message\": \"\\f19f\",\n  \"message-failed\": \"\\f1a0\",\n  \"message-pending\": \"\\f1a1\",\n  \"message-read\": \"\\f1a2\",\n  \"message-succeeded\": \"\\f1a3\",\n  \"microphone\": \"\\f1a4\",\n  \"microphone-alt\": \"\\f1a5\",\n  \"monospace\": \"\\f1a6\",\n  \"more\": \"\\f1a7\",\n  \"more-circle\": \"\\f1a8\",\n  \"move-caption-down\": \"\\f1a9\",\n  \"move-caption-up\": \"\\f1aa\",\n  \"mute\": \"\\f1ab\",\n  \"muted\": \"\\f1ac\",\n  \"my-notes\": \"\\f1ad\",\n  \"new-chat-filled\": \"\\f1ae\",\n  \"new-send\": \"\\f1af\",\n  \"next\": \"\\f1b0\",\n  \"next-link\": \"\\f1b1\",\n  \"no-download\": \"\\f1b2\",\n  \"no-share\": \"\\f1b3\",\n  \"nochannel\": \"\\f1b4\",\n  \"noise-suppression\": \"\\f1b5\",\n  \"non-contacts\": \"\\f1b6\",\n  \"note\": \"\\f1b7\",\n  \"one-filled\": \"\\f1b8\",\n  \"open-in-new-tab\": \"\\f1b9\",\n  \"password-off\": \"\\f1ba\",\n  \"pause\": \"\\f1bb\",\n  \"permissions\": \"\\f1bc\",\n  \"phone\": \"\\f1bd\",\n  \"phone-discard\": \"\\f1be\",\n  \"phone-discard-outline\": \"\\f1bf\",\n  \"photo\": \"\\f1c0\",\n  \"pin\": \"\\f1c1\",\n  \"pin-badge\": \"\\f1c2\",\n  \"pin-list\": \"\\f1c3\",\n  \"pinned-chat\": \"\\f1c4\",\n  \"pinned-message\": \"\\f1c5\",\n  \"pip\": \"\\f1c6\",\n  \"play\": \"\\f1c7\",\n  \"play-story\": \"\\f1c8\",\n  \"poll\": \"\\f1c9\",\n  \"poll-badge\": \"\\f1ca\",\n  \"previous\": \"\\f1cb\",\n  \"previous-link\": \"\\f1cc\",\n  \"privacy-policy\": \"\\f1cd\",\n  \"proof-of-ownership\": \"\\f1ce\",\n  \"quote\": \"\\f1cf\",\n  \"quote-text\": \"\\f1d0\",\n  \"radial-badge\": \"\\f1d1\",\n  \"rating-icons-level1\": \"\\f1d2\",\n  \"rating-icons-level10\": \"\\f1d3\",\n  \"rating-icons-level2\": \"\\f1d4\",\n  \"rating-icons-level20\": \"\\f1d5\",\n  \"rating-icons-level3\": \"\\f1d6\",\n  \"rating-icons-level30\": \"\\f1d7\",\n  \"rating-icons-level4\": \"\\f1d8\",\n  \"rating-icons-level40\": \"\\f1d9\",\n  \"rating-icons-level5\": \"\\f1da\",\n  \"rating-icons-level50\": \"\\f1db\",\n  \"rating-icons-level6\": \"\\f1dc\",\n  \"rating-icons-level60\": \"\\f1dd\",\n  \"rating-icons-level7\": \"\\f1de\",\n  \"rating-icons-level70\": \"\\f1df\",\n  \"rating-icons-level8\": \"\\f1e0\",\n  \"rating-icons-level80\": \"\\f1e1\",\n  \"rating-icons-level9\": \"\\f1e2\",\n  \"rating-icons-level90\": \"\\f1e3\",\n  \"rating-icons-negative\": \"\\f1e4\",\n  \"readchats\": \"\\f1e5\",\n  \"recent\": \"\\f1e6\",\n  \"redo\": \"\\f1e7\",\n  \"refund\": \"\\f1e8\",\n  \"reload\": \"\\f1e9\",\n  \"remove\": \"\\f1ea\",\n  \"remove-quote\": \"\\f1eb\",\n  \"reopen-topic\": \"\\f1ec\",\n  \"reorder-tabs\": \"\\f1ed\",\n  \"replace\": \"\\f1ee\",\n  \"replace-round\": \"\\f1ef\",\n  \"replies\": \"\\f1f0\",\n  \"reply\": \"\\f1f1\",\n  \"reply-filled\": \"\\f1f2\",\n  \"revenue-split\": \"\\f1f3\",\n  \"revote\": \"\\f1f4\",\n  \"rotate\": \"\\f1f5\",\n  \"save-story\": \"\\f1f6\",\n  \"saved-messages\": \"\\f1f7\",\n  \"schedule\": \"\\f1f8\",\n  \"scheduled\": \"\\f1f9\",\n  \"sd-photo\": \"\\f1fa\",\n  \"search\": \"\\f1fb\",\n  \"select\": \"\\f1fc\",\n  \"select-filled\": \"\\f1fd\",\n  \"sell\": \"\\f1fe\",\n  \"sell-outline\": \"\\f1ff\",\n  \"send\": \"\\f200\",\n  \"send-outline\": \"\\f201\",\n  \"settings\": \"\\f202\",\n  \"settings-filled\": \"\\f203\",\n  \"share-filled\": \"\\f204\",\n  \"share-screen\": \"\\f205\",\n  \"share-screen-outlined\": \"\\f206\",\n  \"share-screen-stop\": \"\\f207\",\n  \"show-message\": \"\\f208\",\n  \"sidebar\": \"\\f209\",\n  \"skip-next\": \"\\f20a\",\n  \"skip-previous\": \"\\f20b\",\n  \"smallscreen\": \"\\f20c\",\n  \"smile\": \"\\f20d\",\n  \"sort\": \"\\f20e\",\n  \"sort-by-date\": \"\\f20f\",\n  \"sort-by-number\": \"\\f210\",\n  \"sort-by-price\": \"\\f211\",\n  \"speaker\": \"\\f212\",\n  \"speaker-muted-story\": \"\\f213\",\n  \"speaker-outline\": \"\\f214\",\n  \"speaker-story\": \"\\f215\",\n  \"spoiler\": \"\\f216\",\n  \"spoiler-disable\": \"\\f217\",\n  \"sport\": \"\\f218\",\n  \"star\": \"\\f219\",\n  \"stars-lock\": \"\\f21a\",\n  \"stars-refund\": \"\\f21b\",\n  \"stats\": \"\\f21c\",\n  \"stealth-future\": \"\\f21d\",\n  \"stealth-past\": \"\\f21e\",\n  \"stickers\": \"\\f21f\",\n  \"stop\": \"\\f220\",\n  \"stop-raising-hand\": \"\\f221\",\n  \"story-caption\": \"\\f222\",\n  \"story-expired\": \"\\f223\",\n  \"story-priority\": \"\\f224\",\n  \"story-reply\": \"\\f225\",\n  \"strikethrough\": \"\\f226\",\n  \"tag\": \"\\f227\",\n  \"tag-add\": \"\\f228\",\n  \"tag-crossed\": \"\\f229\",\n  \"tag-filter\": \"\\f22a\",\n  \"tag-name\": \"\\f22b\",\n  \"timer\": \"\\f22c\",\n  \"timer-filled\": \"\\f22d\",\n  \"toncoin\": \"\\f22e\",\n  \"tone\": \"\\f22f\",\n  \"tools\": \"\\f230\",\n  \"topic-new\": \"\\f231\",\n  \"trade\": \"\\f232\",\n  \"transcribe\": \"\\f233\",\n  \"truck\": \"\\f234\",\n  \"unarchive\": \"\\f235\",\n  \"underlined\": \"\\f236\",\n  \"understood\": \"\\f237\",\n  \"undo\": \"\\f238\",\n  \"unique-profile\": \"\\f239\",\n  \"unlist\": \"\\f23a\",\n  \"unlist-outline\": \"\\f23b\",\n  \"unlock\": \"\\f23c\",\n  \"unlock-badge\": \"\\f23d\",\n  \"unmute\": \"\\f23e\",\n  \"unpin\": \"\\f23f\",\n  \"unread\": \"\\f240\",\n  \"up\": \"\\f241\",\n  \"user\": \"\\f242\",\n  \"user-filled\": \"\\f243\",\n  \"user-online\": \"\\f244\",\n  \"user-stars\": \"\\f245\",\n  \"user-tag\": \"\\f246\",\n  \"video\": \"\\f247\",\n  \"video-outlined\": \"\\f248\",\n  \"video-stop\": \"\\f249\",\n  \"view-once\": \"\\f24a\",\n  \"voice-chat\": \"\\f24b\",\n  \"volume-1\": \"\\f24c\",\n  \"volume-2\": \"\\f24d\",\n  \"volume-3\": \"\\f24e\",\n  \"warning\": \"\\f24f\",\n  \"web\": \"\\f250\",\n  \"webapp\": \"\\f251\",\n  \"word-wrap\": \"\\f252\",\n  \"zoom-in\": \"\\f253\",\n  \"zoom-out\": \"\\f254\",\n);\n","@use \"../../styles/mixins\";\n\n@mixin thumb-styles() {\n  cursor: var(--custom-cursor, pointer);\n\n  transform: scale(1);\n\n  width: 0.75rem;\n  height: 0.75rem;\n  border: none;\n  border-radius: 50%;\n\n  background: var(--slider-color);\n\n  transition: transform 0.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: 0.5rem 0 0;\n  margin-inline-start: 1rem;\n  margin-inline-end: 1rem;\n\n  &.disabled {\n    --slider-color: var(--color-text-secondary);\n\n    pointer-events: none;\n  }\n\n  &.readOnly {\n    pointer-events: none;\n  }\n\n  .slider-top-row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 0.625rem;\n\n    .value-min,\n    .value-max,\n    .value {\n      flex-shrink: 0;\n      margin-left: 1rem;\n      color: var(--color-text-secondary);\n    }\n\n    .value-min,\n    .value-max {\n      margin-left: 0;\n    }\n\n    &[dir=\"rtl\"] {\n      .value {\n        margin-right: 1rem;\n        margin-left: 0;\n      }\n    }\n  }\n\n  .slider-main {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n      content: \"\";\n\n      position: absolute;\n      z-index: -1;\n      top: 0.3125rem;\n      left: 0;\n\n      width: 100%;\n      height: 0.125rem;\n      border-radius: 0.125rem;\n\n      opacity: 0.5;\n      background-color: var(--color-borders);\n    }\n  }\n\n  .slider-fill-track {\n    pointer-events: none;\n\n    position: absolute;\n    top: 0.3125rem;\n    left: 0;\n\n    width: 100%;\n    height: 0.125rem;\n    border-radius: 0.125rem;\n\n    background-color: var(--slider-color);\n  }\n\n  &.bold {\n    .slider-main::before {\n      top: 0.25rem;\n      height: 0.25rem;\n    }\n\n    .slider-fill-track {\n      top: 0.25rem;\n      height: 0.25rem;\n    }\n  }\n\n  // Reset range input browser styles\n  @include mixins.reset-range();\n\n  // Apply custom styles\n  input[type=\"range\"] {\n    // Note that while we're repeating code here, that's\n    // 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-auto-columns: 1fr;\n    grid-auto-flow: column;\n    grid-template-rows: auto;\n  }\n\n  .slider-option {\n    cursor: var(--custom-cursor, pointer);\n\n    font-size: 0.8125rem;\n    color: var(--color-text-secondary);\n    text-align: center;\n\n    transition: color 0.2s ease;\n\n    &:hover,\n    &.active {\n      color: var(--color-text);\n    }\n\n    &.active {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &:first-child {\n      text-align: left;\n    }\n\n    &:last-child {\n      text-align: right;\n    }\n  }\n}\n","// @optimization\n@mixin while-transition() {\n  .Transition_slide:not(.Transition_slide-active) & {\n    @content;\n  }\n}\n\n@mixin adapt-padding-to-scrollbar($padding, $forceSpace: 0px) {\n  padding-inline-end: calc(max($padding - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin adapt-margin-to-scrollbar($margin, $forceSpace: 0px) {\n  margin-inline-end: calc(max($margin - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin filter-outline($width: 0.125rem, $color) {\n  filter:\n    drop-shadow($width $width 0 $color)\n    drop-shadow((-$width) $width 0 $color)\n    drop-shadow($width (-$width) 0 $color)\n    drop-shadow((-$width) (-$width) 0 $color);\n}\n\n@mixin gradient-border-top($width, $cutout: 0px) {\n  mask-image: linear-gradient(transparent $cutout, black $width);\n}\n\n@mixin gradient-border-bottom($height, $cutout: 0px) {\n  mask-image: linear-gradient(to top, transparent $cutout, black $height);\n}\n\n@mixin gradient-border-horizontal($borderStart, $borderEnd) {\n  mask-image: linear-gradient(to right, transparent, black $borderStart, black calc(100% - $borderEnd), transparent);\n}\n\n@mixin gradient-border-left($indent, $cutout: 0px) {\n  mask-image: linear-gradient(to right, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-right($indent, $cutout: 0px) {\n  mask-image: linear-gradient(to left, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-top-bottom($top, $bottom) {\n  mask-image: linear-gradient(transparent 0%, black $top, black calc(100% - $bottom), transparent 100%);\n}\n\n@mixin peer-gradient($property, $colorCount) {\n  --_accent-color-rgb: var(--color-accent-own-rgb);\n\n  html.theme-dark {\n    --_accent-color-rgb: var(--color-text-rgb);\n  }\n\n  @if $colorCount == 2 {\n    #{$property}:\n      repeating-linear-gradient(\n        -45deg,\n        rgb(var(--_accent-color-rgb), 100%),\n        rgb(var(--_accent-color-rgb), 100%) 5px,\n        rgb(var(--_accent-color-rgb), 35%) 5px,\n        rgb(var(--_accent-color-rgb), 35%) 10px\n      );\n  }\n\n  @else {\n    #{$property}:\n      repeating-linear-gradient(\n        -45deg,\n        rgb(var(--_accent-color-rgb), 100%),\n        rgb(var(--_accent-color-rgb), 100%) 5px,\n        rgb(var(--_accent-color-rgb), 60%) 5px,\n        rgb(var(--_accent-color-rgb), 60%) 10px,\n        rgb(var(--_accent-color-rgb), 20%) 10px,\n        rgb(var(--_accent-color-rgb), 20%) 15px\n      );\n  }\n}\n\n@mixin reset-range() {\n  input[type=\"range\"] {\n    display: block;\n\n    width: 100%;\n    margin-bottom: 0.5rem;\n\n    -webkit-appearance: none;\n    background: transparent;\n\n    &::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n\n    &::-moz-range-thumb {\n      -moz-appearance: none;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: var(--custom-cursor, pointer);\n    }\n\n    &::-moz-range-track, &::-moz-range-progress {\n      cursor: var(--custom-cursor, pointer);\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n}\n\n@mixin middle-header-pane {\n  position: absolute;\n  top: 0;\n  transform: translateY(-100%);\n\n  width: 100%;\n  height: 2.875rem;\n  padding-top: 0.375rem;\n  padding-right: max(0.5rem, env(safe-area-inset-right));\n  padding-bottom: 0.375rem;\n  padding-left: max(0.75rem, env(safe-area-inset-left));\n\n  background-color: var(--color-background);\n\n  transition: transform var(--slide-transition);\n\n  &::before {\n    pointer-events: none;\n    content: \"\";\n\n    position: absolute;\n    top: -0.1875rem;\n    right: 0;\n    left: 0;\n\n    display: block;\n\n    height: 0.125rem;\n\n    box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n  }\n\n  // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n    top: -100%;\n    right: 0;\n    left: 0;\n\n    height: inherit;\n\n    background-color: inherit;\n  }\n}\n\n@mixin chat-list-pane {\n  position: absolute;\n  top: 0;\n  transform: translateY(calc(-100% - 0.5rem)); // Include top margin to hide fully\n\n  width: 100%;\n  padding: 0.5625rem;\n  border-radius: var(--border-radius-island);\n\n  background-color: var(--color-background);\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);\n\n  transition: transform var(--chat-transform-transition);\n\n  // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n    top: -100%;\n    right: 0;\n    left: 0;\n\n    height: inherit;\n\n    background-color: inherit;\n  }\n\n  :global(html.theme-dark) & {\n    border: 1px solid var(--color-borders);\n    box-shadow: none;\n  }\n}\n\n@mixin side-panel-section {\n  border-bottom: 0.625rem solid var(--color-background-secondary);\n  background-color: var(--color-background);\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n\n  &:last-child {\n    border-bottom: none;\n    box-shadow: none;\n  }\n}\n\n@mixin on-active-vt($type) {\n  :global {\n    .active-vt-#{$type} {\n      @content;\n    }\n  }\n}\n\n@mixin with-vt-type($type) {\n  :global(.active-vt-#{$type}) & {\n    view-transition-name: var(--_vtn);\n  }\n}\n\n@mixin chat-pattern-styles($path) {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  opacity: 0.4;\n  background-image: url($path);\n  background-repeat: repeat;\n  background-position: center;\n  background-size: 430px auto;\n  mix-blend-mode: soft-light;\n\n  :global(html.theme-dark) & {\n    opacity: 0.25;\n    background: linear-gradient(145deg, #4f5bd5 0%, #962fbf 35%, #dd6cb9 65%, #fec496 100%) !important;\n    background-image: none;\n    mix-blend-mode: unset;\n\n    mask-image: url($path);\n    mask-repeat: repeat;\n    mask-position: center;\n    mask-size: 430px auto;\n  }\n}\n\n@mixin chat-pattern-background($path) {\n  &::before {\n    @include chat-pattern-styles($path);\n  }\n}\n\n@mixin action-message-bg($isModule: false, $noBackground: false) {\n  @if not $noBackground {\n    background-color: var(--action-message-bg);\n  }\n\n  @if $isModule {\n    :global(body.with-message-blur) & {\n      backdrop-filter: blur(4px);\n    }\n  }\n\n  @else {\n    body.with-message-blur & {\n      backdrop-filter: blur(4px);\n    }\n  }\n}\n",".root {\n  flex-shrink: 0;\n\n  min-width: 1.375rem;\n  height: 1.375rem;\n  padding: 0 0.4375rem;\n  border-radius: 0.75rem;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.4375rem;\n  text-align: center;\n\n  :global(body.is-ios) &,\n  :global(body.is-macos) & {\n    line-height: 1.375rem;\n  }\n}\n\n.default {\n  color: var(--color-white);\n  background: var(--color-gray);\n}\n\n.alternate {\n  color: var(--color-chat-active);\n  background: var(--color-white);\n}\n",".ListItem {\n  position: relative;\n\n  body.is-ios &,\n  body.is-android & {\n    &::after {\n      content: \"\";\n\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 4.5rem;\n\n      height: 0.0625rem;\n\n      /* stylelint-disable-next-line plugin/whole-pixel */\n      box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);\n    }\n\n    &.selected::after,\n    &:last-of-type::after {\n      display: none;\n    }\n\n    // Conceal above item divider\n    &.selected::before {\n      content: \"\";\n\n      position: absolute;\n      top: -0.0625rem;\n      right: 0;\n      left: 4.5rem;\n\n      height: 0.0625rem;\n      /* stylelint-disable-next-line plugin/whole-pixel */\n      box-shadow: inset 0 -0.03125rem 0 0 var(--color-background);\n    }\n\n    &:last-of-type::after {\n      display: none;\n    }\n\n    &.small-icon::after {\n      left: 3.875rem;\n    }\n\n    &.smaller-icon::after {\n      left: 3.25rem;\n    }\n\n    &.narrow::after {\n      left: 4.1875rem;\n    }\n\n    &.no-icon::after {\n      left: 1rem;\n    }\n  }\n\n  body.is-android &::after {\n    /* stylelint-disable-next-line plugin/whole-pixel */\n    box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers-android);\n  }\n\n  .ListItem-button {\n    --ripple-color: rgba(0, 0, 0, 0.08);\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    min-height: 3rem;\n    padding: 0 1rem;\n    border: none !important;\n    border-radius: var(--border-radius-default);\n\n    color: var(--color-text);\n    text-decoration: none;\n    white-space: nowrap;\n\n    background-color: var(--background-color);\n    outline: none !important;\n    box-shadow: none !important;\n\n    body.is-ios &,\n    body.is-android & {\n      border-radius: 0;\n    }\n\n    > .ListItem-main-icon {\n      margin-inline-end: 1.75rem;\n      font-size: 1.5rem;\n      color: var(--color-text-secondary);\n    }\n\n    > .Switcher {\n      margin-inline-start: auto;\n    }\n\n    @media (max-width: 600px) {\n      border-radius: 0;\n    }\n  }\n\n  &.with-color-transition {\n    .ListItem-button {\n      transition: background-color 150ms ease-in-out;\n    }\n  }\n\n  .title,\n  .other-usernames,\n  .subtitle {\n    unicode-bidi: plaintext;\n    text-align: initial;\n    text-overflow: ellipsis;\n  }\n\n  .other-usernames {\n    display: block;\n    line-height: 1.25rem;\n    white-space: normal;\n  }\n\n  .username-link {\n    position: relative;\n    z-index: 2;\n  }\n\n  &.multiline {\n    .ListItem-button > .ListItem-main-icon {\n      position: relative;\n    }\n  }\n\n  &.disabled:not(.click-allowed) {\n    pointer-events: none;\n  }\n\n  &.disabled .ListItem-button {\n    opacity: 0.5;\n  }\n\n  &:not(.disabled):not(.is-static) {\n    .ListItem-button {\n      cursor: var(--custom-cursor, pointer);\n\n      body.cursor-ew-resize & {\n        cursor: var(--custom-cursor, ew-resize) !important;\n      }\n\n      @media (hover: hover) {\n        &:hover,\n        &:focus-visible {\n          --background-color: var(--color-chat-hover);\n        }\n      }\n\n      @media (max-width: 600px) {\n        &.active {\n          --background-color: var(--color-chat-hover);\n        }\n      }\n    }\n  }\n\n  &.has-menu-open .ListItem-button {\n    --background-color: var(--color-chat-hover);\n  }\n\n  &.inactive {\n    pointer-events: none;\n  }\n\n  &.focus {\n    --background-color: var(--color-chat-hover);\n  }\n\n  &.destructive {\n    .ListItem-button {\n      color: var(--color-error);\n\n      .ListItem-main-icon {\n        color: inherit;\n      }\n    }\n  }\n\n  &.primary {\n    .ListItem-button {\n      color: var(--color-primary);\n\n      .ListItem-main-icon {\n        color: inherit;\n      }\n    }\n  }\n\n  &-context-menu {\n    position: absolute;\n\n    .bubble {\n      width: auto;\n\n      .MenuItem button {\n        padding-right: 2rem !important;\n        padding-left: 1rem !important;\n      }\n    }\n  }\n\n  &.chat-item-clickable {\n    body.is-ios &,\n    body.is-macos & {\n      --color-text-secondary: var(--color-text-secondary-apple);\n    }\n\n    .ListItem-button {\n      padding: 0.5625rem;\n    }\n\n    &.contact-list-item {\n      .ListItem-button {\n        padding: 0.5rem;\n      }\n\n      .ChatInfo {\n        padding: 0.0625rem;\n      }\n    }\n\n    .Avatar {\n      margin-inline-end: 0.5rem;\n    }\n\n    .info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .info-name-title {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .info-row,\n    .title,\n    .subtitle {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      min-width: 0;\n    }\n\n    .separator {\n      flex-grow: 1;\n      min-width: 0.5rem;\n    }\n\n    h3,\n    .last-message,\n    .status,\n    .typing-status {\n      overflow: hidden;\n\n      margin: 0;\n\n      font-size: 1rem;\n      text-align: initial;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    h3,\n    .last-message,\n    .typing-status {\n      overflow: hidden;\n    }\n\n    .title {\n      h3 {\n        font-weight: var(--font-weight-semibold);\n      }\n    }\n\n    .status-icon {\n      margin-inline-end: 0.125rem;\n      vertical-align: text-bottom;\n    }\n\n    .contact-phone,\n    .contact-username {\n      font-size: 0.875rem;\n      line-height: 1.25rem;\n      color: var(--color-text-secondary);\n    }\n\n    .ChatInfo {\n      display: flex;\n      flex: 1;\n      align-items: center;\n      min-width: 0;\n\n      .info {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n\n      .custom-title {\n        overflow: hidden;\n        flex-shrink: 0;\n\n        margin-inline-start: auto;\n        padding-inline-start: 1rem;\n\n        font-size: 0.875rem;\n        color: var(--color-text-secondary);\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .status {\n        color: var(--color-text-secondary);\n        &.online {\n          color: var(--color-primary);\n        }\n      }\n\n      .status,\n      .typing-status {\n        display: inline-block;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n\n        &[dir=\"rtl\"],\n        &[dir=\"auto\"] {\n          width: 100%;\n          text-align: initial;\n        }\n      }\n    }\n\n    .contact-phone,\n    .contact-username,\n    h3,\n    .last-message,\n    .status,\n    .typing-status {\n      unicode-bidi: plaintext;\n      text-align: initial;\n    }\n\n    .last-message,\n    .status,\n    .typing-status {\n      body.is-ios &,\n      body.is-macos & {\n        font-size: 0.9375rem;\n      }\n    }\n\n    &[dir=\"rtl\"] {\n      .info > .status {\n        width: 100%;\n      }\n    }\n  }\n\n  &.picker-list-item {\n    margin: 0;\n\n    .ListItem-button {\n      display: flex;\n      align-items: center;\n      padding-left: 0;\n    }\n\n    .Avatar {\n      width: 3rem;\n      height: 3rem;\n    }\n\n    .Checkbox {\n      flex-shrink: 0;\n      height: 1.5rem;\n      margin: 0;\n      padding-left: 4rem;\n    }\n\n    .withSubLabel {\n      height: 2.5rem;\n    }\n\n    &[dir=\"rtl\"] {\n      .Checkbox {\n        padding-right: 4rem;\n        padding-left: 0;\n      }\n    }\n  }\n\n  &.chat-item {\n    .ListItem-button {\n      padding: 0.5rem;\n    }\n\n    .Checkbox {\n      padding-left: 3rem;\n    }\n  }\n\n  .multiline-item {\n    overflow: hidden;\n    flex-grow: 1;\n    padding: 0.4375rem 0 0.5625rem 0;\n    white-space: initial;\n\n    .word-break {\n      overflow-wrap: break-word;\n    }\n\n    .title,\n    .subtitle {\n      display: block;\n      text-align: initial;\n\n      &[dir=\"rtl\"] {\n        text-align: right;\n      }\n    }\n\n    .title {\n      overflow: hidden;\n      line-height: 1.25rem;\n      text-overflow: ellipsis;\n    }\n\n    .subtitle {\n      margin-top: 0.25rem;\n      font-size: 0.875rem;\n      line-height: 1rem;\n      color: var(--color-text-secondary);\n\n      &.black {\n        color: var(--color-text);\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    &:not(.has-ripple):not(.is-static),\n    body.no-page-transitions & {\n      .ListItem-button:active {\n        --background-color: var(--color-item-active) !important;\n      }\n    }\n  }\n}\n\n.list-item-ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".DropdownMenu {\n  position: relative;\n}\n",".Switcher {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  &.inactive {\n    pointer-events: none;\n  }\n\n  body.no-page-transitions &,\n  &.no-animation {\n    .widget,\n    .widget::after {\n      transition: none !important;\n    }\n\n    .widget:active:after {\n      width: 1.125rem;\n    }\n  }\n\n  input {\n    position: absolute;\n    z-index: var(--z-below);\n\n    width: 0;\n    height: 0;\n\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  .widget {\n    cursor: var(--custom-cursor, pointer);\n\n    position: relative;\n\n    display: inline-block;\n\n    width: 2.125rem;\n    height: 0.875rem;\n    border-radius: 0.5rem;\n\n    text-indent: -999px;\n\n    background-color: var(--color-gray);\n\n    transition: background-color 150ms;\n  }\n\n  .widget:after {\n    content: \"\";\n\n    position: absolute;\n    top: -0.125rem;\n    left: 0;\n\n    width: 1.125rem;\n    height: 1.125rem;\n    border: 0.125rem solid var(--color-gray);\n    border-radius: 0.75rem;\n\n    background-color: var(--color-background);\n\n    transition: transform 200ms;\n  }\n\n  input:checked + .widget {\n    background: var(--color-primary);\n  }\n\n  input:checked + .widget:after {\n    transform: translateX(100%);\n    border-color: var(--color-primary);\n  }\n}\n",".root {\n  --widget-width: 3.125rem;\n  --widget-height: 0.375rem;\n  --thumb-size: 1.125rem;\n\n  position: relative;\n  display: inline-flex;\n}\n\n.widget {\n  cursor: var(--custom-cursor, pointer);\n  position: relative;\n  width: var(--widget-width);\n  height: 0;\n\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    border: 0.125rem solid var(--color-gray);\n    border-radius: calc(var(--thumb-size) / 2);\n\n    background-color: var(--color-background);\n\n    transition: transform 200ms;\n\n    :global(body.no-page-transitions) & {\n      transition: none !important;\n    }\n  }\n\n  &.min::after {\n    transform: translate(0, -50%);\n  }\n\n  &.mid::after {\n    transform: translate(calc(var(--widget-width) / 2 - calc(var(--thumb-size) / 2)), -50%);\n    border-color: var(--color-primary);\n  }\n\n  &.max::after {\n    transform: translate(calc(var(--widget-width) - var(--thumb-size) + 0.125rem), -50%);\n    border-color: var(--color-primary);\n  }\n}\n\n.filler {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translateY(-50%);\n\n  overflow: hidden;\n\n  width: var(--widget-width);\n  height: var(--widget-height);\n  border-radius: 0.25rem;\n\n  background-color: var(--color-gray);\n\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: var(--widget-width);\n    height: var(--widget-height);\n    border-radius: 0.25rem;\n\n    background-color: var(--color-primary);\n\n    transition: transform 200ms;\n\n    :global(body.no-page-transitions) & {\n      transition: none !important;\n    }\n  }\n\n  &.min::after {\n    transform: translateX(-100%);\n  }\n\n  &.mid::after {\n    transform: translateX(-50%);\n  }\n\n  &.max::after {\n    transform: translateX(0);\n  }\n}\n",".Radio {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  min-height: 3rem;\n  margin: 0;\n  padding-inline-start: 4.25rem;\n\n  text-align: left;\n\n  &:hover {\n    border-radius: var(--border-radius-default);\n    background-color: var(--color-chat-hover);\n  }\n\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  &.with-icon {\n    padding-inline-start: 1rem;\n    .Radio-main {\n      &::before,\n      &::after {\n        right: 1.1875rem;\n        left: auto;\n      }\n\n      &::after {\n        right: 1.5rem;\n      }\n    }\n  }\n\n  &.withSubLabel .Radio-main {\n    padding: 0.4375rem 0 0.5625rem 0;\n  }\n\n  &.hidden-widget {\n    cursor: var(--custom-cursor, default);\n    .Radio-main {\n      &::before,\n      &::after {\n        visibility: hidden;\n      }\n    }\n\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  &.canCheckedInDisabled {\n    .Radio-main {\n      &::before {\n        visibility: visible;\n      }\n    }\n  }\n\n  > input {\n    position: absolute;\n    z-index: var(--z-below);\n    opacity: 0;\n  }\n\n  .Radio-main {\n    &::before,\n    &::after {\n      content: \"\";\n\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n\n      display: block;\n    }\n\n    &::before {\n      left: 1.125rem; // 1 + ((1.5 - 1.25) / 2)\n\n      width: 1.25rem;\n      height: 1.25rem;\n      border: 2px solid var(--color-borders-input);\n      border-radius: 50%;\n\n      opacity: 1;\n      background-color: var(--color-background);\n\n      transition: border-color 0.1s ease, opacity 0.1s ease;\n    }\n\n    &::after {\n      left: 1.4375rem; // 1 + ((1.5 - 0.625) / 2)\n\n      width: 0.625rem;\n      height: 0.625rem;\n      border-radius: 50%;\n\n      opacity: 0;\n      background: var(--color-primary);\n\n      transition: opacity 0.1s ease;\n    }\n\n    .label {\n      unicode-bidi: plaintext;\n      display: block;\n\n      line-height: 1.5rem;\n      text-align: left;\n      overflow-wrap: anywhere;\n    }\n\n    .subLabel {\n      unicode-bidi: plaintext;\n      display: block;\n\n      margin-top: 0.25rem;\n\n      font-size: 0.875rem;\n      line-height: 1rem;\n      color: var(--color-text-secondary);\n    }\n\n    .subLabelLink {\n      cursor: pointer;\n    }\n  }\n\n  input:checked ~ .Radio-main {\n    &::before {\n      border-color: var(--color-primary);\n    }\n\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  &.loading {\n    .Radio-main::before,\n    .Radio-main::after {\n      opacity: 0 !important;\n    }\n\n    .Spinner {\n      --spinner-size: 1.25rem;\n\n      position: absolute;\n      top: 50%;\n      left: 1rem;\n      transform: translateY(-50%);\n\n      opacity: 0;\n\n      animation: fade-in 0.2s ease forwards;\n    }\n  }\n\n  &[dir=\"rtl\"] {\n    .Radio-main {\n      text-align: right;\n\n      &::before {\n        right: 1.0625rem;\n        left: auto;\n      }\n\n      &::after {\n        right: 1.375rem;\n        left: auto;\n      }\n    }\n\n    .label,\n    .subLabel {\n      text-align: right;\n    }\n\n    &.loading .Spinner {\n      right: 1.0625rem;\n      left: auto;\n    }\n\n    &.onlyInput .Radio-main::after {\n      right: 0.3125rem;\n      left: auto;\n    }\n  }\n\n  &.onlyInput {\n    position: relative;\n\n    min-height: auto;\n    margin-block: 0 1.25rem;\n    padding-inline-start: 1.25rem;\n\n    line-height: 1.25rem;\n\n    .Radio-main {\n      &::before {\n        top: 0;\n        right: 0;\n        left: 0;\n        transform: none;\n      }\n      &::after {\n        top: 0;\n        left: 0.3125rem;\n        transform: translateY(50%);\n      }\n    }\n\n    .Spinner {\n      inset: 0 !important;\n      transform: none;\n    }\n  }\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n",".ProgressSpinner {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 3.375rem;\n  height: 3.375rem;\n  border-radius: 50%;\n\n  background-color: rgba(0, 0, 0, 0.25);\n\n  &.no-cross {\n    pointer-events: none;\n    background: transparent !important;\n  }\n\n  .icon-close {\n    position: absolute;\n    font-size: 1.625rem;\n    color: var(--color-white);\n  }\n\n  &.square {\n    background-image: none;\n\n    &::after {\n      content: \"\";\n\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate3d(-50%, -50%, 0);\n\n      width: 0.8125rem;\n      height: 0.8125rem;\n      border-radius: 0.125rem;\n\n      background-color: #fff;\n    }\n  }\n\n  &.size-s,\n  &.size-m {\n    width: auto;\n    height: auto;\n\n    &.square {\n      width: 0.75rem;\n      height: 0.75rem;\n      background-image: none;\n    }\n  }\n\n  &.size-xl {\n    width: 3.25rem;\n    height: 3.25rem;\n\n    &_canvas {\n      margin: 0.125rem;\n    }\n  }\n\n  &.transparent {\n    background-color: transparent !important;\n  }\n\n  &_canvas {\n    display: block;\n    color: var(--color-white);\n    background-color: transparent !important;\n  }\n}\n",".FloatingActionButton {\n  --transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.15s, color 0.15s, opacity 0.15s;\n\n  position: absolute;\n  z-index: 2;\n  right: 1rem;\n  bottom: 1rem;\n  transform: translateY(5rem);\n\n  transition: var(--transition);\n\n  &:active,\n  &.clicked {\n    transition: var(--transition) !important;\n  }\n\n  body.no-page-transitions & {\n    transition: none !important;\n  }\n\n  &.revealed {\n    transform: translateY(0);\n  }\n\n  &[dir=\"rtl\"] {\n    right: auto;\n    left: 1rem;\n  }\n}\n",".Skeleton {\n  position: relative;\n\n  overflow: hidden;\n\n  width: 100%;\n  height: 100%;\n\n  background-color: var(--color-skeleton-background);\n\n  &.inline {\n    display: inline-block;\n    height: 1rem;\n    border-radius: 0.5rem;\n  }\n\n  &.round {\n    border-radius: 50%;\n  }\n\n  &.rounded-rect {\n    border-radius: 1rem;\n  }\n\n  &.pulse::before {\n    content: \"\";\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background-color: var(--color-skeleton-foreground);\n\n    animation: skeleton-pulse 2s ease-in-out 0.5s infinite;\n\n    @keyframes skeleton-pulse {\n      0% {\n        opacity: 1;\n      }\n      50% {\n        opacity: 0.4;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.wave::before {\n    content: \"\";\n\n    position: absolute;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);\n\n    animation: skeleton-wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n\n    @keyframes skeleton-wave {\n      0% {\n        transform: translateX(-100%);\n      }\n      50% {\n        transform: translateX(100%);\n      }\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  &.fast-wave::before {\n    content: \"\";\n\n    position: absolute;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: linear-gradient(90deg, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);\n\n    animation: skeleton-fast-wave 1.5s ease-in-out infinite;\n\n    @keyframes skeleton-fast-wave {\n      0% {\n        transform: translateX(-100%);\n      }\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  :global(body.in-background) &::before {\n    animation-play-state: paused;\n  }\n}\n",".root {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.avatar {\n  flex-shrink: 0;\n  width: 2.75rem;\n  height: 2.75rem;\n  border-radius: 50%;\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  gap: 0.5rem;\n  justify-content: center;\n}\n\n.title {\n  width: 75%;\n  height: 1rem;\n  border-radius: 0.5rem;\n}\n\n.subtitle {\n  width: 50%;\n  height: 0.875rem;\n  border-radius: 0.5rem;\n}\n\n.animated {\n  background:\n    linear-gradient(\n      90deg,\n      var(--color-skeleton-background),\n      var(--color-skeleton-foreground),\n      var(--color-skeleton-background)\n    );\n  background-attachment: fixed;\n  background-size: 100vw 100vh;\n  animation: slide 3s infinite linear;\n}\n\n@keyframes slide {\n  to {\n    background-position: 100vw 0;\n  }\n}\n",".SearchInput {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  padding-inline-end: 0.1875rem;\n  border: 2px solid var(--color-chat-hover);\n  border-radius: 1.375rem;\n\n  color: rgba(var(--color-text-secondary-rgb), 0.5);\n\n  background-color: var(--color-chat-hover);\n\n  transition: border-color 0.15s ease;\n\n  &.with-picker-item {\n    display: flex;\n\n    .icon-container-left {\n      display: none;\n    }\n\n    input {\n      padding-left: 0.5rem;\n    }\n\n    &[dir=\"rtl\"] {\n      input {\n        padding-right: 0.5rem;\n        padding-left: 0;\n      }\n    }\n  }\n\n  &.has-focus {\n    border-color: var(--color-primary);\n    background-color: var(--color-background);\n    caret-color: var(--color-primary);\n\n    .search-icon {\n      color: var(--color-primary);\n    }\n  }\n\n  input {\n    height: 2.5rem;\n    margin-bottom: 0;\n    padding:\n      calc(0.4375rem - var(--border-width)) calc(0.625rem - var(--border-width))\n      calc(0.5rem - var(--border-width)) calc(0.75rem - var(--border-width));\n    border: none !important;\n    border-radius: 1.375rem;\n\n    background-color: transparent !important;\n    box-shadow: none !important;\n\n    &::placeholder {\n      color: var(--color-placeholders);\n    }\n  }\n\n  .icon-container-left {\n    flex-shrink: 0;\n    width: 1.5rem;\n    margin-inline-start: 0.75rem;\n  }\n\n  .icon-container-right {\n    flex-shrink: 0;\n    width: 2.5rem;\n    margin-inline-start: 0.5rem;\n  }\n\n  .icon-container-slide {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .search-icon, .back-icon {\n    font-size: 1.5rem;\n    line-height: 1;\n  }\n\n  .back-icon {\n    color: var(--color-text-secondary);\n  }\n\n  .Loading {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    width: 2.5rem;\n    height: 2.5rem;\n\n    .Spinner {\n      --spinner-size: 1.5rem;\n    }\n  }\n\n  .Button {\n    font-size: 1rem;\n  }\n\n  &[dir=\"rtl\"] {\n    input {\n      direction: rtl;\n    }\n  }\n\n  @media (max-width: 600px) {\n    input {\n      height: 2.5rem;\n      padding-left: calc(0.75rem - var(--border-width));\n      border-radius: 1.25rem;\n    }\n  }\n}\n","@use '../../styles/mixins';\n\n@mixin thumb-styles() {\n  cursor: var(--custom-cursor, pointer);\n\n  position: absolute;\n  z-index: 2;\n  left: var(--fill-percentage);\n  transform: scale(1) translate(-45%, -50%);\n\n  width: 1rem;\n  height: 1rem;\n  border: none;\n  border-radius: 50%;\n\n  -webkit-appearance: none;\n  appearance: none;\n  background: var(--color-links);\n\n  transition: transform 0.3s ease-in-out;\n\n  @supports (-moz-appearance: none) {\n    transform: scale(1) translate(calc(-10% + var(--thumb-offset)), 0);\n    &:hover {\n      transform: scale(1.5) translate(calc(-10% + var(--thumb-offset)), 0) !important;\n    }\n  }\n\n  &:hover {\n    transform: scale(1.5) translate(-30%, -30%);\n  }\n}\n\n.dotWrapper {\n  width: 90%;\n  margin-left: 1rem;\n  padding: 1rem 0 0;\n}\n\n.sliderContainer {\n  --thumb-offset: 0%;\n  --fill-percentage: 0%;\n\n  position: relative;\n  width: 100%;\n}\n\n.marksContainer {\n  pointer-events: none;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.mark {\n  position: relative;\n\n  display: flex;\n  justify-content: center;\n\n  width: 0.1875rem;\n\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n}\n\n.active {\n  color: var(--color-links);\n}\n\n.slider {\n  position: relative;\n  z-index: 1;\n\n  width: 100%;\n  height: 0.1875rem;\n\n  -webkit-appearance: none;\n  background:\n    linear-gradient(\n      to right,\n      var(--color-links) 0%,\n      var(--color-links) var(--fill-percentage),\n      var(--color-text-secondary) var(--fill-percentage),\n      var(--color-text-secondary) 100%\n    );\n  outline: none;\n\n  transition: opacity 0.2s;\n}\n\n.slider::-webkit-slider-thumb {\n  @include thumb-styles();\n}\n\n.slider::-moz-range-thumb {\n  @include thumb-styles();\n}\n\n.slider::-ms-thumb {\n  @include thumb-styles();\n}\n\n.tickMarks {\n  pointer-events: none;\n\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  bottom: 0.25rem;\n  left: 0;\n\n  display: flex;\n  justify-content: space-between;\n}\n\n.tick {\n  position: relative;\n\n  width: 0.25rem;\n  height: 0.5rem;\n  border-radius: 0.1875rem;\n\n  background-color: var(--color-text-secondary);\n}\n\n.filled {\n  background-color: var(--color-links);\n}\n\n.tickUnfilled {\n  background-color: var(--color-text-secondary);\n}\n",".Tab {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n\n  width: auto;\n  margin: 0;\n  padding: 0.625rem 1.125rem;\n  border: none;\n  border-top-left-radius: var(--border-radius-messages-small);\n  border-top-right-radius: var(--border-radius-messages-small);\n\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n\n  appearance: none;\n  background: none;\n\n  &,\n  &:active,\n  &:focus {\n    outline: none;\n  }\n\n  &--interactive {\n    cursor: var(--custom-cursor, pointer);\n\n    @media (hover: hover) {\n      &:not(&--active):hover {\n        background: var(--color-interactive-element-hover);\n      }\n    }\n\n    @media (max-width: 600px) {\n      &:not(&--active):active {\n        background: var(--color-interactive-element-hover);\n      }\n    }\n  }\n\n  &--active {\n    cursor: var(--custom-cursor, default);\n    color: var(--color-primary);\n\n    .platform {\n      opacity: 1 !important;\n    }\n  }\n\n  .Tab_inner {\n    position: relative;\n\n    display: flex;\n    gap: 1px; // Prevent custom emoji sticking to the text\n    align-items: center;\n\n    height: 1.5rem; // Emoji-only titles ignore line-height on Windows\n\n    white-space: nowrap;\n  }\n\n  .badge {\n    flex-shrink: 0;\n\n    min-width: 1.25rem;\n    height: 1.25rem;\n    margin-inline-start: 0.3125rem;\n    padding: 0 0.3125rem;\n    border-radius: 0.75rem;\n\n    font-size: 0.875rem;\n    font-weight: var(--font-weight-medium);\n    line-height: 1.3125rem;\n    color: white;\n    text-align: center;\n\n    background: var(--color-gray);\n\n    body.is-ios &,\n    body.is-macos & {\n      line-height: 1.25rem;\n    }\n  }\n\n  &__badge--active {\n    background: var(--color-primary) !important;\n  }\n\n  .blocked {\n    position: absolute;\n    bottom: -0.625rem;\n    left: 50%;\n    transform: translateX(-50%);\n\n    font-size: 0.75rem;\n  }\n\n  .platform {\n    pointer-events: none;\n\n    position: absolute;\n    right: -0.5rem;\n    bottom: -0.625rem;\n    left: -0.5rem;\n    transform-origin: left;\n\n    box-sizing: content-box;\n    height: 0.1875rem;\n    border-radius: 0.1875rem 0.1875rem 0 0;\n\n    opacity: 0;\n    background-color: var(--color-primary);\n\n    &.animate {\n      transition: transform var(--slide-transition);\n\n      body.no-page-transitions & {\n        transition: none !important;\n      }\n    }\n  }\n}\n\n.Tab-context-menu {\n  position: absolute;\n}\n",".previewContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.foregroundImage,\n.backgroundImage {\n  pointer-events: auto;\n  cursor: grab;\n  user-select: none;\n\n  position: absolute;\n  z-index: 1;\n\n  object-fit: contain;\n}\n\n.backgroundImage {\n  filter: blur(0.125rem) brightness(0.75);\n}\n\n.foregroundImage {\n  pointer-events: none;\n  z-index: 3;\n}\n\n.previewMask {\n  pointer-events: none;\n\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n\n  background: rgba(0, 0, 0, 0.5);\n  filter: blur(8px);\n}\n\n.cropArea {\n  pointer-events: none;\n  cursor: grab;\n  user-select: none;\n\n  position: absolute;\n  z-index: 3;\n  inset: 0.125rem;\n\n  overflow: hidden;\n\n  border-radius: 50%;\n\n  box-shadow: 0 0 0.5rem #0004;\n}\n\n.confirmButton {\n  box-shadow: 0 1px 2px var(--color-default-shadow);\n}\n\n.zoomSlider {\n  flex: 1;\n  margin: 0;\n  margin-inline-end: 1rem;\n\n  input[type=\"range\"] {\n    margin: 0;\n  }\n}\n\n.bottomControls {\n  display: flex;\n  align-items: center;\n  margin-top: 1rem;\n}\n",".separator {\n  display: flex;\n  align-items: center;\n  color: var(--color-text-secondary);\n  text-align: center;\n\n  &::before,\n  &::after {\n    content: '';\n    flex: 1;\n    border-bottom: 0.0625rem solid var(--color-dividers);\n  }\n\n  &:not(:empty)::before {\n    margin-right: 0.5rem;\n  }\n\n  &:not(:empty)::after {\n    margin-left: 0.5rem;\n  }\n\n  &[dir=\"rtl\"] {\n    &:not(:empty)::before {\n      margin-right: 0;\n      margin-left: 0.5rem;\n    }\n\n    &:not(:empty)::after {\n      margin-right: 0.5rem;\n      margin-left: 0;\n    }\n  }\n}\n",".SquareTabList {\n  scrollbar-color: rgba(0, 0, 0, 0);\n  scrollbar-width: none;\n\n  position: sticky;\n  top: 0;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  padding-inline: 0.5rem;\n\n  font-size: 1rem;\n\n  background-color: var(--color-background);\n  box-shadow: 0 2px 2px var(--color-light-shadow);\n\n  &::-webkit-scrollbar {\n    height: 0;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0);\n    // `box-shadow` prevents repaint on macOS when hovering out of scrollable container\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.01);\n  }\n}\n",".container {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n\n  &:has(:global(.ListItem-context-menu)) {\n    z-index: 2;\n  }\n}\n\n.isDragging {\n  z-index: 2;\n\n  :global(.drag-item) {\n    pointer-events: none;\n  }\n}\n\n.knob {\n  cursor: grab !important;\n\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  display: grid;\n  place-items: center;\n\n  width: 2rem;\n  height: 2rem;\n\n  font-size: 1.25rem;\n  line-height: 1.75;\n  color: var(--color-text-secondary);\n  text-align: center;\n\n  opacity: 0;\n\n  transition: opacity 150ms;\n\n  .container:hover & {\n    opacity: 1;\n  }\n\n  .isDragging & {\n    cursor: grabbing !important;\n    opacity: 1;\n  }\n\n  @media (pointer: coarse) {\n    touch-action: none;\n    opacity: 1 !important;\n  }\n}\n\n.icon {\n  font-size: 1.5rem;\n}\n","@mixin thumb-styles() {\n  cursor: var(--custom-cursor, pointer);\n  transform: scale(1);\n  background: var(--color-primary);\n  transition: transform 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n}\n\n.CropModal {\n  .modal-dialog {\n    position: relative;\n    width: auto;\n    min-width: inherit !important;\n    max-width: inherit !important;\n  }\n  .modal-content {\n    padding: 1rem;\n    padding-top: 0.5rem;\n  }\n}\n","@use \"../../styles/mixins\";\n\n.AvatarEditable {\n  label {\n    cursor: var(--custom-cursor, pointer);\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n\n    width: 7.5rem;\n    height: 7.5rem;\n    margin-right: auto;\n    margin-bottom: 2rem;\n    margin-left: auto;\n    border-radius: 50%;\n\n    font-size: 3rem;\n    color: white;\n\n    background-color: var(--color-primary);\n    outline: none !important;\n\n    transition: border-radius 200ms;\n\n    input {\n      display: none;\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n\n      width: 100%;\n      height: 100%;\n    }\n\n    .icon {\n      z-index: var(--z-register-add-avatar);\n      transform: scale(1);\n      transition: transform 0.15s linear;\n    }\n\n    // @optimization The weirdest workaround for screen animation lag\n    @include mixins.while-transition() {\n      input,\n      .icon,\n      &::after {\n        display: none !important;\n      }\n\n      img {\n        position: static !important;\n      }\n    }\n\n    &:hover {\n      .icon {\n        transform: scale(1.2);\n      }\n    }\n\n    &.filled {\n      background-color: var(--color-background);\n\n      &::after {\n        content: \"\";\n\n        position: absolute;\n        top: 0;\n        left: 0;\n\n        display: block;\n\n        width: 100%;\n        height: 100%;\n\n        background-color: rgba(black, 0.4);\n      }\n    }\n\n    &.disabled {\n      pointer-events: none;\n\n      &::after {\n        display: none;\n      }\n\n      .icon {\n        display: none;\n      }\n    }\n\n    &.rounded-square {\n      border-radius: var(--border-radius-forum-avatar);\n    }\n  }\n}\n",".folder {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 0.375rem;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--folders-sidebar-width);\n  min-height: 4.5rem;\n  padding-right: 0.25rem;\n  padding-left: 0.375rem;\n  border-radius: 0;\n\n  &::before {\n    content: '';\n\n    position: absolute;\n    top: 0.625rem;\n    bottom: 0.625rem;\n    left: 0;\n    transform: translateX(-0.375rem) scaleY(0.5);\n\n    width: 0.3125rem;\n    border-start-end-radius: var(--border-radius-default);\n    border-end-end-radius: var(--border-radius-default);\n\n    background: var(--color-primary);\n\n    transition: transform var(--layer-transition);\n\n    body.no-page-transitions & {\n      transition: none;\n    }\n  }\n\n  .inner {\n    --emoji-size: 0.75rem;\n    --custom-emoji-size: 0.75rem;\n\n    font-size: 0.625rem;\n  }\n\n  .title {\n    overflow: hidden;\n\n    font-weight: var(--font-weight-medium);\n    color: var(--color-text-secondary);\n    text-align: center;\n    overflow-wrap: anywhere;\n  }\n\n  .icon {\n    --emoji-size: 2rem;\n    --custom-emoji-size: 2rem;\n\n    position: relative;\n    font-size: 2.25rem; // Font icons are smaller than custom emojis\n    color: var(--color-text-secondary);\n  }\n\n  .badge {\n    position: absolute;\n    z-index: 1;\n    top: -0.25rem;\n    left: 1.25rem;\n\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n\n    padding: 0.125rem 0.375rem;\n    border: 2px solid var(--color-background-sidebar);\n    border-radius: 0.75rem;\n\n    font-size: 0.75rem;\n    font-weight: var(--font-weight-semibold);\n    line-height: normal;\n    color: var(--color-white);\n\n    background: var(--color-text-secondary);\n\n    &-active {\n      color: var(--color-white);\n      background: var(--color-primary);\n    }\n  }\n\n  .blocked {\n    vertical-align: middle;\n  }\n\n  &:hover {\n    background: var(--color-interactive-element-hover);\n  }\n\n  &.active {\n    &::before {\n      transform: translateX(0) scaleY(1);\n    }\n\n    .icon, .title {\n      color: var(--color-primary);\n    }\n\n    .badge {\n      color: var(--color-white);\n      background: var(--color-primary);\n    }\n  }\n}\n",".input {\n  display: none;\n}\n",".root {\n  position: relative;\n\n  font-size: 0.9375rem;\n  line-height: 1.4;\n  color: var(--color-text);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n\n.inner {\n  overflow: hidden;\n\n  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n  transition: height 0.15s;\n}\n\n.content {\n  display: block;\n}\n\n.moreLinkWrapper {\n  display: block;\n  text-align: right;\n}\n\n.truncated .moreLinkWrapper {\n  position: absolute;\n  right: 0;\n  bottom: 0.25rem;\n\n  padding-inline-start: 1.5rem;\n\n  background: linear-gradient(to right, transparent, var(--color-background) 30%);\n}\n\n.moreLink {\n  cursor: pointer;\n\n  display: inline-flex;\n  align-items: center;\n\n  padding-inline: 0.5rem;\n  border-radius: 0.75rem;\n\n  font-size: 0.9375rem;\n  color: var(--color-primary);\n\n  transition: background-color 0.15s;\n\n  &:hover {\n    background-color: var(--color-primary-opacity);\n  }\n}\n",".root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.8125rem;\n}\n\n.line {\n  height: 0.5rem;\n  border-radius: 0.125rem;\n}\n",".root {\n  position: fixed;\n  z-index: var(--z-modal);\n  inset: 0;\n  transform: scale(0.95);\n\n  display: flex;\n\n  opacity: 0;\n  background-color: #000;\n\n  transition: opacity 0.2s ease, transform 0.2s ease;\n\n  &:global(.open) {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  &:global(.closing) {\n    transform: scale(0.95);\n    opacity: 0;\n  }\n\n  :global(body.no-page-transitions) & {\n    transform: none !important;\n    transition: none;\n  }\n\n  @media (max-width: 600px) {\n    flex-direction: column;\n  }\n}\n\n.canvasArea {\n  position: relative;\n\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 0;\n  padding: 2rem;\n\n  @media (max-width: 600px) {\n    padding: 1rem;\n  }\n}\n\n.canvasContainer {\n  position: relative;\n\n  overflow: visible;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  max-width: 100%;\n  min-height: 0;\n  max-height: 100%;\n}\n\n.canvas {\n  display: block;\n  border-radius: 0.25rem;\n\n  &.drawMode {\n    cursor: crosshair;\n  }\n\n  &.transitioningToDraw {\n    animation: canvasFadeInDelayed 0.3s ease;\n  }\n\n  &.transitioningToCrop {\n    animation: canvasZoomOut 0.3s ease;\n  }\n\n  &.transformAnimating {\n    animation: canvasTransformReveal 0.3s ease forwards;\n  }\n\n  &.flipAnimating {\n    animation: canvasFlipReveal 0.3s ease forwards;\n  }\n\n  :global(body.no-page-transitions) & {\n    animation: none !important;\n  }\n}\n\n// Crop → Draw: canvas stays hidden while snapshot zooms, then fades in\n@keyframes canvasFadeInDelayed {\n  0% { opacity: 0; }\n  60% { opacity: 0; }\n  100% { opacity: 1; }\n}\n\n// Draw → Crop: canvas starts zoomed into crop region, then zooms out to full\n@keyframes canvasZoomOut {\n  0% {\n    transform: translate(var(--offset-x), var(--offset-y));\n    clip-path:\n inset(\n      var(--crop-top) var(--crop-right) var(--crop-bottom) var(--crop-left) round 0.25rem\n    );\n  }\n\n  100% {\n    transform: translate(0, 0);\n    clip-path: inset(0 round 0.25rem);\n  }\n}\n\n.canvasSnapshot {\n  pointer-events: none;\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  border-radius: 0.25rem;\n\n  :global(body.no-page-transitions) & {\n    display: none;\n  }\n\n  // Crop → Draw: clip to crop frame, translate to center, then fade out\n  &.zoomIn {\n    animation: snapshotZoomIn 0.3s ease forwards;\n  }\n\n  // Draw → Crop: simple crossfade\n  &.fadeOut {\n    animation: snapshotFadeOut 0.3s ease forwards;\n  }\n\n  &.rotateFade {\n    animation: snapshotRotateFade 0.3s ease forwards;\n  }\n\n  &.flipFade {\n    animation: snapshotFlipFade 0.3s ease forwards;\n  }\n}\n\n@keyframes snapshotZoomIn {\n  0% {\n    transform: translate(-50%, -50%);\n    opacity: 1;\n    clip-path: inset(0 round 0.25rem);\n  }\n\n  70% {\n    transform:\n translate(\n      calc(-50% + var(--offset-x)),\n      calc(-50% + var(--offset-y))\n    );\n    opacity: 1;\n    clip-path:\n inset(\n      var(--crop-top) var(--crop-right) var(--crop-bottom) var(--crop-left) round 0.25rem\n    );\n  }\n\n  100% {\n    transform:\n translate(\n      calc(-50% + var(--offset-x)),\n      calc(-50% + var(--offset-y))\n    );\n    opacity: 0;\n    clip-path:\n inset(\n      var(--crop-top) var(--crop-right) var(--crop-bottom) var(--crop-left) round 0.25rem\n    );\n  }\n}\n\n@keyframes snapshotFadeOut {\n  0% { transform: translate(-50%, -50%); opacity: 1; }\n  25%, 100% { transform: translate(-50%, -50%); opacity: 0; }\n}\n\n@keyframes snapshotRotateFade {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: translate(-50%, -50%) rotate(-90deg) scale(var(--end-sx, 1), var(--end-sy, 1));\n    opacity: 1;\n  }\n\n  100% {\n    transform: translate(-50%, -50%) rotate(-90deg) scale(var(--end-sx, 1), var(--end-sy, 1));\n    opacity: 0;\n  }\n}\n\n@keyframes snapshotFlipFade {\n  0% {\n    transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);\n    opacity: 1;\n  }\n\n  50% {\n    transform: translate(-50%, -50%) rotateX(10deg) rotateY(-90deg);\n    opacity: 1;\n  }\n\n  50.01%, 100% {\n    opacity: 0;\n  }\n}\n\n@keyframes canvasTransformReveal {\n  0%, 65% { opacity: 0; }\n  100% { opacity: 1; }\n}\n\n@keyframes canvasFlipReveal {\n  0%, 45% {\n    transform: rotateX(10deg) rotateY(90deg);\n  }\n\n  100% {\n    transform: rotateX(0deg) rotateY(0deg);\n  }\n}\n\n// Crop overlay - explicitly sized to match canvas, centered in container\n.cropWrapper {\n  pointer-events: none;\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  animation: fadeIn 0.3s ease;\n\n  &.fadingOut {\n    animation: fadeOut 0.3s ease forwards;\n  }\n\n  :global(body.no-page-transitions) & {\n    animation: none !important;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n.cropDarkOverlay {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n\n.cropRegion {\n  pointer-events: auto;\n  cursor: move;\n  position: absolute;\n  border: 2px solid var(--color-white);\n}\n\n.cropGrid {\n  position: absolute;\n  inset: 0;\n\n  &::before,\n  &::after {\n    content: \"\";\n    position: absolute;\n    background-color: rgba(255, 255, 255, 0.3);\n  }\n\n  &::before {\n    top: 33.33%;\n    right: 0;\n    bottom: 33.33%;\n    left: 0;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.3);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n\n    background: transparent;\n  }\n\n  &::after {\n    top: 0;\n    right: 33.33%;\n    bottom: 0;\n    left: 33.33%;\n\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    border-left: 1px solid rgba(255, 255, 255, 0.3);\n\n    background: transparent;\n  }\n}\n\n.cropCorner {\n  pointer-events: auto;\n\n  position: absolute;\n  transform: translate(-50%, -50%);\n\n  width: 0.75rem;\n  height: 0.75rem;\n  border-radius: 50%;\n\n  background-color: var(--color-white);\n\n  &.topLeft {\n    cursor: nwse-resize;\n  }\n\n  &.topRight {\n    cursor: nesw-resize;\n  }\n\n  &.bottomLeft {\n    cursor: nesw-resize;\n  }\n\n  &.bottomRight {\n    cursor: nwse-resize;\n  }\n}\n\n// Right panel (bottom on mobile)\n.editPanel {\n  display: flex;\n  flex: 0 0 var(--right-column-width);\n  flex-direction: column;\n  background-color: var(--color-background);\n\n  @media (max-width: 600px) {\n    flex-basis: auto;\n    width: 100%;\n    max-height: 16rem;\n  }\n}\n\n.panelHeader {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n\n  padding: 0.75rem 1rem;\n  border-bottom: 1px solid var(--color-borders);\n}\n\n.headerTitle {\n  flex: 1;\n  font-size: 1.125rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n}\n\n.headerActions {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.panelTabs {\n  overflow: hidden;\n  display: flex;\n  flex: 1;\n  flex-direction: column-reverse;\n}\n\n.modeTabs {\n  z-index: 1;\n\n  gap: 1rem;\n  justify-content: flex-start;\n\n  margin-top: 0.125rem;\n  padding: 0 1rem;\n\n  background: var(--color-background);\n  box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n}\n\n.modeTab {\n  flex: 0.125;\n\n  padding: 0.75rem 0.5rem;\n\n  font-size: 1.25rem;\n  color: var(--color-text-secondary);\n\n  transition: color 0.15s ease-in-out;\n  &:hover {\n    color: var(--color-text);\n  }\n\n  &:global(.Tab--active) {\n    color: var(--color-primary);\n  }\n}\n\n.panelContent {\n  overflow-x: hidden;\n  overflow-y: auto;\n  flex: 1;\n}\n\n// Draw mode\n.sectionLabel {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 1rem 1.5rem;\n\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n}\n\n.colorRow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 1rem;\n}\n\n.colorSwatch {\n  cursor: var(--custom-cursor, pointer);\n\n  width: 1.5rem;\n  height: 1.5rem;\n  margin: 0.5rem;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n\n  background-color: var(--swatch-color);\n  outline: 0.5rem solid transparent !important;\n\n  transition: transform 0.15s ease-in-out, outline-color 0.15s ease-in-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n\n  &.selected {\n    outline-color: var(--swatch-outline) !important;\n  }\n\n  &.customColor {\n    --swatch-color: transparent;\n\n    background:\n conic-gradient(\n      from 0deg,\n      #ff0000,\n      #ff8000,\n      #ffff00,\n      #00ff00,\n      #00ffff,\n      #0000ff,\n      #8000ff,\n      #ff0080,\n      #ff0000\n    );\n\n    &.selected {\n      outline-color: #ffffff1a !important;\n    }\n  }\n}\n\n.sizeRow {\n  --selected-color: var(--color-primary);\n}\n\n.sizeSlider {\n  padding: 0 0.5rem;\n\n  &:global(.RangeSlider) {\n    --slider-color: var(--selected-color);\n  }\n}\n\n.sizeValue {\n  min-width: 1.5rem;\n  font-size: 0.875rem;\n  text-align: right;\n}\n\n.canvasControls {\n  display: flex;\n  flex-shrink: 0;\n  gap: 1rem;\n  align-items: center;\n\n  width: 25rem;\n  max-width: 100%;\n  padding: 1rem;\n\n  &.hidden {\n    pointer-events: none;\n    opacity: 0;\n  }\n\n  &.fadingOut {\n    pointer-events: none;\n    animation: fadeOut 0.3s ease forwards;\n  }\n\n  &.fadingIn {\n    animation: fadeIn 0.3s ease;\n  }\n\n  :global(body.no-page-transitions) & {\n    animation: none !important;\n  }\n}\n\n.aspectRatioList, .toolList {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0 0.5rem;\n}\n\n.toolIcon {\n  position: relative;\n\n  overflow: hidden;\n  display: flex;\n\n  width: 7.5rem;\n  height: 1.25rem;\n\n  &::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 3.5rem;\n    height: 1.25rem;\n\n    background: linear-gradient(90deg, var(--color-background) 0%, transparent 100%);\n  }\n\n  :global(.draw-tool-icon) {\n    transform: translateX(-1.5rem);\n    transition: transform 0.15s ease-in-out;\n  }\n}\n\n.toolLabel {\n  transform: translateX(-1.5rem);\n  transition: transform 0.15s ease-in-out;\n}\n\n:global(.ListItem.focus),\n:global(.ListItem:hover) {\n  .toolIcon {\n    &::after {\n      background: linear-gradient(90deg, var(--background-color) 0%, transparent 100%);\n    }\n  }\n}\n\n:global(.ListItem.focus) {\n  .toolIcon {\n    :global(.draw-tool-icon) {\n      transform: translateX(0);\n    }\n  }\n  .toolLabel {\n    transform: translateX(0);\n  }\n}\n\n.aspectRatioRow {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.25rem;\n}\n\n// CSS-based ratio icons\n.ratioBox {\n\n  // Base height for all ratio boxes\n  --ratio-size: 1.25rem;\n\n  margin-inline-start: 0.125rem;\n  border: 0.125rem solid var(--color-text-secondary);\n  border-radius: 0.125rem;\n\n  .selected & {\n    border-color: var(--color-primary);\n  }\n\n  // Square (1:1)\n  &.ratio1x1 {\n    width: var(--ratio-size);\n    height: var(--ratio-size);\n  }\n\n  // 3:2 (horizontal)\n  &.ratio3x2 {\n    width: var(--ratio-size);\n    height: calc(var(--ratio-size) * 2 / 3);\n  }\n\n  // 2:3 (vertical)\n  &.ratio2x3 {\n    width: calc(var(--ratio-size) * 2 / 3);\n    height: var(--ratio-size);\n  }\n\n  // 4:3 (horizontal)\n  &.ratio4x3 {\n    width: var(--ratio-size);\n    height: calc(var(--ratio-size) * 3 / 4);\n  }\n\n  // 3:4 (vertical)\n  &.ratio3x4 {\n    width: calc(var(--ratio-size) * 3 / 4);\n    height: var(--ratio-size);\n  }\n\n  // 5:4 (horizontal)\n  &.ratio5x4 {\n    width: var(--ratio-size);\n    height: calc(var(--ratio-size) * 4 / 5);\n  }\n\n  // 4:5 (vertical)\n  &.ratio4x5 {\n    width: calc(var(--ratio-size) * 4 / 5);\n    height: var(--ratio-size);\n  }\n\n  // 16:9 (wide)\n  &.ratio16x9 {\n    width: var(--ratio-size);\n    height: calc(var(--ratio-size) * 9 / 16);\n  }\n\n  // 9:16 (tall)\n  &.ratio9x16 {\n    width: calc(var(--ratio-size) * 9 / 16);\n    height: var(--ratio-size);\n  }\n}\n\n// Inline color picker\n.colorPickerInline {\n  display: flex;\n  flex-direction: column;\n  padding: 0 1.5rem;\n}\n\n.colorPickerRow {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 1rem;\n}\n\n.saturationBrightness {\n  cursor: crosshair;\n\n  position: relative;\n\n  flex: 1;\n\n  height: 7.5rem;\n  border-radius: var(--border-radius-default);\n\n  background:\n    linear-gradient(to top, #000, transparent),\n    linear-gradient(to right, #fff, hsl(var(--picker-hue), 100%, 50%));\n\n  @media (max-width: 600px) {\n    height: 6rem;\n  }\n}\n\n.colorInputs {\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  justify-content: center;\n}\n\n.colorInput {\n  width: 8rem;\n}\n\n.satBrightHandle {\n  pointer-events: none;\n\n  position: absolute;\n  top: var(--picker-bright);\n  left: var(--picker-sat);\n  transform: translate(-50%, -50%);\n\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 0.125rem solid var(--color-white);\n  border-radius: 50%;\n\n  background-color: var(--picker-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\n\n.hueSlider {\n  cursor: pointer;\n\n  position: relative;\n\n  flex: 1;\n\n  height: 1.5rem;\n  margin: 0.5rem;\n  border-radius: 0.75rem;\n\n  background:\n linear-gradient(\n    to right,\n    #ff0000,\n    #ff8000,\n    #ffff00,\n    #80ff00,\n    #00ff00,\n    #00ff80,\n    #00ffff,\n    #0080ff,\n    #0000ff,\n    #8000ff,\n    #ff00ff,\n    #ff0080,\n    #ff0000\n  );\n}\n\n.hueHandle {\n  pointer-events: none;\n\n  position: absolute;\n  top: 50%;\n  left: calc(var(--picker-hue) / 360 * 100%);\n  transform: translate(-50%, -50%);\n\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 0.125rem solid var(--color-white);\n  border-radius: 50%;\n\n  background-color: hsl(var(--picker-hue), 100%, 50%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\n\n// Save button\n.saveButton {\n  position: absolute;\n  right: 1.5rem;\n  bottom: 1.5rem;\n\n  @media (max-width: 600px) {\n    right: 1rem;\n    bottom: 17rem;\n  }\n}\n",".root {\n  position: relative;\n  width: 100%;\n}\n\n.slider {\n  touch-action: none;\n  cursor: grab;\n\n  position: relative;\n\n  overflow: hidden;\n\n  height: 3rem;\n\n  // Dark overlay that dims dots except at center, creating a spotlight effect\n  &::after {\n    pointer-events: none;\n    content: '';\n\n    position: absolute;\n    z-index: 2;\n    top: 2rem;\n    right: 0;\n    left: 0;\n\n    height: 0.25rem;\n\n    background: radial-gradient(0.75rem 50% at center, transparent, rgba(0, 0, 0, 0.65));\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n}\n\n.track {\n  will-change: transform;\n\n  position: absolute;\n  top: 0;\n  left: 50%;\n\n  height: 100%;\n}\n\n.labelsRow {\n  position: relative;\n  height: 1.25rem;\n}\n\n.label,\n.labelActive {\n  position: absolute;\n  top: 0;\n  transform: translateX(-50%);\n\n  font-size: 0.75rem;\n  color: rgba(255, 255, 255, 0.4);\n  white-space: nowrap;\n\n  &::after {\n    content: '°';\n    position: absolute;\n    top: -0.25rem;\n    right: -0.375rem;\n  }\n}\n\n.labelActive {\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-semibold);\n  color: #fff;\n}\n\n.centerIndicator {\n  pointer-events: none;\n\n  position: absolute;\n  z-index: 1;\n  top: 1.375rem;\n  left: 50%;\n  transform: translateX(-50%);\n\n  width: 0;\n  height: 0;\n  border-right: 0.25rem solid transparent;\n  border-bottom: 0.3125rem solid #fff;\n  border-left: 0.25rem solid transparent;\n}\n\n.dotsRow {\n  position: absolute;\n  top: 2rem;\n  // 91 dots spanning -90° to 90° every 2°, at 5px/degree = 10px spacing\n  // Offset by half a tile so first dot lands at -90° position\n  left: -28.4375rem;\n\n  width: 56.875rem;\n  height: 0.25rem;\n\n  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0.0625rem, transparent 0.0625rem);\n  background-size: 0.625rem 0.25rem;\n}\n",".ShowMoreButton {\n  display: flex;\n  align-items: center;\n\n  padding-left: 0.75rem !important;\n\n  color: var(--color-text) !important;\n  text-align: left;\n  text-transform: none;\n\n  opacity: 1 !important;\n\n  .icon {\n    margin-right: 2rem;\n    font-size: 1.5rem;\n    color: var(--color-text-secondary);\n  }\n\n  .Spinner {\n    top: 0.4375rem;\n  }\n}\n"],"names":[],"sourceRoot":""}