{"version":3,"file":"BundleStars.882d4ef8a971f5ed2606.css","mappings":"AAEA,UACE,aACA,8BACA,UACA,WAGF,UACE,uDAEA,qCAEA,aACA,sBACA,YACA,mBACA,uBAEA,aACA,sBAEA,0CAEA,0CAEA,gBACE,8DAIJ,UACE,8DAGF,UACE,iBAGF,UACE,aACA,WACA,mBAEA,iBACA,sCACA,cAGF,UACE,aACA,2BACA,sBACA,kBAGF,UCzCE,0PACE,CD2CF,gCAGF,UACE,kBACA,kCAGF,UACE,iBAGF,UACE,2BACA,iBAGF,yBACE,UACE,gB;AE7EJ,wBACE,gBAGF,UACE,2BACA,aACA,sBACA,qBAGF,UACE,kBACA,aACA,sBACA,mBAEA,YAGF,UACE,kBACA,aACA,sBACA,mBAGF,UACE,cACA,eACA,mBACA,YAGF,UACE,kBACA,WACA,SACA,2BAEA,YAGF,UACE,mBACA,oBACA,kBACA,kBAGF,UACE,aACA,sBACA,YACA,cDhDA,2DCqDF,UACE,kBACA,UACA,MACA,OAEA,aACA,mBAEA,WACA,cACA,cACA,kDAEA,mCAEA,mCAGF,UACE,uBACA,oBACA,kBACA,sCAGF,UACE,4BAGF,UACE,kBACA,UACA,YACA,aAGF,UACE,YACA,qBAGF,UACE,kBAGF,UACE,gBACA,aAEA,kBACA,kCACA,kBAGF,yBACE,wBACE,2B;ACtHJ,UACE,aACA,sBAGF,oBACE,YAIA,oBACE,UAGF,oBACE,uBAIJ,UACE,0BAGF,UACE,kBACA,mBACA,oBACA,oB;AC3BF,UACE,8CAGF,yBACE,UAGF,wBACE,eAGF,2DAGE,gBAGF,UACE,YAGF,UACE,gBACA,aACA,mBACA,cACA,mBAEA,iBACA,sBACA,mCACA,8DAEA,yCACA,2EAGF,UACE,SAGF,UACE,kBACA,UACA,SAEA,WACA,eAEA,mCAGF,UACE,YAGF,UACE,aACA,mBACA,SACA,mBACA,uBAEA,YAGF,UACE,kBAGF,oBAEE,gBACA,mBACA,kBAGF,UACE,mBACA,kCAGF,UACE,qBAGF,UACE,YACA,wC;ACzFF,UACE,oBACA,kBACA,M;ACHF,UACE,kBACA,UACA,MAEA,aACA,mBACA,uBAEA,iBAGF,UACE,iBACA,mCAEA,gBACE,qB;ACjBJ,UACE,kBACA,UACA,MAEA,aACA,mBACA,uBAEA,iBAGF,UACE,oBAEA,kBACA,4BAEA,cACA,eACA,mBACA,mBAEA,yDACA,4BACA,2BACA,wBAEA,kCAGA,mCAEE,oBACA,WAEA,kBACA,MACA,OAEA,WACA,YAEA,yDACA,4BACA,2BACA,wBAGF,kBACE,WACA,2BACA,uBAGF,iBACE,WACA,2BACA,uBAGF,0BACE,wBAGF,UACE,yDAEA,mCAEE,mE;ACtEN,UACE,aACA,sBACA,mBACA,iBAGF,UACE,kBACA,yBACA,8GAEA,oBACE,gBAEA,iBACA,oBAEA,kEACA,kDAGF,oBACE,cACA,sBACE,WAKN,UACE,kBACA,MAGF,UACE,UAEA,oBAEA,iBACA,sCACA,kBAGF,UACE,UAEA,mBACA,oBAEA,kBACA,kBACA,kBAGF,UACE,kBACA,UACA,SACA,mCAEA,gBACE,qBAIJ,UACE,kBACA,UACA,YACA,gB;ACrEF,UACE,8CAGF,yBACE,UAGF,wBACE,mBACA,4CAGF,wBACE,YAGF,2DAGE,gBAGF,UACE,kBACA,YAGF,UACE,aACA,8BAGF,URgKE,8DACA,yCACA,2EAEA,qBACE,mBACA,gBQlKJ,oBAEE,kBAEA,aACA,sBACA,mBAEA,cRvCA,2DQ4CF,UACE,sBAEA,sBAEA,eACA,sCACA,2BAGF,UACE,mBACA,cAEA,kBACA,kCAEA,mDAGF,UACE,oBACA,mBACA,kCAGF,oBAEE,oBAGF,UACE,aACA,sBACA,uBAGF,UACE,uBACA,aACA,mBACA,uBAEA,kBACA,sCAGF,UACE,oBACA,2BAGF,UACE,eACA,kCACA,kBAGF,UACE,mBACA,oBACA,eACA,2BAGF,UACE,mBACA,oBAEA,kBACA,kBACA,kBAGF,UACE,kBACA,UACA,MACA,OAEA,aACA,mBAEA,WACA,cACA,cACA,kDAEA,mCAEA,qEAGF,UACE,uBACA,kBACA,kBACA,sCAGF,UACE,qBAGF,UACE,4BAGF,UACE,kCAGF,UACE,kBACA,UACA,YACA,aAGF,UACE,aACA,mBACA,uBAEA,WACA,YACA,oBACA,UACA,kBAEA,UAEA,wBAEA,iCAEE,YAIJ,UACE,4BAGF,UACE,aACA,mBAGF,UACE,aACA,sBACA,qBACA,cAGF,UACE,kBAGF,UACE,aACA,WACA,mBAEA,sCACA,gBAGF,UACE,kBACA,UACA,WACA,cAGF,oBAEE,iBACA,UACA,mBAEA,iBACA,oBAGF,UACE,aACA,sBACA,mBAGF,UACE,kBAEA,aACA,yBACA,sBACA,mBAEA,mBAGF,UACE,UACA,6CAGF,UACE,kBACA,UACA,YACA,SAEA,eR1PA,sMACE,CQ8PJ,UACE,kBACA,QACA,SACA,gCAEA,YAGF,UACE,aACA,mBACA,gBAGF,oBACE,aACA,sBACA,WAGF,UAEE,kCAEA,UACA,WAEA,iBACA,uDAEA,gBAEA,0BAEA,mBACE,uDAGF,eACE,wBACA,yBACE,gBAKN,UACE,iBACA,kCAGF,UACE,uCAGF,UACE,WACA,2BAGF,UACE,aACA,mBAEA,cACA,eAEA,iB;ACjVF,UACE,qCAEA,aACA,WAEA,oCACA,oBAEA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,aACA,sBACA,qBACA,uBAGF,UACE,cAGF,UACE,sCAGF,8BACE,gBACA,oBAGF,UACE,eACA,wCACA,sBAGF,oBAEE,kBAGF,UACE,aACA,YACA,mBAGF,8BACE,kCAGF,UACE,yBAGF,UACE,kBACA,eACA,gBAGF,UACE,kBACA,UACA,QACA,ST/DA,sMACE,C;AUjBJ,UACE,kBACA,UAEA,aACA,wBACA,qBACA,qBACA,mBAEA,YAGF,UACE,yBACA,sBACA,cACA,eAGF,UACE,UAEA,aACA,mBAEA,eACA,cACA,WAGF,UACE,kBAEA,gBAEA,WACA,YACA,mBAEA,6CAGF,oBACE,aACA,cACA,oBACA,sBAGF,UACE,aAGF,2CAEE,cACA,WAGF,2CAEE,cACA,WAGF,2CAEE,cACA,WAGF,oBACE,kBACA,MACA,OAEA,WACA,YAEA,iBAGF,UACE,mCAGF,oBACE,GACE,UAEF,KACE,W;AC1FJ,UACE,qCAEA,aACA,WAEA,oCACA,oBAEA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,cAGF,UACE,sCAGF,8BACE,gBACA,oBAGF,UACE,eACA,wCACA,sBAGF,oBAEE,kBAGF,UACE,kCAGF,UACE,2BAGF,UACE,yBAGF,UACE,kBACA,eACA,gBAGF,UACE,kBACA,UACA,QACA,SXtDA,sMACE,CW0DJ,UACE,kBACA,QACA,qBAGF,UACE,c;AClFF,UACE,aACA,sBACA,UACA,mBAGF,UACE,kBACA,aACA,mBAGF,UACE,kBACA,UACA,eACA,SACA,2BAEA,aACA,YACA,mBAEA,eACA,yCACA,mBAEA,iBACA,sCACA,cACA,yBACA,mBAEA,sCAGF,UACE,gBAEA,WACA,gBAEA,kBACA,kBACA,uBACA,mB;AC9CF,UACE,gBACA,aACA,2BACA,sCACA,cACA,QAEA,sCACA,mBAEA,sCAGF,UACE,kBAEA,aACA,mBAEA,kBACA,qBAEA,mBAGF,UACE,mDAGF,UACE,eACA,uBACA,yCAGF,UACE,iBAGF,UACE,kBACA,2BACA,yC;AC3CF,UACE,kBACA,aACA,sBACA,SAEA,+BAGF,UACE,kBAGF,UACE,kB;ACdF,UACE,UAEA,aACA,UAEA,WACA,mBAGF,UACE,aACA,YAGF,UACE,kBACA,sCACA,yBAGF,UACE,iB;ACtBF,UACE,iBAEA,gBACA,aACA,sBACA,cACA,WACA,mBAEA,WACA,sBACA,oBACA,oBACA,kCAEA,mBACE,oBAEA,6BACE,oBAIA,0BACE,4BAKN,mBACE,iBAIA,iBACE,4BACA,2BAKN,oBACE,qBACA,mBAEA,oBAEA,gCACA,8DAGF,UACE,kBACA,eACA,qBAEA,iBAEA,gEAEA,gBACE,eACA,iCAIJ,UACE,kBACA,UAGF,UACE,sBAEA,mBACA,sCACA,kBACA,WAGF,UACE,oBAGF,UACE,kBACA,MACA,gBACA,mCAGF,UACE,aACA,sBACA,mBAGF,UACE,gBAEA,iBACA,wCACA,oBACA,WAGF,oBACE,aAGF,UACE,eACA,qBACA,+BACA,kBACA,kBAEA,+BAGF,8BACE,UACA,gBAGF,UACE,gBACA,sBAEA,mBACA,sCACA,W;AClIF,UACE,8CAEA,wBACE,gBAIJ,UACE,2BAGF,UACE,yBAGF,UACE,aACA,sBACA,WACA,mBAEA,kBAGF,UACE,eAGF,UACE,eACA,sCACA,kBAGF,8BACE,gBAGF,UACE,gBAEA,iBACA,wCACA,iBACA,kBACA,kBAGF,UACE,eAEA,gBAEA,yCACA,kBACA,mBjBlBA,4IiBuBF,UACE,kBAGF,UACE,gBACA,4BACA,mBACA,kDAEA,mBACA,cACA,2BAEA,wDAGF,UACE,iCACA,yBAGF,UACE,iBACA,kBACA,kCACA,kBAGF,UACE,kBACA,WACA,aACA,SACA,2BAEA,YAGF,UACE,oBAEA,kBACA,QACA,aACA,2BAEA,2BAEA,2BAGF,UACE,qCACA,yBAGF,UACE,gBACA,kBAGF,UACE,kBACA,YACA,aAGF,UACE,UACA,mCAEA,gBACE,qB;ACtIJ,UACE,8CAGF,UACE,kBAEA,aACA,sBACA,WACA,mBAEA,kBAGF,oBACE,gBAGF,UACE,gBAEA,iBACA,wCACA,iBACA,kBACA,kBAGF,UACE,kCACA,kBAGF,UACE,iBACA,kBACA,kCACA,kBAGF,UACE,kBACA,WACA,aACA,SACA,2BAEA,YAGF,UACE,kBACA,UACA,QACA,SAEA,kBlB3CA,sMACE,CkB+CJ,UACE,kCAGF,UACE,yBAGF,UACE,kBACA,UACA,mCAEA,gBACE,qB;AC1EJ,UACE,kBACA,qBACA,cAEA,kBACA,kBACA,iBnBqEA,4BACE,cAEA,WACA,oBAEA,wBACA,yBAEA,kDACE,wBAGF,8CACE,qBAGF,2DACE,qCAGF,+FACE,qCAGF,kCACE,amB1FF,6BACE,+CAGF,6BACE,gBAGF,6BACE,+CAGF,6BACE,gBAKN,UACE,eACA,+BACA,2BAEA,yCACE,oBACA,mBACA,mDAGF,4BACE,oBACA,mBACA,mDAGF,gCACE,mBACA,oBACA,YAEA,+BACA,aACA,gBAGF,4BACE,mBACA,oBACA,YAEA,+BACA,aACA,gBAIJ,UAEE,4BAEA,oBAEA,SACA,OAEA,oBAEA,WAEA,gNAGF,UACE,oBAEA,kBACA,SACA,OAEA,iEACA,uBACA,oBACA,mBAEA,uCAEA,wEAEA,iBACE,WAEA,kBACA,UACA,YACA,cAEA,eACA,gBACA,kBAEA,sBAGF,mBACE,sCACA,sBAIJ,UACE,oBAEA,kBACA,QACA,OACA,0IACA,CAQA,wCAGF,UACE,YAEA,kBACA,UACA,OACA,iCAEA,mBACE,oBACA,eAIJ,UACE,kBAEA,mBACA,mBAEA,iBACA,sCACA,cACA,WACA,mBAEA,uCAEA,wGACE,CAIF,mBACE,sCACA,sBAGF,mBACE,gBAIJ,UACE,kBACA,QACA,WAGF,UACE,kBAEA,aACA,mBACA,uBAEA,cAGE,6BACE,8BACA,eAGF,6BACE,WAKN,UACE,aACA,YACA,mBACA,qEAGF,UACE,kBACA,iBAEA,iBAEA,UAEA,sCAGF,UACE,kBACA,WACA,SACA,SAEA,wCAGF,UACE,mCAGF,UACE,oBAEA,kBACA,UACA,cACA,eAEA,mBACA,kC;AC7PF,UACE,aACA,sBACA,WACA,sCAGF,UACE,mBACA,gBACA,iBAGF,UACE,cACA,gBAGF,UACE,qBAGF,oBACE,kBAGF,UACE,gBACA,aACA,sBACA,YAEA,YACA,kBAGF,UACE,sBACA,iBAGF,UACE,mBACA,iBACA,kCAGF,UACE,0BACA,kBAGF,UACE,oBAGF,UACE,WACA,uBACA,oBACA,0BACA,qBAEA,8DAEA,iCAEA,kDAGE,wEAIJ,UACE,qBACA,mBAGF,UACE,sBACA,SACA,mCACA,kDAEA,2BAEA,gBACA,iBAEA,eACE,+CAIJ,UACE,oBAGF,UACE,kBACA,UACA,SACA,2BAEA,aAGF,UACE,kBACA,UACA,WACA,cAEA,aACA,mBAGF,UACE,gBAGF,UACE,+BAGF,UACE,sBACA,mBACA,yBACA,uCAGF,UACE,aACA,6BACA,gBAGF,UACE,uCAGF,UACE,gBACA,aACA,YAGF,UACE,kBAEA,iBACA,sBAEA,kBACA,kC;AC1JF,UACE,kBACA,kBACA,aACA,sBAEA,YACA,mBACA,sBrBFA,4DqBOF,UACE,aACA,mBACA,8BAEA,cACA,kBAGF,UACE,YAGF,UACE,oBACA,kBACA,sCAGF,UACE,aACA,sBACA,qBACA,iBAGF,UACE,eAGF,UACE,sBAGF,UACE,aACA,mBACA,eACA,sCAGF,UACE,iBACA,qBACA,sBAGF,UACE,SACA,eACA,wBACA,uBAGF,UACE,kBAEA,gBACA,aACA,cACA,qBAEA,eACA,kBACA,gBACA,cACA,2CAEA,+CACA,4BACA,2BACA,0BrBmKA,kBA7BA,WAEA,kBACA,MACA,QACA,SACA,OAEA,WACA,yDACA,yBACA,2BACA,2BACA,0BAEA,kCACE,YACA,kGACA,sBACA,qBAEA,8GACA,8CACA,kDACA,kDqB1JF,2BACE,yDAIJ,oBACE,oBAGF,UACE,gBACA,SAEA,aACA,sBACA,8BAEA,uBACA,aAEA,mDAGF,UACE,qBAGF,UACE,iCACA,qCAGF,oBAEE,oBACA,iBACA,kBACA,kCAGF,UACE,mBAGF,UACE,cACA,mBACA,sCACA,WAGF,UACE,iCAEA,WACA,YACA,sBACA,kBAGF,UACE,kBACA,MACA,QACA,SACA,OAEA,gBAEA,+CAEA,kBACE,WAEA,kBACA,MACA,QACA,SACA,OAEA,4BACA,2BACA,sBAGF,kDACE,yDAGF,0CACE,aAGF,2BACE,qBACA,qDAGF,kDACE,gCAEA,mEACE,oDAIJ,oCACE,kBAIA,sCADF,0FAEI,mCAGF,sCALF,0FAMI,kCAGF,sCATF,0FAUI,mCAKJ,mGACE,6CAGF,+CrBCA,WAEA,kBACA,MACA,QACA,SACA,OAEA,WACA,yDACA,yBACA,2BACA,2BACA,0BAEA,+DACE,YACA,kGACA,sBACA,qBAEA,8GACA,8CACA,kDACA,kDqBrBF,sCACE,gEACE,6BACA,mBACA,O;ACnON,UACE,qCAEA,kBAEA,aACA,aACA,sBACA,YACA,mBACA,uBAEA,YACA,sBACA,gBACA,cACA,sBAEA,mDAEA,kBACE,oBACA,WAEA,kBACA,QAEA,sBAEA,UACA,4CAEA,wBAGF,0BACE,yBAGF,wBACE,UAGF,mBACE,eAEA,iCACE,UAKN,UACE,iBACA,gBACA,gBACA,uBAGF,UACE,kBACA,sCAGF,UACE,gBAEA,eAEA,kBACA,cACA,uBACA,mBAGF,UACE,mBACA,4BACA,mDACA,cAGF,UACE,mBAGF,UACE,kBAGF,oBAEE,yCACA,yBAEA,gDACE,yCACA,yBAIJ,UACE,oBAGF,UACE,iBACA,iBACA,yBAGF,UACE,kBACA,QAGF,UACE,kBAGF,UACE,kBACA,YACA,aAEA,mBACA,kCAEA,W;AChIF,UACE,iBACA,4BAEA,oBACA,0CAGF,UACE,yBACA,+BAGF,UACE,qCACA,mDAGF,UACE,iCACA,+CAGF,UACE,iCACA,+CAGF,UACE,sCACA,oD;AC9BF,UACE,wCAEA,qCAEA,kBAEA,aACA,sBACA,mBACA,uBAEA,gBACA,mBAEA,WAEA,mDACA,oCAEA,uCAEA,kBACE,oBACA,WAEA,kBACA,QAEA,sBAEA,UACA,4CAEA,wBAGF,iBACE,oBACA,WAEA,kBACA,cAEA,mCACA,uBAEA,oCAGF,mBACE,qDAGF,0BACE,yBAEA,mCACE,mCAIJ,wBACE,UAIJ,iBACE,oCAGF,UACE,kBACA,QAGF,UACE,kBAGF,UACE,kBACA,UACA,eACA,kEAGF,UACE,WACA,kG;ACzFF,UACE,aACA,sBACA,mBACA,uBAEA,iBAGF,UACE,kBAEA,eACA,sCACA,kCACA,kBAGF,UACE,sCACA,yBACA,gCAEA,iCAEE,yBACA,qBACA,Y;ACzBJ,UACE,8CAGF,yBACE,UACA,yCAEA,yCACE,4BAIJ,4CAGE,uBACA,2BAGF,yBACE,oBAEE,aAIJ,2DAGE,gBAGF,UACE,aACA,sBAGF,oBAEE,kBACA,qBACA,qB1BpCA,2D0ByCF,UACE,4BACA,mBAGF,UACE,YAGF,UACE,eAGF,UACE,cAGF,8BAGE,aACA,UACA,mBACA,uBAEA,qBAGF,oBAEE,aACA,qCAEA,YACA,gBACA,mBAGF,UACE,uBAGF,UACE,kBACA,UACA,MACA,OAEA,gBACA,aACA,mBAEA,WACA,cACA,cACA,kDAEA,mCAEA,8EAEA,mBACE,kCAIJ,UACE,iBACA,eAGF,UACE,mBACA,WAGF,UACE,aACA,mBAGF,UACE,gBACA,iBACA,sCAGF,UACE,4BAGF,oBAEE,uBAEA,oBAEA,kBACA,sCACA,oBAGF,UACE,SACA,kCACA,eACA,sBAGF,UACE,mBAGF,UACE,uBACA,kBACA,oBACA,kCAGF,UACE,kBACA,UACA,YACA,aAGF,UACE,kBACA,UACA,WACA,cAGF,UACE,kBACA,UAEA,aACA,mBACA,SACA,mBACA,uBAEA,gBACA,aAGF,WACE,UACA,mCAEA,iBACE,qBAIJ,UACE,oBAEA,kBACA,SACA,2BAEA,YAGF,UACE,kBAGF,UACE,gBACA,wBACA,kBACA,kBAGF,UACE,sBAGF,UACE,gBACA,2BACA,sBAGF,UACE,kBACA,kCAGF,UACE,mBACA,kBACA,kCACA,kBAGF,UACE,qBAGF,UACE,gBACA,YACA,+BAGF,UACE,aACA,sBACA,mBACA,uBAEA,iBAGF,UACE,uBAEA,kBAEA,eACA,sCACA,kCACA,kBAGF,UACE,sCACA,yBACA,gCAEA,iCAEE,yBACA,qBACA,YAIJ,UACE,kBACA,UACA,YACA,SACA,4CAEA,gBACA,gBACA,8BACA,qBACA,qBAEA,UACA,gDACA,8DAEA,qEAEA,iCAEE,gCACA,gDAGF,iCACE,kBACA,6DAEA,iDACE,kBAKN,UACE,yCACA,U;ACzUF,UACE,kBAGF,UACE,kB;ACHF,UACE,kBACA,aACA,WACA,iBAGF,UACE,8BACA,qBAEA,gBACA,kBACA,aACA,mBACA,8BAEA,WACA,YAEA,mB5BUA,4N4BNA,6BACE,SAGF,mCACE,+BAIJ,UACE,kBAEA,aACA,sBACA,mBACA,uBAEA,cACA,YACA,2BAGF,UAEE,WACA,aACA,WAEA,kBAGA,YACA,gBACA,kBAEA,8BAEA,qCAEA,mBACE,+EAGF,mBACE,+EAGF,mBACE,+EAGF,mBACE,yDAGF,4BACE,0FAGF,4BACE,oEAGF,4BACE,oEAGF,4BACE,oEAIJ,UACE,4BAGF,8BAGE,YAGF,UACE,6BAGF,UACE,yBAGF,UACE,0BACA,kCAGF,UACE,kBACA,aAEA,aACA,cACA,kBAGF,UACE,2BACA,kCAGF,UACE,0BACA,8BAGF,UACE,aACA,mBACA,uBAEA,WACA,qBACA,sBACA,mBAEA,kBACA,wCACA,kCACA,mBAEA,mDAEA,iCAEA,gBACE,eACA,0DAIJ,UACE,kBACA,iBAIA,kBACE,uBAIA,0BACE,wBAKF,2BACE,sBACA,wBAIF,2BACE,yBACA,qBAIJ,uBACE,kDAEA,YACA,YACA,kDACA,gBAEA,+BAEA,qCACE,wCAGF,6BACE,kCAGF,6BACE,qBACA,kBACA,sCAGF,4CACE,cACA,yBAIJ,gBACE,6BACA,wB;AClOJ,UACE,gBACA,UACA,WAEA,gBACA,kBACA,aACA,cACA,iBACA,WACA,mBACA,uBAGA,oBACA,mBACA,qBACA,2CAEA,kBAEA,yCAEA,iCAEA,0BACE,yBAGF,mBACE,yCAIJ,oBAEE,aACA,mBACA,uBAEA,WACA,uBACA,mBAEA,wCACA,kCACA,mBAEA,iCAEA,gCACE,eACA,0DAIJ,UACE,kCACA,mDAOE,gEACE,qCAIJ,0BACE,oCAIJ,UACE,sB;AC7EF,yBACE,UAGF,wBACE,eAGF,iDACE,gB;ACTF,UACE,aACA,UACA,mBACA,uBAEA,iBACA,mBAGF,UACE,kBAEA,gBACA,aACA,mBAEA,WACA,YACA,sBAGF,UACE,kBACA,QAGF,UACE,eACA,kC;AC7BF,wBACE,gBAGF,UACE,kBACA,UACA,YACA,WAEA,aACA,UACA,mBAGF,UACE,kBAIA,mBACE,gBAGF,mBACE,iBAIJ,UACE,oBAGF,UACE,aACA,mBACA,kBACA,kCAGF,UACE,0BACA,kBAGF,UACE,sBACA,kCAGF,UACE,qBACA,kBACA,sCAGF,UACE,aACA,sBACA,UACA,mBAEA,mBAGF,oBACE,gBAGF,UACE,oCAGF,UACE,kBACA,UACA,YACA,cAGF,UACE,kBACA,UACA,YACA,aAGF,UACE,oBAEA,kBAEA,aACA,mBACA,uBAEA,kBACA,gBACA,eACA,uBACA,mBAEA,kBACA,sCACA,WAEA,oCACA,8DACA,wBAGF,oBAEE,iCAGF,UACE,qCAEA,kBAEA,gBACA,cAEA,iCAEA,gBACE,gCAIJ,UACE,0BACA,6BAGF,UACE,yBACA,4BAGF,UACE,mDACA,kBAGF,UACE,aACA,sBACA,WAGF,UACE,kBACA,kCACA,kBAGF,UACE,iBACA,qBACA,yBACA,kBACA,oBAEA,WAGF,UACE,aACA,sBAGF,UACE,2BAGF,UACE,aACA,YACA,mBACA,cAGF,oBAEE,aACA,WACA,mBAGF,UACE,eACA,2BACA,wBAEA,gBACE,YAKJ,UACE,gBAGF,UACE,kBACA,UAEA,aAEA,WACA,gBAEA,oBACE,kBAIJ,UACE,eACA,gBACA,yCACA,kBAGF,UACE,oBACA,2BACA,2BAGF,UACE,kBACA,aACA,UACA,mBAGF,UACE,sCAGF,UACE,gBACA,cACA,a;ACvPF,UACE,aACA,sBACA,mBAEA,oBAEA,kBAGF,UACE,qBAGF,UACE,kBACA,kBACA,kBAGF,UACE,aACA,mBACA,cAGF,UACE,iCAGF,UACE,aACA,sBACA,YAGF,UACE,qB;ACrCF,UACE,kBAGF,UACE,uBACA,wBACA,kB;ACPF,oBAEE,aACA,mBACA,kBACA,kCAGF,UACE,oBAGF,UACE,iBACA,mBAGF,UACE,iBAGF,UACE,iBAEA,uBACE,qB;ACvBF,wBACE,gBACA,eAGF,yBACE,oBACA,oBAIA,qCACE,uBACA,sBAGF,wCACE,mBACA,qBACA,iBACA,0BAGF,8CACE,mBACA,eACA,qBAKF,iEAEE,aAIJ,oBACE,4BAIJ,UACE,kCAGF,UACE,aACA,cACA,mBAEA,WACA,YACA,kBAEA,eACA,yBAEA,gCAGF,UACE,+FAEA,mCAGF,UACE,kBACA,aACA,sBACA,UACA,mBAGF,UACE,aACA,sBACA,UAGF,UACE,eACA,sCAGF,UACE,wBACA,oB;AC1FF,UACE,mBAGF,UACE,aACA,sBACA,WACA,mBAGF,UACE,iBAGF,UACE,kBAGF,UACE,kBACA,oBACA,WAGF,UACE,aACA,sBACA,UACA,mBAGF,UACE,4B;ACjCF,UACE,yBAGF,UACE,2BACA,qBACA,qBAGF,UACE,YACA,qBACA,qBACA,sC;ACXA,wBACE,cACA,mBAGF,yBACE,2BAIJ,UACE,kBACA,UACA,QACA,yCAGF,oBAEE,6BACA,mBAGF,UACE,aACA,sBACA,mBACA,qBAGF,UACE,UAEA,sBAEA,SACA,sBACA,eAEA,kBACA,sCACA,WAGF,UACE,kBACA,UACA,YACA,cAGF,UACE,kBAEA,aACA,mBACA,uBAEA,WAIF,UACE,oBAEA,kBACA,4BAEA,WACA,YAGF,UACE,aAGF,UACE,kBAEA,gBACA,aACA,mBACA,uBAEA,sBACA,uBACA,wBACA,oCACA,uBAEA,2BACA,mBAEA,sBAEA,mBACE,UAGF,2BACE,uCAGF,0BACE,kEAGF,0BACE,kEAGF,2BACE,sDAGF,yBACE,iEAGF,4BACE,uDAIJ,UACE,mBAGF,UACE,qBAGF,UACE,iBACA,yBAGF,UACE,kBAEA,aACA,mBACA,uBAEA,WACA,YAEA,UAEA,2CAGF,wCAIE,kBACA,QAGF,kDAKE,kBAGF,UACE,kBAEA,aACA,sBACA,mBACA,uBAEA,WACA,YAEA,UACA,6DAEA,yCAGF,oBACE,GACE,WAIJ,UACE,kBACA,aAEA,kBAEA,kBACA,wCACA,WAGF,UACE,qBACA,oBACA,qBACA,oBAEA,kBAEA,aACA,yEACA,qDACA,WACA,aACA,mBACA,uBACA,qBAEA,iBAEA,+BAGE,4CACE,UAGF,0DAEE,UAKN,UACE,UAEA,aACA,mBACA,uBAEA,uBACA,wBAEA,mBACE,iBAGF,mBACE,oBAIJ,UACE,kBACA,4BACA,uBAEA,aACA,cACA,aACA,mBACA,uBAEA,uBACA,wBAGF,UACE,oBACA,eAEA,aACA,mBACA,uBAEA,uBACA,wBACA,uBAEA,+BAEA,4DAEA,gBACE,+BAGF,mBACE,sBACA,YAEA,0DAEE,UAKN,UACE,mBACA,WAGF,UACE,kBACA,yBAEA,gBACE,yBAIJ,UACE,UACA,kCAGF,UACE,qBACA,UACA,gDAGF,UACE,kBAEA,gBACA,aACA,mBACA,uBAEA,WACA,YACA,uBAGF,UACE,kBACA,eACA,gBAEA,wBACA,sBAEA,iBACA,wCACA,WAEA,WACA,4CACA,8DAEA,wBAGF,UACE,eAEA,kBACA,eACA,iBAEA,aACA,mBACA,uBAEA,cACA,eACA,UACA,YACA,kBAEA,iBACA,WAEA,WACA,4CACA,8DACA,wBAEA,wBAEA,gBACE,UAIJ,UACE,kBAEA,aACA,cACA,aACA,sBACA,mBACA,uBAEA,sBACA,uBACA,wBACA,oCACA,uBAEA,mBAEA,mBACE,mBAIJ,UACE,kBACA,QACA,YAGF,UACE,mBACA,WAGF,UACE,kBACA,cAEA,oBACA,wCACA,WAGF,UACE,UACA,mBAGF,8BAGE,aACA,sBACA,mBAEA,6BAEA,kBAGF,UACE,kBACA,kBACA,wCACA,WAGF,UACE,gBACA,eACA,sCACA,cAGF,oBAEE,uBACA,eACA,WAGF,UACE,gBACA,uBACA,cAGF,UACE,kBAGF,UACE,gBACA,oBACA,iBAEA,eACA,iBACA,WAGF,UACE,aACA,WACA,mBACA,uBAGF,UACE,qBACA,sBAGF,UACE,gBACA,qBAEA,eACA,iBACA,WAGF,UACE,8BAEA,aACA,eACA,WACA,mBACA,uBACA,kBACA,uBAEA,gBACA,qBAGF,UACE,aACA,mBACA,oBACA,YAGF,UACE,4BAGF,UACE,kBAEA,aACA,sBACA,mBAEA,mCvC7UA,qCACE,iCuCiVJ,UACE,kBAEA,aACA,mBACA,uBAEA,mCACA,oCAGF,UACE,WACA,iBACA,sBAGA,wJAGF,oBAEE,kBACA,MACA,QAGF,UACE,gBAGF,UACE,kBACA,cAEA,mBACA,wCACA,0BAGF,UACE,UACA,WACA,aACA,cAGF,UACE,qBACA,iBACA,sBAGF,UACE,WACA,kBACA,oBAEA,iBACE,yBACA,oCAGE,iKAGE,uBAGF,qBACE,qDACE,wBAOV,UACE,qBACA,gDAGF,UACE,+DAGF,UACE,aACA,sBACA,YACA,uBAEA,YAGF,UACE,aACA,mBACA,uBAEA,YAEA,eACA,wCAGF,UACE,mBACA,sCAGF,UACE,iBACA,kBACA,wCACA,WAGF,UACE,aACA,WACA,uBAGF,UACE,kBAEA,gBACA,aACA,mBACA,uBAEA,cACA,eACA,sBAIA,mEACE,yBACA,mCAIA,iEACE,wBAGF,oBACE,GACE,qBACA,WAMJ,iEACE,wBAGF,oBACE,KACE,qBACA,qB;AC5sBN,wBACE,cAGF,yBACE,uBAIJ,UACE,aACA,sBACA,qBAGF,UACE,SACA,wBACA,2CAEA,kBACA,wCACA,kBAEA,yCAEA,mBACE,yCAIJ,UACE,kBAEA,aACA,OACA,sBAEA,aAGF,UACE,gBACA,aACA,sBACA,UAEA,YACA,oBAEA,UAEA,uBAGF,UACE,WAGF,UACE,SACA,iBAEA,kBACA,sCACA,2BACA,yBAGF,UACE,gBACA,UACA,MAEA,WACA,aACA,oBACA,oBACA,2CAEA,yCAEA,yCAEA,mBACE,yCAIJ,UACE,UACA,iBAGF,UACE,aACA,qCACA,UACA,oBAEA,iBAGF,UACE,oBAEA,kBACA,QACA,SACA,gCAEA,UAEA,uBAGF,UACE,UAGF,UACE,kBAGF,UACE,kBACA,WACA,YAEA,wBACA,sBAEA,iBACA,wCACA,WAEA,gCAGF,UACE,iBACA,qBAGF,UACE,kBACA,UACA,YACA,SACA,4CAEA,gBACA,gBACA,8BACA,qBACA,qBAEA,UACA,gDACA,8DAEA,qEAEA,iCAEE,gCACA,gDAGF,iCACE,kBACA,6DAIJ,UACE,yCACA,U;AClLF,UACE,iBAGF,UACE,aACA,sBACA,mBACA,iBAGF,UACE,oBAGF,UACE,W;ACdF,UACE,gBACA,aACA,sBAEA,uBACA,qBAGF,UACE,gBACA,UACA,MAEA,kBAEA,yCAGF,oBAEE,gBAGF,UACE,kBACA,aACA,2BACA,gDACA,UAEA,c1CzBA,+D0C8BF,UACE,aACA,gBACA,WACA,sBACA,kBACA,mBACA,uBAEA,kCAGF,UACE,iBAGF,UACE,iBAEA,yBACA,gBAGF,UACE,UAEA,aACA,YACA,uBAEA,WACA,kBACA,eAGF,UACE,iBACA,aACA,sBACA,cACA,YAGF,UACE,mBACA,cAGF,UACE,kBACA,+BAGF,UACE,mDAEA,kBACA,MACA,QACA,mCAEA,WAEA,yCAGF,UACE,kBACA,UACA,YACA,c;AC5GF,wBACE,gBAGF,UACE,kBACA,sCAGF,UACE,aACA,sBACA,UACA,mBAEA,kBAGF,UACE,SACA,kBAEA,iBACA,sCACA,oBAGF,UACE,SACA,kBACA,kBAGF,UACE,sBACA,mBAEA,mBACA,sCACA,kCAEA,mDAGF,UACE,wCACA,mBAGF,UACE,aACA,sBACA,WACA,mBAGF,UACE,aACA,WACA,mBAGF,UACE,oBACA,sBAGF,UACE,WACA,iBAGF,UACE,cACA,mBACA,sCACA,WAGF,UACE,4BAGF,UACE,kBACA,sBACA,Y;ACtFF,UACE,8CAGF,UACE,aACA,sBACA,WACA,sCAGF,UACE,kBACA,UACA,WACA,cAEA,aACA,mBAGF,UACE,cACA,gBAGF,UACE,gBACA,oBAEA,iBACA,sCACA,mBACA,kBAGF,UACE,mBACA,kBACA,kCACA,kBAGF,UACE,aACA,UACA,qBAGF,UACE,OAEA,eACA,qBAEA,kBAEA,6CAGF,UACE,aACA,mBACA,uBAEA,mBACA,wCAGF,UACE,iBACA,iBACA,kCAGF,UACE,gBAGF,oBAEE,aACA,UACA,mBAGF,UACE,mBACA,sCACA,yBAGF,UACE,mBACA,uBACA,sBAEA,iBACA,oBACA,8BAEA,wDAGF,UACE,aACA,sBACA,UACA,oBAGF,UACE,mBACA,sCACA,2BAGF,UACE,eAGF,UACE,aACA,WACA,mBACA,iBAGF,UACE,aACA,mBACA,uBAEA,aACA,iBAEA,kBACA,sCAGF,UACE,aACA,OACA,UACA,mBAEA,gBAGF,UACE,gBACA,OAEA,mBACA,uBACA,mBAGF,UACE,kBAEA,aACA,WACA,mBAEA,iBAEA,iBACE,WAEA,kBACA,QACA,SACA,eAEA,WAEA,YACA,sCAGF,4BACE,aAIJ,UACE,aACA,mBACA,uBAEA,aACA,iBAEA,mBAGF,UACE,mBACA,sCACA,kCAGF,UACE,oBAGF,UACE,kBAEA,uBACE,gBAGF,wBACE,kBAIJ,UACE,kBACA,UACA,QACA,YACA,2BAEA,e;AClOF,UACE,aACA,sBACA,mBAEA,WACA,mBACA,qBAGF,UACE,aACA,mBACA,uBAEA,WACA,YACA,kBACA,oBACA,kBAEA,eAEA,qCAGF,UACE,iBACA,yBAGF,UACE,mBACA,iBACA,sCACA,kBAGF,UACE,mBACA,kBAGF,UACE,aACA,sBACA,mBACA,iBAGF,UACE,oB;ACnDF,UACE,gBAGF,UACE,aACA,sBACA,yBACA,kCAGF,UACE,kBAGF,UACE,gBACA,aACA,sBACA,SAEA,mBAGF,UACE,aACA,UACA,mBAEA,mBACA,sCAGF,UACE,aACA,mBACA,iBAGF,UACE,0BAGF,UACE,eAGF,UACE,iB;AChDF,UACE,aACA,UACA,mBACA,uBAEA,iBACA,mBAGF,UACE,eACA,kC;ACZF,UACE,6BAGF,UACE,kBAGF,UACE,kBACA,gBACA,iBACA,wCAGF,UACE,mBACA,oBAEA,eACA,qBACA,kBAGF,UACE,oBACA,mBACA,iBAGF,UACE,0BAGF,UACE,gBACA,cACA,aAGF,UACE,kBACA,kCACA,kBAGF,UACE,aACA,sBAGF,UACE,kB;ACpDF,UACE,kBAEA,gBACA,aACA,uBAEA,eAGF,UAEE,iBACA,kBACA,uDACA,+DAEA,kBACA,mOACE,CAQF,aACA,mBACA,uBAEA,UAEA,0DAGF,UACE,eACA,iBAGF,mBACE,wEACA,yEAGF,UACE,kBACA,UACA,WAEA,uBAGF,UACE,kBACA,UACA,SAEA,WACA,WACA,0BAGF,oBACE,MACA,eACA,0BAGF,UACE,kCAEA,kBACA,UAEA,UACA,WACA,kBAEA,+C;AChFF,UACE,aACA,sBACA,mBAEA,wBACA,0BAGF,UACE,YAGF,UACE,kBAEA,gBACA,aACA,uBAEA,kBACA,WAEA,mCAGF,UACE,WAGF,UACE,kBACA,iBACA,sCACA,kBAGF,UACE,mBACA,kBACA,kBAGF,UACE,aACA,sBACA,mBACA,iBAGF,UACE,oB;ACnDF,oBAEE,aACA,sBACA,mBACA,WAGF,UACE,kBACA,oBACA,oBAGF,UACE,kBACA,WACA,UACA,2BAEA,wBACA,yBAGF,UACE,mBACA,eAGF,UACE,oBAGF,UACE,uBAEA,WACA,gBACA,oBAEA,kBACA,WAGF,UACE,kBACA,kBAGF,oBACE,UACA,gBAGF,UACE,iBACA,sCACA,kBAGF,UACE,kBAGF,UACE,aACA,mB;AClEF,UACE,aACA,UACA,mBACA,uBAEA,mBAGF,UACE,kBAEA,gBACA,aACA,mBAEA,eACA,gBACA,sBAGF,UACE,kBACA,QAGF,UACE,qBACA,iBAGF,UACE,eACA,kCAGF,UACE,wC;ACrCF,UACE,qBAGF,UACE,mBACA,gBACA,2CACA,qBAEA,kBAEA,mD;ACZF,UACE,oBACA,kBACA,kBAGF,UACE,mBACA,kBAGF,UACE,mBAGF,UACE,aACA,UACA,mBAGF,UACE,oBACA,yBACA,kBAGF,UACE,oBACA,kCACA,kBAGF,UACE,oBACA,2BACA,kB;ACpCF,UACE,0BAEA,wBAGF,UACE,2BAGF,UACE,kCACA,kBAGF,UACE,2BAEA,qBAGF,UACE,2B","sources":["webpack://montana-messenger/./src/components/modals/stars/StarTopupOptionList.module.scss","webpack://montana-messenger/./src/styles/_mixins.scss","webpack://montana-messenger/./src/components/modals/stars/gift/StarsGiftModal.module.scss","webpack://montana-messenger/./src/components/common/pickers/PickerModal.module.scss","webpack://montana-messenger/./src/components/main/premium/StarsGiftingPickerModal.module.scss","webpack://montana-messenger/./src/components/common/InteractiveSparkles.module.scss","webpack://montana-messenger/./src/components/modals/common/SpeedingDiamond.module.scss","webpack://montana-messenger/./src/components/modals/common/SwayingStar.module.scss","webpack://montana-messenger/./src/components/modals/common/ParticlesHeader.module.scss","webpack://montana-messenger/./src/components/modals/stars/StarsBalanceModal.module.scss","webpack://montana-messenger/./src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss","webpack://montana-messenger/./src/components/modals/stars/transaction/PaidMediaThumb.module.scss","webpack://montana-messenger/./src/components/modals/stars/transaction/StarsTransactionItem.module.scss","webpack://montana-messenger/./src/components/common/PeerBadge.module.scss","webpack://montana-messenger/./src/components/modals/common/TableInfo.module.scss","webpack://montana-messenger/./src/components/modals/common/TableInfoModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/UniqueGiftManageButtons.module.scss","webpack://montana-messenger/./src/components/modals/gift/UniqueGiftHeader.module.scss","webpack://montana-messenger/./src/components/modals/stars/transaction/StarsTransactionModal.module.scss","webpack://montana-messenger/./src/components/modals/stars/subscription/StarsSubscriptionModal.module.scss","webpack://montana-messenger/./src/components/modals/paidReaction/StarSlider.module.scss","webpack://montana-messenger/./src/components/modals/paidReaction/PaidReactionModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/GiftComposer.module.scss","webpack://montana-messenger/./src/components/modals/gift/GiftItem.module.scss","webpack://montana-messenger/./src/components/common/GiftRarityBadge.module.scss","webpack://montana-messenger/./src/components/modals/gift/GiftAttributeItem.module.scss","webpack://montana-messenger/./src/components/modals/gift/ResaleGiftsNotFound.module.scss","webpack://montana-messenger/./src/components/modals/gift/GiftModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/ResaleGiftMenuAttributeSticker.module.scss","webpack://montana-messenger/./src/components/modals/gift/GiftResaleFilters.module.scss","webpack://montana-messenger/./src/components/modals/gift/StarGiftCategoryList.module.scss","webpack://montana-messenger/./src/components/modals/gift/recipient/GiftRecipientPicker.module.scss","webpack://montana-messenger/./src/components/common/gift/GiftTransferPreview.module.scss","webpack://montana-messenger/./src/components/modals/gift/info/GiftInfoModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/value/GiftInfoValueModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/locked/GiftLockedModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/resale/GiftResalePriceComposerModal.module.scss","webpack://montana-messenger/./src/components/modals/common/TableAboutModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/craft/RadialProgress.module.scss","webpack://montana-messenger/./src/components/modals/gift/craft/GiftCraftModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/craft/GiftCraftSelectModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/craft/GiftCraftInfoModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/preview/GiftPreviewModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/auction/GiftAuctionModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/auction/GiftAuctionBidModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/auction/GiftAuctionInfoModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/auction/GiftAuctionAcquiredModal.module.scss","webpack://montana-messenger/./src/components/common/TransferBetweenPeers.module.scss","webpack://montana-messenger/./src/components/modals/gift/StarGiftPriceDecreaseInfoModal.module.scss","webpack://montana-messenger/./src/components/main/premium/previews/PremiumFeaturePreviewVideo.module.scss","webpack://montana-messenger/./src/components/modals/gift/AboutStarGiftModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/status/GiftStatusInfoModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/withdraw/GiftWithdrawModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/message/GiftDescriptionRemoveModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/offer/GiftOfferAcceptModal.module.scss","webpack://montana-messenger/./src/components/modals/gift/auction/ActiveGiftAuctionsModal.module.scss"],"sourcesContent":["@use '../../../styles/mixins';\n\n.options {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.option {\n  --_background-color: var(--color-background-secondary);\n\n  cursor: var(--custom-cursor, pointer);\n\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  align-items: center;\n  justify-content: center;\n\n  padding: 1rem;\n  border-radius: 0.625rem;\n\n  background-color: var(--_background-color);\n\n  transition: background-color 0.25s ease-out;\n\n  &:hover {\n    --_background-color: var(--color-background-secondary-accent);\n  }\n}\n\n.active {\n  --_background-color: var(--color-background-secondary-accent);\n}\n\n.wideOption {\n  grid-column: 1 / -1;\n}\n\n.optionTop {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n}\n\n.stackedStars {\n  display: grid;\n  grid-auto-columns: 0.4375rem;\n  grid-auto-flow: column;\n  justify-items: end;\n}\n\n.stackedStar {\n  @include mixins.filter-outline(0.0625rem, var(--_background-color));\n\n  transition: filter 0.25s ease-out;\n}\n\n.optionBottom {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.moreOptions {\n  grid-column: 1/-1;\n}\n\n.iconDown {\n  margin-inline-start: 0.25rem;\n  font-size: 1.5rem;\n}\n\n@media (max-width: 450px) {\n  .optionTop {\n    font-size: 1rem;\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","@use \"../../../../styles/mixins\";\n\n.modalDialog :global(.modal-dialog) {\n  overflow: hidden;\n}\n\n.content {\n  overflow: hidden !important;\n  display: flex;\n  flex-direction: column;\n  padding: 0 !important;\n}\n\n.main {\n  overflow-y: scroll;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  height: 100%;\n}\n\n.headerInfo {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.logo {\n  width: 6.25rem;\n  height: 6.25rem;\n  min-height: 6.25rem;\n  margin: 1rem;\n}\n\n.logoBackground {\n  position: absolute;\n  top: 0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n\n  height: 8rem;\n}\n\n.description {\n  margin-bottom: 1rem;\n  margin-inline: 0.5rem;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 0.5rem;\n\n  @include mixins.adapt-padding-to-scrollbar(0.5rem);\n}\n\n.header {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  height: 3.5rem;\n  padding: 0.5rem;\n  border-bottom: 0.0625rem solid var(--color-borders);\n\n  background: var(--color-background);\n\n  transition: 0.25s ease-out transform;\n}\n\n.starHeaderText {\n  unicode-bidi: plaintext;\n  margin: 0 0 0 3.5rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.closeButton {\n  position: absolute;\n  z-index: 3;\n  top: 0.875rem;\n  left: 0.875rem;\n}\n\n.avatar {\n  margin: 2rem;\n  margin-bottom: 0.75rem;\n}\n\n.center {\n  text-align: center;\n}\n\n.secondaryInfo {\n  margin-top: auto;\n  padding: 1rem;\n\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n@media (max-width: 450px) {\n  .modalDialog :global(.modal-dialog) {\n    max-width: 100% !important;\n  }\n}\n",".content {\n  display: flex;\n  flex-direction: column;\n}\n\n.fixedHeight .content {\n  height: 90vh;\n}\n\n.withSearch {\n  .content {\n    padding: 0;\n  }\n\n  .header {\n    margin-bottom: -0.75rem; // Pull search closer to the header\n  }\n}\n\n.header {\n  padding: 0.25rem !important;\n}\n\n.buttonWrapper {\n  position: relative;\n  padding-top: 0.25rem;\n  padding-bottom: 1rem;\n  padding-inline: 1rem;\n}\n",".root {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.root :global(.modal-content) {\n  padding: 0;\n}\n\n.root :global(.modal-dialog) {\n  max-width: 55vh;\n}\n\n.root :global(.modal-dialog),\n.root :global(.modal-content),\n.transition {\n  overflow: hidden;\n}\n\n.main {\n  height: 90vh;\n}\n\n.filter {\n  overflow-y: auto;\n  display: flex;\n  flex-flow: row wrap;\n  flex-shrink: 0;\n  align-items: center;\n\n  max-height: 20rem;\n  margin-bottom: 0.625rem;\n  padding: 0.375rem 1rem 0.25rem 0.75rem;\n  border-bottom: 0.625rem solid var(--color-background-secondary);\n\n  background-color: var(--color-background);\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n}\n\n.title {\n  margin: 0;\n}\n\n.buttons {\n  position: absolute;\n  z-index: 1;\n  bottom: 0;\n\n  width: 100%;\n  padding: 0.75rem;\n\n  background: var(--color-background);\n}\n\n.picker {\n  height: 75vh;\n}\n\n.avatars {\n  display: flex;\n  flex-direction: row;\n  gap: 1rem;\n  align-items: center;\n  justify-content: center;\n\n  margin: 1rem;\n}\n\n.center {\n  text-align: center;\n}\n\n.description,\n.premiumFeatures {\n  max-width: 25rem;\n  margin: 0 auto 2rem;\n  text-align: center;\n}\n\n.premiumFeatures {\n  font-size: 0.9375rem;\n  color: var(--color-text-secondary);\n}\n\n.options {\n  margin-bottom: 2.5rem;\n}\n\n.button {\n  height: 3rem;\n  font-weight: var(--font-weight-semibold);\n}\n",".sparkles {\n  pointer-events: auto;\n  position: absolute;\n  top: 0;\n}\n",".root {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 14.375rem;\n}\n\n.diamond {\n  margin-top: calc(-2rem * 2); // Centered minus center shift\n  transition: transform 0.25s ease-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n}\n",".root {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 14.375rem;\n}\n\n.star {\n  pointer-events: none; // Let wrapper handle mouse events\n\n  position: relative;\n  transform-style: preserve-3d;\n\n  width: 6.25rem;\n  height: 6.25rem;\n  min-height: 6.25rem;\n  margin-top: calc(-2.25rem * 2); // Centered minus center shift\n\n  background-image: url('../../../assets/icons/star/GoldStar.svg');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n\n  transition: transform 0.6s ease-out;\n\n  // Create depth effect with pseudo-elements\n  &::before,\n  &::after {\n    pointer-events: none;\n    content: '';\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-image: url('../../../assets/icons/star/GoldStarFill.svg');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n  }\n\n  &::before {\n    z-index: -1;\n    transform: translateZ(-3px);\n    filter: brightness(0.8);\n  }\n\n  &::after {\n    z-index: -2;\n    transform: translateZ(-6px);\n    filter: brightness(0.8);\n  }\n\n  .root:hover & {\n    transition-duration: 0.5s;\n  }\n\n  &_purple {\n    background-image: url('../../../assets/premium/PremiumStar.svg');\n\n    &::before,\n    &::after {\n      background-image: url('../../../assets/premium/PremiumStarFill.svg');\n    }\n  }\n}\n",".root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 9rem;\n}\n\n.ai-egg {\n  padding-top: 10rem;\n  background-color: #061029;\n  background-image: radial-gradient(circle at center, #FFFFFF08 0%, #00000000 50%);\n\n  .title {\n    margin-bottom: 0;\n\n    font-size: 2.5rem;\n    color: transparent;\n\n    background-image: linear-gradient(90deg, #67c9ff 0%, #cb56ff 100%);\n    background-clip: text;\n  }\n\n  .description {\n    color: #b8c9ef;\n    :global(b) {\n      color: white;\n    }\n  }\n}\n\n.particles {\n  position: absolute;\n  top: 0;\n}\n\n.title {\n  z-index: 0;\n\n  margin-inline: 0.5rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n}\n\n.description {\n  z-index: 0;\n\n  margin-bottom: 1rem;\n  margin-inline: 0.5rem;\n\n  line-height: 1.375;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.stickerWrapper {\n  position: absolute;\n  z-index: 1;\n  top: 2rem;\n  transition: transform 0.25s ease-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n}\n\n.cocoon {\n  position: absolute;\n  z-index: 1;\n  top: 1.75rem;\n  height: 8.125rem;\n}\n","@use '../../../styles/mixins';\n\n.root {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.root :global(.modal-content) {\n  padding: 0;\n}\n\n.root :global(.modal-dialog) {\n  max-width: 26.25rem;\n  height: min(var(--modal-height, 45rem), 90vh);\n}\n\n.minimal :global(.modal-dialog) {\n  height: auto;\n}\n\n.root :global(.modal-dialog),\n.root :global(.modal-content),\n.transition {\n  overflow: hidden;\n}\n\n.main {\n  overflow-y: scroll;\n  height: 100%;\n}\n\n.container {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.section {\n  @include mixins.side-panel-section;\n}\n\n.lastSection,\n.section {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 0.5rem;\n\n  @include mixins.adapt-padding-to-scrollbar(0.5rem);\n}\n\n.sectionTitle {\n  align-self: flex-start;\n\n  padding: 0.25rem 0.75rem;\n\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-primary);\n}\n\n.tos {\n  padding: 0.5rem 1rem;\n  padding-top: 0;\n\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n\n  background-color: var(--color-background-secondary);\n}\n\n.hint {\n  margin-block: 0.25rem;\n  font-size: 0.9375rem;\n  color: var(--color-text-secondary);\n}\n\n.topUpButton,\n.tonBalanceContainer {\n  margin-bottom: 0.5rem;\n}\n\n.tonBalanceContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.tonBalance {\n  unicode-bidi: plaintext;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 1.75rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.tonIconBalance {\n  margin-right: 0.25rem;\n  color: var(--color-primary);\n}\n\n.tonInUsd {\n  font-size: 1rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.tonIconLogo {\n  padding-top: 1.5rem;\n  padding-bottom: 1rem;\n  font-size: 5rem;\n  color: var(--color-primary);\n}\n\n.description {\n  margin-bottom: 1rem;\n  margin-inline: 0.5rem;\n\n  line-height: 1.375;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.header {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  height: 3.5rem;\n  padding: 0.5rem;\n  border-bottom: 0.0625rem solid var(--color-borders);\n\n  background: var(--color-background);\n\n  transition: 0.25s ease-out transform, 0.25s ease-out border-bottom-color;\n}\n\n.starHeaderText {\n  unicode-bidi: plaintext;\n  margin: 0 0 0 3rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.botItem {\n  margin-bottom: 0.75rem;\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.noSeparator {\n  border-bottom-color: transparent;\n}\n\n.closeButton {\n  position: absolute;\n  z-index: 3;\n  top: 0.875rem;\n  left: 0.875rem;\n}\n\n.addStarsButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 1rem;\n  height: 1rem;\n  margin-top: 0.0625rem;\n  padding: 0;\n  border-radius: 50%;\n\n  opacity: 1;\n\n  transition: opacity 0.15s;\n\n  &:hover,\n  &:active {\n    opacity: 0.75;\n  }\n}\n\n.addStarsIcon {\n  font-size: 0.75rem !important;\n}\n\n.balanceBlock {\n  display: flex;\n  align-items: center;\n}\n\n.balanceInfo {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  line-height: 1;\n}\n\n.smallerText {\n  font-size: 0.875rem;\n}\n\n.balanceBottom {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n\n  font-weight: var(--font-weight-medium);\n  line-height: 1.5;\n}\n\n.modalBalance {\n  position: absolute;\n  z-index: 3;\n  top: 0.75rem;\n  right: 1.25rem;\n}\n\n.topUpButton,\n.starButton {\n  grid-column: 1/-1;\n  gap: 0.5rem;\n  align-self: stretch;\n\n  margin-top: 0.5rem;\n  margin-inline: 0.5rem;\n}\n\n.paymentContent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.paymentImages {\n  position: relative;\n\n  display: grid;\n  grid-auto-columns: 3.5rem;\n  grid-auto-flow: column;\n  place-items: center;\n\n  margin-bottom: 1rem;\n}\n\n.paymentPhoto {\n  z-index: 1;\n  outline: 0.25rem solid var(--color-background);\n}\n\n.avatarStar {\n  position: absolute;\n  z-index: 1;\n  right: -1rem;\n  bottom: 0;\n\n  font-size: 2rem;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n\n.paymentImageBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  height: 7rem;\n}\n\n.paymentButton {\n  display: flex;\n  align-items: center;\n  margin-top: 1rem;\n}\n\n.transactions, .subscriptions {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.tabs {\n  // Disable tabs rounded corners\n  --border-radius-messages-small: 0;\n\n  z-index: 1;\n  top: 3.5rem;\n\n  padding-inline: 0;\n  border-bottom: 0.0625rem solid var(--color-light-shadow);\n\n  box-shadow: none;\n\n  transition: box-shadow 0.2s;\n\n  &.pinned {\n    box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n  }\n\n  :global(.Tab) {\n    padding: 0.75rem 1.125rem;\n    :global(.platform) {\n      bottom: -0.75rem;\n    }\n  }\n}\n\n.disclaimer {\n  margin-top: 0.5rem;\n  color: var(--color-text-secondary);\n}\n\n.amountBadge {\n  background-image: var(--stars-gradient);\n}\n\n.loadMore {\n  gap: 0.75rem;\n  justify-content: flex-start;\n}\n\n.loadMoreIcon {\n  display: grid;\n  place-items: center;\n\n  width: 2.75rem;\n  height: 2.75rem;\n\n  font-size: 1.5rem;\n}\n","@use '../../../../styles/mixins';\n\n.root {\n  cursor: var(--custom-cursor, pointer);\n\n  display: flex;\n  gap: 0.75rem;\n\n  padding: 0.5rem 0.75rem 0.4375rem 0.5rem;\n  border-radius: 0.5rem;\n\n  transition: background-color 0.25s ease-out;\n\n  &:hover {\n    background-color: var(--color-chat-hover);\n  }\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.status {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.statusPricing {\n  flex-shrink: 0;\n}\n\n.amount {\n  font-weight: var(--font-weight-medium);\n}\n\n.title, .description, .subtitle {\n  margin-bottom: 0;\n  line-height: 1.25rem;\n}\n\n.title {\n  font-size: 1rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.3125rem;\n}\n\n.subtitle,\n.description {\n  font-size: 0.875rem;\n}\n\n.subtitle {\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n}\n\n.description, .statusPeriod, .statusEnded {\n  color: var(--color-text-secondary);\n}\n\n.statusEnded {\n  color: var(--color-error);\n}\n\n.preview {\n  position: relative;\n  width: 2.625rem;\n  height: 2.625rem;\n}\n\n.subscriptionStar {\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  bottom: 0;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n",".root {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-auto-columns: 0.5rem;\n  grid-auto-rows: 0.5rem;\n  place-content: center;\n  place-items: center;\n\n  height: 5rem;\n}\n\n.preview {\n  grid-auto-columns: 0.25rem;\n  grid-auto-rows: 0.25rem;\n  width: 2.75rem;\n  height: 2.75rem;\n}\n\n.count {\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n\n  font-size: 2rem;\n  line-height: 1;\n  color: white;\n}\n\n.thumb {\n  position: relative;\n\n  overflow: hidden;\n\n  width: 5rem;\n  height: 5rem;\n  border-radius: 1rem;\n\n  outline: 0.25rem solid var(--color-background);\n}\n\n.preview .thumb {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.5rem;\n  outline-width: 0.125rem;\n}\n\n.noOutline {\n  outline: none;\n}\n\n.thumb:nth-child(1),\n.itemCount1 .count {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n.thumb:nth-child(2),\n.itemCount2 .count {\n  grid-column: 2;\n  grid-row: 2;\n}\n\n.thumb:nth-child(3),\n.itemCount3 .count {\n  grid-column: 3;\n  grid-row: 3;\n}\n\n.blurry, .full {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n}\n\n.full {\n  animation: fadeIn 0.2s ease-in-out;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n","@use '../../../../styles/mixins';\n\n.root {\n  cursor: var(--custom-cursor, pointer);\n\n  display: flex;\n  gap: 0.75rem;\n\n  padding: 0.5rem 0.75rem 0.4375rem 0.5rem;\n  border-radius: 0.5rem;\n\n  transition: background-color 0.25s ease-out;\n\n  &:hover {\n    background-color: var(--color-chat-hover);\n  }\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.stars {\n  flex-shrink: 0;\n}\n\n.amount {\n  font-weight: var(--font-weight-medium);\n}\n\n.title, .description, .date {\n  margin-bottom: 0;\n  line-height: 1.25rem;\n}\n\n.title {\n  font-size: 1rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.3125rem;\n}\n\n.date,\n.description {\n  font-size: 0.875rem;\n}\n\n.date {\n  color: var(--color-text-secondary);\n}\n\n.positive {\n  color: var(--color-success);\n}\n\n.negative {\n  color: var(--color-error);\n}\n\n.preview {\n  position: relative;\n  width: 2.625rem;\n  height: 2.625rem;\n}\n\n.subscriptionStar {\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  bottom: 0;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n\n.uniqueGiftBackground {\n  position: absolute;\n  inset: 0;\n  border-radius: 0.25rem;\n}\n\n.giftSticker {\n  margin: 0.25rem;\n}\n",".root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.top {\n  position: relative;\n  display: grid;\n  place-items: center;\n}\n\n.badge {\n  position: absolute;\n  z-index: 1;\n  bottom: -0.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n\n  padding: 0.25rem;\n  border: 2px solid var(--color-background);\n  border-radius: 1rem;\n\n  font-size: 0.75rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n  color: var(--color-white);\n  white-space: nowrap;\n\n  background-color: var(--color-primary);\n}\n\n.text {\n  overflow: hidden;\n\n  width: 100%;\n  margin-bottom: 0;\n\n  font-size: 0.875rem;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".table {\n  overflow: hidden;\n  display: grid;\n  grid-auto-rows: min-content;\n  grid-template-columns: max-content 1fr;\n  flex-shrink: 0;\n  gap: 1px;\n\n  border: 1px solid var(--color-borders);\n  border-radius: 1rem;\n\n  background-color: var(--color-borders);\n}\n\n.cell {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  min-height: 2.5rem;\n  padding: 0.25rem 0.5rem;\n\n  font-size: 0.9375rem;\n}\n\n.title {\n  background-color: var(--color-background-secondary);\n}\n\n.value {\n  min-width: 2rem;\n  overflow-wrap: anywhere;\n  background-color: var(--color-background);\n}\n\n.fullWidth {\n  grid-column: 1 / -1;\n}\n\n.chatItem {\n  width: fit-content;\n  color: var(--color-primary);\n  background-color: var(--color-background);\n}\n",".content {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  padding-inline: 1rem !important;\n}\n\n.noFooter {\n  margin-top: 1.5rem;\n}\n\n.avatar {\n  align-self: center;\n}\n",".manageButtons {\n  z-index: 1;\n\n  display: flex;\n  gap: 0.5rem;\n\n  width: 100%;\n  margin-top: 0.375rem;\n}\n\n.manageButton {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.text {\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-normal);\n  text-transform: lowercase;\n}\n\n.icon {\n  font-size: 1.5rem;\n}\n",".root {\n  --_height: 15rem;\n\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 0.25rem;\n  align-items: center;\n\n  width: 100%;\n  height: var(--_height);\n  margin-bottom: 0.5rem;\n  padding-bottom: 1rem;\n  border-radius: 0 0 0.625rem 0.625rem;\n\n  &.withManageButtons {\n    --_height: 19.25rem;\n\n    .sticker {\n      margin-top: 2.625rem;\n    }\n\n    :global {\n      canvas {\n        transform-origin: center 32%;\n      }\n    }\n  }\n\n  &.withBadge {\n    --_height: 17rem;\n  }\n\n  :global {\n    canvas {\n      transform-origin: center 45%;\n      transition: 250ms transform;\n    }\n  }\n}\n\n.subtitleBadge, .badge {\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n\n  line-height: 0.875rem;\n\n  background-color: rgba(0, 0, 0, 0.2);\n  backdrop-filter: blur(50px);\n}\n\n.subtitleBadge {\n  margin-top: 0.25rem;\n  padding: 0.75rem;\n  padding-block: 0.25rem;\n\n  line-height: 1rem;\n\n  transition: color 150ms ease-in, background-color 0.15s !important;\n\n  &:hover {\n    cursor: pointer;\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n}\n\n.radialPattern {\n  position: absolute;\n  inset: -5%;\n}\n\n.amount {\n  margin-bottom: 0.125rem;\n\n  font-size: 1.125rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.325;\n  color: white;\n}\n\n.sticker {\n  margin-top: 2.875rem;\n}\n\n.transition {\n  position: absolute;\n  top: 0;\n  overflow: hidden;\n  height: calc(var(--_height) + 1rem); // Account for top modal padding\n}\n\n.transitionSlide {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.title {\n  margin-top: auto;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.75rem;\n  color: white;\n}\n\n.badge + .title {\n  margin-top: 0;\n}\n\n.subtitle {\n  font-size: 1rem;\n  line-height: 1.375rem;\n  color: var(--tinted-text-color);\n  text-align: center;\n  text-wrap: balance;\n\n  transition: color 150ms ease-in;\n}\n\n.title, .subtitle, .badge {\n  z-index: 1;\n  margin-bottom: 0;\n}\n\n.badge {\n  margin-top: auto;\n  padding: 0.25rem 0.75rem;\n\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-medium);\n  color: white;\n}\n","@use \"../../../../styles/mixins\";\n\n.modal {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n\n  :global(.modal-dialog) {\n    overflow: hidden;\n  }\n}\n\n.positive {\n  color: var(--color-success);\n}\n\n.negative {\n  color: var(--color-error);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  align-items: center;\n\n  margin-block: 1rem;\n}\n\n.uniqueGift {\n  margin-block: 0;\n}\n\n.amount {\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.325;\n}\n\n.title, .description, .amount {\n  margin-bottom: 0;\n}\n\n.title {\n  margin-top: 1rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.25;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.tid {\n  cursor: pointer;\n\n  overflow: hidden;\n\n  font-family: var(--font-family-monospace);\n  font-size: 0.875rem;\n  white-space: nowrap;\n\n  @include mixins.gradient-border-right(3rem, 1rem);\n}\n\n.description {\n  text-align: center;\n}\n\n.refunded {\n  margin-bottom: 0;\n  margin-inline-start: 0.125rem;\n  padding: 0.25em 0.5em;\n  border-radius: var(--border-radius-messages-small);\n\n  font-size: 0.8125rem;\n  line-height: 1;\n  color: var(--color-success);\n\n  background-color: rgba(var(--color-text-green-rgb), 0.2);\n}\n\n.starIcon {\n  margin-inline-start: 0 !important;\n  line-height: 1 !important;\n}\n\n.footer {\n  margin-top: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.starsBackground {\n  position: absolute;\n  z-index: -1;\n  top: -0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n\n  height: 7rem;\n}\n\n.copyIcon {\n  pointer-events: none;\n\n  position: absolute;\n  top: 50%;\n  right: 0.25rem;\n  transform: translateY(-50%);\n\n  margin-inline-start: 0.25rem;\n\n  color: var(--color-primary);\n}\n\n.mediaPreview {\n  cursor: var(--custom-cursor, pointer);\n  margin-block: 1.5rem 1rem;\n}\n\n.subtitle {\n  margin-top: 1rem;\n  text-align: center;\n}\n\n.starGiftSticker {\n  position: relative;\n  width: 150px;\n  height: 150px;\n}\n\n.avatar {\n  z-index: 2;\n  transition: transform 0.25s ease-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n}\n","@use '../../../../styles/mixins';\n\n.modal {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.header {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  align-items: center;\n\n  margin-block: 1rem;\n}\n\n.title, .amount {\n  margin-bottom: 0;\n}\n\n.title {\n  margin-top: 1rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.25;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.amount {\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.footer {\n  margin-top: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.starsBackground {\n  position: absolute;\n  z-index: -1;\n  top: -0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n\n  height: 7rem;\n}\n\n.subscriptionStar {\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  bottom: 0;\n\n  font-size: 1.75rem;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n\n.secondary {\n  color: var(--color-text-secondary);\n}\n\n.danger {\n  color: var(--color-error);\n}\n\n.avatarWrapper {\n  position: relative;\n  z-index: 2;\n  transition: transform 0.25s ease-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n}\n","@use \"../../../styles/mixins\";\n\n/* stylelint-disable plugin/no-low-performance-animation-properties */\n\n.root {\n  --_size: 1.875rem;\n  --_transition: 0.15s;\n  --progress: 0;\n\n  position: relative;\n  overflow-x: hidden;\n  padding-top: 4rem;\n\n  @include mixins.reset-range();\n\n  &.dragging {\n    .progress {\n      transition: background-color var(--_transition);\n    }\n\n    .floatingBadgeWrapper {\n      transition: none;\n    }\n\n    .floatingBadgeText {\n      transition: background-color var(--_transition);\n    }\n\n    .floatingBadgeTriangle {\n      transition: none;\n    }\n  }\n}\n\n.slider {\n  cursor: pointer;\n  height: var(--_size) !important;\n  margin-bottom: 0 !important;\n\n  &::-webkit-slider-runnable-track {\n    height: var(--_size);\n    border-radius: 1rem;\n    background-color: var(--color-background-secondary);\n  }\n\n  &::-moz-range-track {\n    height: var(--_size);\n    border-radius: 1rem;\n    background-color: var(--color-background-secondary);\n  }\n\n  &::-webkit-slider-thumb {\n    width: var(--_size);\n    height: var(--_size);\n    border: none;\n\n    background-color: transparent;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &::-moz-range-thumb {\n    width: var(--_size);\n    height: var(--_size);\n    border: none;\n\n    background-color: transparent;\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.sparkles {\n\n  --_width: calc(100% - 1rem);\n\n  pointer-events: none;\n\n  bottom: 0;\n  left: 0;\n\n  height: var(--_size);\n\n  color: white;\n\n  mask-image: linear-gradient(to right, black var(--_width), transparent calc(var(--_width) + 0.5rem));\n}\n\n.progress {\n  pointer-events: none;\n\n  position: absolute;\n  bottom: 0;\n  left: 0;\n\n  width: calc(var(--_size) + (var(--progress) * (100% - var(--_size))));\n  min-width: var(--_size);\n  height: var(--_size);\n  border-radius: 1rem;\n\n  background-image: var(--stars-gradient);\n\n  transition: width var(--_transition), background-color var(--_transition);\n\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    top: 0.125rem;\n    right: 0.125rem;\n\n    width: 1.625rem;\n    height: 1.625rem;\n    border-radius: 50%;\n\n    background-color: white;\n  }\n\n  &.dynamicColor {\n    background-color: var(--dynamic-color);\n    background-image: none;\n  }\n}\n\n.floatingBadgeWrapper {\n  pointer-events: none;\n\n  position: absolute;\n  right: 0;\n  left: 0;\n  transform:\n  translateX(\n    clamp(\n      var(--min-badge-x, 0px),\n      calc(var(--_size) / 2 + var(--progress) * (100% - var(--_size))),\n      var(--max-badge-x, 100%)\n    )\n  );\n\n  transition: transform var(--_transition);\n}\n\n.floatingBadge {\n  --_speed: 0;\n\n  position: absolute;\n  top: -1rem;\n  left: 0;\n  transform: translate(-50%, -100%);\n\n  &.clickable {\n    pointer-events: auto;\n    cursor: pointer;\n  }\n}\n\n.floatingBadgeText {\n  position: relative;\n\n  padding: 0.5rem 1rem;\n  border-radius: 2rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n  color: white;\n  white-space: nowrap;\n\n  background-image: var(--stars-gradient);\n\n  transition:\n    border-radius var(--_transition),\n    width var(--_transition),\n    background-color var(--_transition);\n\n  &.dynamicColor {\n    background-color: var(--dynamic-color);\n    background-image: none;\n  }\n\n  &.noTransition {\n    transition: none;\n  }\n}\n\n.floatingBadgeSparkles {\n  position: absolute;\n  inset: 0;\n  color: white;\n}\n\n.floatingBadgeContent {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 1.5rem;\n\n  &.withDescription {\n    .floatingBadgeTitle {\n      transform: translateY(-0.5rem);\n      font-size: 1rem;\n    }\n\n    .floatingBadgeDescription {\n      opacity: 0.8;\n    }\n  }\n}\n\n.floatingBadgeTitle {\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  transition: transform var(--_transition), font-size var(--_transition);\n}\n\n.floatingBadgeDescription {\n  position: absolute;\n  bottom: -0.125rem;\n\n  font-size: 0.75rem;\n\n  opacity: 0;\n\n  transition: opacity var(--_transition);\n}\n\n.floatingBadgeTriangle {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: 50%;\n\n  transition: transform var(--_transition);\n}\n\n.floatingBadgeTrianglePath {\n  transition: fill var(--_transition);\n}\n\n.customValueIcon {\n  pointer-events: none;\n\n  position: absolute;\n  z-index: 2;\n  right: 0.375rem;\n  bottom: 0.375rem;\n\n  font-size: 1.125rem;\n  color: var(--color-text-secondary);\n}\n",".content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-height: min(92vh, 38rem) !important;\n}\n\n.title {\n  margin-top: 1.25rem;\n  margin-bottom: 0;\n  font-size: 1.5rem;\n}\n\n.slider {\n  flex-shrink: 0;\n  margin-top: 2rem;\n}\n\n.description {\n  margin-bottom: 1.5rem;\n}\n\n.title, .description {\n  text-align: center;\n}\n\n.itemInfo {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  height: auto;\n  margin-left: 0.5rem;\n}\n\n.itemTitle {\n  margin-bottom: 0.125rem;\n  line-height: 1rem;\n}\n\n.itemSubtitle {\n  font-size: 0.9375rem;\n  line-height: 1rem;\n  color: var(--color-text-secondary);\n}\n\n.itemIcon {\n  margin-right: 0 !important;\n  margin-left: 0.5rem;\n}\n\n.sendAsPeerButtonAvatar {\n  pointer-events: none;\n}\n\n.sendAsPeerMenuButton {\n  width: auto;\n  height: auto !important;\n  margin-right: 0.25rem;\n  padding: 0.25rem !important;\n  border-radius: 1.5rem;\n\n  background-color: var(--color-background-secondary) !important;\n\n  transition: background-color 0.15s;\n\n  &:global(.active),\n  &:active,\n  &:hover {\n    background-color: rgba(var(--color-text-secondary-rgb), 0.15) !important;\n  }\n}\n\n.buttonDownIcon {\n  margin-right: 0.125rem;\n  margin-left: 0.25rem;\n}\n\n.sendAsPeerMenuBubble {\n  right: auto !important;\n  left: 50%;\n  transform-origin: center !important;\n  transform: translateX(-50%) scale(0.85) !important;\n\n  overflow-y: auto !important;\n\n  max-width: 16rem;\n  max-height: 15rem;\n\n  &:global(.open) {\n    transform: translateX(-50%) scale(1) !important;\n  }\n}\n\n.sendAsPeerMenu {\n  margin-right: 0.25rem;\n}\n\n.sendAsPeersMenuContainer {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  transform: translateX(-50%);\n\n  display: flex;\n}\n\n.headerControlPanel {\n  position: absolute;\n  z-index: 3;\n  top: 0.75rem;\n  right: 1.25rem;\n\n  display: flex;\n  align-items: center;\n}\n\n.separator {\n  margin-top: 1rem;\n}\n\n.checkBox {\n  margin-block: 0.25rem !important;\n}\n\n.topLabel {\n  padding: 0.25rem 0.75rem;\n  border-radius: 1rem;\n  color: var(--color-white);\n  background-image: var(--stars-gradient);\n}\n\n.top {\n  display: flex;\n  justify-content: space-around;\n  margin-top: 1rem;\n}\n\n.topBadge {\n  background-image: var(--stars-gradient);\n}\n\n.topPeer {\n  overflow: hidden;\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.disclaimer {\n  align-self: center;\n\n  margin-top: 0.5rem;\n  margin-bottom: 0.125rem;\n\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n","@use \"../../../styles/mixins\";\n\n.root {\n  overflow-x: hidden;\n  overflow-y: scroll;\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  padding-top: 3.5rem;\n  padding-inline: 0.75rem;\n\n  @include mixins.adapt-padding-to-scrollbar(0.75rem);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0.5rem;\n  padding-left: 4rem;\n}\n\n.spacer {\n  flex-grow: 1;\n}\n\n.title {\n  margin-inline: 0.5rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.balance-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  margin-left: auto;\n}\n\n.balance-caption {\n  font-size: 1rem;\n}\n\n.star-balance {\n  margin-right: 0.1875rem;\n}\n\n.balance {\n  display: flex;\n  align-items: center;\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.optionsSection {\n  padding-top: 1rem;\n  padding-bottom: 0.5rem;\n  padding-inline: 0.25rem;\n}\n\n.checkboxTitle {\n  margin: 0;\n  font-size: 1rem;\n  color: var(--color-text);\n  text-transform: initial;\n}\n\n.actionMessageView {\n  position: relative;\n\n  overflow: hidden;\n  display: grid;\n  flex: 0 0 auto;\n  place-content: center;\n\n  height: 22.5rem;\n  margin-top: 0.75rem;\n  margin-bottom: 0;\n  padding: 0.5rem;\n  border-radius: var(--border-radius-default);\n\n  background-color: var(--theme-background-color);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100% 100%;\n\n  @include mixins.chat-pattern-background(\"../../../assets/pattern.svg\");\n\n  :global(html.theme-light) & {\n    background-image: url('../../../assets/chat-bg-br.png');\n  }\n}\n\n.messageInput, .limited {\n  margin-bottom: 0.5rem;\n}\n\n.footer {\n  position: sticky;\n  bottom: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  margin-inline: -0.75rem; // Account for padding\n  padding: 1rem;\n\n  background-color: var(--color-background-secondary);\n}\n\n.switcher {\n  margin-bottom: 0.25rem;\n}\n\n.switcherStarIcon {\n  margin-inline-start: 0 !important;\n  margin-inline-end: 0.125rem !important;\n}\n\n.bottomDescription,\n.description {\n  margin-bottom: 0.5rem;\n  margin-left: 1rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.bottomDescription {\n  margin-bottom: 1rem;\n}\n\n.buttonSubtitle {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-normal);\n  opacity: 0.7;\n}\n\n.star {\n  --color-fill: var(--color-white);\n\n  width: 1rem;\n  height: 1rem;\n  margin-right: 0.1875rem;\n  margin-left: 0.5rem;\n}\n\n.background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  overflow: hidden;\n\n  background-color: var(--theme-background-color);\n\n  &::before {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n  }\n\n  :global(html.theme-light) &:not(.customBgImage)::before {\n    background-image: url('../../../assets/chat-bg-br.png');\n  }\n\n  &:not(.customBgImage).customBgColor::before {\n    display: none;\n  }\n\n  &.customBgImage::before {\n    transform: scale(1.1);\n    background-image: var(--custom-background) !important;\n  }\n\n  :global(body:not(.no-page-transitions)) &.withTransition {\n    transition: background-color 0.2s;\n\n    &.customBgImage::before {\n      transition: background-image var(--layer-transition);\n    }\n  }\n\n  &.customBgImage.blurred::before {\n    filter: blur(12px);\n  }\n\n  :global(html.theme-light body:not(.no-page-transitions)) &:not(.customBgImage).withRightColumn::before {\n    @media screen and (min-width: 1276px) {\n      transform: scaleX(0.73) !important;\n    }\n\n    @media screen and (min-width: 1921px) {\n      transform: scaleX(0.8) !important;\n    }\n\n    @media screen and (min-width: 2600px) {\n      transform: scaleX(0.95) !important;\n    }\n  }\n\n  /* stylelint-disable-next-line @stylistic/max-line-length */\n  :global(html.theme-light body:not(.no-page-transitions)) &:not(.customBgImage).withRightColumn.withTransition::before {\n    transition: transform var(--layer-transition);\n  }\n\n  &:not(.customBgImage):not(.customBgColor)::after {\n    @include mixins.chat-pattern-styles(\"../../../assets/pattern.svg\");\n  }\n\n  @media screen and (min-width: 1276px) {\n    :global(body:not(.no-page-transitions)) &:not(.customBgImage)::before {\n      transform-origin: left center;\n      transform: scale(1);\n      overflow: hidden;\n    }\n  }\n}\n",".container {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  display: flex;\n  flex-basis: 0;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 0;\n  margin-inline: 0.125rem;\n  padding: 0.625rem;\n  padding-top: 0;\n  border-radius: 0.625rem;\n\n  background-color: var(--color-background-secondary);\n\n  &::before {\n    pointer-events: none;\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    border-radius: 0.625rem;\n\n    opacity: 0;\n    background-color: var(--color-hover-overlay);\n\n    transition: opacity 0.15s;\n  }\n\n  :global(html.theme-dark) & {\n    background-color: rgb(33, 33, 33);\n  }\n\n  &:hover::before {\n    opacity: 1;\n  }\n\n  &.noClickable {\n    cursor: default;\n\n    &:hover::before {\n      opacity: 0;\n    }\n  }\n}\n\n.starGift {\n  overflow: visible;\n  flex-basis: auto;\n  padding: 0.875rem;\n  padding-bottom: 0.625rem;\n}\n\n.monthsDescription {\n  margin-top: 0.25rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.description {\n  overflow: hidden;\n\n  max-width: 100%;\n\n  font-size: 0.875rem;\n  line-height: 1;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.buy {\n  margin-top: 0.625rem;\n  font-size: 0.75rem !important;\n  font-weight: var(--font-weight-semibold) !important;\n  line-height: 1;\n}\n\n.transferBadge {\n  font-size: 0.8125rem;\n}\n\n.star {\n  font-size: inherit;\n}\n\n.auction,\n.premiumRequired {\n  outline: 0.125rem solid #D18D21 !important;\n  outline-offset: -0.125rem;\n\n  &:focus-visible {\n    outline: 0.125rem solid #D18D21 !important;\n    outline-offset: -0.125rem;\n  }\n}\n\n.amount {\n  margin-top: 0.0625rem; // It just refuses to be centered\n}\n\n.starsPriceBlock {\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n  color: var(--color-stars);\n}\n\n.radialPattern {\n  position: absolute;\n  inset: 0;\n}\n\n.stickerWrapper {\n  position: relative;\n}\n\n.lockIcon {\n  position: absolute;\n  top: 0.375rem;\n  left: 0.375rem;\n\n  font-size: 1.375rem;\n  color: var(--color-text-secondary);\n\n  opacity: 0.5;\n}\n",".crafted {\n  --_color: revert;\n  --_background-color: revert;\n\n  color: var(--_color);\n  background-color: var(--_background-color);\n}\n\n.inverted {\n  color: var(--color-white);\n  background-color: var(--_color);\n}\n\n.uncommon {\n  --_color: var(--color-gift-uncommon);\n  --_background-color: var(--color-gift-uncommon-bg);\n}\n\n.rare {\n  --_color: var(--color-gift-rare);\n  --_background-color: var(--color-gift-rare-bg);\n}\n\n.epic {\n  --_color: var(--color-gift-epic);\n  --_background-color: var(--color-gift-epic-bg);\n}\n\n.legendary {\n  --_color: var(--color-gift-legendary);\n  --_background-color: var(--color-gift-legendary-bg);\n}\n",".root {\n  --_selected-color: var(--color-primary);\n\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 0.875rem;\n  border-radius: 1rem;\n\n  color: #fff;\n\n  background-color: var(--color-background-secondary);\n  outline: 0.125rem solid transparent;\n\n  transition: outline-color 0.15s ease-out;\n\n  &::before {\n    pointer-events: none;\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: 0;\n    background-color: var(--color-hover-overlay);\n\n    transition: opacity 0.15s;\n  }\n\n  &::after {\n    pointer-events: none;\n    content: \"\";\n\n    position: absolute;\n    inset: 0.125rem;\n\n    border: 0.125rem solid transparent;\n    border-radius: 0.9375rem;\n\n    transition: border-color 0.15s linear;\n  }\n\n  &.hasBackground {\n    --_selected-color: var(--color-background-secondary);\n  }\n\n  :global(html.theme-dark) & {\n    background-color: rgb(33, 33, 33);\n\n    &.hasBackground {\n      --_selected-color: rgb(33, 33, 33);\n    }\n  }\n\n  &:hover::before {\n    opacity: 1;\n  }\n}\n\n.selected::after {\n  border-color: var(--_selected-color);\n}\n\n.radialPattern {\n  position: absolute;\n  inset: 0;\n}\n\n.stickerWrapper {\n  position: relative;\n}\n\n.rarity {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.4375rem;\n  backdrop-filter: blur(0.5rem);\n}\n\n.regular {\n  color: white;\n  backdrop-filter: blur(0.5rem) brightness(0.8);\n}\n",".root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding-top: 5rem;\n}\n\n.description {\n  margin-block: 1rem;\n\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.link {\n  font-weight: var(--font-weight-medium);\n  color: var(--color-links);\n  transition: opacity 0.15s ease-in;\n\n  &:active,\n  &:hover {\n    color: var(--color-links);\n    text-decoration: none;\n    opacity: 0.85;\n  }\n}\n","@use '../../../styles/mixins';\n\n.root {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.root :global(.modal-content) {\n  padding: 0;\n  background-color: var(--color-background);\n\n  :global(html.theme-dark) & {\n    --color-background: #181818;\n  }\n}\n\n.root :global(.modal-dialog),\n.transition,\n.content {\n  height: min(98vh, 49rem);\n  max-height: none !important;\n}\n\n@media (max-width: 600px) {\n  .transition,\n  .content {\n    height: 100%;\n  }\n}\n\n.root :global(.modal-dialog),\n.root :global(.modal-content),\n.transition {\n  overflow: hidden;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n}\n\n.resaleScreenRoot,\n.main {\n  overflow-y: scroll;\n  padding-bottom: 0.5rem;\n  padding-inline: 0.5rem;\n\n  @include mixins.adapt-padding-to-scrollbar(0.5rem);\n}\n\n.resaleScreenRoot {\n  height: calc(100% - 6.25rem);\n  margin-top: 6.25rem;\n}\n\n.main {\n  height: 100%;\n}\n\n.giftSection {\n  padding: 1.5rem;\n}\n\n.section {\n  padding: 0.5rem;\n}\n\n.resaleStarGiftsContainer,\n.starGiftsContainer,\n.premiumGiftsGallery {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 0.75rem;\n}\n\n.resaleStarGiftsContainer,\n.starGiftsContainer {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  margin: 0rem;\n  padding: 0.125rem;\n  padding-top: 0.75rem;\n}\n\n.resaleStarGiftsContainer {\n  padding-bottom: 0.625rem;\n}\n\n.header {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  height: 3.5rem;\n  padding: 0.5rem;\n  border-bottom: 0.0625rem solid var(--color-borders);\n\n  background: var(--color-background);\n  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n  transition: height 0.25s ease-out, transform 0.25s ease-out, border-color 0.2s ease;\n\n  &.noBorder {\n    border-bottom-color: transparent;\n  }\n}\n\n.resaleHeader {\n  overflow: visible;\n  height: 6.25rem;\n}\n\n.resaleHeaderContentContainer {\n  align-items: center;\n  width: 100%;\n}\n\n.headerSlide {\n  display: flex;\n  align-items: center;\n}\n\n.headerText {\n  margin-bottom: 0;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.resaleHeaderText,\n.commonHeaderText {\n  unicode-bidi: plaintext;\n\n  margin: 0 0 0 4.5rem;\n\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.25rem;\n}\n\n.resaleHeaderText {\n  margin: 0;\n  margin-bottom: 0.0625rem !important;\n  font-size: 1rem;\n  line-height: 1.3125rem;\n}\n\n.resaleHeaderTextBlock {\n  margin-left: 4.5rem;\n}\n\n.resaleHeaderDescription {\n  unicode-bidi: plaintext;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  color: var(--color-text-secondary);\n}\n\n.closeButton {\n  position: absolute;\n  z-index: 3;\n  top: 0.875rem;\n  left: 0.875rem;\n}\n\n.balance {\n  position: absolute;\n  z-index: 3;\n  top: 0.75rem;\n  right: 1.25rem;\n}\n\n.avatars {\n  position: relative;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: row;\n  gap: 1rem;\n  align-items: center;\n  justify-content: center;\n\n  margin-top: 1rem;\n  padding: 1rem;\n}\n\n.avatar {\n  z-index: 2;\n  transition: transform 0.25s ease-out;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n}\n\n.logoBackground {\n  pointer-events: none;\n\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n\n  height: 7rem;\n}\n\n.center {\n  text-align: center;\n}\n\n.description {\n  max-width: 25rem;\n  margin: 0.25rem 1rem 1rem;\n  line-height: 1.375;\n  text-align: center;\n}\n\n.starGiftsDescription {\n  margin-bottom: 0.625rem;\n}\n\n.boostIcon {\n  line-height: 1.5;\n  color: var(--color-primary);\n  vertical-align: middle;\n}\n\n.optionBottom {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.secondaryInfo {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.footer {\n  margin: 0 1.5rem 1rem;\n}\n\n.starGiftsTransition {\n  overflow: hidden;\n  height: auto;\n  min-height: calc(100% - 3.5rem);\n}\n\n.notFoundGiftsRoot {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding-top: 5rem;\n}\n\n.notFoundGiftsDescription {\n  unicode-bidi: plaintext;\n\n  margin-block: 1rem;\n\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.notFoundGiftsLink {\n  font-weight: var(--font-weight-medium);\n  color: var(--color-links);\n  transition: opacity 0.15s ease-in;\n\n  &:active,\n  &:hover {\n    color: var(--color-links);\n    text-decoration: none;\n    opacity: 0.85;\n  }\n}\n\n.starsOnlyToggle {\n  position: absolute;\n  z-index: 1;\n  bottom: 1rem;\n  left: 50%;\n  transform: translateX(-50%) translateY(1rem);\n\n  min-width: 17rem;\n  min-height: auto;\n  padding: 0.5rem 1rem 0.5rem 3rem;\n  padding-block: 0.75rem;\n  border-radius: 1.5rem;\n\n  opacity: 0;\n  background-color: rgba(255, 255, 255, 0.35) !important;\n  backdrop-filter: blur(12px);\n\n  transition: background-color 0.15s, opacity 0.2s ease, transform 0.2s ease;\n\n  &:active,\n  &:hover {\n    border-radius: 1.5rem !important;\n    background-color: rgba(255, 255, 255, 0.25) !important;\n  }\n\n  :global(.Checkbox-main)::before {\n    border-color: black;\n    transition: border-color 0.15s ease, background-color 0.15s ease;\n\n    :global(html.theme-dark) & {\n      border-color: white;\n    }\n  }\n}\n\n.starsOnlyToggleVisible {\n  transform: translateX(-50%) translateY(0);\n  opacity: 1;\n}\n",".root {\n  position: relative;\n}\n\n.thumb {\n  position: absolute;\n}\n","@use '../../../styles/mixins';\n\n.root {\n  position: relative;\n  display: flex;\n  width: 100%;\n  margin-top: 0.5rem;\n}\n\n.buttonsContainer {\n  scrollbar-color: rgba(0, 0, 0, 0);\n  scrollbar-width: none;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  width: 100%;\n  height: 100%;\n\n  white-space: nowrap;\n\n  @include mixins.gradient-border-horizontal(0.25rem, 0.25rem);\n\n  &::-webkit-scrollbar {\n    height: 0;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n\n.dropdownArrows {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 0.625rem;\n  height: 1rem;\n  margin-inline-start: 0.25rem;\n}\n\n.arrowLine {\n  /* stylelint-disable-next-line plugin/whole-pixel */\n  --x: 1.5px;\n  --y: 0.25rem;\n  --a: 45deg;\n\n  position: absolute;\n\n  /* stylelint-disable-next-line plugin/whole-pixel */\n  width: 1.5px;\n  height: 0.3125rem;\n  border-radius: 1px;\n\n  background-color: currentcolor;\n\n  transition: transform 0.2s ease-in-out;\n\n  &.topLeft {\n    transform: translate(calc(-1 * var(--x)), calc(-1 * var(--y))) rotate(var(--a));\n  }\n\n  &.topRight {\n    transform: translate(var(--x), calc(-1 * var(--y))) rotate(calc(-1 * var(--a)));\n  }\n\n  &.bottomLeft {\n    transform: translate(calc(-1 * var(--x)), var(--y)) rotate(calc(-1 * var(--a)));\n  }\n\n  &.bottomRight {\n    transform: translate(var(--x), var(--y)) rotate(var(--a));\n  }\n\n  &.open.topLeft {\n    transform: translate(calc(-1 * var(--x)), calc(-1 * var(--y))) rotate(calc(-1 * var(--a)));\n  }\n\n  &.open.topRight {\n    transform: translate(var(--x), calc(-1 * var(--y))) rotate(var(--a));\n  }\n\n  &.open.bottomLeft {\n    transform: translate(calc(-1 * var(--x)), var(--y)) rotate(var(--a));\n  }\n\n  &.open.bottomRight {\n    transform: translate(var(--x), var(--y)) rotate(calc(-1 * var(--a)));\n  }\n}\n\n.sticker {\n  margin-inline-start: 0.375rem;\n}\n\n.backdropAttributeMenuItemText,\n.menuItemStickerText,\n.menuItemText {\n  flex-grow: 1;\n}\n\n.menuItemStickerText {\n  margin-inline-start: 1.125rem;\n}\n\n.backdropAttributeMenuItemText {\n  margin-inline-start: 3rem;\n}\n\n.menuItemCount {\n  margin-inline-start: 0.5rem;\n  color: var(--color-text-secondary);\n}\n\n.backdrop {\n  position: absolute;\n  left: 0.625rem;\n\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 50%;\n}\n\n.menuItemIcon {\n  margin-inline: 0 !important;\n  margin-inline-start: 0.5 !important;\n}\n\n.itemIcon {\n  margin-inline-end: 0.125rem;\n  font-size: 1.125rem !important;\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: auto;\n  margin-inline: 0.25rem;\n  padding: 0.25rem 0.75rem;\n  border-radius: 1rem;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n  white-space: nowrap;\n\n  background-color: var(--color-background-secondary);\n\n  transition: 0.15s background-color;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--color-background-secondary-accent);\n  }\n}\n\n.menuContentContainer {\n  overflow-y: scroll;\n  max-height: 20rem;\n}\n\n.menu {\n  :global(.bubble) {\n    top: 2.25rem !important;\n  }\n\n  :global(.MenuItem) {\n    :global(.icon) {\n      color: var(--color-text);\n    }\n  }\n\n  &.left {\n    :global(.bubble) {\n      right: auto !important;\n      left: 0.125rem !important;\n    }\n  }\n  &.right {\n    :global(.bubble) {\n      right: 0.125rem !important;\n      left: auto !important;\n    }\n  }\n\n  :global(.SearchInput) {\n    --color-placeholders: var(--color-text-secondary);\n\n    width: 15rem;\n    border: none;\n    border-bottom: 0.0625rem solid var(--color-borders);\n    border-radius: 0;\n\n    background-color: transparent;\n\n    :global(.form-control) {\n      caret-color: var(--color-icon-secondary);\n    }\n\n    :global(.icon) {\n      color: var(--color-icon-secondary);\n    }\n\n    input {\n      padding-left: 1.25rem;\n      font-size: 0.875rem;\n      font-weight: var(--font-weight-medium);\n    }\n\n    :global(.icon-container-left) {\n      width: 1.25rem;\n      margin-inline-start: 1rem;\n    }\n  }\n\n  :global(.icon) {\n    font-size: 1.25rem !important;\n    color: var(--color-text);\n  }\n}\n",".list {\n  position: sticky;\n  z-index: 1;\n  top: 3.5rem;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  gap: 0.25rem;\n  align-items: center;\n  justify-content: center;\n\n  // Prevent first item from being always partially obscured\n  margin-left: -0.5rem;\n  padding-left: 0.5rem;\n  padding-block: 0.25rem;\n  border-bottom: 0.0625rem solid transparent;\n\n  font-size: 0.875rem;\n\n  background-color: var(--color-background);\n\n  transition: border-color 0.2s ease;\n\n  :global(html.theme-dark) & {\n    background-color: #181818;\n  }\n\n  &.pinned {\n    border-bottom-color: var(--color-borders);\n  }\n}\n\n.item-selected,\n.item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: auto;\n  padding: 0.375rem 0.75rem;\n  border-radius: 1rem;\n\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n  white-space: nowrap;\n\n  transition: background-color 0.15s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--color-background-secondary-accent);\n  }\n}\n\n.selected-item {\n  color: var(--color-text-secondary);\n  background-color: var(--color-background-secondary);\n}\n\n:global(html.theme-dark) {\n\n  .item-selected,\n  .item {\n    &:hover {\n      background-color: rgba(255, 255, 255, 0.05);\n    }\n  }\n\n  .selected-item {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n.star {\n  margin-right: 0.1875rem;\n}\n",".root :global(.modal-content) {\n  padding: 0;\n}\n\n.root :global(.modal-dialog) {\n  max-width: 55vh;\n}\n\n.root :global(.modal-dialog), .root :global(.modal-content) {\n  overflow: hidden;\n}\n",".root {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.giftPreview {\n  position: relative;\n\n  overflow: hidden;\n  display: grid;\n  place-items: center;\n\n  width: 4rem;\n  height: 4rem;\n  border-radius: 0.625rem;\n}\n\n.backdrop {\n  position: absolute;\n  inset: 0;\n}\n\n.arrow {\n  font-size: 2rem;\n  color: var(--color-text-secondary);\n}\n",".modal :global(.modal-dialog) {\n  overflow: hidden;\n}\n\n.headerRightButtons {\n  position: absolute;\n  z-index: 3;\n  top: 0.875rem;\n  right: 3rem;\n\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.craftButton {\n  position: relative;\n}\n\n.uniqueTitleNumber {\n  &.small {\n    font-size: 0.75em;\n  }\n\n  &.regular {\n    font-size: 0.875em;\n  }\n}\n\n.checkBox {\n  margin-inline: -1rem;\n}\n\n.checkBoxDescription {\n  display: flex;\n  margin-bottom: 1rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.upgradeIcon {\n  transform: rotateX(180deg);\n  font-size: 1.25rem;\n}\n\n.descriptionConfirm {\n  padding-bottom: 0.75rem;\n  color: var(--color-text-secondary);\n}\n\n.titleConfirm {\n  margin-bottom: 0.75rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  align-items: center;\n\n  margin-bottom: 1rem;\n}\n\n.title, .description {\n  margin-bottom: 0;\n}\n\n.warningDescription {\n  color: var(--color-error) !important;\n}\n\n.moreMenuButton {\n  position: absolute;\n  z-index: 1;\n  top: 0.875rem;\n  right: 0.875rem;\n}\n\n.closeButton {\n  position: absolute;\n  z-index: 1;\n  top: 0.875rem;\n  left: 0.875rem;\n}\n\n.giftResalePriceContainer {\n  pointer-events: auto;\n\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: fit-content;\n  height: 1.875rem;\n  padding: 0.25rem;\n  padding-inline: 0.625rem;\n  border-radius: 1rem;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-medium);\n  color: white;\n\n  background-color: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(25px);\n  outline: none !important;\n}\n\n.starAmountIcon,\n.giftResalePriceStar {\n  margin-inline-start: 0 !important;\n}\n\n.headerButton {\n  cursor: var(--custom-cursor, pointer);\n\n  position: relative;\n\n  overflow: hidden;\n  flex-shrink: 0;\n\n  transition: background-color 0.15s;\n\n  &:hover {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n}\n\n.left {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.right {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.description {\n  color: var(--_color-description, var(--color-text));\n  text-align: center;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.footerDescription {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.footerHint {\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  color: var(--color-white);\n  text-align: center;\n  text-transform: none;\n\n  opacity: 0.6;\n}\n\n.buyButton {\n  display: flex;\n  flex-direction: column;\n}\n\n.unknown {\n  margin-inline-start: 0.25rem;\n}\n\n.giftValue {\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  line-height: 1;\n}\n\n.uniqueValue,\n.uniqueAttribute {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}\n\n.attributeName {\n  cursor: pointer;\n  color: var(--color-primary);\n  transition: opacity 0.15s;\n\n  &:hover {\n    opacity: 0.75;\n  }\n}\n\n/* stylelint-disable-next-line plugin/stylelint-group-selectors */\n.uniqueGift {\n  margin-bottom: 0;\n}\n\n.modalHeader {\n  position: absolute;\n  z-index: 2;\n\n  display: flex;\n\n  width: 100%;\n  padding: 0.375rem;\n\n  .modalCloseButton {\n    margin-right: auto;\n  }\n}\n\n.ownerAddress {\n  cursor: pointer;\n  overflow: hidden;\n  font-family: var(--font-family-monospace);\n  font-size: 0.875rem;\n}\n\n.copyIcon {\n  pointer-events: none;\n  margin-inline-start: 0.25rem;\n  color: var(--color-primary);\n}\n\n.messageContainer {\n  position: relative;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.removeMessageButton {\n  color: var(--color-primary) !important;\n}\n\n.scrollableTable {\n  overflow-y: auto;\n  flex-shrink: 1;\n  min-height: 0;\n}\n",".header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding-inline: 1rem;\n\n  text-align: center;\n}\n\n.sticker {\n  margin-bottom: 0.75rem;\n}\n\n.description {\n  margin-top: 0.75rem;\n  font-size: 0.875rem;\n  text-align: center;\n}\n\n.initialPrice {\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n\n.starIcon {\n  margin-inline-start: 0 !important;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n\n.footerSticker {\n  margin-inline: 0.25rem;\n}\n",".header {\n  text-align: center;\n}\n\n.message {\n  margin-bottom: 1.625rem;\n  color: var(--color-text);\n  text-align: center;\n}\n",".checkBoxDescription,\n.inputPriceDescription {\n  display: flex;\n  margin-bottom: 2rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.checkBox {\n  margin-inline: -1rem;\n}\n\n.inputPriceDescription {\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.descriptionPrice {\n  margin-left: auto;\n}\n\n.inputPrice {\n  margin-top: 0.5rem;\n\n  :global(.input-group) {\n    margin-bottom: 0.25rem;\n  }\n}\n",".root {\n\n  :global(.modal-dialog) {\n    overflow: hidden;\n    width: 26.25rem;\n  }\n\n  :global(.modal-content) {\n    padding-bottom: 1rem;\n    padding-inline: 1rem;\n  }\n\n  :global(.ListItem) {\n    :global(.ListItem-button) {\n      align-items: flex-start;\n      padding-inline: 1.5rem;\n    }\n\n    :global(.ListItem-main-icon) {\n      margin-top: 0.875rem;\n      margin-right: 0.875rem;\n      font-size: 1.5rem;\n      color: var(--accent-color);\n    }\n\n    :global(.multiline-item .subtitle) {\n      margin-top: 0.125rem;\n      font-size: 1rem;\n      line-height: 1.375rem;\n    }\n  }\n\n  :global(.Checkbox-main) {\n    &::before,\n    &::after {\n      left: 2.25rem;\n    }\n  }\n\n  :global(.Checkbox) {\n    padding-inline-start: 4.5rem;\n  }\n}\n\n.secondary {\n  color: var(--color-text-secondary);\n}\n\n.topIcon {\n  display: grid;\n  flex-shrink: 0;\n  place-items: center;\n\n  width: 6rem;\n  height: 6rem;\n  border-radius: 50%;\n\n  font-size: 4rem;\n  color: var(--color-white);\n\n  background: var(--color-primary);\n}\n\n.premiumGradient {\n  --premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);\n\n  background: var(--premium-gradient);\n}\n\n.content {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.listItems {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.listItemTitle {\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.separator {\n  width: calc(100% + 2rem); // Hack to cover modal paddings\n  margin-bottom: 0.5rem;\n}\n",".header {\n  --_height: 17.5rem;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  align-self: stretch;\n}\n\n.footerButton {\n  margin-top: 0.5rem;\n}\n\n.link {\n  align-self: center;\n}\n\n.priceDecreaseTimer {\n  font-size: 0.875rem;\n  text-transform: none;\n  opacity: 0.6;\n}\n\n.subtitle {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.viewAllText {\n  margin-inline-start: 0.125rem;\n}\n",".root {\n  transform: rotate(135deg);\n}\n\n.background {\n  stroke: rgba(255, 255, 255, 0.15);\n  stroke-linecap: round;\n  stroke-width: 0.375rem;\n}\n\n.fill {\n  stroke: white;\n  stroke-linecap: round;\n  stroke-width: 0.375rem;\n  transition: stroke-dashoffset 0.3s ease;\n}\n","@use \"../../../../styles/mixins\";\n\n.modal {\n  :global(.modal-dialog) {\n    overflow: clip;\n    background: #232E3F;\n  }\n\n  :global(.modal-content) {\n    max-height: 92vh !important;\n  }\n}\n\n.patternOverlay {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  border-radius: var(--border-radius-modal);\n}\n\n.patternSlide,\n.patternBackground {\n  position: absolute !important;\n  inset: 0 !important;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 !important;\n}\n\n.title {\n  z-index: 1;\n\n  align-self: flex-start;\n\n  margin: 0;\n  margin-left: 4.3125rem;\n  padding: 0.75rem;\n\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n  color: white;\n}\n\n.helpButton {\n  position: absolute;\n  z-index: 3;\n  top: 0.875rem;\n  right: 0.875rem;\n}\n\n.header {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n}\n\n/* 3D Cube Animation */\n.cube {\n  pointer-events: none;\n\n  position: relative;\n  transform-style: preserve-3d;\n\n  width: 100%;\n  height: 100%;\n}\n\n.corners {\n  display: none;\n}\n\n.face {\n  position: absolute;\n\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: var(--cube-size);\n  height: var(--cube-size);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 1.875rem;\n\n  backface-visibility: hidden;\n  background: #4F5B71;\n\n  transition: opacity 1s;\n\n  &.faceHidden {\n    opacity: 0;\n  }\n\n  &[data-face=\"front\"] {\n    transform: translateZ(var(--cube-half));\n  }\n\n  &[data-face=\"back\"] {\n    transform: translateZ(calc(-1 * var(--cube-half))) rotateY(180deg);\n  }\n\n  &[data-face=\"left\"] {\n    transform: translateX(calc(-1 * var(--cube-half))) rotateY(-90deg);\n  }\n\n  &[data-face=\"right\"] {\n    transform: translateX(var(--cube-half)) rotateY(90deg);\n  }\n\n  &[data-face=\"top\"] {\n    transform: translateY(calc(-1 * var(--cube-half))) rotateX(90deg);\n  }\n\n  &[data-face=\"bottom\"] {\n    transform: translateY(var(--cube-half)) rotateX(-90deg);\n  }\n}\n\n.faceHighChance {\n  background: #36595F;\n}\n\n.faceFailed {\n  border-color: #653B31;\n}\n\n.faceIcon {\n  font-size: 2.5rem;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.craftedGiftFace {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n\n  animation: fadeInContent 0.25s ease-out 0.25s both;\n}\n\n.slotBackdrop,\n.craftedGiftBackdrop,\n.attributeRing,\n.burnedGiftBackdrop {\n  position: absolute;\n  inset: 0;\n}\n\n.slotSticker,\n.craftedGiftSticker,\n.patternAttribute,\n.burnedGift,\n.burnedGiftSticker {\n  position: relative;\n}\n\n.failedGiftFace {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n  background: linear-gradient(180deg, #683E34 0%, #51291F 100%);\n\n  animation: fadeInContent 0.2s ease-out 0.2s both;\n}\n\n@keyframes fadeInContent {\n  to {\n    opacity: 1;\n  }\n}\n\n.burnedCount {\n  position: absolute;\n  bottom: 0.5rem;\n\n  margin-top: 0.25rem;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n}\n\n.slotsGrid {\n  --perspective: 600px;\n  --cube-size: 7.5rem;\n  --cube-half: 3.75rem;\n  --slot-size: 4.5rem;\n\n  position: relative;\n\n  display: grid;\n  grid-template-columns: var(--slot-size) var(--cube-size) var(--slot-size);\n  grid-template-rows: var(--slot-size) var(--slot-size);\n  gap: 1.5rem;\n  row-gap: 17px;\n  align-items: center;\n  justify-content: center;\n  justify-items: center;\n\n  padding: 1.125rem;\n\n  perspective: var(--perspective);\n\n  &.activated {\n    .craftSlot:not(.craftSlotFilled) {\n      opacity: 0;\n    }\n\n    .slotChance,\n    .slotClear {\n      opacity: 0;\n    }\n  }\n}\n\n.slotWrapper {\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--slot-size);\n  height: var(--slot-size);\n\n  &.bottomRow {\n    align-self: start;\n  }\n\n  &.used {\n    pointer-events: none;\n  }\n}\n\n.cubeWrapper {\n  position: relative;\n  transform-style: preserve-3d;\n  transform: scale(0.913);\n\n  display: flex;\n  grid-column: 2;\n  grid-row: 1 / 3;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--cube-size);\n  height: var(--cube-size);\n}\n\n.craftSlot {\n  pointer-events: auto;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--slot-size);\n  height: var(--slot-size);\n  border-radius: 1.125rem;\n\n  background: rgba(255, 255, 255, 0.08);\n\n  transition: transform 0.15s, background-color 0.15s, opacity 0.5s;\n\n  &:hover {\n    background: rgba(255, 255, 255, 0.12);\n  }\n\n  &.animating {\n    will-change: transform;\n    z-index: 100;\n\n    .slotChance,\n    .slotClear {\n      opacity: 0;\n    }\n  }\n}\n\n.slotIcon {\n  font-size: 1.875rem;\n  color: white;\n}\n\n.craftSlotFilled {\n  position: relative;\n  background: transparent;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n.craftSlotHidden {\n  opacity: 0;\n  transition: opacity 0.5s !important;\n}\n\n.removing {\n  transform: scale(0.8);\n  opacity: 0;\n  transition: opacity 0.15s, transform 0.15s ease-out;\n}\n\n.slotInner {\n  position: relative;\n\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n  border-radius: 1.125rem;\n}\n\n.slotChance {\n  position: absolute;\n  top: -0.3125rem;\n  left: -0.3125rem;\n\n  padding: 0.0625rem 0.25rem;\n  border-radius: 0.625rem;\n\n  font-size: 0.75rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n\n  opacity: 0.9;\n  background-color: #374354B2;\n  backdrop-filter: blur(25px);\n\n  transition: opacity 0.15s;\n}\n\n.slotClear {\n  cursor: pointer;\n\n  position: absolute;\n  top: -0.3125rem;\n  right: -0.3125rem;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 1.25rem;\n  height: 1.25rem;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n\n  font-size: 0.75rem;\n  color: white;\n\n  opacity: 0.9;\n  background-color: #374354B2;\n  backdrop-filter: blur(25px);\n  outline: none !important;\n\n  transition: opacity 0.15s;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.centerAnvil {\n  position: relative;\n\n  display: flex;\n  grid-column: 2;\n  grid-row: 1 / 3;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: var(--cube-size);\n  height: var(--cube-size);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 1.875rem;\n\n  background: #4F5B71;\n\n  &.centerAnvilHighChance {\n    background: #36595F;\n  }\n}\n\n.progressRing {\n  position: absolute;\n  inset: 0;\n  margin: auto;\n}\n\n.anvilIcon {\n  font-size: 3.125rem;\n  color: white;\n}\n\n.percentage {\n  position: absolute;\n  bottom: 0.75rem;\n\n  font-size: 1.1875rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n}\n\n.infoTransition {\n  z-index: 1;\n  min-height: 20.5rem;\n}\n\n.infoSection,\n.craftingSection,\n.failedSection {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 0.75rem 1.5rem 1.5rem;\n\n  text-align: center;\n}\n\n.craftingTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n}\n\n.craftingGiftName {\n  margin: 0 0 1rem;\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  color: #8D979B;\n}\n\n.craftingWarning,\n.failedDescription {\n  margin: 0.25rem 0 1.5rem;\n  font-size: 1rem;\n  color: white;\n}\n\n.craftingWarning {\n  max-width: 15rem;\n  margin: 3.5rem 0 1.5rem;\n  color: #8D979B;\n}\n\n.failedDescription {\n  text-wrap: balance;\n}\n\n.infoDescription {\n  max-width: 18rem;\n  min-height: 2.625rem;\n  margin: 0 0 0.5rem;\n\n  font-size: 1rem;\n  line-height: 1.25;\n  color: white;\n}\n\n.giftLine {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n  justify-content: center;\n}\n\n.giftIcon {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.infoWarning {\n  max-width: 18rem;\n  margin: 0.5rem 0 0.5rem;\n\n  font-size: 1rem;\n  line-height: 1.25;\n  color: white;\n}\n\n.attributeCircles {\n  --circle-attribute-size: 4rem;\n\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n  align-items: center;\n  align-items: flex-start;\n  align-self: center;\n  justify-content: center;\n\n  max-width: 17rem;\n  padding-top: 0.4375rem;\n}\n\n.viewAllButton {\n  gap: 0.1875rem;\n  margin-top: 0.625rem;\n  margin-bottom: 0.5rem;\n  filter: none;\n}\n\n.viewAllText {\n  margin-inline-start: 0.125rem;\n}\n\n.attributeCircle {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  width: var(--circle-attribute-size);\n\n  @include mixins.with-vt-type('craftAttributes');\n}\n\n.attributeContent {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--circle-attribute-size);\n  height: var(--circle-attribute-size);\n}\n\n.colorAttribute {\n  width: 2rem;\n  height: 1.8125rem;\n  margin-top: -0.1875rem;\n\n  /* stylelint-disable-next-line plugin/use-baseline */\n  mask: url('../../../../assets/attribute-mask.svg') center / 100% 100% no-repeat;\n}\n\n.patternAttributeThumb,\n.burnedGiftBadge {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.burnedGiftBadgeText {\n  font-size: 0.5rem;\n}\n\n.attributePercent {\n  position: absolute;\n  bottom: 0.25rem;\n\n  font-size: 0.6875rem;\n  font-weight: var(--font-weight-semibold);\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.footer {\n  z-index: 1;\n  width: 100%;\n  padding: 1rem;\n  padding-top: 0;\n}\n\n.emptyHintIcon {\n  display: inline-block;\n  font-size: 0.75rem;\n  vertical-align: middle;\n}\n\n.craftButton {\n  width: 100%;\n  min-height: 3.5rem;\n  padding: 0.75rem 1rem;\n\n  &:global(.danger) {\n    color: var(--color-white);\n    background-color: var(--color-error);\n\n    &:not(.disabled):not(:disabled) {\n      &:active,\n      &:global(.active),\n      &:focus {\n        opacity: 0.85 !important;\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          opacity: 0.85 !important;\n        }\n      }\n    }\n  }\n}\n\n.craftButtonCrafting {\n  opacity: 1 !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n}\n\n.craftButtonHighChance {\n  background: linear-gradient(90deg, #0A8A90, #34C351) !important;\n}\n\n.craftButtonContent {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  justify-content: center;\n\n  height: 100%;\n}\n\n.craftButtonTitle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  font-size: 1rem;\n  font-weight: var(--font-weight-semibold);\n}\n\n.craftButtonSubtitle {\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.failedTitle {\n  margin: 0 0 0.5rem;\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n}\n\n.burnedGifts {\n  display: flex;\n  gap: 0.75rem;\n  justify-content: center;\n}\n\n.burnedGiftInner {\n  position: relative;\n\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 4.25rem;\n  height: 4.25rem;\n  border-radius: 0.625rem;\n}\n\n@include mixins.on-active-vt('craftAttributes') {\n  &::view-transition-group(.craftAttribute) {\n    animation-duration: 250ms;\n    animation-timing-function: ease-out;\n  }\n\n  &::view-transition-old(.craftAttribute) {\n    :local {\n      animation-name: craftAttributeFadeOut;\n    }\n\n    @keyframes craftAttributeFadeOut {\n      to {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n    }\n  }\n\n  &::view-transition-new(.craftAttribute) {\n    :local {\n      animation-name: craftAttributeFadeIn;\n    }\n\n    @keyframes craftAttributeFadeIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n    }\n  }\n}\n",".modal {\n  :global(.modal-dialog) {\n    overflow: clip;\n  }\n\n  :global(.modal-content) {\n    height: min(92vh, 39rem);\n  }\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding: 0 !important;\n}\n\n.title {\n  margin: 0;\n  padding: 1rem 1rem 0.5rem;\n  border-bottom: 0.0625rem solid transparent;\n\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-semibold);\n  text-align: center;\n\n  transition: border-bottom-color 0.15s ease;\n\n  &.titleWithBorder {\n    border-bottom-color: var(--color-borders);\n  }\n}\n\n.wrapper {\n  position: relative;\n\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  min-height: 0;\n}\n\n.scrollContainer {\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  height: 100%;\n  padding: 0 1rem 1rem;\n\n  opacity: 1;\n\n  transition: opacity 0.2s;\n}\n\n.section {\n  width: 100%;\n}\n\n.sectionTitle {\n  margin: 0;\n  padding: 0.25rem 0;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-primary);\n  text-transform: uppercase;\n}\n\n.filters {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n  padding-block: 0.5rem;\n  border-bottom: 0.0625rem solid transparent;\n\n  background-color: var(--color-background);\n\n  transition: border-bottom-color 0.15s ease;\n\n  &.stuck {\n    border-bottom-color: var(--color-borders);\n  }\n}\n\n.transitionWrapper {\n  z-index: 0;\n  min-height: 28rem;\n}\n\n.giftsGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0.5rem;\n  align-content: start;\n\n  min-height: 28rem;\n}\n\n.loading {\n  pointer-events: none;\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  opacity: 1;\n\n  transition: opacity 0.2s;\n}\n\n.hidden {\n  opacity: 0;\n}\n\n.giftWrapper {\n  position: relative;\n}\n\n.giftChance {\n  position: absolute;\n  top: 0.25rem;\n  left: 0.25rem;\n\n  padding: 0.0625rem 0.25rem;\n  border-radius: 0.625rem;\n\n  font-size: 0.75rem;\n  font-weight: var(--font-weight-semibold);\n  color: white;\n\n  background-color: rgba(0, 0, 0, 0.3);\n}\n\n.notFound {\n  padding-top: 5rem;\n  padding-bottom: 12rem;\n}\n\n.starsOnlyToggle {\n  position: absolute;\n  z-index: 1;\n  bottom: 1rem;\n  left: 50%;\n  transform: translateX(-50%) translateY(1rem);\n\n  min-width: 17rem;\n  min-height: auto;\n  padding: 0.5rem 1rem 0.5rem 3rem;\n  padding-block: 0.75rem;\n  border-radius: 1.5rem;\n\n  opacity: 0;\n  background-color: rgba(255, 255, 255, 0.35) !important;\n  backdrop-filter: blur(12px);\n\n  transition: background-color 0.15s, opacity 0.2s ease, transform 0.2s ease;\n\n  &:active,\n  &:hover {\n    border-radius: 1.5rem !important;\n    background-color: rgba(255, 255, 255, 0.25) !important;\n  }\n\n  :global(.Checkbox-main)::before {\n    border-color: black;\n    transition: border-color 0.15s ease, background-color 0.15s ease;\n  }\n}\n\n.starsOnlyToggleVisible {\n  transform: translateX(-50%) translateY(0);\n  opacity: 1;\n}\n",".header {\n  --_height: 16rem;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  margin-top: 0.5rem;\n}\n\n.understoodIcon {\n  font-size: 1.1875rem;\n}\n\n.content {\n  gap: 1.5rem;\n}\n","@use \"../../../../styles/mixins\";\n\n.content {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  height: min(92vh, 46rem); // Required to keep Transition height\n  padding: 0 !important;\n}\n\n.tabs {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n\n  padding-top: 0.5rem;\n\n  background-color: var(--color-background);\n}\n\n.dialog,\n.transition {\n  overflow: hidden;\n}\n\n.grid {\n  overflow-y: scroll;\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0.5rem;\n\n  padding: 0.5rem;\n\n  @include mixins.adapt-padding-to-scrollbar(0.5rem, 0.125rem); // Prevent outline cutouts\n}\n\n.gridHeader {\n  display: flex;\n  grid-column: 1 / 4;\n  grid-row: 1;\n  flex-direction: column;\n  place-self: center;\n  align-items: center;\n  justify-content: center;\n\n  color: var(--color-text-secondary);\n}\n\n.item {\n  aspect-ratio: 1 / 1;\n}\n\n.header {\n  --_height: 20rem;\n\n  justify-content: flex-end;\n  margin-bottom: 0;\n}\n\n.traitButtons {\n  z-index: 1;\n\n  display: flex;\n  gap: 0.375rem;\n  justify-content: center;\n\n  width: 100%;\n  margin-top: 0.25rem;\n  padding: 0 1rem;\n}\n\n.traitButton {\n  overflow: visible;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 1;\n  gap: 0.125rem;\n}\n\n.traitName {\n  font-size: 0.8125rem;\n  line-height: 1;\n}\n\n.traitType {\n  font-size: 0.625rem;\n  color: var(--tinted-text-color);\n}\n\n.traitRarity {\n  --accent-background-active-color: var(--_badge-bg);\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(0.25rem, -50%);\n\n  color: white;\n\n  transition: background-color 150ms linear;\n}\n\n.playButton {\n  position: absolute;\n  z-index: 1;\n  top: 0.875rem;\n  right: 0.875rem;\n}\n",".modal :global(.modal-dialog) {\n  overflow: hidden;\n}\n\n.modalContent {\n  position: relative;\n  max-height: min(97vh, 50rem) !important;\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  align-items: center;\n\n  text-wrap: balance;\n}\n\n.title {\n  margin: 0;\n  margin-top: 0.25rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.75rem;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.875rem;\n  text-align: center;\n}\n\n.finishedBadge {\n  padding: 0.25rem 0.75rem;\n  border-radius: 1rem;\n\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-secondary);\n\n  background-color: var(--color-background-secondary);\n}\n\n.giftName {\n  font-weight: var(--font-weight-semibold);\n  white-space: nowrap;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  align-items: center;\n}\n\n.itemsBoughtLink {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}\n\n.itemsBoughtSticker {\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.footerButton {\n  width: 100%;\n  margin-top: 0.5rem;\n}\n\n.buttonSubtitle {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: var(--font-weight-normal);\n  opacity: 0.7;\n}\n\n.starIcon {\n  line-height: 1rem !important;\n}\n\n.learnMoreLink {\n  font-size: 0.875rem;\n  color: white !important;\n  opacity: 0.75;\n}\n",".root {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-height: min(92vh, 38rem) !important;\n}\n\n.headerControlPanel {\n  position: absolute;\n  z-index: 3;\n  top: 0.75rem;\n  right: 1.25rem;\n\n  display: flex;\n  align-items: center;\n}\n\n.slider {\n  flex-shrink: 0;\n  margin-top: 2rem;\n}\n\n.title {\n  margin-top: 1rem;\n  margin-bottom: 0.5rem;\n\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.5rem;\n  text-align: center;\n}\n\n.subtitle {\n  margin-bottom: 1rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.infoCards {\n  display: flex;\n  gap: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.infoCard {\n  flex: 1;\n\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n\n  text-align: center;\n\n  background: var(--color-background-secondary);\n}\n\n.infoCardValue {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 1.125rem;\n  font-weight: var(--font-weight-semibold);\n}\n\n.infoCardLabel {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  color: var(--color-text-secondary);\n}\n\n.separator {\n  margin-top: 1rem;\n}\n\n.winningStatus,\n.bidderInfoSlide {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.winningText {\n  font-size: 0.9375rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-green);\n}\n\n.winningBadge {\n  margin-top: 0.125rem;\n  padding: 0.0625rem 0.5rem;\n  border-radius: 0.875rem;\n\n  font-size: 0.75rem;\n  line-height: 0.875rem;\n  color: var(--color-text-green);\n\n  background-color: rgba(var(--color-text-green-rgb), 0.1);\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.sectionTitle {\n  font-size: 0.9375rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-primary);\n}\n\n.sectionTitleTransition {\n  height: 1.25rem;\n}\n\n.bidderRow {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n  padding: 0.25rem 0;\n}\n\n.bidderPosition {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 1.5rem;\n  min-width: 1.5rem;\n\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.bidderInfo {\n  display: flex;\n  flex: 1;\n  gap: 0.5rem;\n  align-items: center;\n\n  height: 2.125rem;\n}\n\n.bidderName {\n  overflow: hidden;\n  flex: 1;\n\n  font-size: 0.9375rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.topBidderRow {\n  position: relative;\n\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n\n  padding: 0.25rem 0;\n\n  &::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 4.4375rem;\n\n    height: 1px;\n\n    opacity: 0.75;\n    background-color: var(--color-borders);\n  }\n\n  &:last-child::after {\n    display: none;\n  }\n}\n\n.topBidderPosition {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 1.5rem;\n  min-width: 1.5rem;\n\n  font-size: 1.125rem;\n}\n\n.bidderAmount {\n  font-size: 0.9375rem;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-secondary);\n}\n\n.giftSticker {\n  margin-right: 0.25rem;\n}\n\n.customBidInput {\n  position: relative;\n\n  :global(.input-group) {\n    margin-bottom: 0;\n  }\n\n  :global(.form-control) {\n    padding-left: 2rem;\n  }\n}\n\n.customBidInputIcon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 0.75rem;\n  transform: translateY(-50%);\n\n  font-size: 1rem;\n}\n",".header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  width: 100%;\n  margin-top: 0.125rem;\n  margin-bottom: 0.25rem;\n}\n\n.iconWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 5rem;\n  height: 5rem;\n  margin-top: 0.25rem;\n  margin-bottom: 0.5rem;\n  border-radius: 50%;\n\n  font-size: 1rem;\n\n  background-color: var(--accent-color);\n}\n\n.icon {\n  font-size: 2.5rem;\n  color: var(--color-white);\n}\n\n.title {\n  padding-top: 0.25rem;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n}\n\n.subtitle {\n  padding-top: 0.25rem;\n  text-align: center;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  margin-top: 0.5rem;\n}\n\n.understoodIcon {\n  font-size: 1.1875rem;\n}\n",".modal {\n  max-width: 26rem;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding-top: 0 !important;\n  padding-inline: 1.25rem !important;\n}\n\n.giftsListContainer {\n  position: relative;\n}\n\n.giftsList {\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  max-height: 29.5rem;\n}\n\n.giftHeader {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n\n  font-size: 0.9375rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.bidValue {\n  display: flex;\n  align-items: center;\n  line-height: 1rem;\n}\n\n.badge {\n  margin-inline-start: 0.5rem;\n}\n\n.starIcon {\n  font-size: 1rem;\n}\n\n.okButton {\n  margin-top: 0.5rem;\n}\n",".root {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.arrow {\n  font-size: 2rem;\n  color: var(--color-text-secondary);\n}\n",".content {\n  max-height: min(92vh, 37.5rem);\n}\n\n.header {\n  text-align: center;\n}\n\n.headerTitle {\n  margin-top: 1.5rem;\n  margin-bottom: 0;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n}\n\n.headerHint {\n  margin-top: 0.375rem;\n  margin-bottom: 0.5rem;\n\n  font-size: 1rem;\n  line-height: 1.375rem;\n  text-wrap: balance;\n}\n\n.starIconContainer {\n  display: inline-flex;\n  align-items: center;\n  line-height: 1rem;\n}\n\n.progress {\n  margin: 4.5rem auto 1.5rem;\n}\n\n.table {\n  overflow-y: auto;\n  flex-shrink: 1;\n  min-height: 0;\n}\n\n.footerText {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n}\n\n.understoodIcon {\n  font-size: 1.25rem;\n}\n",".root {\n  position: relative;\n\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n\n  aspect-ratio: 1;\n}\n\n.wrapper {\n\n  --y-static: -40%;\n  --y-dynamic: -10%;\n  --scroll-progress-converted: var(--scroll-progress, 0);\n  --abs-scroll-progress-converted: var(--abs-scroll-progress, 0);\n\n  position: absolute;\n  transform:\n    perspective(200px)\n    translate3d(\n      calc(var(--scroll-progress-converted) * -30%),\n      calc(var(--y-static) + var(--abs-scroll-progress-converted) * var(--y-dynamic)),\n      0\n    )\n    rotateY(calc(var(--scroll-progress-converted) * 40deg));\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 70%;\n\n  opacity: calc(1 - var(--abs-scroll-progress-converted) * 0.4);\n}\n\n.down {\n  --y-static: 2%;\n  --y-dynamic: 10%;\n}\n\n.root :global(.reverse) {\n  --scroll-progress-converted: calc((1 - var(--scroll-progress, 0)) * -1);\n  --abs-scroll-progress-converted: calc(1 - var(--abs-scroll-progress, 0));\n}\n\n.frame {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n\n  -webkit-user-drag: none;\n}\n\n.video {\n  position: absolute;\n  z-index: 0;\n  bottom: 0;\n\n  width: 100%;\n  padding: 4%;\n  border-radius: 0 0 10% 10%;\n}\n\n.down .video {\n  top: 0;\n  bottom: initial;\n  border-radius: 10% 10% 0 0;\n}\n\n.placeholder {\n  --placeholder-background: #555555;\n\n  position: absolute;\n  z-index: 0;\n\n  width: 97%;\n  height: 97%;\n  border-radius: 10%;\n\n  background-color: var(--placeholder-background);\n}\n",".header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  width: calc(100% + 2rem);\n  margin: -1rem -1rem 0.25rem;\n}\n\n.content {\n  gap: 0.125rem;\n}\n\n.videoPreviewWrapper {\n  position: relative;\n\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n\n  aspect-ratio: 10 / 8;\n  width: 100%;\n\n  background: var(--premium-gradient);\n}\n\n.sparkles {\n  color: white;\n}\n\n.title {\n  padding-top: 0.5rem;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n}\n\n.subtitle {\n  padding-top: 0.25rem;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  margin-top: 0.5rem;\n}\n\n.understoodIcon {\n  font-size: 1.1875rem;\n}\n",".header,\n.profileBlock {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n\n.profileBlock {\n  position: relative;\n  margin-bottom: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.radialPattern {\n  position: absolute;\n  z-index: -1;\n  top: -1rem;\n  inset-inline-start: -1.5rem;\n\n  width: calc(100% + 3rem);\n  height: calc(100% + 1rem);\n}\n\n.lockIcon {\n  margin-left: 0.25rem;\n  font-size: 1rem;\n}\n\n.avatar {\n  margin-top: 2.375rem;\n}\n\n.userTitle {\n  justify-content: center;\n\n  width: 100%;\n  margin-top: auto;\n  padding-top: 1.75rem;\n\n  font-size: 1.25rem;\n  color: white;\n}\n\n.status {\n  font-size: 0.875rem;\n  text-align: center;\n}\n\n.userTitle, .status {\n  z-index: 1;\n  margin-bottom: 0;\n}\n\n.giftTitle {\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n}\n\n.infoDescription {\n  text-align: center;\n}\n\n.footer {\n  display: flex;\n  align-self: stretch;\n}\n",".header {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 1rem;\n}\n\n.giftPreview {\n  position: relative;\n\n  overflow: hidden;\n  display: grid;\n  place-items: center;\n\n  width: 5.625rem;\n  height: 5.625rem;\n  border-radius: 0.625rem;\n}\n\n.backdrop {\n  position: absolute;\n  inset: 0;\n}\n\n.description {\n  margin-bottom: 1.5rem;\n  text-wrap: pretty;\n}\n\n.arrow {\n  font-size: 3rem;\n  color: var(--color-text-secondary);\n}\n\n.noPassword {\n  font-weight: var(--font-weight-semibold);\n}\n",".confirmText {\n  margin-bottom: 1.5rem;\n}\n\n.giftDescription {\n  margin-bottom: 1rem;\n  padding: 0.375rem;\n  border: 0.0625rem solid var(--color-borders);\n  border-radius: 0.25rem;\n\n  text-align: center;\n\n  background-color: var(--color-background-secondary);\n}\n",".description {\n  margin-bottom: 0.5rem;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.receiveText {\n  margin-bottom: 1rem;\n  text-align: center;\n}\n\n.table {\n  margin-bottom: 1rem;\n}\n\n.attributeValue {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.warning {\n  margin-bottom: 0.5rem;\n  color: var(--color-error);\n  text-align: center;\n}\n\n.hint {\n  margin-bottom: 0.5rem;\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.success {\n  margin-bottom: 0.5rem;\n  color: var(--color-success);\n  text-align: center;\n}\n",".gift {\n  --custom-emoji-size: 2rem;\n\n  margin-inline-end: 0.5rem;\n}\n\n.timer {\n  margin-inline-start: 0.25rem;\n}\n\n.noActive {\n  color: var(--color-text-secondary);\n  text-align: center;\n}\n\n.content {\n  --border-radius-default: 0;\n\n  padding: 0 !important;\n}\n\n.dialog {\n  overflow: hidden !important;\n}\n"],"names":[],"sourceRoot":""}