{"version":3,"file":"BundleStars.1673a7c82f2edcd83d2d.css","mappings":"AAEA,UACE,aACA,8BACA,UACA,WAGF,UACE,uDACA,aACA,sBACA,mBACA,uBACA,YAEA,aACA,sBAEA,0CACA,0CAEA,qCAEA,gBACE,8DAIJ,UACE,8DAGF,UACE,iBAGF,UACE,aACA,mBACA,WAEA,sCACA,iBACA,cAGF,UACE,aACA,2BACA,sBACA,kBAGF,UCvCE,0PACE,CDwCF,gCAGF,UACE,kBACA,kCAGF,UACE,iBAGF,UACE,2BACA,iBAGF,yBACE,UACE,gB;AE1EJ,wBACE,gBAGF,UACE,aACA,sBACA,qBACA,2BAGF,UACE,YACA,kBACA,aACA,sBACA,mBAGF,UACE,kBACA,aACA,sBACA,mBAGF,UACE,YACA,cACA,eACA,mBAGF,UACE,kBACA,WACA,SACA,2BACA,YAGF,UACE,kBACA,oBACA,mBACA,kBAGF,UACE,aACA,sBACA,YACA,cD9CA,wDCmDF,UACE,UACA,aACA,mBACA,kDACA,kBACA,WACA,OACA,MACA,cACA,cACA,mCACA,mCAGF,UACE,kBACA,sCACA,oBACA,uBAGF,UACE,4BAGF,UACE,kBACA,UACA,WACA,UAGF,UACE,YACA,qBAGF,UACE,kBAGF,UACE,kBACA,kBACA,kCACA,aACA,gBAGF,yBACE,wBACE,2B;AC/GJ,UACE,aACA,sBAGF,oBACE,YAIA,oBACE,UAGF,oBACE,uBAIJ,UACE,0BAGF,UACE,e;ACxBF,UACE,8CAGF,yBACE,UAGF,wBACE,eAGF,2DAGE,gBAGF,UACE,YAGF,UACE,mCACA,sBACA,yCACA,2EACA,8DACA,aACA,mBACA,mBACA,cACA,gBACA,iBAGF,UACE,SAGF,UACE,WACA,mCACA,kBACA,SACA,UACA,eAGF,UACE,YAGF,UACE,aACA,mBACA,uBACA,mBACA,SACA,YAGF,UACE,kBAGF,oBAEE,kBACA,mBACA,gBAGF,UACE,mBACA,kCAGF,UACE,qBAGF,UACE,YACA,wC;ACpFF,UACE,iBACA,cACA,kBACA,mBACA,uDACA,0BAEA,qBACA,gCAGF,UACE,qCAEA,gBACE,uB;ACdJ,UACE,8CAGF,yBACE,UAGF,wBACE,uBACA,mBAGF,wBACE,YAGF,2DAGE,gBAGF,UACE,YACA,kBAGF,UACE,aACA,8BAGF,UACE,aACA,sBACA,mBAEA,cACA,kBLjCA,wDAsJA,yCACA,2EACA,8DAEA,qBACE,mBACA,gBKrHJ,UACE,2BACA,sCACA,eACA,sBACA,sBAGF,UACE,kBACA,kCACA,mDACA,mBACA,cAGF,UACE,YACA,cACA,eACA,mBAGF,UACE,kBACA,WACA,SACA,2BACA,YAGF,UACE,iBACA,sCACA,kBACA,oBAGF,UACE,kBACA,oBACA,mBACA,kBACA,kBAGF,UACE,UACA,aACA,mBACA,kDACA,kBACA,WACA,OACA,MACA,cACA,cACA,mCACA,mCAGF,UACE,kBACA,sCACA,kBACA,uBAGF,UACE,qBAGF,UACE,4BAGF,UACE,kBACA,UACA,WACA,UAGF,UACE,WACA,YACA,UACA,aACA,mBACA,uBACA,kBAEA,wBACA,UAEA,iCAEE,YAIJ,UACE,4BAGF,UACE,aACA,mBAGF,UACE,aACA,sBACA,qBACA,cAGF,UACE,kBAGF,UACE,gBACA,sCACA,aACA,mBACA,WAGF,UACE,kBACA,WACA,cACA,UAGF,UACE,iBACA,UACA,iBACA,sCAGF,UACE,aACA,sBACA,mBAGF,UACE,aACA,yBACA,sBACA,mBACA,mBACA,kBAGF,UACE,6CACA,UAGF,UACE,eLnMA,sMACE,CKsMF,kBACA,YACA,SACA,UAGF,UACE,YACA,kBACA,QACA,SACA,gCAGF,UACE,aACA,mBACA,gBAGF,UACE,+BAGF,oBACE,aACA,sBACA,WAGF,UAEE,kCAEA,WACA,iBAGF,UACE,iBACA,kCAGF,UACE,uCAGF,UACE,2BACA,WAGF,UACE,aACA,mBACA,cACA,eACA,iB;AC9QF,UACE,aACA,WACA,oCACA,oBACA,qCACA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,aACA,sBACA,qBACA,uBAGF,UACE,aACA,mBACA,cACA,WAGF,UACE,sCAGF,8BACE,gBACA,iBAGF,UACE,mBAGF,UACE,aACA,mBACA,YACA,mBAGF,8BACE,mBACA,kCAGF,UACE,yBAGF,UACE,kBACA,kBAGF,UACE,kBACA,QACA,SACA,UNzDA,sMACE,C;AOjBJ,UACE,aACA,wBACA,qBACA,mBACA,qBAEA,YACA,kBAEA,UAGF,UACE,eACA,cAEA,yBACA,sBAGF,UACE,aACA,mBACA,UAEA,eACA,cACA,WAGF,UACE,kBACA,YACA,WACA,mBACA,gBACA,6CAGF,oBACE,cACA,aACA,oBACA,sBAGF,UACE,aAGF,2CAEE,WACA,cAGF,2CAEE,WACA,cAGF,2CAEE,WACA,cAGF,oBACE,kBACA,MACA,OACA,YACA,WACA,iBAGF,UACE,mCAGF,oBACE,GACE,UAEF,KACE,W;ACrFJ,UACE,aACA,WACA,oCACA,oBACA,qCACA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,aACA,mBACA,cACA,WAGF,UACE,sCAGF,8BACE,gBACA,iBAGF,UACE,mBAGF,oBACE,mBAGF,UACE,kCAGF,UACE,2BAGF,UACE,yBAGF,UACE,kBACA,kBAGF,UACE,kBACA,QACA,SACA,URlDA,sMACE,CQsDJ,UACE,kBACA,MACA,OACA,QACA,iBACA,qBAGF,UACE,qBACA,kB;AClFF,UACE,aACA,sBACA,mBACA,UAGF,UACE,aACA,mBACA,kBAGF,UACE,kBACA,eACA,SACA,2BACA,UAEA,aACA,mBACA,YACA,iBACA,sCACA,cACA,mBACA,eAEA,sCACA,yBACA,yCACA,mBAGF,UACE,gBACA,mBACA,uBACA,kBACA,kBACA,WACA,gB;ACxCF,UACE,aACA,sBACA,SACA,+BACA,sCACA,kBAGF,UACE,mDAGF,UACE,yCACA,sBACA,eAGF,UACE,aACA,sCACA,uBACA,sCACA,sCACA,QAEA,cAEA,gBAGF,UACE,kBAGF,UACE,aACA,mBACA,qBACA,kBACA,kBACA,mBAGF,UACE,iBAGF,UACE,kBAGF,UACE,yCACA,yCACA,2B;AC1DF,UACE,iBAEA,aACA,sBACA,mBACA,WACA,sBACA,oBACA,oBAGF,UACE,kBACA,UACA,UACA,gCAEA,WAGF,UACE,gBAGF,UACE,kBACA,MACA,mCACA,gBAGF,UACE,aACA,sBACA,mBAGF,UACE,kBACA,WACA,gBAGF,UACE,cACA,kBACA,+BACA,kBACA,kBAGF,oBACE,gBACA,U;ACpDF,UACE,8CAEA,wBACE,gBAIJ,UACE,2BAGF,UACE,yBAGF,UACE,aACA,sBACA,mBACA,WACA,kBAGF,UACE,eAGF,UACE,aACA,WACA,eACA,sCACA,kBAGF,8BACE,gBAGF,UACE,kBACA,kBACA,iBACA,wCACA,gBACA,iBAGF,UACE,yCACA,kBACA,eAEA,gBACA,mBZjBA,4IYsBF,UACE,kBAGF,UACE,kBACA,mBACA,kCACA,kBAGF,UACE,kBACA,YACA,aACA,SACA,2BACA,WAGF,UACE,kBACA,aACA,QACA,2BAEA,2BACA,2BACA,oBAGF,UACE,yBACA,qCAGF,UACE,kBACA,gBAGF,UACE,aACA,YACA,kB;ACxGF,UACE,8CAGF,UACE,aACA,sBACA,mBACA,WACA,kBACA,kBAGF,oBACE,gBAGF,UACE,kBACA,kBACA,iBACA,wCACA,gBACA,iBAGF,UACE,aACA,mBACA,kBACA,kCAGF,UACE,kBACA,mBACA,kCACA,kBAGF,UACE,kBACA,YACA,aACA,SACA,2BACA,WAGF,UACE,kBAGF,UACE,kBACA,SACA,QAEA,kBACA,Ub7CA,sMACE,CaiDJ,UACE,kBAGF,UACE,kCAGF,UACE,yB;ACzEF,UACE,kBACA,cAEA,kBACA,iBACA,kBdwEA,4BACE,wBACA,cACA,WACA,cACA,oBACA,yBAEA,kCACE,aAGF,uCACE,WACA,qCAEA,yBACA,2BACA,oBAGF,kDACE,wBAGF,8CACE,qBAGF,2DACE,qCAGF,+FACE,qCcrGN,UACE,+BACA,2BACA,eAEA,yCACE,oBACA,mBACA,mDAGF,4BACE,oBACA,mBACA,mDAGF,gCACE,oBACA,mBACA,+BACA,YACA,aACA,gBAGF,4BACE,oBACA,mBACA,+BACA,YACA,aACA,gBAIJ,UACE,OACA,SACA,oBACA,oBAEA,4BACA,gNAEA,WAGF,UACE,kBACA,OACA,SACA,oBACA,oBACA,mBAEA,uBACA,iEAEA,uCAEA,iBACE,WACA,kBACA,cACA,YACA,eACA,gBACA,kBACA,sBACA,UAIJ,UACE,YACA,eAEA,kBACA,OACA,QACA,qHACA,CAOA,oBAGF,UACE,YACA,kBACA,UACA,OACA,iCAGF,UACE,aACA,mBACA,YAEA,mBACA,mBAEA,uCAEA,cACA,iBACA,sCACA,WACA,mBAGF,UACE,kBACA,SACA,SACA,+BACA,W;ACvIF,UACE,aACA,sBACA,WACA,sCAGF,UACE,iBACA,gBACA,mBAGF,UACE,gBACA,cAGF,UACE,qBAGF,oBACE,kBAGF,UACE,YACA,gBACA,YACA,aACA,sBACA,kBAGF,UACE,iBACA,sBAGF,UACE,mBACA,kCACA,iBAGF,UACE,kBACA,0BAGF,UACE,oBAGF,UACE,iCACA,oBACA,qBACA,0BACA,WACA,uBACA,8DAEA,kDAGE,wEAIJ,UACE,mBACA,qBAGF,UACE,iBACA,2BACA,sBACA,SACA,kDACA,mCACA,gBAEA,eACE,+CAIJ,UACE,oBAGF,UACE,UACA,aACA,kBACA,SACA,2BAGF,UACE,aACA,mBACA,kBACA,WACA,cACA,UAGF,UACE,gBAGF,UACE,+BAGF,UACE,uCACA,yBACA,mBACA,sBAGF,UACE,aACA,6BACA,gBAGF,UACE,uCAGF,UACE,2BAGF,UACE,gBACA,aACA,YAGF,UACE,kBACA,kBACA,kCACA,iBACA,sB;ACvJF,UACE,kBACA,cACA,aACA,cACA,gBAGF,UACE,kBACA,QACA,SACA,mEAEA,kBACA,wCACA,yBACA,mB;ACjBF,UACE,aACA,sCACA,uBACA,YACA,kBACA,iBAEA,mBAEA,kBAEA,mBAGF,UACE,sBACA,sCAGF,UACE,wBACA,WAEA,wCACA,gBACA,uB;AC1BF,UACE,gBACA,mBACA,kBACA,mCACA,wCACA,8BACA,wCAGF,UACE,aACA,uBACA,oBAGF,UACE,6BAGF,UACE,iCACA,aACA,8BACA,mBACA,gBACA,MACA,OAGF,UACE,kBACA,sCACA,mBAGF,UACE,WACA,YACA,kBACA,gBACA,kBAEA,oBACE,qBAIJ,UACE,cACA,uBACA,mBAGF,UACE,mCACA,uBAGF,UACE,0CAGF,UACE,0CAGF,oBACE,KACE,oCACA,UAEA,SAGF,GACE,eACA,UAEA,kBAIJ,oBACE,KACE,eACA,UAEA,iBAGF,GACE,oCACA,UAEA,UAIJ,UACE,sBACA,oBACA,aACA,gBACA,kBACA,mBACA,mCACA,oCAGF,UACE,gBACA,kBACA,aACA,sBACA,mBACA,mBACA,iCAGE,iCACE,mCACA,sBACA,eAKN,UACE,SACA,yBACA,eACA,eACA,oBACA,uBAGF,UACE,cACA,eAGF,oBACE,UACA,8CAGF,oBACE,UACA,kBACA,0CAEA,gCACE,+CAEA,wCACE,uBAKN,UACE,kBACA,gBACA,sBACA,+CACA,wCACA,sBACA,UACA,aACA,uBACA,mBACA,yBACA,kBAEA,kBACE,WACA,mDACA,kBACA,kBACA,WACA,gBACA,sBACA,WAIJ,UACE,mBACA,sBAGF,UACE,mBACA,wCACA,qBAGF,UACE,kBACA,gBACA,mBACA,sCACA,qBACA,oBACA,mBACA,mBACA,qBACA,4BACA,gBACA,uBACA,uBAGF,oBACE,kCACA,kBAGF,UACE,kBACA,cACA,eACA,kBACA,aACA,0CACA,8CACA,UAEA,sBACE,+CAIJ,UACE,WACA,YAGF,UACE,aACA,U;AC/OF,UACE,YACA,aACA,sBACA,kBACA,kBACA,mBACA,sBnBDA,yDmBMF,UACE,cACA,kBACA,aACA,8BACA,mBAGF,UACE,YAGF,UACE,oBACA,kBACA,sCAGF,UACE,iBACA,qBACA,aACA,sBAGF,UACE,eAGF,UACE,sBAGF,UACE,aACA,eACA,sCACA,mBAGF,UACE,iBACA,qBACA,sBAGF,UACE,wBACA,eACA,uBACA,SAGF,UACE,aACA,qBACA,eACA,gBACA,kBAEA,cAEA,kBACA,gBACA,cAEA,2CAEA,+CACA,2BACA,4BACA,0BAEA,2BACE,yDAGF,kBACE,WACA,kBACA,MACA,OACA,SACA,QACA,yDACA,8BACA,2BACA,yBACA,uBAEA,kCACE,yDACA,qBAGF,yBAlBF,kBAmBI,YACA,iCAKN,oBACE,oBAGF,UACE,aACA,8BACA,aACA,kBACA,uBACA,sBACA,mDAEA,gBACA,SAGF,UACE,qBAGF,UACE,2BAGF,UACE,kCACA,kBACA,oBACA,iBAGF,UACE,aACA,wCACA,eAGF,UACE,iCACA,WACA,YACA,sBACA,kBAGF,UACE,kBACA,MACA,OACA,SACA,QACA,gBACA,+CAEA,kBACE,WACA,kBACA,MACA,OACA,SACA,QACA,2BACA,4BACA,sBAGF,kDACE,yDAGF,0CACE,aAGF,2BACE,qDACA,qBAGF,kDACE,gCAEA,mEACE,oDAIJ,oCACE,kBAGF,sCACE,gEACE,gBACA,mBACA,8BAKF,sCADF,0FAEI,mCAGF,sCALF,0FAMI,kCAGF,sCATF,0FAUI,mCAKJ,mGACE,6CAGF,+CACE,WACA,kBACA,MACA,OACA,SACA,QACA,yDACA,8BACA,2BACA,yBACA,uBAEA,+DACE,yDACA,qE;AC1PN,UACE,aACA,sBACA,mBACA,uBACA,YACA,aACA,YACA,gBACA,cACA,sBACA,mDACA,kBACA,qCAEA,0BACE,yCAGF,kBACE,WACA,kBACA,QACA,UACA,sBACA,4CACA,oBAGF,wBACE,UAIJ,UACE,gBACA,uBAGF,UACE,kBACA,sCAGF,UACE,kBACA,cAEA,eACA,uBACA,mBACA,gBAGF,UACE,8BACA,mBACA,cACA,mDAGF,UACE,0BACA,4BAGF,UACE,oB;ACjEF,UACE,cACA,aACA,mBACA,aACA,iBACA,yCACA,gBACA,kBACA,UAEA,kBACA,qBACA,2BAGA,oBACA,mBrBaA,wNqBXA,0BACE,yBAMJ,oBAEE,aACA,mBACA,uBACA,mBACA,WACA,uBACA,wCACA,kCACA,mBAEA,gCACE,eACA,0DAIJ,UACE,mDACA,kCAOE,gEACE,uCAIJ,0BACE,sCAIJ,UACE,sB;AChEF,UACE,8CAGF,yBACE,UACA,yCAEA,yCACE,yBAIJ,4CAGE,uBACA,2BAGF,2DAGE,gBAGF,UACE,aACA,sBAGF,UACE,kBACA,YACA,oBACA,oBtB7BA,uDsBkCF,UACE,eAGF,UACE,cAGF,oBAEE,aACA,uBACA,mBACA,YACA,qBAGF,UACE,aACA,qCACA,YACA,gBACA,mBAGF,UACE,UACA,aACA,mBACA,kDACA,kBACA,WACA,OACA,MACA,cACA,cACA,mCACA,mCACA,gBAGF,UACE,aACA,mBAGF,UACE,iBACA,sCACA,gBAGF,UACE,4BAGF,UACE,kBACA,sCACA,oBACA,uBAGF,UACE,kBACA,YACA,aACA,UAGF,UACE,kBACA,WACA,cACA,UAGF,UACE,aACA,kBACA,mBACA,uBACA,mBACA,SACA,aACA,gBACA,UAGF,UACE,kBACA,SACA,2BACA,YAGF,UACE,kBAGF,UACE,kBACA,kBACA,wBACA,gBAGF,UACE,sBAGF,UACE,2BACA,sBACA,gBAGF,UACE,kBACA,kCAGF,UACE,kBACA,kBACA,kCACA,mBAGF,UACE,qBAGF,UACE,gBACA,+BACA,Y;AClLF,yBACE,UAGF,wBACE,eAGF,iDACE,gBAGF,UACE,Y;ACbF,wBACE,gBAGF,UACE,aACA,sBACA,mBACA,UACA,mBAGF,oBACE,gBAGF,UACE,yBAGF,UACE,kBACA,mDAGF,UACE,aACA,sBACA,WAGF,UACE,kBACA,kCACA,kBAGF,UACE,2BAGF,UACE,aACA,mBACA,YACA,cAGF,UACE,aACA,mBACA,WAIF,UACE,gBAGF,UACE,iCAGF,UACE,UACA,WACA,gBACA,kBACA,aAEA,oBACE,kBAIJ,UACE,yCACA,kBACA,eAEA,gBAGF,UACE,2BACA,2BACA,oB;ACtFF,wBACE,eACA,gBAGF,oBACE,6BACA,iBACA,sBAGF,UACE,kCAGF,UACE,+FACA,aACA,mBACA,cACA,kBACA,mCAEA,eACA,WACA,WACA,YACA,mBAGF,UACE,qCAGF,UACE,aACA,sBACA,mBACA,kBAGF,UACE,kBACA,wB;AC3CF,UACE,aACA,sBACA,WAEA,mBAGF,UACE,iB;ACTF,oBAEE,aACA,sBACA,mBACA,WAGF,UACE,qBAGF,UACE,kBACA,oBACA,oBAGF,UACE,kBACA,2BACA,yBACA,UACA,wBACA,WAGF,UACE,eACA,mBAGF,UACE,gBAGF,UACE,kBACA,WACA,gBACA,WACA,uBACA,iBAGF,UACE,kBACA,kBACA,oBAGF,oBACE,gBACA,UAGF,UACE,gBACA,iBACA,kBACA,qBAGF,UACE,kBAGF,UACE,iBACA,aACA,mB;ACtEF,UACE,aACA,uBACA,mBACA,UAEA,mBAGF,UACE,eACA,gBACA,kBAEA,aACA,mBAEA,gBACA,sBAGF,UACE,kBACA,QAGF,UACE,iBACA,qBAGF,UACE,eACA,kCAGF,UACE,wC;ACrCF,UACE,aACA,uBACA,mBACA,UAEA,iBACA,mBAGF,UACE,WACA,YACA,kBAEA,aACA,mBAEA,gBACA,sBAGF,UACE,kBACA,QAGF,UACE,eACA,kC","sources":["webpack://telegram-t/./src/components/modals/stars/StarTopupOptionList.module.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/modals/stars/gift/StarsGiftModal.module.scss","webpack://telegram-t/./src/components/common/pickers/PickerModal.module.scss","webpack://telegram-t/./src/components/main/premium/StarsGiftingPickerModal.module.scss","webpack://telegram-t/./src/components/common/BadgeButton.module.scss","webpack://telegram-t/./src/components/modals/stars/StarsBalanceModal.module.scss","webpack://telegram-t/./src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss","webpack://telegram-t/./src/components/modals/stars/transaction/PaidMediaThumb.module.scss","webpack://telegram-t/./src/components/modals/stars/transaction/StarsTransactionItem.module.scss","webpack://telegram-t/./src/components/common/PeerBadge.module.scss","webpack://telegram-t/./src/components/modals/common/TableInfoModal.module.scss","webpack://telegram-t/./src/components/modals/gift/UniqueGiftHeader.module.scss","webpack://telegram-t/./src/components/modals/stars/transaction/StarsTransactionModal.module.scss","webpack://telegram-t/./src/components/modals/stars/subscription/StarsSubscriptionModal.module.scss","webpack://telegram-t/./src/components/modals/paidReaction/StarSlider.module.scss","webpack://telegram-t/./src/components/modals/paidReaction/PaidReactionModal.module.scss","webpack://telegram-t/./src/components/common/gift/GiftRibbon.module.scss","webpack://telegram-t/./src/components/common/MiniTable.module.scss","webpack://telegram-t/./src/components/middle/message/SimilarChannels.module.scss","webpack://telegram-t/./src/components/modals/gift/GiftComposer.module.scss","webpack://telegram-t/./src/components/modals/gift/GiftItem.module.scss","webpack://telegram-t/./src/components/modals/gift/StarGiftCategoryList.module.scss","webpack://telegram-t/./src/components/modals/gift/GiftModal.module.scss","webpack://telegram-t/./src/components/modals/gift/recipient/GiftRecipientPicker.module.scss","webpack://telegram-t/./src/components/modals/gift/info/GiftInfoModal.module.scss","webpack://telegram-t/./src/components/modals/common/TableAboutModal.module.scss","webpack://telegram-t/./src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss","webpack://telegram-t/./src/components/modals/gift/status/GiftStatusInfoModal.module.scss","webpack://telegram-t/./src/components/modals/gift/withdraw/GiftWithdrawModal.module.scss","webpack://telegram-t/./src/components/modals/gift/transfer/GiftTransferModal.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  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0.125rem;\n\n  padding: 1rem;\n  border-radius: 0.625rem;\n\n  background-color: var(--_background-color);\n  transition: background-color 0.25s ease-out;\n\n  cursor: var(--custom-cursor, pointer);\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  align-items: center;\n  gap: 0.25rem;\n\n  font-weight: var(--font-weight-medium);\n  font-size: 1.5rem;\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  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) {\n  padding-inline-end: calc($padding - var(--scrollbar-width));\n}\n\n@mixin adapt-margin-to-scrollbar($margin) {\n  margin-inline-end: calc($margin - var(--scrollbar-width));\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    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 0.75rem;\n    margin-bottom: 0.5rem;\n    background: transparent;\n\n    &:focus {\n      outline: none;\n    }\n\n    &::-ms-track {\n      width: 100%;\n      cursor: var(--custom-cursor, pointer);\n\n      background: transparent;\n      border-color: transparent;\n      color: transparent;\n    }\n\n    &::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n\n    &::-moz-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}\n\n@mixin header-pane {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 2.875rem;\n  transform: translateY(-100%);\n  transition: transform var(--slide-transition);\n\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  padding-left: max(0.75rem, env(safe-area-inset-left));\n  padding-right: max(0.5rem, env(safe-area-inset-right));\n  background-color: var(--color-background);\n\n  &::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: -0.1875rem;\n    left: 0;\n    right: 0;\n    height: 0.125rem;\n    box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n  }\n\n  // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: -100%;\n    left: 0;\n    right: 0;\n    height: inherit;\n    background-color: inherit;\n    z-index: -1;\n  }\n}\n\n@mixin side-panel-section {\n  background-color: var(--color-background);\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n  border-bottom: 0.625rem solid var(--color-background-secondary);\n\n  &:last-child {\n    border-bottom: none;\n    box-shadow: none;\n  }\n}\n","@use \"../../../../styles/mixins\";\n\n.modalDialog :global(.modal-dialog) {\n  overflow: hidden;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding: 0 !important;\n  overflow: hidden !important;\n}\n\n.main {\n  height: 100%;\n  overflow-y: scroll;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.headerInfo {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.logo {\n  margin: 1rem;\n  width: 6.25rem;\n  height: 6.25rem;\n  min-height: 6.25rem;\n}\n\n.logoBackground {\n  position: absolute;\n  top: 0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n  height: 8rem;\n}\n\n.description {\n  text-align: center;\n  margin-inline: 0.5rem;\n  margin-bottom: 1rem;\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  z-index: 2;\n  display: flex;\n  align-items: center;\n  border-bottom: 0.0625rem solid var(--color-borders);\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 3.5rem;\n  padding: 0.5rem;\n  background: var(--color-background);\n  transition: 0.25s ease-out transform;\n}\n\n.starHeaderText {\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n  margin: 0 0 0 3.5rem;\n  unicode-bidi: plaintext;\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.closeButton {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.5rem;\n  z-index: 3;\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  text-align: center;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  padding: 1rem;\n  margin-top: auto;\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  padding: 0.25rem;\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  padding: 0.375rem 1rem 0.25rem 0.75rem;\n  margin-bottom: 0.625rem;\n  background-color: var(--color-background);\n  box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n  border-bottom: 0.625rem solid var(--color-background-secondary);\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n  flex-shrink: 0;\n  overflow-y: auto;\n  max-height: 20rem;\n}\n\n.title {\n  margin: 0;\n}\n\n.buttons {\n  width: 100%;\n  background: var(--color-background);\n  position: absolute;\n  bottom: 0;\n  z-index: 1;\n  padding: 0.75rem;\n}\n\n.picker {\n  height: 75vh;\n}\n\n.avatars {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n  margin: 1rem;\n}\n\n.center {\n  text-align: center;\n}\n\n.description,\n.premiumFeatures {\n  text-align: center;\n  margin: 0 auto 2rem;\n  max-width: 25rem;\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",".root {\n  font-size: 0.75rem;\n  line-height: 1;\n  border-radius: 1em;\n  padding: 0.25em 0.5em;\n  background-color: var(--accent-background-active-color);\n  color: var(--accent-color);\n\n  filter: brightness(1);\n  transition: 150ms filter ease-in;\n}\n\n.clickable {\n  cursor: var(--custom-cursor, pointer);\n\n  &:hover {\n    filter: brightness(1.1);\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}\n\n.root :global(.modal-dialog) {\n  height: min(45rem, 90vh);\n  max-width: 26.25rem;\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  height: 100%;\n  overflow-y: scroll;\n}\n\n.container {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 0.5rem;\n  position: relative;\n\n  @include mixins.adapt-padding-to-scrollbar(0.5rem);\n  @include mixins.side-panel-section;\n}\n\n.sectionTitle {\n  color: var(--color-primary);\n  font-weight: var(--font-weight-medium);\n  font-size: 1rem;\n  align-self: flex-start;\n  padding: 0.25rem 0.75rem;\n}\n\n.tos {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  background-color: var(--color-background-secondary);\n  padding: 0.5rem 1rem;\n  padding-top: 0;\n}\n\n.logo {\n  margin: 1rem;\n  width: 6.25rem;\n  height: 6.25rem;\n  min-height: 6.25rem;\n}\n\n.logoBackground {\n  position: absolute;\n  top: 0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n  height: 8rem;\n}\n\n.headerHext {\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n  margin-inline: 0.5rem;\n}\n\n.description {\n  text-align: center;\n  margin-inline: 0.5rem;\n  margin-bottom: 1rem;\n  text-wrap: balance;\n  line-height: 1.375;\n}\n\n.header {\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  border-bottom: 0.0625rem solid var(--color-borders);\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 3.5rem;\n  padding: 0.5rem;\n  background: var(--color-background);\n  transition: 0.25s ease-out transform;\n}\n\n.starHeaderText {\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n  margin: 0 0 0 3rem;\n  unicode-bidi: plaintext;\n}\n\n.botItem {\n  margin-bottom: 0.75rem;\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.closeButton {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.5rem;\n  z-index: 3;\n}\n\n.addStarsButton {\n  width: 1rem;\n  height: 1rem;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n\n  transition: opacity 0.15s;\n  opacity: 1;\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  line-height: 1.5;\n  font-weight: var(--font-weight-medium);\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.modalBalance {\n  position: absolute;\n  top: 0.75rem;\n  right: 1.25rem;\n  z-index: 3;\n}\n\n.starButton {\n  grid-column: 1/-1;\n  gap: 0.5rem;\n  margin-top: 0.5rem;\n  font-weight: var(--font-weight-medium);\n}\n\n.paymentContent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.paymentImages {\n  display: grid;\n  grid-auto-columns: 3.5rem;\n  grid-auto-flow: column;\n  place-items: center;\n  margin-bottom: 1rem;\n  position: relative;\n}\n\n.paymentPhoto {\n  outline: 0.25rem solid var(--color-background);\n  z-index: 1;\n}\n\n.avatarStar {\n  font-size: 2rem;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n\n  position: absolute;\n  right: -1rem;\n  bottom: 0;\n  z-index: 1;\n}\n\n.paymentImageBackground {\n  height: 7rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.paymentButton {\n  display: flex;\n  align-items: center;\n  margin-top: 1rem;\n}\n\n.paymentButtonStar {\n  --color-fill: white !important;\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  top: 3.5rem;\n  padding-inline: 0;\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  justify-content: flex-start;\n  gap: 0.75rem;\n}\n\n.loadMoreIcon {\n  display: grid;\n  place-items: center;\n  width: 2.75rem;\n  height: 2.75rem;\n  font-size: 1.5rem;\n}\n","@use '../../../../styles/mixins';\n\n.root {\n  display: flex;\n  gap: 0.75rem;\n  padding: 0.25rem 0.75rem 0.25rem 0.25rem;\n  border-radius: 0.5rem;\n  cursor: var(--custom-cursor, pointer);\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  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 0.25rem;\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.25;\n}\n\n.title {\n  font-size: 0.9375rem;\n}\n\n.subtitle {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.8125rem;\n}\n\n.description, .statusPeriod, .statusEnded {\n  font-size: 0.8125rem;\n  color: var(--color-text-secondary);\n}\n\n.statusEnded {\n  color: var(--color-error);\n}\n\n.preview {\n  position: relative;\n  align-self: center;\n}\n\n.subscriptionStar {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n",".root {\n  display: grid;\n  grid-auto-columns: 0.5rem;\n  grid-auto-rows: 0.5rem;\n  place-items: center;\n  place-content: center;\n\n  height: 5rem;\n  position: relative;\n\n  z-index: 2;\n}\n\n.preview {\n  height: 2.75rem;\n  width: 2.75rem;\n\n  grid-auto-columns: 0.25rem;\n  grid-auto-rows: 0.25rem;\n}\n\n.count {\n  display: flex;\n  align-items: center;\n  z-index: 1;\n\n  font-size: 2rem;\n  line-height: 1;\n  color: white;\n}\n\n.thumb {\n  position: relative;\n  height: 5rem;\n  width: 5rem;\n  border-radius: 1rem;\n  overflow: hidden;\n  outline: 0.25rem solid var(--color-background);\n}\n\n.preview .thumb {\n  height: 2.5rem;\n  width: 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-row: 1;\n  grid-column: 1;\n}\n\n.thumb:nth-child(2),\n.itemCount2 .count {\n  grid-row: 2;\n  grid-column: 2;\n}\n\n.thumb:nth-child(3),\n.itemCount3 .count {\n  grid-row: 3;\n  grid-column: 3;\n}\n\n.blurry, .full {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\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  display: flex;\n  gap: 0.75rem;\n  padding: 0.25rem 0.75rem 0.25rem 0.25rem;\n  border-radius: 0.5rem;\n  cursor: var(--custom-cursor, pointer);\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  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 0.25rem;\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.25;\n}\n\n.title {\n  font-size: 0.9375rem;\n}\n\n.description, .date {\n  font-size: 0.8125rem;\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  align-self: center;\n}\n\n.subscriptionStar {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n\n.uniqueGiftBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  aspect-ratio: 1 / 1;\n  border-radius: 0.25rem;\n}\n\n.giftSticker {\n  margin-inline: 0.25rem;\n  margin-top: 0.25rem;\n}\n",".root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.top {\n  display: grid;\n  place-items: center;\n  position: relative;\n}\n\n.badge {\n  position: absolute;\n  bottom: -0.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.75rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n  white-space: nowrap;\n  padding: 0.25rem;\n\n  background-color: var(--color-primary);\n  color: var(--color-white);\n  border: 2px solid var(--color-background);\n  border-radius: 1rem;\n}\n\n.text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: center;\n  font-size: 0.875rem;\n  width: 100%;\n  margin-bottom: 0;\n}\n","@use '../../../styles/mixins';\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-inline: 1rem !important;\n  max-height: min(92vh, 45rem) !important;\n  overflow-x: hidden;\n}\n\n.title {\n  background-color: var(--color-background-secondary);\n}\n\n.value {\n  background-color: var(--color-background);\n  word-break: break-word;\n  min-width: 2rem;\n}\n\n.table {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--color-borders);\n  background-color: var(--color-borders);\n  gap: 1px;\n\n  flex-shrink: 0;\n\n  overflow: hidden;\n}\n\n.noFooter {\n  margin-top: 1.5rem;\n}\n\n.cell {\n  display: flex;\n  align-items: center;\n  padding: 0.25rem 0.5rem;\n  position: relative;\n  min-height: 2.5rem;\n  font-size: 0.9375rem;\n}\n\n.fullWidth {\n  grid-column: 1 / -1;\n}\n\n.avatar {\n  align-self: center;\n}\n\n.chatItem {\n  width: fit-content;\n  background-color: var(--color-background);\n  color: var(--color-primary);\n}\n",".root {\n  --_height: 15rem;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: var(--_height);\n  margin-bottom: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.radialPattern {\n  position: absolute;\n  inset: -5%;\n  top: -5rem;\n  height: calc(var(--height) * 1.05);\n\n  z-index: -1;\n}\n\n.sticker {\n  margin-top: 2rem;\n}\n\n.transition {\n  position: absolute;\n  top: 0;\n  height: calc(var(--_height) + 1rem); // Account for top modal padding\n  overflow: hidden;\n}\n\n.transitionSlide {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.title {\n  font-size: 1.25rem;\n  color: white;\n  margin-top: auto;\n}\n\n.subtitle {\n  max-width: 75%;\n  font-size: 0.875rem;\n  transition: color 150ms ease-in;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.title, .subtitle {\n  margin-bottom: 0;\n  z-index: 1;\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  align-items: center;\n  gap: 0.25rem;\n  margin-block: 1rem;\n}\n\n.uniqueGift {\n  margin-block: 0;\n}\n\n.amount {\n  display: flex;\n  gap: 0.25rem;\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  text-align: center;\n  text-wrap: balance;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n  margin-top: 1rem;\n  line-height: 1.25;\n}\n\n.tid {\n  font-family: var(--font-family-monospace);\n  font-size: 0.875rem;\n  cursor: pointer;\n\n  overflow: hidden;\n  white-space: nowrap;\n\n  @include mixins.gradient-border-right(3rem, 1rem);\n}\n\n.description {\n  text-align: center;\n}\n\n.footer {\n  text-align: center;\n  margin-block: 0.5rem;\n  color: var(--color-text-secondary);\n  font-size: 0.875rem;\n}\n\n.starsBackground {\n  position: absolute;\n  height: 7rem;\n  top: -0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: -1;\n}\n\n.copyIcon {\n  position: absolute;\n  right: 0.25rem;\n  top: 50%;\n  transform: translateY(-50%);\n\n  margin-inline-start: 0.25rem;\n  color: var(--color-primary);\n  pointer-events: none;\n}\n\n.mediaPreview {\n  margin-block: 1.5rem 1rem;\n  cursor: var(--custom-cursor, pointer);\n}\n\n.subtitle {\n  text-align: center;\n  margin-top: 1rem;\n}\n\n.starGiftSticker {\n  height: 150px;\n  width: 150px;\n  position: relative;\n}\n","@use '../../../../styles/mixins';\n\n.modal {\n  z-index: calc(var(--z-modal-low-priority) + 1);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.25rem;\n  margin-block: 1rem;\n  position: relative;\n}\n\n.title, .amount {\n  margin-bottom: 0;\n}\n\n.title {\n  text-align: center;\n  text-wrap: balance;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-semibold);\n  margin-top: 1rem;\n  line-height: 1.25;\n}\n\n.amount {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: var(--color-text-secondary);\n}\n\n.footer {\n  text-align: center;\n  margin-block: 0.5rem;\n  color: var(--color-text-secondary);\n  font-size: 0.875rem;\n}\n\n.starsBackground {\n  position: absolute;\n  height: 7rem;\n  top: -0.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: -1;\n}\n\n.avatarWrapper {\n  position: relative;\n}\n\n.subscriptionStar {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n\n  font-size: 1.75rem;\n  z-index: 1;\n\n  @include mixins.filter-outline(1px, var(--color-background));\n}\n\n.amountStar {\n  font-size: 1.25rem;\n}\n\n.secondary {\n  color: var(--color-text-secondary);\n}\n\n.danger {\n  color: var(--color-error);\n}\n","@use \"../../../styles/mixins\";\n\n.root {\n  --_size: 1.875rem;\n  --progress: 0;\n\n  position: relative;\n  padding-top: 4rem;\n  overflow-x: hidden;\n\n  @include mixins.reset-range();\n}\n\n.slider {\n  height: var(--_size) !important;\n  margin-bottom: 0 !important;\n  cursor: pointer;\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    height: var(--_size);\n    width: var(--_size);\n    background-color: transparent;\n    border: none;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &::-moz-range-thumb {\n    height: var(--_size);\n    width: var(--_size);\n    background-color: transparent;\n    border: none;\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.sparkles {\n  left: 0;\n  bottom: 0;\n  height: var(--_size);\n  pointer-events: none;\n\n  --_width: calc(100% - 1rem);\n  mask-image: linear-gradient(to right, black var(--_width), transparent calc(var(--_width) + 0.5rem));\n\n  color: white;\n}\n\n.progress {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: var(--_size);\n  pointer-events: none;\n  border-radius: 1rem;\n\n  min-width: var(--_size);\n  width: calc(var(--_size) + (var(--progress) * (100% - var(--_size))));\n\n  background-image: var(--stars-gradient);\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    right: 0.125rem;\n    top: 0.125rem;\n    width: 1.625rem;\n    height: 1.625rem;\n    border-radius: 50%;\n    background-color: white;\n    z-index: 1;\n  }\n}\n\n.floatingBadgeWrapper {\n  --_min-x: 0;\n  --_max-x: 100%;\n\n  position: absolute;\n  left: 0;\n  right: 0;\n  transform:\n  translateX(\n    clamp(\n      var(--_min-x),\n      calc(var(--_size) / 2 + var(--progress) * (100% - var(--_size))),\n      var(--_max-x),\n    )\n  );\n  pointer-events: none;\n}\n\n.floatingBadge {\n  --_speed: 0;\n  position: absolute;\n  top: -1rem;\n  left: 0;\n  transform: translate(-50%, -100%);\n}\n\n.floatingBadgeText {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n\n  padding: 0.5rem 1rem;\n  border-radius: 2rem;\n\n  background-image: var(--stars-gradient);\n\n  line-height: 1;\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  color: white;\n  white-space: nowrap;\n}\n\n.floatingBadgeTriangle {\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  transform: translate(-50%, 33%);\n  z-index: -1;\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  font-size: 1.5rem;\n  margin-bottom: 0;\n  margin-top: 1.25rem;\n}\n\n.slider {\n  margin-top: 2rem;\n  flex-shrink: 0;\n}\n\n.description {\n  margin-bottom: 1.5rem;\n}\n\n.title, .description {\n  text-align: center;\n}\n\n.itemInfo {\n  flex-grow: 1;\n  overflow: hidden;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  margin-left: 0.5rem;\n}\n\n.itemTitle {\n  line-height: 1rem;\n  margin-bottom: 0.125rem;\n}\n\n.itemSubtitle {\n  font-size: 0.9375rem;\n  color: var(--color-text-secondary);\n  line-height: 1rem;\n}\n\n.itemIcon {\n  margin-left: 0.5rem;\n  margin-right: 0 !important;\n}\n\n.sendAsPeerButtonAvatar {\n  pointer-events: none;\n}\n\n.sendAsPeerMenuButton {\n  transition: background-color 0.15s;\n  margin-right: 0.25rem;\n  border-radius: 1.5rem;\n  padding: 0.25rem !important;\n  width: auto;\n  height: auto !important;\n  background-color: var(--color-background-secondary) !important;\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-left: 0.25rem;\n  margin-right: 0.125rem;\n}\n\n.sendAsPeerMenuBubble {\n  max-height: 15rem;\n  overflow-y: auto !important;\n  right: auto !important;\n  left: 50%;\n  transform: translateX(-50%) scale(0.85) !important;\n  transform-origin: center !important;\n  max-width: 16rem;\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  z-index: 3;\n  display: flex;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.headerControlPanel {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 0.75rem;\n  right: 1.25rem;\n  z-index: 3;\n}\n\n.separator {\n  margin-top: 1rem;\n}\n\n.checkBox {\n  margin-block: 0.25rem !important;\n}\n\n.topLabel {\n  background-image: var(--stars-gradient);\n  color: var(--color-white);\n  border-radius: 1rem;\n  padding: 0.25rem 0.75rem;\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.buttonStar {\n  margin-inline-start: 0.25rem;\n}\n\n.topPeer {\n  overflow: hidden;\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.disclaimer {\n  font-size: 0.875rem;\n  align-self: center;\n  color: var(--color-text-secondary);\n  margin-top: 0.5rem;\n  margin-bottom: 0.125rem;\n}\n",".root {\n  position: absolute;\n  height: 3.5rem;\n  width: 3.5rem;\n  top: -0.125rem;\n  right: -0.125rem;\n}\n\n.text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) translate(6px, -6px) rotate(45deg);\n\n  font-size: 0.625rem;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-white);\n  white-space: nowrap;\n}\n",".root {\n  display: grid;\n  grid-template-columns: min-content 1fr;\n  justify-content: center;\n  gap: 0.375rem;\n  font-size: 0.875rem;\n  margin-top: 0.5rem;\n\n  text-align: initial;\n\n  position: relative;\n\n  white-space: nowrap;\n}\n\n.key {\n  justify-self: flex-end;\n  font-weight: var(--font-weight-normal);\n}\n\n.value {\n  justify-self: flex-start;\n  width: 100%; // Grid ellipsis hack\n\n  font-weight: var(--font-weight-semibold);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n",".root {\n  max-width: 45rem;\n  margin-top: 0.625rem;\n  position: relative;\n  --more-channel-background: #d8d8d8;\n  --more-channel-background-dark: #8f8f8f;\n  --more-channel-badge: #8f8f8f;\n  --more-channel-badge-overlay: #00000033;\n}\n\n.notch {\n  display: flex;\n  justify-content: center;\n  margin-top: 0.1875rem;\n}\n\n.notch-path {\n  fill: var(--color-background);\n}\n\n.header {\n  padding: 0.375rem 0.375rem 0 0.75rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  left: 0;\n}\n\n.title {\n  font-size: 0.875rem;\n  font-weight: var(--font-weight-medium);\n  line-height: 1.5rem;\n}\n\n.close {\n  width: auto;\n  height: auto;\n  font-size: 1.25rem;\n  padding: 0.125rem;\n  border-radius: 50%;\n\n  > .icon {\n    margin-left: 0.0625rem;\n  }\n}\n\n.skeleton {\n  height: 8.5rem;\n  border-radius: 0.9375rem;\n  margin-top: 0.625rem;\n}\n\n.inner {\n  background: var(--color-background);\n  border-radius: 0.9375rem;\n}\n\n.is-appearing {\n  animation: 0.15s ease-out channels-appear forwards;\n}\n\n.is-hiding {\n  animation: 0.15s ease-out channels-disappear forwards;\n}\n\n@keyframes channels-appear {\n  from {\n    transform: scale(0) translateY(-50%);\n    opacity: 0;\n    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n    height: 0;\n  }\n\n  to {\n    transform: none;\n    opacity: 1;\n    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n    height: 8.9375rem;\n  }\n}\n\n@keyframes channels-disappear {\n  from {\n    transform: none;\n    opacity: 1;\n    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n    height: 8.9375rem;\n  }\n\n  to {\n    transform: scale(0) translateY(-50%);\n    opacity: 0;\n    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n    height: 0;\n  }\n}\n\n.channel-list {\n  padding-bottom: 0.25rem;\n  padding-left: 0.25rem;\n  display: flex;\n  overflow-x: auto;\n  overflow-y: hidden;\n  white-space: nowrap;\n  border-bottom-left-radius: 0.9375rem;\n  border-bottom-right-radius: 0.9375rem;\n}\n\n.item {\n  height: 6.375rem;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 0.5rem;\n  padding: 0.5rem 0.5rem 0.25rem 0.5rem;\n\n  &:not(:last-child) {\n    &:hover {\n      background: var(--color-chat-hover);\n      border-radius: 0.625rem;\n      cursor: pointer;\n    }\n  }\n}\n\n.last-item {\n  margin: 0;\n  padding: 0.5rem 0 0.25rem 0;\n  cursor: pointer;\n  min-width: 5rem;\n  margin-right: 0.75rem;\n  align-items: flex-start;\n}\n\n.avatar {\n  width: 3.75rem;\n  height: 3.75rem;\n}\n\n.last-item .avatar {\n  z-index: 3;\n  outline: 0.125rem solid var(--color-background);\n}\n\n.last-item .badge {\n  z-index: 4;\n  align-self: center;\n  background: var(--more-channel-background);\n\n  :global(.theme-dark) & {\n    background: var(--more-channel-background-dark);\n\n    &::before {\n      background-color: unset;\n    }\n  }\n}\n\n.badge {\n  max-width: 3.75rem;\n  height: 0.9375rem;\n  margin-top: -0.8125rem;\n  outline: 0.0625rem solid var(--color-background);\n  padding: 0.125rem 0.1875rem 0.125rem 0.25rem;\n  border-radius: 0.625rem;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-white);\n  position: relative;\n\n  &::before {\n    content: \"\";\n    background-color: var(--more-channel-badge-overlay);\n    position: absolute;\n    max-width: 3.75rem;\n    width: 100%;\n    height: 0.9375rem;\n    border-radius: 0.625rem;\n    z-index: -1;\n  }\n}\n\n.icon {\n  font-size: 0.4375rem;\n  margin-right: 0.0625rem;\n}\n\n.members-count {\n  font-size: 0.5625rem;\n  font-weight: var(--font-weight-semibold);\n  line-height: 0.6875rem;\n}\n\n.channel-title {\n  text-align: center;\n  height: 1.625rem;\n  font-size: 0.6875rem;\n  font-weight: var(--font-weight-normal);\n  line-height: 0.8125rem;\n  max-width: 3.4375rem;\n  margin-top: 0.125rem;\n  white-space: normal;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  unicode-bidi: plaintext;\n}\n\n.last-item .channel-title {\n  color: var(--color-text-secondary);\n  align-self: center;\n}\n\n.fake-avatar {\n  border-radius: 50%;\n  width: 3.75rem;\n  height: 3.75rem;\n  position: absolute;\n  left: 0.625rem;\n  background: var(--more-channel-background);\n  outline: 0.125rem solid var(--color-background);\n  z-index: 2;\n\n  :global(.theme-dark) & {\n    background: var(--more-channel-background-dark);\n  }\n}\n\n.fake-avatar-inner {\n  width: 100%;\n  height: 100%;\n}\n\n.last-fake-avatar {\n  left: 1.25rem;\n  z-index: 1;\n}\n","@use \"../../../styles/mixins\";\n\n.root {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  overflow-x: hidden;\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  padding: 0.5rem;\n  padding-left: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\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  margin-left: auto;\n  align-items: flex-end;\n  display: flex;\n  flex-direction: column;\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  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n  align-items: center;\n}\n\n.optionsSection {\n  padding-top: 1rem;\n  padding-bottom: 0.5rem;\n  padding-inline: 0.25rem;\n}\n\n.checkboxTitle {\n  color: var(--color-text);\n  font-size: 1rem;\n  text-transform: initial;\n  margin: 0;\n}\n\n.actionMessageView {\n  display: grid;\n  place-content: center;\n  height: 22.5rem;\n  margin-bottom: 0;\n  margin-top: 0.75rem;\n\n  padding: 0.5rem;\n\n  position: relative;\n  overflow: hidden;\n  flex: 0 0 auto;\n\n  border-radius: var(--border-radius-default);\n\n  background-color: var(--theme-background-color);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n\n  :global(html.theme-light) & {\n    background-image: url('../../../assets/chat-bg-br.png');\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-image: url('../../../assets/chat-bg-pattern-light.png');\n    background-position: top right;\n    background-size: 510px auto;\n    background-repeat: repeat;\n    mix-blend-mode: overlay;\n\n    :global(html.theme-dark) & {\n      background-image: url('../../../assets/chat-bg-pattern-dark.png');\n      mix-blend-mode: unset;\n    }\n\n    @media (max-width: 600px) {\n      bottom: auto;\n      height: calc(var(--vh, 1vh) * 100);\n    }\n  }\n}\n\n.messageInput, .limited {\n  margin-bottom: 0.5rem;\n}\n\n.footer {\n  display: flex;\n  justify-content: space-between;\n  padding: 1rem;\n  padding-top: 0.5rem;\n  margin-inline: -0.75rem; // Account for padding\n  flex-direction: column;\n  background-color: var(--color-background-secondary);\n\n  position: sticky;\n  bottom: 0;\n}\n\n.switcher {\n  margin-bottom: 0.25rem;\n}\n\n.switcherStarIcon {\n  margin-inline: 0 !important;\n}\n\n.description {\n  color: var(--color-text-secondary);\n  font-size: 0.875rem;\n  margin-bottom: 0.5rem;\n  margin-left: 1rem;\n}\n\n.main-button {\n  display: flex;\n  font-weight: var(--font-weight-semibold);\n  font-size: 1rem;\n}\n\n.star {\n  --color-fill: var(--color-white);\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  left: 0;\n  bottom: 0;\n  right: 0;\n  overflow: hidden;\n  background-color: var(--theme-background-color);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  :global(html.theme-light) &:not(.customBgImage)::before {\n    background-image: url('../../../assets/chat-bg-br.png');\n  }\n\n  &:not(.customBgImage).customBgColor::before {\n    display: none;\n  }\n\n  &.customBgImage::before {\n    background-image: var(--custom-background) !important;\n    transform: scale(1.1);\n  }\n\n  :global(body:not(.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  @media screen and (min-width: 1276px) {\n    :global(body:not(.no-page-transitions)) &:not(.customBgImage)::before {\n      overflow: hidden;\n      transform: scale(1);\n      transform-origin: left center;\n    }\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    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-image: url('../../../assets/chat-bg-pattern-light.png');\n    background-position: top right;\n    background-size: 510px auto;\n    background-repeat: repeat;\n    mix-blend-mode: overlay;\n\n    :global(html.theme-dark) & {\n      background-image: url('../../../assets/chat-bg-pattern-dark.png');\n      mix-blend-mode: unset;\n    }\n  }\n}\n",".container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-basis: 0;\n  min-width: 0;\n  padding: 0.625rem;\n  padding-top: 0;\n  border-radius: 0.625rem;\n  background-color: var(--color-background-secondary);\n  position: relative;\n  cursor: var(--custom-cursor, pointer);\n\n  :global(html.theme-dark) & {\n    background-color: var(--color-background);\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    border-radius: 0.625rem;\n    background-color: var(--color-hover-overlay);\n    pointer-events: none;\n  }\n\n  &:hover::before {\n    opacity: 1;\n  }\n}\n\n.starGift {\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  font-size: 0.875rem;\n  line-height: 1;\n\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.buy {\n  font-size: 0.6875rem !important;\n  margin-top: 0.625rem;\n  line-height: 1;\n  font-weight: var(--font-weight-semibold) !important;\n}\n\n.star {\n  margin-inline-end: 0.125rem;\n  font-size: 0.75rem !important;\n}\n\n.amount {\n  margin-top: 0.0625rem; // It just refuses to be centered\n}\n","@use '../../../styles/mixins';\n\n.list {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 0.0625rem;\n  flex-wrap: nowrap;\n  background-color: var(--color-background);\n  overflow-x: auto;\n  overflow-y: hidden;\n  z-index: 1;\n\n  font-size: 0.875rem;\n  padding-block: 0.25rem;\n  justify-content: flex-start;\n\n  // Prevent first item from being always partially obscured\n  margin-left: -0.5rem;\n  padding-left: 0.5rem;\n\n  :global(html.theme-dark) & {\n    background-color: #181818;\n  }\n\n  @include mixins.gradient-border-horizontal(0.5rem, 0.5rem);\n}\n\n.item-selected,\n.item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  width: auto;\n  padding: 0.375rem 0.75rem;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-secondary);\n  border-radius: 1rem;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--color-background-secondary-accent);\n  }\n}\n\n.selected-item {\n  background-color: var(--color-background-secondary);\n  color: var(--color-text-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","@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    background-color: #181818;\n  }\n}\n\n.root :global(.modal-dialog),\n.transition,\n.content {\n  height: min(92vh, 45rem);\n  max-height: none !important;\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.main {\n  overflow-y: scroll;\n  height: 100%;\n  padding-bottom: 1rem;\n  padding-inline: 1rem;\n\n  @include mixins.adapt-padding-to-scrollbar(1rem);\n}\n\n.giftSection {\n  padding: 1.5rem;\n}\n\n.section {\n  padding: 0.5rem;\n}\n\n.starGiftsContainer,\n.premiumGiftsGallery {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.625rem;\n  margin-bottom: 0.75rem;\n}\n\n.starGiftsContainer {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin: 0rem;\n  padding: 0.125rem;\n  padding-top: 0.75rem;\n}\n\n.header {\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  border-bottom: 0.0625rem solid var(--color-borders);\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 3.5rem;\n  padding: 0.5rem;\n  background: var(--color-background);\n  transition: 0.25s ease-out transform;\n  overflow: hidden;\n}\n\n.headerSlide {\n  display: flex;\n  align-items: center;\n}\n\n.headerText {\n  font-size: 1.5rem;\n  font-weight: var(--font-weight-medium);\n  margin-bottom: 0;\n}\n\n.hiddenHeader {\n  transform: translateY(-100%);\n}\n\n.commonHeaderText {\n  font-size: 1.25rem;\n  font-weight: var(--font-weight-medium);\n  margin: 0 0 0 4.5rem;\n  unicode-bidi: plaintext;\n}\n\n.closeButton {\n  position: absolute;\n  top: 0.375rem;\n  left: 0.375rem;\n  z-index: 3;\n}\n\n.balance {\n  position: absolute;\n  top: 0.75rem;\n  right: 1.25rem;\n  z-index: 3;\n}\n\n.avatars {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  margin-top: 1rem;\n  z-index: 1;\n}\n\n.logoBackground {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  height: 7rem;\n}\n\n.center {\n  text-align: center;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.375;\n  margin: 0.25rem 1rem 1rem;\n  max-width: 25rem;\n}\n\n.starGiftsDescription {\n  margin-bottom: 0.625rem;\n}\n\n.boostIcon {\n  color: var(--color-primary);\n  vertical-align: middle;\n  line-height: 1.5;\n}\n\n.optionBottom {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.secondaryInfo {\n  text-align: center;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n  padding: 0.5rem 1rem;\n}\n\n.footer {\n  margin: 0 1.5rem 1rem;\n}\n\n.starGiftsTransition {\n  overflow: hidden;\n  min-height: calc(100% - 3.5rem);\n  height: auto;\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\n.picker {\n  height: 75vh;\n}\n",".modal :global(.modal-dialog) {\n  overflow: hidden;\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.title, .description {\n  margin-bottom: 0;\n}\n\n.soldOut {\n  color: var(--color-error);\n}\n\n.description {\n  text-align: center;\n  color: var(--_color-description, var(--color-text));\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.unknown {\n  margin-inline-start: 0.25rem;\n}\n\n.giftValue {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  line-height: 1;\n}\n\n.uniqueAttribute {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n/* stylelint-disable-next-line plugin/stylelint-group-selectors */\n.uniqueGift {\n  margin-bottom: 0;\n}\n\n.starAmountIcon {\n  margin-inline-start: 0 !important;\n}\n\n.modalHeader {\n  z-index: 2;\n  width: 100%;\n  padding: 0.375rem;\n  position: absolute;\n  display: flex;\n\n  .modalCloseButton {\n    margin-right: auto;\n  }\n}\n\n.ownerAddress {\n  font-family: var(--font-family-monospace);\n  font-size: 0.875rem;\n  cursor: pointer;\n\n  overflow: hidden;\n}\n\n.copyIcon {\n  margin-inline-start: 0.25rem;\n  color: var(--color-primary);\n  pointer-events: none;\n}\n",".root :global(.modal-dialog) {\n  width: 26.25rem;\n  overflow: hidden;\n}\n\n.title, .description {\n  text-align: center !important;\n  text-wrap: pretty;\n  padding-inline: 1.5rem;\n}\n\n.secondary {\n  color: var(--color-text-secondary);\n}\n\n.topIcon {\n  --premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--premium-gradient);\n\n  font-size: 4rem;\n  color: white;\n  width: 6rem;\n  height: 6rem;\n  margin-bottom: 1rem;\n}\n\n.listItemIcon {\n  color: var(--accent-color) !important;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow-x: hidden;\n}\n\n.separator {\n  margin-block: 1rem;\n  width: calc(100% + 2rem); // Hack to cover modal paddings\n}\n",".footer {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n\n  align-self: stretch;\n}\n\n.footerButton {\n  margin-top: 0.5rem;\n}\n",".header,\n.profileBlock {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n\n.titleContainer {\n  padding-bottom: 0.5rem;\n}\n\n.profileBlock {\n  position: relative;\n  margin-bottom: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.radialPattern {\n  position: absolute;\n  inset-inline-start: -1.5rem;\n  height: calc(100% + 2rem);\n  top: -3rem;\n  width: calc(100% + 3rem);\n  z-index: -1;\n}\n\n.lockIcon {\n  font-size: 1rem;\n  margin-left: 0.25rem;\n}\n\n.avatar {\n  margin-top: 2rem;\n}\n\n.userTitle {\n  font-size: 1.25rem;\n  color: white;\n  margin-top: auto;\n  width: 100%;\n  justify-content: center;\n  padding-top: 1rem;\n}\n\n.status {\n  font-size: 0.875rem;\n  text-align: center;\n  padding-bottom: 1rem;\n}\n\n.userTitle, .status {\n  margin-bottom: 0;\n  z-index: 1;\n}\n\n.giftTitle {\n  font-weight: 500;\n  font-size: 1.5rem;\n  text-align: center;\n  padding-bottom: 0.5rem;\n}\n\n.infoDescription {\n  text-align: center;\n}\n\n.footer {\n  margin-top: 0.5rem;\n  display: flex;\n  align-self: stretch;\n}\n",".header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n\n  margin-bottom: 1rem;\n}\n\n.giftPreview {\n  width: 5.625rem;\n  height: 5.625rem;\n  position: relative;\n\n  display: grid;\n  place-items: center;\n\n  overflow: hidden;\n  border-radius: 0.625rem;\n}\n\n.backdrop {\n  position: absolute;\n  inset: 0;\n}\n\n.description {\n  text-wrap: pretty;\n  margin-bottom: 1.5rem;\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",".header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.giftPreview {\n  width: 4rem;\n  height: 4rem;\n  position: relative;\n\n  display: grid;\n  place-items: center;\n\n  overflow: hidden;\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"],"names":[],"sourceRoot":""}