1 line
44 KiB
Plaintext
1 line
44 KiB
Plaintext
{"version":3,"file":"BundleStars.98b3cc19d21459eb9a87.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,gBACA,iBACA,cAGF,UACE,aACA,2BACA,sBACA,kBAGF,UCvCE,0PACE,CDwCF,gCAGF,UACE,kBACA,kCAGF,UACE,iBAGF,UACE,2BACA,iBAGF,yBACE,UACE,gB;AE5EJ,yBACE,wBACE,4BAIJ,yBACE,UAGF,wBACE,mBACA,gBAGF,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,cAGF,UACE,UACA,aACA,mBACA,kDACA,kBACA,WACA,OACA,MACA,cACA,cACA,mCACA,mCAGF,UACE,kBACA,gBACA,oBACA,uBAGF,UACE,4BAGF,UACE,kBACA,UACA,WACA,UAGF,UACE,YAGF,UACE,kBAGF,UACE,kBACA,kBACA,kCACA,aACA,gBAGF,yBACE,wBACE,2B;AC9GJ,UACE,oCACA,sBACA,yBACA,kBACA,uBACA,oBACA,qBACA,gBACA,0B;ACTF,cACE,qBACA,cACA,aACA,cAEA,mCACA,wB;ACPF,UACE,wBACA,mBACA,WAEA,wBACE,2BAIJ,UACE,cACA,gBAEA,mBACE,mBAIJ,UACE,mBACA,gBACA,uB;ACtBF,UACE,aACA,2BACA,8DACA,mBAEA,kBACA,eACA,kBAEA,2CACA,gBAEA,yCACA,wBACA,iBACA,mBAEA,6CACA,0BAEA,yBArBF,UAsBI,gBACA,sBAIJ,UACE,qCAEA,qBACE,wCAEE,0CAKN,UACE,WACA,gBAEA,YACA,uCACA,eACA,yBAGF,UACE,aACA,WAGF,UACE,aACA,cAGF,UACE,kBACA,kCACA,WACA,cAGF,oBACE,gBACA,mBACA,uBAGF,oBACE,cAIA,oBACE,WACA,eAIJ,UACE,sBAGF,UACE,aACA,cACA,0BAGF,UACE,aACA,cACA,4BAGF,UACE,aACA,cACA,yB;ACrGF,oBACE,aACA,mBACA,mCACA,YACA,eACA,oBACA,mBACA,oBACA,mBACA,mBACA,qCACA,kBACA,gBACA,cACA,sCAEA,4BAEA,8BACE,gBAGF,0BACE,0CAGF,oCACE,oDAEA,iDACE,UAGF,2FAEE,UAKF,6CACE,gCAGF,sCACE,mCAGF,2CACE,kBAIJ,0BACE,gBAGF,2DAEE,WACA,YACA,UACA,cACA,6BAEA,uEACE,eAIJ,+BACE,aACA,mBACA,uBACA,gBACA,kBACA,sCACA,WAEA,qCACE,kBACA,kBACA,SAIJ,+BACE,kBACA,mBACA,gBACA,uBAEA,kDACE,eACA,gBACA,yBACA,oBAIJ,iCACE,kBACA,OACA,MACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,oCACA,iBACA,WACA,UACA,6BAGF,kCACE,kCACA,gCACA,uCAEA,2FACE,sBAIJ,6BACE,kBACA,gBAEA,uCACE,gBACA,eAGF,0CACE,UACA,gBAGF,wCACE,cACA,mBAGF,0CACE,UACA,Q;ACnJN,UACE,YACA,aACA,sBACA,gBAGF,UACE,uBACA,6CACA,aACA,mBACA,cAEA,gBACA,iBAEA,uBACE,gBACA,YAGF,wBACE,YACA,YACA,gBACA,UACA,2BAIJ,UACE,kCACA,qBACA,gBAEA,4BACE,0CACA,mBACA,mBAIJ,UACE,YACA,gBACA,kBAGF,UACE,cACA,wBP7CA,wDOiDA,yBANF,UAOI,kBAIJ,UACE,YACA,SACA,kBACA,aACA,mBACA,uBACA,kCAGF,UACE,2B;ACzEF,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,gB;AClFF,UACE,8CAGF,yBACE,UAGF,wBACE,qCACA,mBAGF,2DAGE,gBAGF,UACE,YACA,kBAGF,UACE,aACA,8BAGF,UACE,aACA,sBACA,mBAEA,cACA,kBV7BA,wDA4IA,yCACA,2EACA,8DU5GA,gBV8GA,qBACE,mBACA,gBU7GJ,UACE,2BACA,gBACA,eACA,sBACA,sBAGF,UACE,kBACA,kCACA,mDACA,mBAGF,UACE,YACA,cACA,eACA,mBAGF,UACE,kBACA,WACA,SACA,2BACA,YAGF,UACE,iBACA,gBACA,kBACA,oBAGF,UACE,kBACA,oBACA,mBACA,kBACA,kBAGF,UACE,UACA,aACA,mBACA,kDACA,kBACA,WACA,OACA,MACA,cACA,cACA,mCACA,mCAGF,UACE,kBACA,gBACA,kBACA,uBAGF,UACE,4BAGF,UACE,kBACA,UACA,WACA,UAGF,UACE,aACA,sBACA,qBACA,cAGF,UACE,kBAGF,UACE,gBACA,gBACA,aACA,mBACA,WAGF,UACE,kBACA,WACA,cACA,UAGF,UACE,iBACA,UACA,iBAGF,UACE,aACA,sBACA,mBAGF,UACE,aACA,yBACA,sBACA,mBACA,mBACA,kBAGF,UACE,6CACA,UAGF,UACE,eVhKA,sMACE,CUmKF,kBACA,YACA,SACA,UAGF,UACE,YACA,kBACA,QACA,SACA,gCAGF,UACE,aACA,kBACA,YAGF,UACE,aACA,YACA,gBAGF,UACE,+BAGF,oBACE,aACA,sBACA,WAGF,UAEE,kCAEA,WACA,iBAGF,UACE,iBACA,kC;AChOF,UACE,aACA,WACA,oCACA,oBACA,qCACA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,aACA,sBACA,qBACA,uBAGF,UACE,aACA,mBACA,cACA,WAGF,UACE,gBAGF,oBACE,gBAGF,UACE,eAGF,8BACE,kBACA,kCAGF,UACE,yBAGF,UACE,kBACA,sBAGF,UACE,kBACA,QACA,SACA,UXjDA,sMACE,C;AYjBJ,UACE,kBACA,WACA,YACA,6CAEA,qBACA,qBAGF,kBACE,kLACA,uCACA,uBACA,oMACA,oDACA,kCAEA,iDACE,0CAGF,4BACE,qBAIJ,UACE,cACA,WACA,YACA,iBAGF,UACE,kBACA,MACA,OACA,WACA,YAEA,0DACA,yBACA,iDACA,8DAEA,mCACA,mFAUA,sCACA,iBATA,0CAfF,UAgBI,2DAGF,0CAnBF,UAoBI,2DAMF,kBACE,WACA,kBACA,MACA,OACA,WACA,YACA,uCACA,8DAEA,iBACA,sCACA,4CACA,0EAGF,iBACE,WACA,kBACA,MACA,OACA,WACA,YACA,uCACA,8DAEA,iDACA,iDACA,4CACA,0EAIJ,yCACE,8BACA,wBAEA,iDACE,kCACA,wBAGF,gDACE,mCACA,wBAIJ,oBACE,GACE,wBAEF,KACE,2DAIJ,oBACE,GACE,4CAGF,KACE,iDAIJ,oBACE,GACE,UAGF,IACE,WAGF,KACE,a;ACzIJ,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,gBAGF,8BACE,gBAGF,UACE,eAGF,UACE,kBAGF,UACE,kBACA,kCAGF,UACE,2BAGF,UACE,yBAGF,UACE,kBACA,sBAGF,UACE,kBACA,QACA,SACA,UdlDA,sMACE,C;AejBJ,UACE,kBAEA,yBAEA,qCACE,cAIJ,UACE,kBACA,OACA,MACA,WACA,YAEA,kBACE,uB;AChBJ,UACE,aACA,sBACA,UACA,sCACA,kBAGF,UACE,mDAGF,UACE,yCACA,sBACA,eAGF,UACE,aACA,sCACA,uBACA,sCACA,sCACA,QAEA,gBAGF,UACE,aACA,mBACA,qBACA,kBACA,kBAGF,UACE,kBAGF,UACE,SACA,yCACA,yCACA,2B;AC7CF,UACE,8CAGF,UACE,2BAGF,UACE,yBAGF,UACE,aACA,sBACA,mBACA,UACA,mBACA,kBAGF,UACE,WAGF,UACE,aACA,WACA,eACA,gBACA,kBAGF,8BACE,gBAGF,UACE,yCACA,kBACA,eAEA,gBACA,mBjBLA,4IiBUF,UACE,kBAGF,UACE,kBACA,mBACA,kCACA,kBAGF,UACE,kBACA,YACA,MACA,SACA,2BACA,WAGF,UACE,kBACA,aACA,QACA,2BAEA,2BACA,2BACA,oBAGF,UACE,yBACA,qCAGF,UACE,iBAGF,UACE,kBACA,gB;AC1FF,UACE,8CAGF,UACE,aACA,sBACA,mBACA,UACA,mBACA,kBAGF,UACE,WAGF,oBACE,gBAGF,UACE,aACA,mBACA,kBACA,kCAGF,UACE,kBACA,mBACA,kCACA,kBAGF,UACE,kBACA,YACA,MACA,SACA,2BACA,WAGF,UACE,kBAGF,UACE,kBACA,SACA,QAEA,eACA,UlBxCA,sMACE,CkB4CJ,UACE,kBAGF,UACE,kCAGF,UACE,yB;ACtEF,UACE,aACA,sBACA,mBACA,UAGF,UACE,aACA,mBACA,kBAGF,UACE,kBACA,eACA,SACA,2BACA,UAEA,aACA,mBACA,YACA,iBACA,gBACA,cACA,mBACA,eAEA,sCACA,yBACA,yCACA,mBAGF,UACE,gBACA,mBACA,uBACA,kBACA,kBACA,WACA,gB;ACrCF,UACE,oBACA,gBAEA,mBACE,2BAIJ,UACE,kBAGF,oBACE,KACE,eACA,UAGF,GACE,6DACA,WAIJ,oBACE,KACE,6DACA,UAGF,GACE,eACA,WAIJ,UACE,gBACA,kBAGF,UACE,kBACA,MACA,OACA,2CAGF,UACE,kBACA,MACA,OACA,2C;AC1DF,UACE,kBACA,WACA,YACA,WACA,cACA,oBAGF,UACE,eAEA,UACA,iBACA,WACA,gBAGF,UACE,gBAGF,UACE,sBACA,cACA,cAEA,kBAEA,YACA,aAEA,+BACA,uCAGF,oBACE,GACE,UACA,0BAEF,IACE,UAEF,KACE,UACA,uD;AC5CJ,UACE,kBACA,cAEA,kBACA,iBACA,kBtBwEA,4BACE,wBACA,cACA,WACA,cACA,oBACA,yBAEA,kCACE,aAGF,uCACE,WACA,qCAEA,yBACA,2BACA,oBAGF,kDACE,wBAGF,8CACE,qBAGF,2DACE,qCAGF,+FACE,qCsBrGN,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,8CACA,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,gBACA,WACA,mBAGF,UACE,kBACA,SACA,SACA,+BACA,W;ACvIF,UACE,aACA,sBACA,WAGF,UACE,iBACA,gBACA,mBAGF,UACE,kBACA,cAGF,UACE,qBAGF,oBACE,kBAGF,UACE,kBACA,WACA,cACA,UAGF,UACE,uCACA,yBACA,mBACA,sBAGF,UACE,aACA,6BACA,gBAGF,UACE,uCAGF,UACE,2BAGF,UACE,gBACA,aACA,YAGF,UACE,kBACA,qBAGF,UACE,kBACA,kBACA,kCACA,gB","sources":["webpack://telegram-t/./src/components/modals/stars/StarTopupOptionList.module.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/main/premium/StarsGiftModal.module.scss","webpack://telegram-t/./src/components/common/FakeIcon.scss","webpack://telegram-t/./src/components/common/VerifiedIcon.scss","webpack://telegram-t/./src/components/common/FullNameTitle.module.scss","webpack://telegram-t/./src/components/common/pickers/PickerItem.module.scss","webpack://telegram-t/./src/components/common/pickers/PickerSelectedItem.scss","webpack://telegram-t/./src/components/common/pickers/PickerStyles.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/modals/stars/StarsBalanceModal.module.scss","webpack://telegram-t/./src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss","webpack://telegram-t/./src/components/common/MediaSpoiler.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/AnimatedIconWithPreview.module.scss","webpack://telegram-t/./src/components/modals/common/TableInfoModal.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/common/PeerBadge.module.scss","webpack://telegram-t/./src/components/common/AnimatedCounter.module.scss","webpack://telegram-t/./src/components/common/Sparkles.module.scss","webpack://telegram-t/./src/components/modals/paidReaction/StarSlider.module.scss","webpack://telegram-t/./src/components/modals/paidReaction/PaidReactionModal.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: 500;\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 $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-mobile {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 2.875rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n\n display: flex;\n flex-direction: row-reverse;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n background: var(--color-background);\n\n &::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\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","@media (min-width: 451px) {\n .modalDialog :global(.modal-dialog) {\n max-width: 32rem !important;\n }\n}\n\n.root :global(.modal-content) {\n padding: 0;\n}\n\n.root :global(.modal-dialog) {\n max-width: 26.25rem;\n overflow: hidden;\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\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: 500;\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}\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",".FakeIcon {\n border: 1px solid var(--color-error);\n border-radius: 0.375rem;\n color: var(--color-error);\n font-size: 0.625rem;\n padding: 0.125rem 0.25rem;\n line-height: initial;\n margin-inline: 0.25rem;\n font-weight: 500;\n text-transform: capitalize;\n}\n",".VerifiedIcon {\n display: inline-block;\n flex-shrink: 0;\n width: 1.5rem;\n height: 1.5rem;\n\n --color-fill: var(--color-primary);\n --color-checkmark: #fff;\n}\n",".root {\n display: flex !important;\n align-items: center;\n gap: 0.25rem;\n\n :global(.custom-emoji) {\n color: var(--color-primary);\n }\n}\n\n.fullName {\n font-size: 1em;\n margin-bottom: 0;\n\n &.canCopy {\n pointer-events: all;\n }\n}\n\n.ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n",".root {\n display: grid;\n grid-template-rows: 1fr 1fr;\n grid-template-columns: min-content min-content 1fr min-content;\n align-items: center;\n\n position: relative;\n padding: 0.25rem;\n min-height: 2.5rem;\n\n border-radius: var(--border-radius-default);\n overflow: hidden;\n\n background-color: var(--background-color);\n color: var(--color-text);\n line-height: 1.25;\n text-align: initial;\n\n transition-property: background-color, opacity;\n transition-duration: 150ms;\n\n @media (max-width: 600px) {\n border-radius: 0;\n padding-inline: 0.5rem;\n }\n}\n\n.clickable {\n cursor: var(--custom-cursor, pointer);\n\n @media (hover: hover) {\n &:hover,\n &:focus-visible {\n background-color: var(--color-item-hover);\n }\n }\n}\n\n.separator {\n grid-row: 2;\n grid-column: 2 / 4;\n /* stylelint-disable-next-line plugin/whole-pixel */\n height: 0.5px;\n background-color: var(--color-dividers);\n align-self: end;\n margin-bottom: -0.1875rem;\n}\n\n.disabled {\n cursor: unset;\n opacity: 0.5;\n}\n\n.title {\n grid-row: 1 / 3;\n grid-column: 3;\n}\n\n.subtitle {\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n grid-row: 2;\n grid-column: 3;\n}\n\n.title, .subtitle {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.withAvatar, .multiline {\n height: 3.5rem; // Force chat item height\n}\n\n.multiline {\n .title {\n grid-row: 1;\n align-self: end;\n }\n}\n\n.input {\n padding-inline: 0.75rem;\n}\n\n.startInput {\n grid-row: 1 / 3;\n grid-column: 1;\n margin-inline-end: 1.25rem;\n}\n\n.endInput {\n grid-row: 1 / 3;\n grid-column: 4;\n margin-inline-start: 1.25rem;\n}\n\n.avatarElement {\n grid-row: 1 / 3;\n grid-column: 2;\n margin-inline-end: 0.75rem;\n}\n",".PickerSelectedItem {\n display: flex;\n align-items: center;\n background: var(--color-chat-hover);\n height: 2rem;\n min-width: 2rem;\n margin-bottom: 0.5rem;\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n padding-right: 1rem;\n border-radius: 1rem;\n cursor: var(--custom-cursor, pointer);\n position: relative;\n overflow: hidden;\n flex-shrink: 1;\n transition: background-color 0.15s ease;\n\n max-width: calc(50% - 0.5rem);\n\n &.minimized {\n padding-right: 0;\n }\n\n &:hover {\n background-color: var(--color-item-active);\n }\n\n &.closeable:hover {\n background-color: rgba(var(--color-error-rgb), 0.16);\n\n .item-remove {\n opacity: 1;\n }\n\n .Avatar,\n .item-icon {\n opacity: 0;\n }\n }\n\n &.search-date {\n .item-remove {\n background: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-chat-hover);\n }\n\n .item-name {\n font-size: 0.875rem;\n }\n }\n\n &.fluid {\n max-width: unset;\n }\n\n .Avatar,\n .item-icon {\n width: 2rem;\n height: 2rem;\n opacity: 1;\n flex-shrink: 0;\n transition: opacity 0.15s ease;\n\n .icon {\n font-size: 1rem;\n }\n }\n\n .item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.375rem;\n border-radius: 50%;\n background-color: var(--color-primary);\n color: white;\n\n .icon {\n font-size: 1.25rem;\n position: relative;\n top: -1px;\n }\n }\n\n .item-name {\n margin-left: 0.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n .emoji.emoji-small {\n width: 1.125rem;\n height: 1.125rem;\n background-size: 1.125rem;\n vertical-align: -2px;\n }\n }\n\n .item-remove {\n position: absolute;\n left: 0;\n top: 0;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-error);\n font-size: 1.5rem;\n color: white;\n opacity: 0;\n transition: opacity 0.15s ease;\n }\n\n &.square-avatar {\n border-start-start-radius: 0.625rem;\n border-end-start-radius: 0.625rem;\n --border-radius-forum-avatar: 0.625rem;\n\n &.minimized, .item-remove {\n border-radius: 0.625rem;\n }\n }\n\n &[dir=\"rtl\"] {\n padding-left: 1rem;\n padding-right: 0;\n\n &.minimized {\n padding-right: 0;\n padding-left: 0;\n }\n\n .SearchInput & {\n left: auto;\n right: -0.125rem;\n }\n\n .item-name {\n margin-left: 0;\n margin-right: 0.5rem;\n }\n\n .item-remove {\n left: auto;\n right: 0;\n }\n }\n}\n","@use \"../../../styles/mixins\";\n\n.container {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.header {\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid var(--color-borders);\n display: flex;\n flex-flow: row wrap;\n flex-shrink: 0;\n\n overflow-y: auto;\n max-height: 20rem;\n\n :global(.input-group) {\n margin-bottom: 0;\n flex-grow: 1;\n }\n\n :global(.form-control) {\n height: 2rem;\n border: none;\n border-radius: 0;\n padding: 0;\n box-shadow: none !important;\n }\n}\n\n.pickerCategoryTitle {\n color: var(--color-text-secondary);\n padding-inline: 0.5rem;\n font-weight: 500;\n\n &:not(:first-child) {\n border-top: 1px solid var(--color-borders);\n padding-top: 0.75rem;\n margin-top: 0.375rem;\n }\n}\n\n.pickerList {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.padded {\n padding: 0.5rem;\n scrollbar-gutter: stable;\n\n @include mixins.adapt-padding-to-scrollbar(0.5rem);\n\n @media (max-width: 600px) {\n padding-inline: 0;\n }\n}\n\n.noResults {\n height: 100%;\n margin: 0;\n padding: 1rem 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-text-secondary);\n}\n\n.onlineStatus {\n color: var(--color-primary);\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: 600;\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(calc(55vh + 41px + 193px), 90vh);\n max-width: 26.25rem;\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 border-bottom: 0;\n}\n\n.sectionTitle {\n color: var(--color-primary);\n font-weight: 500;\n font-size: 1rem;\n align-self: flex-start;\n padding: 0.25rem 0.75rem;\n}\n\n.secondaryInfo {\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n background-color: var(--color-background-secondary);\n padding: 0.5rem 1rem;\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: 500;\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: 500;\n margin: 0 0 0 3rem;\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.balance {\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: 500;\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}\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.paymentAmount {\n display: flex;\n line-height: 1.125;\n gap: 0.125rem;\n}\n\n.paymentButton {\n display: flex;\n gap: 0.125rem;\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","@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: 500;\n}\n\n.title, .description {\n margin-bottom: 0;\n}\n\n.title {\n font-size: 1rem;\n}\n\n.description, .statusPeriod, .statusEnded {\n font-size: 0.875rem;\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: flex-start;\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 position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--color-text-secondary); // Fallback before canvas is prepared\n\n --click-shift-x: 0px;\n --click-shift-y: 0px;\n}\n\n.mask-animation:global(.closing) {\n mask-image: url(\"../../assets/spoilers/mask.svg\"), linear-gradient(#ffffff, #ffffff);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n mask-position: calc(50% + var(--click-shift-x)) calc(50% + var(--click-shift-y)), center center;\n mask-repeat: no-repeat;\n mask-size: 0%;\n\n :global(body:not(.no-page-transitions)) & {\n animation: 500ms ease-in circle-cut forwards;\n }\n\n .dots {\n transform: scale(1.2);\n }\n}\n\n.canvas {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.dots {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n --background-url: url(\"../../assets/spoilers/turbulence_1x.png\");\n --background-size: 256px;\n background: rgba(0, 0, 0, 0.25) var(--background-url);\n background-size: var(--background-size) var(--background-size);\n\n transition: transform 500ms ease-in;\n transform-origin: calc(50% + var(--click-shift-x)) calc(50% + var(--click-shift-y));\n\n @media (-webkit-min-device-pixel-ratio: 2) {\n --background-url: url(\"../../assets/spoilers/turbulence_2x.png\");\n }\n\n @media (-webkit-min-device-pixel-ratio: 3) {\n --background-url: url(\"../../assets/spoilers/turbulence_3x.png\");\n }\n\n --x-direction: var(--background-size);\n --y-direction: 0;\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: var(--background-url);\n background-size: var(--background-size) var(--background-size);\n\n --x-direction: 0;\n --y-direction: var(--background-size);\n animation: 2s linear -0.8s infinite opacity-breath;\n background-position: calc(var(--x-direction) / 2) calc(var(--y-direction) / 2);\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: var(--background-url);\n background-size: var(--background-size) var(--background-size);\n\n --x-direction: calc(-1 * var(--background-size));\n --y-direction: calc(-1 * var(--background-size));\n animation: 2s linear -1.5s infinite opacity-breath;\n background-position: calc(var(--x-direction) / 2) calc(var(--y-direction) / 2);\n }\n}\n\n:global(body:not(.no-page-transitions)) .dots {\n animation: 20s linear infinite;\n animation-name: dots-animation;\n\n &::before {\n animation: 21s linear -7s infinite;\n animation-name: dots-animation;\n }\n\n &::after {\n animation: 22s linear -14s infinite;\n animation-name: dots-animation;\n }\n}\n\n@keyframes dots-animation {\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: var(--x-direction) var(--y-direction);\n }\n}\n\n@keyframes circle-cut {\n 0% {\n mask-size: 0%, 100%;\n }\n\n 100% {\n mask-size: 350%, 100%;\n }\n}\n\n@keyframes opacity-breath {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.1;\n }\n\n 100% {\n opacity: 1;\n }\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: 500;\n}\n\n.title, .description, .date {\n margin-bottom: 0;\n}\n\n.title {\n font-size: 1rem;\n}\n\n.description {\n font-size: 0.875rem;\n}\n\n.date {\n font-size: 0.875rem;\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: flex-start;\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 position: relative;\n\n display: block !important;\n\n :global(.AnimatedSticker.not-shown) {\n display: block;\n }\n}\n\n.preview {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n\n &:global(.closing) {\n transition-delay: 150ms;\n }\n}\n","@use '../../../styles/mixins';\n\n.content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n max-height: min(92vh, 40rem) !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 overflow: hidden;\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}\n\n.avatar {\n align-self: center;\n}\n\n.chatItem {\n margin: 0;\n width: fit-content;\n background-color: var(--color-background);\n color: var(--color-primary);\n}\n","@use \"../../../../styles/mixins\";\n\n.modal {\n z-index: calc(var(--z-modal-low-priority) + 1);\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.5rem;\n margin-bottom: 1rem;\n position: relative;\n}\n\n.starsHeader {\n gap: normal;\n}\n\n.amount {\n display: flex;\n gap: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.325;\n}\n\n.title, .description, .amount {\n margin-bottom: 0;\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: 8rem;\n top: 0;\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.starTitle {\n font-size: 1.5rem;\n}\n\n.subtitle {\n text-align: center;\n margin-top: 1rem;\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.5rem;\n margin-bottom: 1rem;\n position: relative;\n}\n\n.starsHeader {\n gap: normal;\n}\n\n.title, .amount {\n margin-bottom: 0;\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: 8rem;\n top: 0;\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: 2rem;\n z-index: 1;\n\n @include mixins.filter-outline(2px, 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",".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: 500;\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","$perspective: 10px;\n$translate: 10px;\n$rotate: 30deg;\n$animation-time: 200ms;\n\n.root {\n display: inline-flex;\n white-space: pre;\n\n &[dir=\"rtl\"] {\n flex-direction: row-reverse;\n }\n}\n\n.character-container {\n position: relative;\n}\n\n@keyframes character-disappear {\n from {\n transform: none;\n opacity: 1;\n }\n\n to {\n transform: perspective($perspective) translateY($translate) rotateX(-$rotate);\n opacity: 0;\n }\n}\n\n@keyframes character-appear {\n from {\n transform: perspective($perspective) translateY(-$translate) rotateX($rotate);\n opacity: 0;\n }\n\n to {\n transform: none;\n opacity: 1;\n }\n}\n\n.character {\n white-space: pre;\n visibility: hidden;\n}\n\n.character-old {\n position: absolute;\n top: 0;\n left: 0;\n animation: $animation-time ease-out character-disappear forwards;\n}\n\n.character-new {\n position: absolute;\n top: 0;\n left: 0;\n animation: $animation-time ease-out character-appear forwards;\n}\n",".root {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: -1;\n line-height: 1;\n pointer-events: none;\n}\n\n.progress {\n --_progress: 0;\n\n z-index: 0;\n font-size: 0.75rem;\n opacity: 0.8;\n overflow: hidden;\n}\n\n.reaction {\n font-size: 0.5rem;\n}\n\n.symbol {\n --_duration-shift: 0s;\n --_shift-x: 0;\n --_shift-y: 0;\n\n position: absolute;\n\n width: 0.5rem;\n height: 0.5rem;\n\n animation: sparkle 5s infinite;\n animation-delay: var(--_duration-shift);\n}\n\n@keyframes sparkle {\n 0% {\n opacity: 0;\n transform: translate(0, 0);\n }\n 15% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n transform: translate(var(--_shift-x), var(--_shift-y));\n }\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(var(--progress) * 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: 500;\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}\n\n.title {\n font-size: 1.5rem;\n margin-bottom: 0;\n margin-top: 1.25rem;\n}\n\n.slider {\n margin-top: 1.5rem;\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.modalBalance {\n position: absolute;\n top: 0.75rem;\n right: 1.25rem;\n z-index: 3;\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.checkbox {\n align-self: center;\n margin-bottom: 1.5rem;\n}\n\n.disclaimer {\n font-size: 0.875rem;\n align-self: center;\n color: var(--color-text-secondary);\n margin-bottom: 0;\n}\n"],"names":[],"sourceRoot":""} |