1 line
57 KiB
Plaintext
1 line
57 KiB
Plaintext
{"version":3,"file":"9253.c882c06aec60b6b3ddcf.css","mappings":"AAAA,UACE,qBACA,uBACA,oCACA,sBAEA,kBACA,sCACA,oBACA,yBACA,0B;ACVF,UACE,0BAEA,kBAEA,kBACE,oBACA,WAEA,kBACA,WACA,WAEA,8FAIJ,UACE,kBACA,e;ACnBF,cACE,mCACA,wBAEA,qBACA,cACA,aACA,c;ACPF,UACE,wBAEA,wBACA,WACA,mBAEA,oBACE,qCACA,sCAIJ,UACE,gBAEA,gBAEA,cACA,uBACA,mBAEA,mBACE,mBAIJ,UACE,aACA,mBAGF,UACE,uBACA,qBAEA,kBACA,gBACA,cACA,yBAEA,mCAGF,UACE,2BAEA,0BACE,0BACA,oCACE,W;AClDN,UACE,qCAEA,kBAEA,aACA,cACA,mBAEA,YACA,8BACA,qBACA,qBACA,mBAEA,mCAEA,sCAEA,mBACE,gBAGF,gBACE,0CAGF,yBACE,oDAEA,mCACE,UAKF,6BACE,gCAGF,yBACE,mCAIJ,mBACE,eAGF,mBACE,gBACA,wBAGF,wCAEE,cAEA,6BACA,8BAEA,UAEA,6BAGF,oBACE,aACA,mBACA,uBAEA,gBACA,kBAEA,WAEA,sCAEA,8BACE,kBACA,SACA,kBAIJ,oBACE,YACA,kBACA,uBACA,mBAEA,uCACE,eACA,gBACA,oBACA,yBAIJ,oBACE,kBACA,UACA,MACA,OAEA,aACA,mBACA,uBAEA,6BACA,8BACA,kBAEA,iBACA,WAEA,UACA,oCAEA,6BAGF,mBACE,uCAEA,sBAEA,6BACE,sBAIJ,mBACE,gBACA,kBAEA,4BACE,gBACA,eAGF,6BACE,mBACA,cAGF,6BACE,QACA,U;ACpJN,UACE,aACA,oCACA,oCACA,yCAEA,kBACA,aAGF,UACE,sDAEA,8DACA,gMAEA,sBACE,sBACA,4BAIJ,6BACE,uDAGF,6BACE,yDAGF,UACE,kBACA,WACA,YAEA,oBACA,yCACA,mBAEA,iBACA,sCACA,iBACA,yBAEA,sC;AC5CF,UACE,qBACA,kBAEA,iBACA,cACA,0BAEA,uDACA,qBAEA,gCAGF,UACE,6CACA,+BAGF,UACE,qCAEA,gBACE,uBAIJ,UACE,e;AC5BF,UACE,kBACA,WAGF,UACE,gDAEA,kBACA,+BACA,mBAEA,iCACA,kCACA,qBAEA,2BAEA,iCACA,6BAGF,oBACE,GACE,mBACA,mBAGF,IACE,sBAGF,IACE,UAGF,KACE,mBACA,qBACA,W;ACvCJ,UACE,qBACA,qBAEA,kBACA,MACA,OAEA,WACA,YAEA,6CAGF,kBACE,kLACA,oDACA,oMACA,kCACA,uCACA,uBAEA,iDACE,0CAGF,4BACE,qBAIJ,UACE,cACA,WACA,YACA,iBAGF,UACE,kBACA,QACA,SACA,gCAEA,aACA,WACA,mBAEA,sBACA,mBAEA,WAEA,iCAGF,UACE,kBAGF,UACE,sCACA,iBACA,0DACA,yBAEA,kBACA,MACA,OACA,mFAEA,WACA,YAEA,iDACA,8DAEA,mCAEA,kBACE,iBACA,sCAEA,WAEA,kBACA,MACA,OAEA,WACA,YAEA,uCACA,0EACA,8DAEA,4CAGF,iBACE,iDACA,iDAEA,WAEA,kBACA,MACA,OAEA,WACA,YAEA,uCACA,0EACA,8DAEA,4CAGF,0CA3DF,UA4DI,2DAGF,0CA/DF,UAgEI,2DAIJ,yCACE,8BACA,wBAEA,iDACE,kCACA,wBAGF,gDACE,mCACA,wBAKF,sGACE,4BAIJ,oBACE,GACE,wBAEF,KACE,2DAIJ,oBACE,GACE,4CAGF,KACE,iDAIJ,oBACE,GACE,UAGF,IACE,WAGF,KACE,a;AClLJ,UACE,0BAEA,kBACA,eACA,gBACA,2BAEA,sBACE,sBAGF,2BACE,kBACA,MACA,OAIJ,UACE,UAGF,UACE,UAGF,UACE,4CACA,wCAGF,kBACE,WAEA,kBACA,QACA,SACA,gCAEA,cACA,eACA,kBAEA,4DAGF,UACE,kBACA,OACA,QAEA,UACA,WAGF,UACE,kBACA,QACA,SAEA,gBACA,kBAEA,kBAEA,sDAGF,oBACE,GACE,qBACA,UAEF,KACE,mBACA,W;AC5EJ,kBACE,kBACA,YACA,QAEA,eACA,sBAEA,+FAGE,mCACA,wDAEA,uKACE,gDACA,8DAIJ,8BACE,WAEA,kBACA,WACA,eACA,eAEA,cAEA,WACA,aACA,aACA,eACA,cACA,4BAEA,qCACE,WACA,YAGF,yBAtBF,8BAuBI,cAIJ,gCACE,WAEA,kBACA,eACA,gBAEA,cAEA,YACA,aACA,kBAEA,uCACE,WACA,cAGF,yBAlBF,gCAmBI,cAIJ,iCACE,WACA,YACA,sBAEA,yBALF,iCAMI,mBAIJ,yBACE,aACA,sBACA,mBAGF,wBACE,qBAEA,iBACA,kCACA,kBACA,kBAGF,6BACE,qCAEA,aACA,mBAEA,cACA,gBAGF,6BACE,WACA,YACA,2BACA,4BACA,UACA,kBAEA,iBAGF,yBApHF,kBAqHI,QACA,OACA,aACA,wB;ACxHJ,qBACE,kBACA,cACA,eACA,WAEA,gCACE,oBACA,oCAGF,wDAEE,kBACA,MACA,OAEA,WACA,YAKA,6CACE,mB;ACxBN,UACE,sCAEA,kBACA,UAEA,aACA,mBACA,uBAEA,+BACA,gCAGF,oBACE,oBAEA,0CACE,qBAGF,oCACE,qBAIJ,UAEE,wBAEA,eAGF,8BACE,kBACA,QACA,SACA,gC;ACrCF,UACE,2BAEA,kBAEA,gBACA,aACA,8DACA,2BACA,mBAEA,kBACA,eACA,sBAEA,iBACA,wBACA,mBAEA,yCAEA,0BACA,6CAEA,gDAEE,4BACA,gBAGF,sBACE,qBAGF,yBAlCF,UAmCI,sCACA,iBAIJ,UACE,qCAEA,qBACE,gBACE,yCAGF,wBACE,UACA,wCAKN,UACE,cACA,WACA,eAEA,YACA,yBAEA,uCAGF,UACE,aACA,WAGF,UACE,cACA,aAGF,UACE,cACA,WAEA,wBAEA,kBACA,kCAGF,oBACE,gBACA,uBACA,mBAGF,oBACE,cAIA,oBACE,WACA,eAIJ,UACE,sBAGF,UACE,cACA,aACA,4BAGF,UACE,cACA,aACA,4BAGF,UACE,cACA,aACA,yB;AC1HF,UACE,kBAEA,aACA,sCACA,YACA,uBAEA,iBAEA,kBACA,mBACA,mBAGF,UACE,sBACA,sCAGF,UACE,gBACA,wBAEA,WAEA,wCACA,uB;AC3BF,UACE,oBACA,kBAGF,UACE,qBAGF,UACE,aACA,sBACA,UACA,uBAEA,WAGF,UACE,aACA,YACA,mBAGF,UACE,e;ACzBF,UACE,kBACA,cACA,gBAGF,UACE,kBACA,QACA,SAEA,kBACA,wCACA,yBACA,mB;ACdF,UACE,gBACA,yBACA,wBAEA,gBACA,sBAEA,kBACE,oBACA,WAEA,kBACA,QAEA,kHAIA,2BACE,oLACE,CAMR,UACE,oBAEA,kBAEA,WACA,YAEA,UACA,iBAEA,iCAEA,mBACE,U;ACzCJ,UACE,WAEA,mBACE,+DACA,8DAGF,mBACE,qCACA,+RAEA,yBACE,YACA,+CAKN,UACE,kBAEA,gBACA,aACA,mBACA,uBAEA,cACA,eACA,mBAGF,oBAEE,kBACA,QAGF,UACE,kBAGF,UACE,mBACA,kBAGF,UACE,gBACA,kBACA,sCAGF,UACE,oBACA,mBACA,kB;ACxDF,mBACE,uCAEA,oBACA,qCAEA,gBAEA,mBACA,sCACA,4EAGE,gBAGF,yBACE,yBAIJ,UACE,mBACA,qCAEA,4BACA,yBACA,mBAEA,mBACA,sCAEA,kDACA,oBAEA,gCAEA,gBACE,uBAIJ,UACE,wBACA,aACA,eACA,qBAGF,UACE,WACA,c;ACnDF,oBACE,0CACA,kBACA,eAEA,0BACE,cACA,4BACA,gBAGF,sDACE,iBAGF,4BACE,iBACA,aACA,sBACA,qBAGF,2CACE,2BACA,wEACA,gBAGF,6DACE,iBACA,2CAEA,gDACA,8DACA,8DAEA,+EACE,mCACA,kDAGF,yBAbF,6DAcI,2BAIJ,8BACE,kBAGF,2CACE,kBACA,YAGF,mCACE,kBACA,QACA,QACA,OACA,2BAEA,gBAEA,mBACA,uBAGF,6BACE,0BAGF,sCACE,kBACA,MACA,2CAGF,6CACE,kBACA,MACA,UACA,6BAGF,wCACE,gBAIJ,+BACE,YAEA,qCACE,qB;AC5FJ,UACE,aACA,sBACA,2BAGF,UACE,4BAEA,OAEA,WACA,eACA,kDAEA,sCACA,iBC8OE,0CAIA,iCACE,4DD7PN,UAcE,mUAEA,kBACE,WAEA,kBACA,MACA,OAEA,WACA,YACA,sBAEA,YACA,qCAGF,iDAGE,YACA,qDAGF,wBACE,cAGF,uBACE,eAIJ,UACE,kBACA,aACA,eAEA,cAEA,kBAEA,2BACE,YACA,cACA,yBACA,iBAIJ,UACE,oBACA,0BAGF,UACE,UACA,gBACA,uBACA,mBAGF,UACE,aACA,iCACA,sBAEA,kCACE,6BAGF,iCACE,gBAEA,+CACE,wDAGF,8CACE,yDAKN,UACE,qCAGF,UACE,qCAGF,UACE,mCAGF,UACE,0BACA,wB;AEvHF,mBACE,6BACA,6CACA,yDACA,kDAEA,kBACA,UAEA,iBACA,aACA,mBACA,YAEA,WACA,gBACA,2BACA,sBAEA,sCACA,kCACA,oBACA,iCACA,oBACA,mBAEA,uDAEA,0TAEA,4BACE,oDACA,gEACA,yDAGF,4BACE,4CACA,kDACA,0CAEA,UAEA,qCACE,0CACA,4CACA,kDAIJ,qCACE,0CACA,kDACA,0CAGF,yBACE,mEAEA,wHAEA,iJALF,yBAMI,gDAKN,UACE,cAGF,mBACE,kBAEA,sBAEA,kBACA,iBACA,sBACA,0BACA,6BAEA,0BACE,WAEA,kBACA,QACA,cACA,2BAEA,cACA,eACA,kBAEA,WACA,mDAIF,yBACE,+CACA,oDAGF,6BACE,8BAIJ,UACE,kBACA,WACA,iBACA,YAEA,oBAGE,cAIJ,UACE,gCACA,sBAGF,UACE,aACA,WACA,0BACA,eAGF,UACE,0BACA,wCAGF,UACE,WAGF,UACE,kBACA,UACA,UACA,UACA,0BAEA,+CACA,iBACA,kCACA,cAEA,gC;AC5JF,UACE,mB;ACCF,WACE,iBACA,aACA,mBACA,eACA,YAEA,WACA,2CACA,kBACA,uBAEA,sBACE,kBH2PA,+DACE,4DGrPJ,2CACE,iBACA,sBAGF,sBACE,uBACA,gBACA,oBAGF,2BACE,2BAGF,qDACE,4CACA,kDACA,qDACA,6BAEA,4DACE,+CACA,sDACA,qC;AC5CN,UACE,gBACA,aACA,sBACA,YAGF,UACE,gBACA,aACA,mBACA,cAEA,iBACA,uBACA,6CAEA,uBACE,YACA,gBAGF,wBACE,YACA,UACA,YACA,gBAEA,2BAIJ,UACE,oBACA,qBACA,sCACA,kCAEA,4BACE,mBACA,kBACA,0CAIJ,WACE,SACA,4BAEA,iBACA,sCACA,kCAGF,UACE,4BACA,oBAGF,UACE,kBACA,kBACA,gBACA,YAGF,UACE,wBACA,cJ9DA,2DIkEA,yBANF,UAOI,kBAIJ,UACE,aACA,mBACA,uBAEA,YACA,SACA,kBAEA,kCAGF,UACE,2B;AC5FF,UACE,mCACA,wCACA,8BACA,wCAEA,kBACA,gBACA,mBAGF,UACE,aACA,uBACA,oBAGF,UACE,6BAGF,UACE,gBACA,MACA,OAEA,aACA,mBACA,8BAEA,iCAGF,UACE,kBACA,sCACA,mBAGF,UACE,WACA,YACA,gBACA,kBAEA,kBAEA,oBACE,qBAIJ,UACE,cACA,mBACA,uBAGF,UACE,uBACA,mCAGF,UACE,oCACA,SACA,UAGF,UACE,0CAGF,UACE,0CAGF,oBACE,KACE,oCAEA,SACA,UAGF,GACE,eAEA,iBACA,WAIJ,oBACE,KACE,eAEA,iBACA,UAGF,GACE,oCAEA,SACA,WAIJ,UACE,gBACA,kBACA,aAEA,sBACA,oBACA,oCACA,mCAEA,mBAGF,UACE,kBAEA,aACA,sBACA,mBAEA,gBACA,mBACA,iCAGE,iCACE,eACA,sBACA,mCAKN,UACE,eAEA,uBAEA,eACA,SACA,oBACA,yBAGF,UACE,cACA,eAGF,oBACE,UACA,8CAGF,oBACE,UACA,kBACA,0CAEA,gCACE,+CAEA,wCACE,uBAKN,UACE,kBACA,UAEA,aACA,mBACA,uBAEA,kBACA,gBACA,sBACA,wCACA,sBAEA,yBAEA,+CAEA,kBACE,WAEA,kBACA,WAEA,WACA,kBACA,gBACA,sBAEA,mDAIJ,UACE,sBACA,mBAGF,UACE,mBACA,wCACA,qBAGF,UACE,uBACA,gBACA,4BACA,qBAEA,oBACA,gBACA,mBAEA,mBACA,sCACA,qBACA,kBACA,uBACA,mBAGF,oBACE,kBACA,kCAGF,UACE,kBACA,UACA,aAEA,cACA,eACA,kBAEA,0CACA,8CAEA,sBACE,+CAIJ,UACE,WACA,YAGF,UACE,UACA,a;ACxQF,UACE,6CAEA,kBAEA,aAEA,YACA,sBAEA,kDAGF,UACE,gBAGF,UACE,kBACA,YACA,QACA,OACA,8DAEA,aACA,uBAEA,8BACA,4BAGF,oBACE,KACE,iCAGF,GACE,+DAIJ,UACE,kBAEA,gBAEA,iBACA,oBAEA,mCAGF,oBACE,GACE,uBAGF,IAEE,iDAGF,KACE,wBAIJ,UACE,kBACA,UAEA,aACA,mBACA,uBAEA,YACA,sBACA,mBAEA,WAEA,wBAnFe,CAqFf,2BAEA,mBACE,gBAIJ,UACE,gBACA,aACA,mBACA,uBAEA,kBACA,gBACA,mBAEA,uBACA,mBAGF,UACE,kBACA,YAEA,qBAEA,aAhHe,CAkHf,yBAGF,UACE,oBACA,kBAGF,UACE,eACA,sCAGF,oBACE,kBACA,MACA,SAEA,aACA,mBAEA,sCAEA,UAEA,6BAGF,UACE,YAGF,UACE,aAGF,UACE,kBACA,MACA,QACA,SACA,OAEA,gBAEA,sBAGF,oBAEE,qDAEA,kBACA,MACA,SACA,OAEA,gBAEA,0CAEA,yCACA,2DAEA,gEAEA,gFACE,WACA,mBACA,UACA,6BAGF,wCACE,6CAIJ,oBAEE,kBACA,MACA,QACA,SACA,UAEA,gBAEA,0CAEA,gDACA,sBAEA,kCAEA,gFACE,WACA,mBACA,UACA,6BAGF,wCACE,aAGF,wCACE,0BACA,UACA,0BAKF,wCAEE,sCACA,sBAGF,oBACE,sCAGF,oBACE,2BAKF,oBACE,gDAGF,oBACE,qCAKF,wCAEE,qDAEA,QACA,UACA,2BACA,yDAEA,4DACE,4CAGF,4DACE,aAMJ,wCAEE,wBApRa,CAqRb,sBAKF,wCAEE,UAKF,sCAEE,mCAIJ,UACE,qBAIA,oBACE,4DAGF,wCAEE,mGAIJ,UACE,2CAEA,UACA,UAEA,mBACE,UAIJ,UACE,2CAEA,UACA,UAEA,mBACE,U","sources":["webpack://montana-messenger/./src/components/common/FakeIcon.scss","webpack://montana-messenger/./src/components/common/gift/GiftEffectWrapper.module.scss","webpack://montana-messenger/./src/components/common/VerifiedIcon.scss","webpack://montana-messenger/./src/components/common/FullNameTitle.module.scss","webpack://montana-messenger/./src/components/common/PeerChip.module.scss","webpack://montana-messenger/./src/components/common/AvatarList.module.scss","webpack://montana-messenger/./src/components/common/BadgeButton.module.scss","webpack://montana-messenger/./src/components/common/reactions/CustomEmojiEffect.module.scss","webpack://montana-messenger/./src/components/common/MediaSpoiler.module.scss","webpack://montana-messenger/./src/components/middle/message/reactions/ReactionSelectorReaction.module.scss","webpack://montana-messenger/./src/components/middle/message/reactions/ReactionSelector.scss","webpack://montana-messenger/./src/components/common/reactions/ReactionStaticEmoji.scss","webpack://montana-messenger/./src/components/common/reactions/ReactionAnimatedEmoji.module.scss","webpack://montana-messenger/./src/components/common/pickers/PickerItem.module.scss","webpack://montana-messenger/./src/components/common/MiniTable.module.scss","webpack://montana-messenger/./src/components/middle/message/actions/NoForwardsRequest.module.scss","webpack://montana-messenger/./src/components/common/gift/GiftRibbon.module.scss","webpack://montana-messenger/./src/components/common/profile/RadialPatternBackground.module.scss","webpack://montana-messenger/./src/components/middle/message/actions/StarGiftPurchaseOffer.module.scss","webpack://montana-messenger/./src/components/middle/message/TimeMenuItem.module.scss","webpack://montana-messenger/./src/components/middle/message/MessageContextMenu.scss","webpack://montana-messenger/./src/components/middle/message/InlineButtons.module.scss","webpack://montana-messenger/./src/styles/_mixins.scss","webpack://montana-messenger/./src/components/middle/message/reactions/ReactionButton.module.scss","webpack://montana-messenger/./src/components/modals/prompt/PromptDialog.module.scss","webpack://montana-messenger/./src/components/middle/message/reactions/Reactions.scss","webpack://montana-messenger/./src/components/common/pickers/PickerStyles.module.scss","webpack://montana-messenger/./src/components/middle/message/SimilarChannels.module.scss","webpack://montana-messenger/./src/components/common/PremiumProgress.module.scss"],"sourcesContent":[".FakeIcon {\n margin-inline: 0.25rem;\n padding: 0.125rem 0.25rem;\n border: 1px solid var(--color-error);\n border-radius: 0.375rem;\n\n font-size: 0.625rem;\n font-weight: var(--font-weight-medium);\n line-height: initial;\n color: var(--color-error);\n text-transform: capitalize;\n}\n",".root {\n --glow-color: transparent;\n\n position: relative;\n\n &::before {\n pointer-events: none;\n content: '';\n\n position: absolute;\n z-index: -1;\n inset: -25%;\n\n background-image: radial-gradient(circle closest-side, var(--glow-color) 0%, transparent 100%);\n }\n}\n\n.sparkles {\n position: absolute;\n inset: -0.25rem;\n}\n",".VerifiedIcon {\n --color-fill: var(--color-primary);\n --color-checkmark: #fff;\n\n display: inline-block;\n flex-shrink: 0;\n width: 1.25em;\n height: 1.25em;\n}\n",".root {\n --_status-size: 1.25rem;\n\n display: flex !important;\n gap: 0.25rem;\n align-items: center;\n\n .statusTransition {\n width: var(--_status-size) !important;\n height: var(--_status-size) !important;\n }\n}\n\n.fullName {\n overflow: hidden;\n\n margin-bottom: 0;\n\n font-size: 1em;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.canCopy {\n pointer-events: all;\n }\n}\n\n.statusTransitionSlide {\n display: flex;\n align-items: center;\n}\n\n.monoforumBadge {\n padding: 0.125rem 0.25rem;\n border-radius: 0.25rem;\n\n font-size: 0.625rem;\n font-weight: 500;\n line-height: 1;\n color: var(--color-white);\n\n background-color: var(--color-gray);\n}\n\n.statusPrimaryColor {\n color: var(--color-primary);\n\n :global(.statusSparkles) {\n color: var(--accent-color);\n :global(.selected) & {\n color: white;\n }\n }\n}\n",".root {\n cursor: var(--custom-cursor, pointer);\n\n position: relative;\n\n display: flex;\n flex-shrink: 1;\n align-items: center;\n\n min-width: 0;\n height: var(--chip-size, 2rem);\n margin-inline: 0.25rem;\n padding-right: 0.75rem;\n border-radius: 1rem;\n\n background: var(--color-chat-hover);\n\n transition: background-color 0.15s ease;\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 &.notClickable {\n cursor: default;\n }\n\n &.small {\n margin-inline: 0;\n border-radius: 1.4375rem;\n }\n\n .avatar,\n .iconWrapper {\n flex-shrink: 0;\n\n width: var(--chip-size, 2rem);\n height: var(--chip-size, 2rem);\n\n opacity: 1;\n\n transition: opacity 0.15s ease;\n }\n\n .iconWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: 0.375rem;\n border-radius: 50%;\n\n color: white;\n\n background-color: var(--color-primary);\n\n .icon {\n position: relative;\n top: -1px;\n font-size: 1.25rem;\n }\n }\n\n .name {\n min-width: 0;\n margin-left: 0.5rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n :global(.emoji.emoji-small) {\n width: 1.125rem;\n height: 1.125rem;\n vertical-align: -4px;\n background-size: 1.125rem;\n }\n }\n\n .remove {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(--chip-size, 2rem);\n height: var(--chip-size, 2rem);\n border-radius: 50%;\n\n font-size: 1.5rem;\n color: white;\n\n opacity: 0;\n background-color: var(--color-error);\n\n transition: opacity 0.15s ease;\n }\n\n &.squareAvatar {\n --border-radius-forum-avatar: 0.625rem;\n\n border-radius: 0.625rem;\n\n .remove {\n border-radius: 0.625rem;\n }\n }\n\n &[dir=\"rtl\"] {\n padding-right: 0;\n padding-left: 1rem;\n\n &.minimized {\n padding-right: 0;\n padding-left: 0;\n }\n\n .name {\n margin-right: 0.5rem;\n margin-left: 0;\n }\n\n .remove {\n right: 0;\n left: auto;\n }\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 position: relative;\n display: flex;\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 right: -1px;\n bottom: -1px;\n\n padding: 0rem 0.25rem;\n border: 1px solid var(--color-background);\n border-radius: 1rem;\n\n font-size: 0.75rem;\n font-weight: var(--font-weight-medium);\n line-height: 1rem;\n color: var(--color-white);\n\n background-color: var(--color-primary);\n}\n",".root {\n padding: 0.25rem 0.5rem;\n border-radius: 1em;\n\n font-size: 0.75rem;\n line-height: 1;\n color: var(--accent-color);\n\n background-color: var(--accent-background-active-color);\n filter: brightness(1);\n\n transition: 150ms filter ease-in;\n}\n\n.plain {\n color: rgba(var(--color-text-meta-rgb), 0.75);\n background-color: transparent;\n}\n\n.clickable {\n cursor: var(--custom-cursor, pointer);\n\n &:hover {\n filter: brightness(1.1);\n }\n}\n\n.inline {\n display: inline;\n}\n",".root {\n position: absolute;\n z-index: 10;\n}\n\n.particle {\n --custom-emoji-size: var(--particle-size, 1rem);\n\n position: absolute;\n offset-path: var(--offset-path);\n offset-rotate: 0deg;\n\n width: var(--particle-size, 1rem);\n height: var(--particle-size, 1rem);\n border-radius: 0.25rem;\n\n color: var(--color-primary);\n\n animation: 1.5s particle ease-out;\n animation-fill-mode: forwards;\n}\n\n@keyframes particle {\n 0% {\n transform: scale(1);\n offset-distance: 0%;\n }\n\n 50% {\n transform: scale(1.25);\n }\n\n 75% {\n opacity: 1;\n }\n\n 100% {\n transform: scale(1);\n offset-distance: 100%;\n opacity: 0;\n }\n}\n",".root {\n --click-shift-x: 0px;\n --click-shift-y: 0px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n background-color: var(--color-text-secondary); // Fallback before canvas is prepared\n}\n\n.mask-animation:global(.closing) {\n mask-image: url(\"../../assets/spoilers/mask.svg\"), linear-gradient(#ffffff, #ffffff);\n mask-repeat: no-repeat;\n mask-position: calc(50% + var(--click-shift-x)) calc(50% + var(--click-shift-y)), center center;\n mask-size: 0%;\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\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.nsfw {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n display: flex;\n gap: 0.25rem;\n align-items: center;\n\n padding: 0.125rem 0.5rem;\n border-radius: 1rem;\n\n color: white;\n\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.nsfwIcon {\n font-size: 1.25rem;\n}\n\n.dots {\n --x-direction: var(--background-size);\n --y-direction: 0;\n --background-url: url(\"../../assets/spoilers/turbulence_1x.png\");\n --background-size: 256px;\n\n position: absolute;\n top: 0;\n left: 0;\n transform-origin: calc(50% + var(--click-shift-x)) calc(50% + var(--click-shift-y));\n\n width: 100%;\n height: 100%;\n\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\n &::before {\n --x-direction: 0;\n --y-direction: var(--background-size);\n\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n background-image: var(--background-url);\n background-position: calc(var(--x-direction) / 2) calc(var(--y-direction) / 2);\n background-size: var(--background-size) var(--background-size);\n\n animation: 2s linear -0.8s infinite opacity-breath;\n }\n\n &::after {\n --x-direction: calc(-1 * var(--background-size));\n --y-direction: calc(-1 * var(--background-size));\n\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n background-image: var(--background-url);\n background-position: calc(var(--x-direction) / 2) calc(var(--y-direction) / 2);\n background-size: var(--background-size) var(--background-size);\n\n animation: 2s linear -1.5s infinite opacity-breath;\n }\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\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:global(body.in-background) .dots {\n &, &::before, &::after {\n animation-play-state: paused;\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 --custom-emoji-size: 2rem;\n\n position: relative;\n min-width: 2rem;\n min-height: 2rem;\n margin-inline-start: 0.25rem;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n :global(.AnimatedSticker) {\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n.custom {\n opacity: 0;\n}\n\n.visible {\n opacity: 1;\n}\n\n.custom-animated {\n animation: custom-fade-in 0.2s ease-in-out forwards;\n animation-delay: var(--_animation-delay);\n}\n\n.chosen::before {\n content: '';\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 50%;\n\n background-color: var(--color-background-compact-menu-hover);\n}\n\n.static-icon {\n position: absolute;\n top: 5%;\n left: 5%;\n\n width: 90%;\n height: 90%;\n}\n\n.lock {\n position: absolute;\n right: 0;\n bottom: 0;\n\n padding: 0.125rem;\n border-radius: 50%;\n\n font-size: 0.875rem;\n\n background-color: var(--color-background-compact-menu);\n}\n\n@keyframes custom-fade-in {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n",".ReactionSelector {\n position: relative;\n top: -0.5rem;\n right: 0;\n\n min-width: 3rem;\n max-width: fit-content;\n\n &__bubble-big,\n &__bubble-small,\n &__items-wrapper {\n background: var(--color-background);\n box-shadow: 0 0.25rem 0.125rem var(--color-default-shadow);\n\n body:not(.no-menu-blur) & {\n background: var(--color-background-compact-menu);\n backdrop-filter: blur(25px);\n }\n }\n\n &__bubble-big {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n right: 1.125rem;\n bottom: -0.5rem;\n\n display: block;\n\n width: 1rem;\n height: 0.5rem;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n border-radius: 0 0 1rem 1rem;\n\n &--isRtl {\n right: auto;\n left: 1.5rem;\n }\n\n @media (max-width: 600px) {\n display: none;\n }\n }\n\n &__bubble-small {\n content: \"\";\n\n position: absolute;\n right: 1.125rem;\n bottom: -1.25rem;\n\n display: block;\n\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n\n &--isRtl {\n right: auto;\n left: 2.125rem;\n }\n\n @media (max-width: 600px) {\n display: none;\n }\n }\n\n &__items-wrapper {\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n\n @media (max-width: 600px) {\n width: fit-content;\n }\n }\n\n &__items {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n &__hint {\n padding: 0.25rem 0.5rem;\n\n font-size: 0.75rem;\n color: var(--color-text-secondary);\n text-align: center;\n text-wrap: balance;\n }\n\n &__reactions {\n cursor: var(--custom-cursor, pointer);\n\n display: flex;\n align-items: center;\n\n height: 2.5rem;\n padding: 0 0.5rem;\n }\n\n &__show-more {\n width: 2rem;\n height: 2rem;\n margin-inline-start: 0.25rem;\n margin-inline-end: -0.125rem;\n padding: 0;\n border-radius: 50%;\n\n font-size: 1.5rem;\n }\n\n @media (max-width: 600px) {\n right: 0;\n left: 0;\n display: flex;\n justify-content: center;\n }\n}\n",".ReactionStaticEmoji {\n position: relative;\n display: block;\n aspect-ratio: 1;\n width: 1rem;\n\n &.icon-heart {\n margin: 0 !important;\n color: var(--color-heart) !important;\n }\n\n .thumb,\n .media {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n }\n\n .media {\n // Unicorn reaction preview is too small\n &.with-unicorn-fix {\n transform: scale(2);\n }\n }\n}\n",".root {\n --custom-emoji-border-radius: 0.25rem;\n\n position: relative;\n z-index: 1;\n\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\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",".root {\n scroll-margin-block: 0.25rem;\n\n position: relative;\n\n overflow: hidden;\n display: grid;\n grid-template-columns: min-content min-content 1fr min-content;\n grid-template-rows: 1fr 1fr;\n align-items: center;\n\n min-height: 2.5rem;\n padding: 0.25rem;\n border-radius: 1.25rem;\n\n line-height: 1.25;\n color: var(--color-text);\n text-align: initial;\n\n background-color: var(--background-color);\n\n transition-duration: 150ms;\n transition-property: background-color, opacity;\n\n :global(body.is-ios) &,\n :global(body.is-android) & {\n padding-inline-start: 0.75rem;\n border-radius: 0;\n }\n\n :global(body.is-ios) & {\n padding-inline-end: 0;\n }\n\n @media (max-width: 600px) {\n padding-inline-start: 0.5rem !important;\n border-radius: 0;\n }\n}\n\n.clickable {\n cursor: var(--custom-cursor, pointer);\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-item-hover);\n }\n\n &:focus-visible {\n z-index: 1;\n outline: 2px solid var(--color-borders);\n }\n }\n}\n\n.separator {\n grid-column: 3;\n grid-row: 2;\n align-self: end;\n /* stylelint-disable-next-line plugin/whole-pixel */\n height: 0.5px;\n margin-bottom: -0.1875rem;\n\n background-color: var(--color-dividers);\n}\n\n.disabled {\n cursor: unset;\n opacity: 0.5;\n}\n\n.title {\n grid-column: 3;\n grid-row: 1 / 3;\n}\n\n.subtitle {\n grid-column: 3;\n grid-row: 2;\n\n padding-bottom: 0.3125rem;\n\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n}\n\n.title, .subtitle {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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-column: 1;\n grid-row: 1 / 3;\n margin-inline-end: 1.1875rem;\n}\n\n.endInput {\n grid-column: 4;\n grid-row: 1 / 3;\n margin-inline-start: 1.25rem;\n}\n\n.avatarElement {\n grid-column: 2;\n grid-row: 1 / 3;\n margin-inline-end: 0.75rem;\n}\n",".root {\n position: relative;\n\n display: grid;\n grid-template-columns: min-content 1fr;\n gap: 0.375rem;\n justify-content: center;\n\n margin-top: 0.5rem;\n\n font-size: 0.875rem;\n text-align: initial;\n white-space: nowrap;\n}\n\n.key {\n justify-self: flex-end;\n font-weight: var(--font-weight-normal);\n}\n\n.value {\n overflow: hidden;\n justify-self: flex-start;\n\n width: 100%; // Grid ellipsis hack\n\n font-weight: var(--font-weight-semibold);\n text-overflow: ellipsis;\n}\n",".root {\n padding: 0.75rem 1rem;\n text-align: center;\n}\n\n.title {\n line-height: 1.125rem;\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n align-items: flex-start;\n\n width: 100%;\n}\n\n.item {\n display: flex;\n gap: 0.375rem;\n align-items: center;\n}\n\n.checkIcon {\n font-size: 1rem;\n}\n",".root {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.text {\n position: absolute;\n top: 50%;\n left: 50%;\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 --_y-shift: 50%;\n --_bg-light: transparent;\n --_bg-dark: transparent;\n\n overflow: hidden;\n border-radius: inherit;\n\n &::before {\n pointer-events: none;\n content: '';\n\n position: absolute;\n inset: 0;\n\n background-image: radial-gradient(closest-side at 50% var(--_y-shift), var(--_bg-light) 25%, var(--_bg-dark) 125%);\n }\n\n &.withLinearGradient {\n &::before {\n background-image:\n radial-gradient(circle at 50% var(--_y-shift), #ffffff44, #ffffff00 9.5rem),\n linear-gradient(var(--_bg-light), var(--_bg-dark));\n }\n }\n}\n\n.canvas {\n pointer-events: none;\n\n position: relative;\n\n width: 100%;\n height: 100%;\n\n opacity: 0;\n object-fit: cover;\n\n transition: opacity 0.15s ease-out;\n\n &.showing {\n opacity: 1;\n }\n}\n",".root {\n gap: 0.25rem;\n\n &.hasButtons {\n border-bottom-right-radius: var(--border-radius-messages-small);\n border-bottom-left-radius: var(--border-radius-messages-small);\n }\n\n &.clickable {\n cursor: var(--custom-cursor, pointer);\n transition: background-color 150ms, backdrop-filter 150ms, filter 150ms, opacity 150ms;\n\n &:hover {\n opacity: 0.85;\n background: var(--action-message-bg) !important;\n }\n }\n}\n\n.giftContainer {\n position: relative;\n\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 4.75rem;\n height: 4.75rem;\n border-radius: 1rem;\n}\n\n.uniqueBackgroundWrapper,\n.uniqueBackground {\n position: absolute;\n inset: 0;\n}\n\n.stickerWrapper {\n position: relative;\n}\n\n.info {\n font-size: 0.9375rem;\n text-align: center;\n}\n\n.title {\n margin-bottom: 0;\n font-size: inherit;\n font-weight: var(--font-weight-normal);\n}\n\n.subtitle {\n margin-block: 0.25rem;\n font-size: 0.8125rem;\n text-wrap: balance;\n}\n",":global(.MenuItem).item {\n --color-skeleton-background: #2121211a;\n\n pointer-events: none;\n cursor: var(--custom-cursor, default);\n\n margin-bottom: 0;\n\n font-size: 0.8125rem;\n font-weight: var(--font-weight-normal);\n &:hover,\n &:focus,\n &:active {\n background: none;\n }\n\n :global(.icon) {\n margin-inline-end: 0.25rem;\n }\n}\n\n.get {\n pointer-events: all;\n cursor: var(--custom-cursor, pointer);\n\n margin-inline-start: 0.375rem;\n padding: 0.1875rem 0.375rem;\n border-radius: 1rem;\n\n font-size: 0.6875rem;\n font-weight: var(--font-weight-medium);\n\n background: var(--color-background-menu-separator);\n filter: opacity(0.8);\n\n transition: 150ms filter ease-in;\n\n &:hover {\n filter: brightness(1.1);\n }\n}\n\n.skeleton {\n width: calc(100% - 2rem);\n height: 0.5rem;\n margin: 0.5rem 0;\n border-radius: 0.25rem;\n}\n\n.transition {\n width: auto;\n height: 1.5rem;\n}\n",".MessageContextMenu {\n user-select: none;\n position: absolute;\n font-size: 1rem;\n\n &_items {\n overflow: auto;\n overscroll-behavior: contain;\n padding: 0.5rem 0;\n }\n\n &.compact &_items {\n padding: 0.25rem 0;\n }\n\n .bubble {\n overflow: initial;\n display: flex;\n flex-direction: column;\n padding: 0 !important;\n }\n\n &.with-reactions .bubble {\n background: none !important;\n backdrop-filter: none !important;\n box-shadow: none;\n }\n\n &.with-reactions &_items {\n padding: 0.25rem 0;\n border-radius: var(--border-radius-default);\n\n background: var(--color-background-compact-menu);\n backdrop-filter: blur(10px);\n box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);\n\n body.no-menu-blur & {\n background: var(--color-background);\n backdrop-filter: none;\n }\n\n @media (min-width: 600px) {\n margin-inline-end: 2.75rem;\n }\n }\n\n .backdrop {\n touch-action: none;\n }\n\n &--seen-by-label-wrapper {\n position: relative;\n flex-grow: 1;\n }\n\n &--seen-by-label {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n transform: translateY(-50%);\n\n overflow: hidden;\n\n text-align: initial;\n text-overflow: ellipsis;\n }\n\n .avatars {\n padding-inline-start: 1rem;\n }\n\n .ReactionSelector {\n position: absolute;\n top: 0;\n transform: translateY(calc(-100% - 0.5rem));\n }\n\n .TranslationToneSelector {\n position: absolute;\n top: 0;\n left: 100%;\n transform: translateX(0.5rem);\n }\n\n .no-forwards-notice {\n min-width: 12rem;\n }\n}\n\n.translation-tone-menu .bubble {\n min-width: 0;\n\n .icon {\n margin-inline: 0.25rem;\n }\n}\n","@use \"../../../styles/mixins\";\n\n.root {\n display: flex;\n flex-direction: column;\n max-width: var(--max-width);\n}\n\n.button {\n --secondary-bg: transparent;\n\n flex: 1;\n\n width: auto;\n margin: 0.125rem;\n border-radius: var(--border-radius-messages-small);\n\n font-weight: var(--font-weight-medium);\n line-height: 1.25;\n\n @include mixins.action-message-bg($isModule: true);\n\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms, opacity 150ms;\n\n &::before {\n content: '';\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n border-radius: inherit;\n\n opacity: 50%;\n background-color: var(--secondary-bg);\n }\n\n &:active,\n &:hover,\n &:focus {\n opacity: 0.85;\n background-color: var(--action-message-bg) !important;\n }\n\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n}\n\n.cornerIcon {\n position: absolute;\n top: 0.1875rem;\n right: 0.1875rem;\n\n display: block;\n\n font-size: 0.875rem;\n\n &:global(.icon-arrow-right) {\n top: 0.125rem;\n right: 0.125rem;\n transform: rotate(-45deg);\n font-size: 0.75rem;\n }\n}\n\n.leftIcon {\n margin-right: 0.25rem;\n font-size: 1rem !important;\n}\n\n.inlineButtonText {\n z-index: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.row {\n display: grid;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n\n &:first-of-type .button {\n margin-top: 0.25rem !important;\n }\n\n &:last-of-type .button {\n margin-bottom: 0;\n\n &:first-of-type {\n border-bottom-left-radius: var(--border-radius-messages);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--border-radius-messages);\n }\n }\n}\n\n.primaryTint {\n --secondary-bg: var(--color-primary);\n}\n\n.successTint {\n --secondary-bg: var(--color-success);\n}\n\n.destructiveTint {\n --secondary-bg: var(--color-error);\n}\n\n.customEmojiIcon {\n margin-inline-end: 0.125rem;\n vertical-align: text-top;\n}\n","// @optimization\n@mixin while-transition() {\n .Transition_slide:not(.Transition_slide-active) & {\n @content;\n }\n}\n\n@mixin adapt-padding-to-scrollbar($padding, $forceSpace: 0px) {\n padding-inline-end: calc(max($padding - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin adapt-margin-to-scrollbar($margin, $forceSpace: 0px) {\n margin-inline-end: calc(max($margin - var(--scrollbar-width), $forceSpace));\n}\n\n@mixin filter-outline($width: 0.125rem, $color) {\n filter:\n drop-shadow($width $width 0 $color)\n drop-shadow((-$width) $width 0 $color)\n drop-shadow($width (-$width) 0 $color)\n drop-shadow((-$width) (-$width) 0 $color);\n}\n\n@mixin gradient-border-top($width, $cutout: 0px) {\n mask-image: linear-gradient(transparent $cutout, black $width);\n}\n\n@mixin gradient-border-bottom($height, $cutout: 0px) {\n mask-image: linear-gradient(to top, transparent $cutout, black $height);\n}\n\n@mixin gradient-border-horizontal($borderStart, $borderEnd) {\n mask-image: linear-gradient(to right, transparent, black $borderStart, black calc(100% - $borderEnd), transparent);\n}\n\n@mixin gradient-border-left($indent, $cutout: 0px) {\n mask-image: linear-gradient(to right, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-right($indent, $cutout: 0px) {\n mask-image: linear-gradient(to left, transparent $cutout, black $indent);\n}\n\n@mixin gradient-border-top-bottom($top, $bottom) {\n mask-image: linear-gradient(transparent 0%, black $top, black calc(100% - $bottom), transparent 100%);\n}\n\n@mixin peer-gradient($property, $colorCount) {\n --_accent-color-rgb: var(--color-accent-own-rgb);\n\n html.theme-dark {\n --_accent-color-rgb: var(--color-text-rgb);\n }\n\n @if $colorCount == 2 {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 10px\n );\n }\n\n @else {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 15px\n );\n }\n}\n\n@mixin reset-range() {\n input[type=\"range\"] {\n display: block;\n\n width: 100%;\n margin-bottom: 0.5rem;\n\n -webkit-appearance: none;\n background: transparent;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n\n &::-moz-range-thumb {\n -moz-appearance: none;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: var(--custom-cursor, pointer);\n }\n\n &::-moz-range-track, &::-moz-range-progress {\n cursor: var(--custom-cursor, pointer);\n }\n\n &:focus {\n outline: none;\n }\n }\n}\n\n@mixin middle-header-pane {\n position: absolute;\n top: 0;\n transform: translateY(-100%);\n\n width: 100%;\n height: 2.875rem;\n padding-top: 0.375rem;\n padding-right: max(0.5rem, env(safe-area-inset-right));\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n\n background-color: var(--color-background);\n\n transition: transform var(--slide-transition);\n\n &::before {\n pointer-events: none;\n content: \"\";\n\n position: absolute;\n top: -0.1875rem;\n right: 0;\n left: 0;\n\n display: block;\n\n height: 0.125rem;\n\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n\n // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n &::after {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n top: -100%;\n right: 0;\n left: 0;\n\n height: inherit;\n\n background-color: inherit;\n }\n}\n\n@mixin chat-list-pane {\n position: absolute;\n top: 0;\n transform: translateY(calc(-100% - 0.5rem)); // Include top margin to hide fully\n\n width: 100%;\n padding: 0.5625rem;\n border-radius: var(--border-radius-island);\n\n background-color: var(--color-background);\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);\n\n transition: transform var(--chat-transform-transition);\n\n // Some panels might unmount without animation, so we provide same background above panel to make it less noticeable\n &::after {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n top: -100%;\n right: 0;\n left: 0;\n\n height: inherit;\n\n background-color: inherit;\n }\n\n :global(html.theme-dark) & {\n border: 1px solid var(--color-borders);\n box-shadow: none;\n }\n}\n\n@mixin side-panel-section {\n border-bottom: 0.625rem solid var(--color-background-secondary);\n background-color: var(--color-background);\n box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n\n &:last-child {\n border-bottom: none;\n box-shadow: none;\n }\n}\n\n@mixin on-active-vt($type) {\n :global {\n .active-vt-#{$type} {\n @content;\n }\n }\n}\n\n@mixin with-vt-type($type) {\n :global(.active-vt-#{$type}) & {\n view-transition-name: var(--_vtn);\n }\n}\n\n@mixin chat-pattern-styles($path) {\n content: \"\";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n opacity: 0.4;\n background-image: url($path);\n background-repeat: repeat;\n background-position: center;\n background-size: 430px auto;\n mix-blend-mode: soft-light;\n\n :global(html.theme-dark) & {\n opacity: 0.25;\n background: linear-gradient(145deg, #4f5bd5 0%, #962fbf 35%, #dd6cb9 65%, #fec496 100%) !important;\n background-image: none;\n mix-blend-mode: unset;\n\n mask-image: url($path);\n mask-repeat: repeat;\n mask-position: center;\n mask-size: 430px auto;\n }\n}\n\n@mixin chat-pattern-background($path) {\n &::before {\n @include chat-pattern-styles($path);\n }\n}\n\n@mixin action-message-bg($isModule: false, $noBackground: false) {\n @if not $noBackground {\n background-color: var(--action-message-bg);\n }\n\n @if $isModule {\n :global(body.with-message-blur) & {\n backdrop-filter: blur(4px);\n }\n }\n\n @else {\n body.with-message-blur & {\n backdrop-filter: blur(4px);\n }\n }\n}\n","// 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 position: relative;\n z-index: 1;\n\n overflow: visible;\n display: flex;\n flex-direction: row;\n gap: 0.125rem;\n\n width: auto;\n height: 1.875rem;\n padding: 0 0.375rem 0 0.25rem;\n border-radius: 1.75rem;\n\n font-weight: var(--font-weight-medium);\n font-variant-numeric: tabular-nums;\n line-height: 1.75rem;\n color: var(--reaction-text-color);\n text-transform: none;\n white-space: nowrap;\n\n background-color: var(--reaction-background) !important;\n\n transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms !important;\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\n z-index: 2;\n\n &.outside {\n --reaction-text-color: #FFFFFF !important;\n --reaction-background: #FFBC2E77 !important;\n --reaction-background-hover: #FFBC2E99 !important;\n }\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 &: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\n justify-content: start;\n\n margin-right: 1rem;\n padding-inline: 0;\n border-radius: 0.375rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n &::after {\n content: '';\n\n position: absolute;\n top: 50%;\n right: -0.5rem;\n transform: translateY(-50%);\n\n width: 0.375rem;\n height: 0.375rem;\n border-radius: 50%;\n\n opacity: 0.4;\n background-color: var(--text-color-reaction-chosen);\n }\n\n // SVG has problems with backdrop-filter\n &:hover {\n filter: var(--reaction-background-hover-filter);\n backdrop-filter: unset;\n }\n\n .animated-emoji {\n margin: 0.25rem 0 0.25rem 0.25rem;\n }\n}\n\n.tail {\n position: absolute;\n z-index: -1;\n right: -0.9375rem;\n height: 100%;\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 margin-inline-end: 0.375rem;\n font-size: 1rem;\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 position: absolute;\n z-index: 1;\n top: -150%;\n right: 50%;\n transform: translateX(50%);\n\n font-family: var(--font-family-numbers-rounded);\n font-size: 2.5rem;\n font-variant-numeric: tabular-nums;\n color: #FFBC2E;\n\n -webkit-text-stroke: 1px #E58E0D;\n}\n",".subtitle {\n margin-bottom: 1rem;\n}\n","@use \"../../../../styles/mixins\";\n\n.Reactions {\n overflow: visible;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0.375rem;\n\n width: 100%;\n max-width: calc(var(--max-width) + 2.25rem);\n margin-top: 0.25rem;\n margin-bottom: 0.1875rem;\n\n &.is-outside {\n margin-top: 0.25rem;\n\n .message-reaction {\n @include mixins.action-message-bg($noBackground: true);\n }\n }\n\n .is-forwarded.is-inverted-media & {\n margin-top: 0.5rem;\n margin-bottom: 0.125rem;\n }\n\n &.is-service {\n justify-content: center;\n max-width: 19rem;\n margin-top: 0.3125rem;\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 overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.header {\n overflow-y: auto;\n display: flex;\n flex-flow: row wrap;\n flex-shrink: 0;\n\n max-height: 20rem;\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid var(--color-borders);\n\n :global(.input-group) {\n flex-grow: 1;\n margin-bottom: 0;\n }\n\n :global(.form-control) {\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: 0;\n\n box-shadow: none !important;\n }\n}\n\n.pickerCategoryTitle {\n margin-bottom: 0.5rem;\n padding-inline: 0.5rem;\n font-weight: var(--font-weight-medium);\n color: var(--color-text-secondary);\n\n &:not(:first-child) {\n margin-top: 0.375rem;\n padding-top: 0.5rem;\n border-top: 1px solid var(--color-borders);\n }\n}\n\n.sectionHeader {\n margin: 0;\n padding: 0.75rem 0.25rem 0.5rem;\n\n font-size: 0.75rem;\n font-weight: var(--font-weight-medium);\n color: var(--color-text-secondary);\n}\n\n.peerChip {\n max-width: calc(50% - 0.5rem);\n margin-bottom: 0.5rem;\n}\n\n.pickerList {\n position: relative;\n overflow-x: hidden;\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.padded {\n scrollbar-gutter: stable;\n padding: 0.5rem;\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 display: flex;\n align-items: center;\n justify-content: center;\n\n height: 100%;\n margin: 0;\n padding: 1rem 1rem;\n\n color: var(--color-text-secondary);\n}\n\n.onlineStatus {\n color: var(--color-primary);\n}\n",".root {\n --more-channel-background: #d8d8d8;\n --more-channel-background-dark: #8f8f8f;\n --more-channel-badge: #8f8f8f;\n --more-channel-badge-overlay: #00000033;\n\n position: relative;\n max-width: 45rem;\n margin-top: 0.625rem;\n}\n\n.notch {\n display: flex;\n justify-content: center;\n margin-top: 0.1875rem;\n}\n\n.notch-path {\n fill: var(--color-background);\n}\n\n.header {\n position: sticky;\n top: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 0.375rem 0.375rem 0 0.75rem;\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 padding: 0.125rem;\n border-radius: 50%;\n\n font-size: 1.25rem;\n\n > .icon {\n margin-left: 0.0625rem;\n }\n}\n\n.skeleton {\n height: 8.5rem;\n margin-top: 0.625rem;\n border-radius: 0.9375rem;\n}\n\n.inner {\n border-radius: 0.9375rem;\n background: var(--color-background);\n}\n\n.channelsWrapper {\n transform: scale(0) translateY(-50%);\n height: 0;\n opacity: 0;\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 /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n height: 0;\n opacity: 0;\n }\n\n to {\n transform: none;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n height: 8.9375rem;\n opacity: 1;\n }\n}\n\n@keyframes channels-disappear {\n from {\n transform: none;\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n height: 8.9375rem;\n opacity: 1;\n }\n\n to {\n transform: scale(0) translateY(-50%);\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n height: 0;\n opacity: 0;\n }\n}\n\n.channel-list {\n overflow-x: auto;\n overflow-y: hidden;\n display: flex;\n\n padding-bottom: 0.25rem;\n padding-left: 0.25rem;\n border-bottom-right-radius: 0.9375rem;\n border-bottom-left-radius: 0.9375rem;\n\n white-space: nowrap;\n}\n\n.item {\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n height: 6.375rem;\n margin-right: 0.5rem;\n padding: 0.5rem 0.5rem 0.25rem 0.5rem;\n\n &:not(:last-child) {\n &:hover {\n cursor: pointer;\n border-radius: 0.625rem;\n background: var(--color-chat-hover);\n }\n }\n}\n\n.last-item {\n cursor: pointer;\n\n align-items: flex-start;\n\n min-width: 5rem;\n margin: 0;\n margin-right: 0.75rem;\n padding: 0.5rem 0 0.25rem 0;\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 position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n max-width: 3.75rem;\n height: 0.9375rem;\n margin-top: -0.8125rem;\n padding: 0.125rem 0.1875rem 0.125rem 0.25rem;\n border-radius: 0.625rem;\n\n color: var(--color-white);\n\n outline: 0.0625rem solid var(--color-background);\n\n &::before {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n\n width: 100%;\n max-width: 3.75rem;\n height: 0.9375rem;\n border-radius: 0.625rem;\n\n background-color: var(--more-channel-badge-overlay);\n }\n}\n\n.icon {\n margin-right: 0.0625rem;\n font-size: 0.4375rem;\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 unicode-bidi: plaintext;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n max-width: 3.4375rem;\n height: 1.625rem;\n margin-top: 0.125rem;\n\n font-size: 0.6875rem;\n font-weight: var(--font-weight-normal);\n line-height: 0.8125rem;\n text-align: center;\n text-overflow: ellipsis;\n white-space: normal;\n}\n\n.last-item .channel-title {\n align-self: center;\n color: var(--color-text-secondary);\n}\n\n.fake-avatar {\n position: absolute;\n z-index: 2;\n left: 0.625rem;\n\n width: 3.75rem;\n height: 3.75rem;\n border-radius: 50%;\n\n background: var(--more-channel-background);\n outline: 0.125rem solid var(--color-background);\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 z-index: 1;\n left: 1.25rem;\n}\n","/* stylelint-disable plugin/no-low-performance-animation-properties */\n\n$progress-color: #7e85ff;\n\n.root {\n --percent: calc(var(--progress, 0.5) * 100%);\n\n position: relative;\n\n display: flex;\n\n height: 2rem;\n border-radius: 0.625rem;\n\n background: var(--color-background-menu-separator);\n}\n\n.withBadge {\n margin-top: 3rem;\n}\n\n.badgeContainer {\n position: absolute;\n top: -1.5rem;\n right: 0;\n left: 0;\n transform: translate(calc(var(--shift-x) * 100% - 50%), -20px);\n\n display: flex;\n justify-content: center;\n\n transition: transform 0.2s ease;\n animation: slide-in 0.5s ease;\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 position: relative;\n\n overflow: hidden;\n\n height: 2.6875rem;\n border-radius: 0.5rem;\n\n animation: rotate-in 0.5s ease-in-out;\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 position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n height: 2rem;\n padding: 0.25rem 0.75rem;\n border-radius: 1rem;\n\n color: #ffffff;\n\n background-color: $progress-color;\n\n transition: width 0.25s ease;\n\n &.noTransition {\n transition: none;\n }\n}\n\n.floatingBadgeContent {\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: fit-content;\n max-width: 20rem;\n margin-inline: auto;\n\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-badge-triangle {\n position: absolute;\n bottom: -4px;\n\n display: inline-block;\n\n color: $progress-color;\n\n transition: left 0.3s ease;\n}\n\n.floating-badge-icon {\n margin-right: 0.25rem;\n font-size: 1.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\n display: flex;\n align-items: center;\n\n font-weight: var(--font-weight-medium);\n\n opacity: 1;\n\n transition: opacity 0.15s ease;\n}\n\n.left {\n left: 0.75rem;\n}\n\n.right {\n right: 0.75rem;\n}\n\n.progressWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n overflow: hidden;\n\n border-radius: 0.625rem;\n}\n\n.positiveLayer,\n.positiveProgress {\n --multiplier: calc(1 / var(--positive-progress) - 1);\n\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n overflow: hidden;\n\n width: calc(var(--positive-progress) * 100%);\n\n background-image: var(--premium-gradient);\n background-size: calc(1 / var(--positive-progress) * 100%) 100%;\n\n transition: opacity 0.15s ease, width 0.2s, background-size 0.3s ease;\n\n .left, .right {\n color: white;\n white-space: nowrap;\n opacity: 1;\n transition: opacity 0.15s ease;\n }\n\n .right {\n right: calc(-100% * var(--multiplier) + 0.75rem);\n }\n}\n\n.negativeLayer,\n.negativeProgress {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: auto;\n\n overflow: hidden;\n\n width: calc(var(--negative-progress) * 100%);\n\n background-color: var(--color-negative-progress);\n background-image: none;\n\n transition: opacity 0.15s, width 0.2s;\n\n .left, .right {\n color: white;\n white-space: nowrap;\n opacity: 1;\n transition: opacity 0.15s ease;\n }\n\n .right {\n right: 0.75rem;\n }\n\n .left {\n right: calc(100% - 0.75rem);\n left: auto;\n transition: right 0.3s ease;\n }\n}\n\n.primary {\n .positiveLayer,\n .positiveProgress {\n background-color: var(--color-primary);\n background-image: none;\n }\n\n .floating-badge {\n background-color: var(--color-primary);\n }\n\n .floating-badge-triangle {\n color: var(--color-primary);\n }\n}\n\n.negative {\n .floating-badge {\n background-color: var(--color-negative-progress);\n }\n\n .floating-badge-triangle {\n color: var(--color-negative-progress);\n }\n}\n\n.inverted {\n .positiveLayer,\n .positiveProgress {\n --multiplier: calc(1 / var(--positive-progress) - 1);\n\n right: 0;\n left: auto;\n background-position: 100% 0;\n background-size: calc(100% / var(--positive-progress)) 100%;\n\n .left {\n left: calc(-100% * var(--multiplier) + 0.75rem);\n }\n\n .right {\n right: 0.75rem;\n }\n }\n}\n\n.noGradient {\n .positiveLayer,\n .positiveProgress {\n background-color: $progress-color;\n background-image: none;\n }\n}\n\n.transitioning {\n .left,\n .right {\n opacity: 0;\n }\n}\n\n.noTransition {\n &.positiveProgress,\n &.negativeProgress {\n transition: opacity 0.15s !important;\n }\n}\n\n.hidden {\n opacity: 0 !important;\n}\n\n.cycling {\n .badgeContainer {\n transition-duration: var(--cycling-animation-badge-position);\n }\n\n .positiveProgress,\n .negativeProgress {\n transition: opacity 0.15s ease, width var(--cycling-animation-progress) ease, background-size 0.3s ease;\n }\n}\n\n.positiveLayer {\n --positive-progress: var(--layer-progress);\n\n z-index: 2;\n opacity: 0;\n\n &.show {\n opacity: 1;\n }\n}\n\n.negativeLayer {\n --negative-progress: var(--layer-progress);\n\n z-index: 2;\n opacity: 0;\n\n &.show {\n opacity: 1;\n }\n}\n"],"names":[],"sourceRoot":""} |