1 line
37 KiB
Plaintext
1 line
37 KiB
Plaintext
{"version":3,"file":"3984.9134397e4148c0c6f132.css","mappings":"AAAA,UACE,oCACA,sBACA,yBACA,kBACA,uBACA,oBACA,qBACA,sCACA,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,mBACA,mCACA,YACA,eACA,qBACA,mBACA,mBACA,qCACA,kBACA,gBACA,cACA,sCAEA,4BAEA,mBACE,gBAGF,gBACE,0CAGF,yBACE,oDAEA,mCACE,UAKF,6BACE,gCAGF,yBACE,mCAIJ,mBACE,gBAGF,wCAEE,WACA,YACA,UACA,cACA,6BAGF,oBACE,aACA,mBACA,uBACA,gBACA,kBACA,sCACA,WAEA,8BACE,kBACA,kBACA,SAIJ,oBACE,kBACA,mBACA,gBACA,uBAEA,uCACE,eACA,gBACA,yBACA,oBAIJ,oBACE,kBACA,OACA,MACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,oCACA,iBACA,WACA,UACA,6BACA,UAGF,mBACE,kCACA,gCACA,uCAEA,yDACE,sBAIJ,mBACE,kBACA,gBAEA,4BACE,gBACA,eAGF,6BACE,cACA,mBAGF,6BACE,UACA,Q;AC7HN,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,kBAEA,yBAEA,qCACE,cAIJ,UACE,kBACA,OACA,MACA,WACA,YAEA,kBACE,uB;AClBJ,UACE,aACA,oCACA,oCACA,yCAEA,aACA,kBAGF,UACE,sDAEA,8DACA,gMAEA,sBACE,sBACA,4BAIJ,6BACE,uDAGF,6BACE,yDAGF,UACE,kBACA,YACA,WAEA,sCACA,yBAEA,yCACA,mBAEA,iBACA,iBACA,sCAEA,oB;AC7CF,UACE,kBACA,WAGF,UACE,gDACA,2BAEA,kBACA,iCACA,kCACA,qBACA,+BACA,mBACA,iCACA,6BAGF,oBACE,GACE,mBACA,mBAGF,IACE,sBAGF,IACE,UAGF,KACE,qBACA,UACA,oB;ACpCJ,UACE,kBACA,cACA,aACA,cACA,gBAGF,UACE,kBACA,QACA,SACA,mEAEA,kBACA,wCACA,yBACA,mB;ACjBF,UACE,sBACA,gBAEA,kBACE,WACA,kBACA,QACA,0KACE,CAKN,UACE,WACA,YACA,iBACA,kB;AClBF,UACE,sCAEA,kBACA,aACA,mBACA,uBAEA,+BACA,gCAEA,UAGF,oBACE,oBAEA,0CACE,qBAGF,oCACE,qBAIJ,UAEE,wBAEA,eAGF,8BACE,kBACA,QACA,SACA,gC;ACrCF,qBACE,WACA,cAGA,sCACE,mBAGF,gCACE,oCACA,oB;ACVJ,mBACE,6BACA,6CACA,yDACA,kDAqBA,aACA,mBACA,gBACA,mBACA,WACA,2BACA,uDACA,sBACA,sCACA,kCACA,oBACA,iCACA,iBACA,kBACA,oBACA,UAEA,YAEA,0TAtCA,4BACE,oDACA,gEACA,yDAGF,4BACE,4CACA,kDACA,0CACA,UAGF,qCACE,0CACA,kDACA,0CAwBF,yBACE,mEAEA,wHAEA,iJALF,yBAMI,gDAKN,UACE,cAGF,mBACE,kBACA,kBACA,iBACA,sBAEA,sBACA,0BACA,6BAGA,yBACE,oDACA,+CAGF,0BACE,WACA,kBACA,cACA,QACA,2BAEA,cACA,eACA,kBACA,mDACA,WAGF,6BACE,8BAIJ,UACE,YACA,kBACA,iBACA,WAEA,oBAGE,cAIJ,UACE,gCACA,sBAGF,UACE,aACA,WACA,eACA,0BAGF,UACE,0BACA,wCAGF,UACE,WAGF,UACE,uCACA,iBACA,kCACA,cAEA,kBACA,UACA,UACA,0BACA,gCACA,U;AC9IF,UACE,mB;ACDF,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,wBACA,kBACA,kCACA,WACA,cAGF,oBACE,gBACA,mBACA,uBAGF,oBACE,cAIA,oBACE,WACA,eAIJ,UACE,sBAGF,UACE,aACA,cACA,4BAGF,UACE,aACA,cACA,4BAGF,UACE,aACA,cACA,yB;ACtGF,WACE,aACA,mBACA,WACA,eACA,YACA,kBACA,uBACA,iBACA,2CAEA,sBACE,kBAGF,kCACE,uBACA,gBACA,kBAGF,2BACE,2BAGF,qDACE,4CACA,kDACA,qDACA,6BAEA,4DACE,+CACA,sDACA,qC;AChCN,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,sCAEA,4BACE,0CACA,mBACA,mBAIJ,UACE,oBAGF,UACE,YACA,gBACA,kBAGF,UACE,cACA,wBCjDA,wDDqDA,yBANF,UAOI,kBAIJ,UACE,YACA,SACA,kBACA,aACA,mBACA,uBACA,kCAGF,UACE,2B;AE7EF,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,gBACA,mBACA,kBACA,mCACA,wCACA,8BACA,wCAGF,UACE,aACA,uBACA,oBAGF,UACE,6BAGF,UACE,eAGF,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;ACrPF,UACE,6CACA,aACA,kBACA,YACA,kDACA,sBAGF,UACE,gBAGF,UACE,aACA,uBACA,kBACA,YACA,OACA,QACA,8DACA,qCACA,mCAGF,oBACE,KACE,iCAGF,GACE,+DAIJ,UACE,mCACA,oBACA,iBACA,kBACA,gBAGF,oBACE,GACE,uBAGF,IAEE,iDAGF,KACE,wBAIJ,UACE,aACA,mBACA,uBACA,WACA,sBACA,mBACA,yBACA,kBACA,UAGF,UACE,qBACA,kBACA,YACA,0CACA,2BAGF,UACE,kBACA,oBAGF,UACE,eACA,sCAGF,oBACE,kBACA,MACA,SACA,aACA,mBACA,sCAGF,UACE,YAGF,UACE,aAGF,UACE,4CACA,gBACA,kBACA,MACA,OACA,SACA,kCACA,+BACA,kCACA,yCACA,kDAEA,wCACE,WACA,mBAGF,oBACE,6CAIJ,UACE,sBAIA,oBACE,sBACA,sCAGF,oBACE,sC","sources":["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/PeerChip.module.scss","webpack://telegram-t/./src/components/common/AnimatedCounter.module.scss","webpack://telegram-t/./src/components/common/AnimatedIconWithPreview.module.scss","webpack://telegram-t/./src/components/common/AvatarList.module.scss","webpack://telegram-t/./src/components/common/reactions/CustomEmojiEffect.module.scss","webpack://telegram-t/./src/components/common/gift/GiftRibbon.module.scss","webpack://telegram-t/./src/components/common/profile/RadialPatternBackground.module.scss","webpack://telegram-t/./src/components/common/reactions/ReactionAnimatedEmoji.module.scss","webpack://telegram-t/./src/components/common/reactions/ReactionStaticEmoji.scss","webpack://telegram-t/./src/components/middle/message/reactions/ReactionButton.module.scss","webpack://telegram-t/./src/components/modals/prompt/PromptDialog.module.scss","webpack://telegram-t/./src/components/common/pickers/PickerItem.module.scss","webpack://telegram-t/./src/components/middle/message/reactions/Reactions.scss","webpack://telegram-t/./src/components/common/pickers/PickerStyles.module.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/common/MediaSpoiler.module.scss","webpack://telegram-t/./src/components/middle/message/SimilarChannels.module.scss","webpack://telegram-t/./src/components/common/PremiumProgress.module.scss"],"sourcesContent":[".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: var(--font-weight-medium);\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: flex;\n align-items: center;\n background: var(--color-chat-hover);\n height: 2rem;\n min-width: 2rem;\n margin-inline: 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 .remove {\n opacity: 1;\n }\n }\n\n &.nonDestructive {\n .remove {\n background: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-chat-hover);\n }\n }\n\n &.fluid {\n max-width: unset;\n }\n\n .avatar,\n .iconWrapper {\n width: 2rem;\n height: 2rem;\n opacity: 1;\n flex-shrink: 0;\n transition: opacity 0.15s ease;\n }\n\n .iconWrapper {\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 .name {\n margin-left: 0.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n :global(.emoji.emoji-small) {\n width: 1.125rem;\n height: 1.125rem;\n background-size: 1.125rem;\n vertical-align: -4px;\n }\n }\n\n .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 z-index: 1;\n }\n\n &.squareAvatar {\n border-start-start-radius: 0.625rem;\n border-end-start-radius: 0.625rem;\n --border-radius-forum-avatar: 0.625rem;\n\n &.minimized, .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 .name {\n margin-left: 0;\n margin-right: 0.5rem;\n }\n\n .remove {\n left: auto;\n right: 0;\n }\n }\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: 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",".root {\n --_size: 0px;\n --half-size: calc(var(--_size) / 2);\n --spacing: calc(var(--_size) * 0.4);\n --spacing-gap: calc(var(--_size) * 0.04);\n\n display: flex;\n position: relative;\n}\n\n.avatar {\n --radius: calc(var(--half-size) + var(--spacing-gap));\n\n margin-inline-start: calc(var(--spacing-gap) - var(--spacing));\n mask: radial-gradient(circle var(--radius) at var(--offset) 50%, transparent 99%, #fff 100%);\n\n &:first-child {\n margin-inline-start: 0;\n mask: none;\n }\n}\n\n.root[dir=\"ltr\"] .avatar {\n --offset: calc(0% - var(--half-size) + var(--spacing));\n}\n\n.root[dir=\"rtl\"] .avatar {\n --offset: calc(100% + var(--half-size) - var(--spacing));\n}\n\n.badge {\n position: absolute;\n bottom: -1px;\n right: -1px;\n\n background-color: var(--color-primary);\n color: var(--color-white);\n\n border: 1px solid var(--color-background);\n border-radius: 1rem;\n\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--font-weight-medium);\n\n padding: 0rem 0.25rem;\n}\n",".root {\n position: absolute;\n z-index: 10;\n}\n\n.particle {\n --custom-emoji-size: var(--particle-size, 1rem);\n color: var(--color-primary);\n\n position: absolute;\n width: var(--particle-size, 1rem);\n height: var(--particle-size, 1rem);\n border-radius: 0.25rem;\n offset-path: var(--offset-path);\n offset-rotate: 0deg;\n animation: 1.5s particle ease-out;\n animation-fill-mode: forwards;\n}\n\n@keyframes particle {\n 0% {\n offset-distance: 0%;\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.25);\n }\n\n 75% {\n opacity: 1;\n }\n\n 100% {\n offset-distance: 100%;\n opacity: 0;\n transform: scale(1);\n }\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 border-radius: inherit;\n overflow: hidden;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle closest-side, #ffffff32, #ffffff00),\n radial-gradient(closest-side, var(--_bg-1), var(--_bg-2));\n }\n}\n\n.canvas {\n width: 100%;\n height: 100%;\n object-fit: cover;\n position: relative;\n}\n",".root {\n --custom-emoji-border-radius: 0.25rem;\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(--custom-emoji-size);\n height: var(--custom-emoji-size);\n\n z-index: 1;\n}\n\n.animated-icon, .effect {\n pointer-events: none;\n\n &:not(:global(.open)) {\n opacity: 1 !important;\n }\n\n &:global(.closing) {\n opacity: 0 !important;\n }\n}\n\n.animating {\n // Fix for redundant scroll on iOS\n transform: translateZ(0);\n // Fix for redundant scroll in Firefox\n contain: layout;\n}\n\n.withEffectOnly, .animated-icon, .effect {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n",".ReactionStaticEmoji {\n width: 1rem;\n display: block;\n\n // Unicorn reaction preview is too small\n &.with-unicorn-fix {\n transform: scale(2);\n }\n\n &.icon-heart {\n color: var(--color-heart) !important;\n margin: 0 !important;\n }\n}\n","// Hack: Increase selector specificity to override Button styles\n.root.root {\n --custom-emoji-size: 1.25rem;\n --reaction-background: var(--color-reaction);\n --reaction-background-hover: var(--hover-color-reaction);\n --reaction-text-color: var(--text-color-reaction);\n\n &.chosen {\n --reaction-background: var(--color-reaction-chosen);\n --reaction-background-hover: var(--hover-color-reaction-chosen);\n --reaction-text-color: var(--text-color-reaction-chosen);\n }\n\n &.paid {\n --reaction-background: #FFBC2E33 !important;\n --reaction-background-hover: #FFBC2E55 !important;\n --reaction-text-color: #E98111 !important;\n z-index: 2;\n }\n\n &.paid.chosen {\n --reaction-background: #FFB727 !important;\n --reaction-background-hover: #FFB727CC !important;\n --reaction-text-color: #FFFFFF !important;\n }\n\n display: flex;\n flex-direction: row;\n height: 1.875rem;\n white-space: nowrap;\n width: auto;\n padding: 0 0.375rem 0 0.25rem;\n background-color: var(--reaction-background) !important;\n border-radius: 1.75rem;\n font-weight: var(--font-weight-medium);\n font-variant-numeric: tabular-nums;\n text-transform: none;\n color: var(--reaction-text-color);\n overflow: visible;\n position: relative;\n line-height: 1.75rem;\n z-index: 1;\n\n gap: 0.125rem;\n\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms !important;\n\n &:hover {\n --reaction-background: var(--reaction-background-hover) !important;\n\n backdrop-filter: var(--reaction-background-hover-filter);\n\n @supports not (backdrop-filter: var(--reaction-background-hover-filter)) {\n filter: var(--reaction-background-hover-filter);\n }\n }\n}\n\n.animated-emoji {\n margin: 0.25rem;\n}\n\n.tag.tag {\n position: relative;\n margin-right: 1rem;\n padding-inline: 0;\n justify-content: start;\n\n border-radius: 0.375rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n // SVG has problems with backdrop-filter\n &:hover {\n backdrop-filter: unset;\n filter: var(--reaction-background-hover-filter);\n }\n\n &::after {\n content: '';\n position: absolute;\n right: -0.5rem;\n top: 50%;\n transform: translateY(-50%);\n\n width: 0.375rem;\n height: 0.375rem;\n border-radius: 50%;\n background-color: var(--text-color-reaction-chosen);\n opacity: 0.4;\n }\n\n .animated-emoji {\n margin: 0.25rem 0 0.25rem 0.25rem;\n }\n}\n\n.tail {\n height: 100%;\n position: absolute;\n right: -0.9375rem;\n z-index: -1;\n\n .is-safari & {\n // Safari subpixel rendering be damned. May cause slight overlap, but it's better than a gap.\n /* stylelint-disable-next-line plugin/whole-pixel */\n right: -14.8px;\n }\n}\n\n.tail-fill {\n fill: var(--reaction-background);\n transition: fill 150ms;\n}\n\n.tag-text {\n display: flex;\n gap: 0.25rem;\n font-size: 1rem;\n margin-inline-end: 0.375rem;\n}\n\n.counter {\n margin-inline-end: 0.125rem;\n font-weight: var(--font-weight-semibold);\n}\n\n.disabled {\n opacity: 0.5;\n}\n\n.paidCounter {\n font-family: var(--font-family-rounded);\n font-size: 2.5rem;\n font-variant-numeric: tabular-nums;\n color: #FFBC2E;\n\n position: absolute;\n top: -150%;\n right: 50%;\n transform: translateX(50%);\n -webkit-text-stroke: 1px #E58E0D;\n z-index: 1;\n}\n",".subtitle {\n margin-bottom: 1rem;\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 padding-bottom: 0.3125rem;\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.1875rem;\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",".Reactions {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n gap: 0.375rem;\n margin-top: 0.25rem;\n margin-bottom: 0.1875rem;\n overflow: visible;\n max-width: calc(var(--max-width) + 2.25rem);\n\n &.is-outside {\n margin-top: 0.25rem;\n }\n\n &.with-service-reactions {\n justify-content: center;\n max-width: 19rem;\n margin: 0.3rem auto;\n }\n\n .own &.is-outside {\n flex-direction: row-reverse;\n }\n\n .theme-light &.is-outside .message-reaction {\n --reaction-background: var(--pattern-color);\n --reaction-background-hover: var(--pattern-color);\n --reaction-background-hover-filter: brightness(115%);\n --reaction-text-color: white;\n\n &.chosen {\n --reaction-background: rgb(255, 255, 255, 0.6);\n --reaction-background-hover: rgb(255, 255, 255, 0.75);\n --reaction-text-color: rgb(62 62 62);\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: var(--font-weight-medium);\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.peerChip {\n margin-bottom: 0.5rem;\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","// @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",".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 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.join-text {\n cursor: pointer;\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",".root {\n --percent: calc(var(--progress, 0.5) * 100%);\n display: flex;\n position: relative;\n height: 2rem;\n background: var(--color-background-menu-separator);\n border-radius: 0.625rem;\n}\n\n.withBadge {\n margin-top: 3rem;\n}\n\n.badgeContainer {\n display: flex;\n justify-content: center;\n position: absolute;\n top: -1.5rem;\n left: 0;\n right: 0;\n transform: translate(calc(var(--shift-x) * 100% - 50%), -20px);\n transition: transform 0.2s ease-in-out;\n animation: slide-in 0.5s ease-in-out;\n}\n\n@keyframes slide-in {\n from {\n transform: translate(-50%, -20px);\n }\n\n to {\n transform: translate(calc(var(--shift-x) * 100% - 50%), -20px);\n }\n}\n\n.floating-badge-wrapper {\n animation: rotate-in 0.5s ease-in-out;\n border-radius: 0.5rem;\n height: 2.6875rem;\n position: relative;\n overflow: hidden;\n}\n\n@keyframes rotate-in {\n 0% {\n transform: rotate(0deg);\n }\n\n 50% {\n // Rotate more if progress is higher\n transform: rotate(calc(-20deg * var(--progress)));\n }\n\n 100% {\n transform: rotate(0deg);\n }\n}\n\n.floating-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n padding: 0.25rem 0.75rem;\n border-radius: 1rem;\n background-color: #7E85FF;\n position: relative;\n z-index: 1;\n}\n\n.floating-badge-triangle {\n display: inline-block;\n position: absolute;\n bottom: -4px;\n left: calc(var(--tail-position, 0.5) * 100%);\n transform: translateX(-50%);\n}\n\n.floating-badge-icon {\n font-size: 1.25rem;\n margin-right: 0.25rem;\n}\n\n.floating-badge-value {\n font-size: 16px;\n font-weight: var(--font-weight-medium);\n}\n\n.left, .right {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n font-weight: var(--font-weight-medium);\n}\n\n.left {\n left: 0.75rem;\n}\n\n.right {\n right: 0.75rem;\n}\n\n.progress {\n --multiplier: calc(1 / var(--progress) - 1);\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: max(var(--percent), 0.625rem);\n border-top-left-radius: 0.625rem;\n border-bottom-left-radius: 0.625rem;\n background-image: var(--premium-gradient);\n background-size: calc(1 / var(--progress) * 100%) 100%;\n\n .left, .right {\n color: white;\n white-space: nowrap;\n }\n\n .right {\n right: calc(-100% * var(--multiplier) + 0.75rem);\n }\n}\n\n.fullProgress {\n border-radius: 0.625rem;\n}\n\n.primary {\n .progress {\n background-image: none;\n background-color: var(--color-primary);\n }\n\n .floating-badge {\n background-color: var(--color-primary);\n }\n}\n"],"names":[],"sourceRoot":""} |