1 line
44 KiB
Plaintext
1 line
44 KiB
Plaintext
{"version":3,"file":"BundleStars.204bdfa0d1faa2f49d6c.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;AClFF,UACE,8CAGF,yBACE,UAGF,wBACE,qCACA,mBAGF,2DAGE,gBAGF,UACE,YACA,kBAGF,UACE,aACA,8BAGF,UACE,aACA,sBACA,mBAEA,cACA,kBJ7BA,wDAsJA,yCACA,2EACA,8DAEA,qBACE,mBACA,gBIzHJ,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,aACA,sBACA,qBACA,cAGF,UACE,kBAGF,UACE,gBACA,sCACA,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,eJnKA,sMACE,CIsKF,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;AC9OF,UACE,aACA,WACA,oCACA,oBACA,qCACA,0CAEA,gBACE,yCAIJ,UACE,aACA,sBACA,YAGF,UACE,aACA,mBACA,YACA,kBAGF,UACE,aACA,sBACA,qBACA,uBAGF,UACE,aACA,mBACA,cACA,WAGF,UACE,sCAGF,8BACE,gBAGF,UACE,eAGF,8BACE,kBACA,kCAGF,UACE,yBAGF,UACE,kBACA,sBAGF,UACE,kBACA,QACA,SACA,ULxDA,sMACE,C;AMjBJ,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,gBAGF,UACE,eAGF,UACE,kBAGF,UACE,kBACA,kCAGF,UACE,2BAGF,UACE,yBAGF,UACE,kBACA,sBAGF,UACE,kBACA,QACA,SACA,UPlDA,sMACE,C;AQjBJ,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,kBAGF,UACE,iBAGF,UACE,kBAGF,UACE,yCACA,yCACA,2B;ACvDF,UACE,8CAGF,UACE,2BAGF,UACE,yBAGF,UACE,aACA,sBACA,mBACA,WACA,kBACA,kBAGF,UACE,aACA,WACA,eACA,sCACA,kBAGF,8BACE,gBAGF,UACE,kBACA,kBACA,iBACA,wCACA,gBACA,iBAGF,UACE,yCACA,kBACA,eAEA,gBACA,mBVVA,4IUeF,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;ACjGF,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,UX7CA,sMACE,CWiDJ,UACE,kBAGF,UACE,kCAGF,UACE,yB;ACzEF,UACE,kBACA,cAEA,kBACA,iBACA,kBZwEA,4BACE,wBACA,cACA,WACA,cACA,oBACA,yBAEA,kCACE,aAGF,uCACE,WACA,qCAEA,yBACA,2BACA,oBAGF,kDACE,wBAGF,8CACE,qBAGF,2DACE,qCAGF,+FACE,qCYrGN,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,sCACA,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;ACpEF,UACE,YACA,aACA,sBACA,gBACA,mBAGF,UACE,cACA,kBACA,aACA,8BACA,mBAGF,UACE,YAGF,UACE,oBACA,kBACA,sCAGF,UACE,iBACA,gBACA,aACA,sBAGF,UACE,eAGF,UACE,sBAGF,UACE,aACA,eACA,sCACA,mBAGF,UACE,aACA,qBACA,iDAGF,UACE,wBACA,eACA,uBACA,SAGF,UACE,aACA,qBACA,eACA,gBAEA,kBACA,gBACA,cAEA,+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,YACA,sBACA,mDAGF,UACE,2BAGF,UACE,kCACA,kBAGF,UACE,aACA,wCACA,eACA,YAGF,UACE,iCACA,WACA,YACA,sBACA,0C;AC5IF,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,mBhBaA,wNgBXA,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,oBjB7BA,uDiBkCF,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,UACE,iBACA,cACA,kBACA,mBACA,uDACA,0BAEA,qBACA,gCAGF,UACE,qCAEA,gBACE,uB;AChBJ,wBACE,gBAGF,UACE,aACA,sBACA,mBACA,UACA,mBACA,kBAGF,UACE,aACA,WACA,eACA,sCACA,kBAGF,8BACE,gBAGF,UACE,yBAGF,UACE,kBACA,mDAGF,UACE,kBACA,kCACA,kBACA,mBAGF,UACE,2BAGF,UACE,aACA,mBACA,YAGF,UACE,kBACA,UACA,WACA,YACA,eAEA,WAGF,UACE,aACA,mBACA,WAGF,UACE,MAEA,oBACE,kBAGF,oBACE,kBACA,WAGF,oBACE,kB","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/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/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/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/common/BadgeButton.module.scss","webpack://telegram-t/./src/components/modals/gift/info/GiftInfoModal.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","@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\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.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: 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}\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.subtitle {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.875rem;\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}\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 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}\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 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, 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 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}\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","@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.25rem;\n margin-block: 1rem;\n position: relative;\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(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: 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}\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",".root {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n padding-top: 3.5rem;\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: 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: 1rem;\n padding-bottom: 0.5rem;\n box-shadow: 0 1px 2px var(--color-default-shadow);\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\n position: relative;\n overflow: hidden;\n flex: 0 0 auto;\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 flex-grow: 1;\n flex-direction: column;\n background-color: var(--color-background-secondary);\n}\n\n.switcher {\n margin-bottom: 0 !important;\n}\n\n.description {\n color: var(--color-text-secondary);\n font-size: 0.875rem;\n}\n\n.main-button {\n display: flex;\n font-weight: var(--font-weight-semibold);\n font-size: 1rem;\n height: 3rem;\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",".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",".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",".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 position: relative;\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.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.footerDescription {\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n text-align: center;\n margin-bottom: 1rem;\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}\n\n.radialPattern {\n position: absolute;\n top: -3rem;\n left: -1rem;\n right: -1rem;\n height: 16.5rem;\n\n z-index: -1;\n}\n\n.uniqueAttribute {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n\n.uniqueGift {\n gap: 0;\n\n .giftSticker {\n margin-block: 1rem;\n }\n\n .title {\n font-size: 1.25rem;\n color: white;\n }\n\n .description {\n font-size: 0.875rem;\n }\n}\n"],"names":[],"sourceRoot":""} |