1 line
49 KiB
Plaintext
1 line
49 KiB
Plaintext
{"version":3,"file":"shared-components.ae27736819aa0a139820.css","mappings":"AAAA,UACE,gBACA,uBACA,wDAGF,UACE,gBAGF,UACE,e;ACXF,OACE,cACA,kBACA,4BACA,gBACA,oBACA,mBACA,qCAEA,gBACE,oBACA,WAGF,iBACE,0BAEE,yEAEE,UACA,gBAGF,oCACE,aAKN,qBACE,qCAEE,iFAEE,kBAKN,aACE,kBACA,uBACA,UAIA,qDAEE,WACA,cACA,kBACA,UACA,QACA,cACA,eACA,2BAGF,2BACE,4CACA,kBACA,yCACA,UACA,kDAGF,0BACE,eACA,cACA,eACA,kBACA,gCACA,UACA,4BAGF,0BACE,cACA,sBACA,uBACA,gBAGF,6BACE,cACA,kBACA,iBACA,kCACA,uBAGF,iCACE,eAKF,yCACE,kCAGF,wCACE,UAKF,qEAEE,qBAGF,wBACE,kBACA,UACA,QACA,2BACA,UACA,oCACA,wBAKF,4BACE,iBAEA,oCACE,UACA,gBAGF,mCACE,UACA,eAIJ,iDAEE,iBAGF,iCACE,UACA,gBAGF,6CACE,eACA,UAIJ,iBACE,uBACA,oBACA,6BAGE,qCACE,OACA,QACA,MACA,eAEF,oCACE,cACA,MACA,0BAIJ,0BACE,mBACA,eAKN,mBACE,KACE,UAEF,GACE,W;AC7KF,yBACE,wBACA,gBACA,yBACA,iBACA,kBAGF,kDAEE,gBAGF,2BACE,kBACA,YACA,WACA,iDAGF,wBACE,gBACA,cACA,kBAEA,gCACE,WACA,cACA,iBAGF,qCACE,kBACA,MACA,OACA,kDAGF,qCACE,YACA,kDAQA,kEACE,gCAGF,qDACE,gCAGF,8CACE,gCAGF,yDAvEJ,gCACA,qCACA,mBACA,oFAEA,+DACE,qBAqEE,qDA3EJ,gCACA,qCACA,mBACA,iFAEA,2DACE,qBAyEE,8CA/EJ,gCACA,qCACA,mBACA,gFAEA,oDACE,qB;ACPJ,iBACE,kBACA,aACA,mBACA,uBACA,sBACA,UACA,eACA,gBACA,iCACA,kBACA,qCAEA,0BACE,oCACA,oBAGF,6BACE,kBACA,mBACA,yBAGF,wBACE,sBAEA,+BACE,WACA,kBACA,eACA,gBACA,sBACA,sBACA,SACA,QACA,qCAIJ,gDAEE,WACA,YAEA,8DACE,sBACA,aACA,cAIJ,yBACE,cACA,eAEA,gCACE,eAIJ,6BACE,0CAGF,wBACE,cACA,0CACA,yB;ACnDJ,aACE,qCAEA,mBAEA,sBACE,oBACA,4CAGF,6BACE,aACA,8BACA,sBAEA,oHAGE,cACA,iBACA,kCAGF,gFAEE,cAIA,6CACE,cACA,kBAKN,0BACE,kBACA,UAEA,kCACE,WACA,kBACA,WACA,OACA,aACA,eACA,sCACA,sBACA,WACA,WAIJ,gCACE,kBACA,WACA,OACA,aACA,eACA,qCACA,sBACA,oBAIA,uCACE,WACA,cAGF,qCACE,WACA,cCdJ,+BACE,wBACA,cACA,WACA,cACA,oBACA,yBAEA,qCACE,aAGF,0CACE,WACA,qCAEA,yBACA,2BACA,oBAGF,qDACE,wBAGF,iDACE,qBAGF,8DACE,qCAGF,qGACE,qCDRF,qDAnGF,+BACA,YACA,cACA,aACA,kBACA,qCACA,mBACA,oFAEA,2DACE,qBA6FA,iDAvGF,+BACA,YACA,cACA,aACA,kBACA,qCACA,mBACA,iFAEA,uDACE,qBAiGA,0CA3GF,+BACA,YACA,cACA,aACA,kBACA,qCACA,mBACA,gFAEA,gDACE,qBAsGF,6BACE,aACA,wBACA,sBACA,sBAGF,4BACE,mBACA,kBACA,qCACA,kCACA,0BAEA,qEAEE,wBAGF,mCACE,gBAGF,wCACE,gBAGF,uCACE,iB;AE/IN,UACE,kBAIE,8DACE,WACA,kBACA,SACA,YACA,QACA,gBAEA,yDAGF,wKAEE,aAIF,kFACE,WACA,kBACA,eACA,YACA,QACA,gBAEA,2DAGF,wFACE,aAGF,oFACE,cAGF,wFACE,aAGF,8EACE,OAIJ,iCAEE,iEAGF,2BACE,WACA,YACA,yCACA,uBACA,2BACA,wBACA,aACA,mBACA,sBACA,kBACA,gBACA,mBACA,wBACA,2CACA,oCACA,qBAEA,kFAEE,gBAGF,yBAvBF,2BAwBI,iBAGF,+CACE,iBACA,4BACA,kCAGF,qCACE,iBAKF,iDACE,8CAIJ,qCACE,mBAGF,+GAKE,mBACA,uBACA,uBACA,gBAGF,2BACE,cACA,mBACA,oBAGF,yBACE,kBACA,UAIA,yDACE,kBAIJ,uCACE,oBAGF,oCACE,WAIA,0DACE,qCAEA,gFACE,kDAGF,qBACE,wIAEE,6CAIJ,yBACE,iEACE,6CAMR,yBAGI,8HACE,yDAKN,yCACE,4CAGF,iBACE,qBAEA,kCACE,mBACA,gBAGF,qCACE,0BAIJ,mBACE,oBAGF,gBACE,4CAIA,uCACE,yBAEA,2DACE,cAKN,uBACE,kBAEA,+BACE,WAEA,gDACE,6BACA,8BAMJ,sFAEE,0DAGF,+CACE,iBAIA,iEACE,cAGF,0DACE,iBAIJ,sCACE,oBAGF,oCACE,OACA,gBAGF,+CACE,aACA,mBAGF,qHAGE,gBACA,aACA,2BACA,mBAGF,yCACE,YACA,gBAGF,gKAIE,eACA,SACA,gBACA,mBACA,uBACA,mBAGF,0HAGE,gBAIA,wCACE,gBAIJ,2CACE,2BACA,0BAGF,6FAEE,kBACA,oBACA,kCAGF,wCACE,aACA,mBACA,OACA,gBAEA,8CACE,aACA,sBACA,uBAGF,sDACE,0BACA,kBACA,kCACA,gBACA,mBACA,uBACA,yBACA,cAGF,uGAEE,kBACA,oBACA,kCACA,qBAEA,qHACE,2BAGF,oPAEE,mBACA,WAGF,gTAEE,kBAKN,6PAME,mBACA,uBAMA,4UAEE,mBAKF,wDACE,4CAGF,+CACE,kBACA,eAGF,qDACE,WAKN,2BACE,SAEA,4CACE,eACA,aACA,mBAGF,mCACE,WACA,YAGF,qCACE,cACA,cACA,SACA,kBAGF,yCACE,cAIA,8CACE,eACA,mBAMJ,qCACE,cAGF,8BACE,kBAIJ,0BACE,YACA,oBACA,gBAEA,sCACE,yBAGF,qEAEE,cACA,mBAEA,uFACE,iBAIJ,iCACE,oBACA,gBACA,uBAGF,oCACE,kBACA,mBACA,kCAEA,8CACE,oBAGF,0CACE,wBAMR,oBACE,mBACA,gBACA,uB;ACxdF,UACE,oBACA,mBACA,kBACA,SAEA,mBACE,oBACA,WAGF,mBACE,oBAKA,kKAEE,2BAGF,oGACE,eAIJ,gBACE,SACA,QACA,kBACA,kBACA,uBACA,UAGF,kBACE,qCACA,mBACA,eACA,eACA,mCACA,qBACA,oBACA,kBACA,kCAGF,wBACE,WACA,kBACA,cACA,OACA,eACA,gBACA,yCACA,qBACA,2BACA,uCAGF,gCACE,gCAGF,sCACE,2BACA,kC;ACnEJ,KACE,aACA,uBACA,cACA,gBACA,gBACA,WACA,SACA,YACA,yBACA,gBACA,kCACA,2DACA,4DAEA,4BAGE,aAGF,kBACE,qCAEA,qBACE,uDACE,mDAIJ,yBACE,wDACE,mDAKN,aACE,qCACA,2BAEA,uBACE,qBAIJ,gBACE,kBACA,aACA,mBACA,mBAGF,YACE,kBACA,eACA,0BACA,6BACA,qBACA,mBACA,WACA,kBACA,sBACA,gBACA,kBACA,cAEA,kDAEE,oBAIJ,oBACE,2CAGF,cACE,kBACA,iBACA,SACA,2BACA,iBAGF,eACE,kBACA,iBACA,aACA,cACA,UACA,sCACA,gBACA,oCACA,oBACA,uBACA,sBAEA,uBACE,6CAEA,gDACE,2BAMR,kBACE,kB;AC7GF,SACE,gBACA,MACA,cACA,aACA,8BACA,qBACA,iBACA,+CACA,yCACA,gBACA,kBAEA,kBAEA,qBAEA,qBACA,8BAEA,4BACE,SAGF,kCACE,+BAEA,yC;AC3BJ,UACE,iBACA,cACA,qBACA,mBACA,kBACA,sBACA,gBACA,kBACA,cAGF,UACE,6BACA,yBAGF,UACE,+BACA,8B;ACnBF,aACE,kBACA,WACA,iDACA,yCACA,yCACA,uBACA,kCACA,aACA,mBAEA,4BAEA,8BACE,aAEA,mDACE,aAGF,oCACE,mBAIA,6CACE,oBACA,eAKN,uBACE,kCACA,iCACA,yCAEA,oCACE,2BAIJ,mBACE,cACA,gBACA,uBACA,uBACA,0CACA,2BACA,qJACE,CAGF,gCACE,gCAIJ,kCACE,aACA,cACA,2BAGF,mCACE,aACA,cACA,0BAGF,mCACE,aACA,mBACA,uBAGF,kDACE,iBACA,cAGF,wBACE,kCAGF,sBACE,kBACA,QACA,SACA,gCACA,cACA,aAEA,+BACE,uBAIJ,qBACE,eAGF,yBACE,mBACE,cACA,sBACA,iDAKF,4BACE,c;AChHN,UACE,yBACA,0BACA,uBAEA,oBACA,kBAGF,UACE,qCACA,kBACA,0BACA,SAEA,iBACE,WACA,kBACA,MACA,OACA,wBACA,yBACA,yCACA,wCACA,2BACA,uCAEA,0CACE,2BAIJ,0BACE,6BAGF,0BACE,iFACA,kCAGF,0BACE,oFACA,kCAIJ,UACE,kBACA,MACA,OACA,0BACA,4BACA,qBACA,gBACA,mCACA,2BAEA,iBACE,WACA,kBACA,MACA,OACA,0BACA,4BACA,qBACA,sCACA,2BAEA,0CACE,2BAIJ,0BACE,4BAGF,0BACE,2BAGF,0BACE,wB;ACnFJ,UACE,kBACA,kDACA,WACA,YACA,gBAEA,iBACE,qBACA,YACA,oBAGF,gBACE,kBAGF,uBACE,mBAGF,wBACE,WACA,cACA,WACA,YACA,kDACA,qDAEA,0BACE,GACE,UAEF,IACE,WAEF,KACE,WAKN,uBACE,WACA,cACA,kBACA,WACA,YACA,6GACA,iEAEA,yBACE,GACE,4BAEF,IACE,2BAEF,KACE,4B;AC3DR,sBACE,kBACA,WACA,YACA,2BACA,4DACA,UAEA,+CACE,2BAGF,+BACE,wBAGF,+BACE,WACA,U;AClBJ,UACE,aACA,UACA,WAGF,UACE,cACA,eACA,kBACA,cAGF,UACE,aACA,sBACA,YACA,UACA,uBAGF,UACE,UACA,YACA,oBAGF,UACE,UACA,eACA,oBAGF,UACE,uIACE,CAMF,4BACA,4BACA,sCAGF,oBACE,GACE,6B;AChDJ,wBACE,kBACA,YACA,gBACA,2BACA,8BAEA,0CACE,oBAGF,0BAXF,wBAYI,8CAGF,gDACE,kBAEA,kEACE,kBAKN,cACE,2FACE,CAGF,uBACA,2CACA,4CACA,WACA,eACA,aACA,mBAEA,6GAGE,sBACA,0BAGF,uBACE,iBACA,sBACA,mBACA,YAGF,0BACE,2BACA,qCAGF,kCACE,gBAGF,mCACE,2BACA,gBACA,oBACA,eACA,YACA,ue;AC5CJ,UACE,UACA,iBACA,iBAGF,UACE,sBACA,kBACA,WAGF,UACE,WACA,oBACA,aACA,8BAGF,UACE,mBACA,gBACA,kCACA,kBACA,aACA,uBACA,eAGF,UACE,yBAGF,UACE,kBACA,wBACA,WACA,gBACA,aACA,uBACA,UAEA,4LACE,CASJ,gCAvEE,YACA,WACA,YACA,8BACA,kBACA,qCACA,kBACA,4BACA,yCACA,kFACA,UAEA,gBAEA,sCACE,2CA4DJ,4BA3EE,YACA,WACA,YACA,8BACA,kBACA,qCACA,kBACA,4BACA,yCACA,+EACA,UAEA,gBAEA,kCACE,2CAgEJ,qBA/EE,YACA,WACA,YACA,8BACA,kBACA,qCACA,kBACA,4BACA,yCACA,8EACA,UAEA,gBAEA,2BACE,2CAoEJ,UACE,kBACA,SACA,OACA,QACA,YACA,aACA,8BACA,oBACA,UAGF,UACE,kBACA,aACA,aACA,6CACA,uBAGF,UACE,oCAGF,UACE,6C;AC/GF,UACE,aACA,mBACA,kBACA,kCAEA,mCAEE,WACA,OACA,mDAGF,8BACE,mBAGF,6BACE,kBAIA,uCACE,kBACA,eAGF,sCACE,mBACA,c;AC7BN,UACE,kBACA,WACA,UAEA,sCACE,UAIJ,UACE,UAEA,qBACE,oBAIJ,UACE,kBACA,QACA,WACA,YAEA,kCACA,kBACA,iBACA,kBACA,UACA,yBAEA,uBACA,2BAEA,0BACE,UAGF,oBACE,UACA,2BAGF,wBAzBF,UA0BI,qBACA,mB;AC1CF,sBACE,iBACA,kBACA,aACA,cACA,mBACA,wBACA,mBACA,uBACA,sCACA,kBACA,WACA,eACA,qCACA,kBACA,gBACA,wBACA,+BAEA,4BACE,aAGF,0BACE,kBACA,MACA,OACA,WACA,YAGF,4BACE,mBACA,iCACA,qCAKA,qOAGE,wBAGF,0EACE,2BAKF,kCACE,qBAIJ,6BACE,yCAEA,oCACE,WACA,cACA,kBACA,OACA,MACA,WACA,YACA,gCAIJ,+BACE,oBAEA,qCACE,aAGF,sCACE,aAIJ,qCACE,gD;ACvFN,UACE,a;ACDF,gBACE,mCACA,aACA,mBACA,gBACA,oBACA,+BACA,qBAEA,sBACE,iBACA,kBACA,kCAGF,yBACE,a","sources":["webpack://telegram-t/./src/components/ui/MenuSeparator.module.scss","webpack://telegram-t/./src/components/ui/Radio.scss","webpack://telegram-t/./src/components/ui/CropModal.scss","webpack://telegram-t/./src/components/ui/ProgressSpinner.scss","webpack://telegram-t/./src/components/ui/RangeSlider.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/ui/ListItem.scss","webpack://telegram-t/./src/components/ui/Switcher.scss","webpack://telegram-t/./src/components/ui/Tab.scss","webpack://telegram-t/./src/components/ui/TabList.scss","webpack://telegram-t/./src/components/ui/Badge.module.scss","webpack://telegram-t/./src/components/ui/SearchInput.scss","webpack://telegram-t/./src/components/ui/Toggle.module.scss","webpack://telegram-t/./src/components/ui/placeholder/Skeleton.scss","webpack://telegram-t/./src/components/ui/FloatingActionButton.scss","webpack://telegram-t/./src/components/ui/placeholder/PlaceholderChatInfo.module.scss","webpack://telegram-t/./src/components/ui/Notification.scss","webpack://telegram-t/./src/components/ui/RangeSliderWithMarks.module.scss","webpack://telegram-t/./src/components/ui/Separator.module.scss","webpack://telegram-t/./src/components/ui/Draggable.module.scss","webpack://telegram-t/./src/components/ui/AvatarEditable.scss","webpack://telegram-t/./src/components/ui/SelectAvatar.module.scss","webpack://telegram-t/./src/components/ui/ShowMoreButton.scss"],"sourcesContent":[".root {\n margin: 0.25rem 0;\n border-radius: 0.0625rem;\n background-color: var(--color-background-menu-separator);\n}\n\n.thin {\n height: 0.0625rem;\n}\n\n.thick {\n height: 0.375rem;\n}\n",".Radio {\n display: block;\n position: relative;\n padding-inline-start: 3.5rem;\n text-align: left;\n margin-block: 0.75rem;\n line-height: 1.5rem;\n cursor: var(--custom-cursor, pointer);\n\n &.disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n\n &.with-icon {\n padding-inline-start: 1rem;\n .Radio-main {\n &::before,\n &::after {\n left: auto;\n right: 1.1875rem;\n }\n\n &::after {\n right: 1.5rem;\n }\n }\n }\n\n &.hidden-widget {\n cursor: var(--custom-cursor, default);\n .Radio-main {\n &::before,\n &::after {\n visibility: hidden;\n }\n }\n }\n\n > input {\n position: absolute;\n z-index: var(--z-below);\n opacity: 0;\n }\n\n .Radio-main {\n &::before,\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n left: 1rem;\n top: 50%;\n width: 1.25rem;\n height: 1.25rem;\n transform: translateY(-50%);\n }\n\n &::before {\n border: 2px solid var(--color-borders-input);\n border-radius: 50%;\n background-color: var(--color-background);\n opacity: 1;\n transition: border-color 0.1s ease, opacity 0.1s ease;\n }\n\n &::after {\n left: 1.3125rem;\n width: 0.625rem;\n height: 0.625rem;\n border-radius: 50%;\n background: var(--color-primary);\n opacity: 0;\n transition: opacity 0.1s ease;\n }\n\n .label {\n display: block;\n word-break: break-word;\n unicode-bidi: plaintext;\n text-align: left;\n }\n\n .subLabel {\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n color: var(--color-text-secondary);\n unicode-bidi: plaintext;\n }\n\n .subLabelLink {\n cursor: pointer;\n }\n }\n\n input:checked ~ .Radio-main {\n &::before {\n border-color: var(--color-primary);\n }\n\n &::after {\n opacity: 1;\n }\n }\n\n &.loading {\n .Radio-main::before,\n .Radio-main::after {\n opacity: 0 !important;\n }\n\n .Spinner {\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n opacity: 0;\n animation: fade-in 0.2s ease forwards;\n --spinner-size: 1.25rem;\n }\n }\n\n &[dir=\"rtl\"] {\n .Radio-main {\n text-align: right;\n\n &::before {\n left: auto;\n right: 1.0625rem;\n }\n\n &::after {\n left: auto;\n right: 1.375rem;\n }\n }\n\n .label,\n .subLabel {\n text-align: right;\n }\n\n &.loading .Spinner {\n left: auto;\n right: 1.0625rem;\n }\n\n &.onlyInput .Radio-main::after {\n right: 0.3125rem;\n left: auto;\n }\n }\n\n &.onlyInput {\n margin-block: 0 1.25rem;\n line-height: 1.25rem;\n padding-inline-start: 1.25rem;\n\n .Radio-main {\n &::before {\n left: 0;\n right: 0;\n top: 0;\n transform: none;\n }\n &::after {\n left: 0.3125rem;\n top: 0;\n transform: translateY(50%);\n }\n }\n\n .Spinner {\n inset: 0 !important;\n transform: none;\n }\n }\n}\n\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","@mixin thumb-styles() {\n background: var(--color-primary);\n cursor: var(--custom-cursor, pointer);\n transform: scale(1);\n transition: transform 0.25s ease-in-out;\n\n &:hover {\n transform: scale(1.2);\n }\n}\n\n.CropModal {\n .modal-dialog {\n width: calc(100% - 2rem);\n max-width: 35rem;\n height: calc(100% - 1rem);\n max-height: 35rem;\n position: relative;\n }\n\n .modal-content,\n #avatar-crop {\n overflow: hidden;\n }\n\n .confirm-button {\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n box-shadow: 0 1px 2px var(--color-default-shadow);\n }\n\n #avatar-crop {\n max-width: 25rem;\n margin: 0 auto;\n position: relative;\n\n &::before {\n content: \"\";\n display: block;\n padding-top: 100%;\n }\n\n .cr-boundary {\n position: absolute;\n top: 0;\n left: 0;\n border-radius: var(--border-radius-messages-small);\n }\n\n .cr-viewport {\n border: none;\n box-shadow: 0 0 2000px 2000px rgba(#7f7f7f, 0.5);\n }\n\n .cr-slider {\n // Note that while we're repeating code here,\n // that's necessary as you can't comma-separate these type of selectors.\n // Browsers will drop the entire selector if it doesn't understand a part of it.\n\n &::-webkit-slider-runnable-track {\n background: var(--color-borders);\n }\n\n &::-moz-range-track {\n background: var(--color-borders);\n }\n\n &::-ms-track {\n background: var(--color-borders);\n }\n\n &::-webkit-slider-thumb {\n @include thumb-styles();\n }\n\n &::-moz-range-thumb {\n @include thumb-styles();\n }\n\n &::-ms-thumb {\n @include thumb-styles();\n }\n }\n }\n}\n",".ProgressSpinner {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: 1;\n width: 3.375rem;\n height: 3.375rem;\n background-color: rgba(0, 0, 0, 0.25);\n border-radius: 50%;\n cursor: var(--custom-cursor, pointer);\n\n &.no-cross {\n background: transparent !important;\n pointer-events: none;\n }\n\n .icon-close {\n position: absolute;\n font-size: 1.625rem;\n color: var(--color-white);\n }\n\n &.square {\n background-image: none;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 0.8125rem;\n height: 0.8125rem;\n border-radius: 0.125rem;\n background-color: #fff;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n }\n\n &.size-s,\n &.size-m {\n width: auto;\n height: auto;\n\n &.square {\n background-image: none;\n width: 0.75rem;\n height: 0.75rem;\n }\n }\n\n &.size-xl {\n width: 3.25rem;\n height: 3.25rem;\n\n &_canvas {\n margin: 0.125rem;\n }\n }\n\n &.transparent {\n background-color: transparent !important;\n }\n\n &_canvas {\n display: block;\n background-color: transparent !important;\n color: var(--color-white);\n }\n}\n","@use \"../../styles/mixins\";\n\n@mixin thumb-styles() {\n background: var(--slider-color);\n border: none;\n height: 0.75rem;\n width: 0.75rem;\n border-radius: 50%;\n cursor: var(--custom-cursor, pointer);\n transform: scale(1);\n transition: transform 0.25s ease-in-out;\n\n &:hover {\n transform: scale(1.2);\n }\n}\n\n.RangeSlider {\n --slider-color: var(--color-primary);\n\n margin-bottom: 1rem;\n\n &.disabled {\n pointer-events: none;\n --slider-color: var(--color-text-secondary);\n }\n\n .slider-top-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n .value-min,\n .value-max,\n .value {\n flex-shrink: 0;\n margin-left: 1rem;\n color: var(--color-text-secondary);\n }\n\n .value-min,\n .value-max {\n margin-left: 0;\n }\n\n &[dir=\"rtl\"] {\n .value {\n margin-left: 0;\n margin-right: 1rem;\n }\n }\n }\n\n .slider-main {\n position: relative;\n z-index: 1;\n\n &::before {\n content: \"\";\n position: absolute;\n width: 100%;\n left: 0;\n top: 0.3125rem;\n height: 0.125rem;\n background-color: var(--color-borders);\n border-radius: 0.125rem;\n opacity: 0.5;\n z-index: -1;\n }\n }\n\n .slider-fill-track {\n position: absolute;\n width: 100%;\n left: 0;\n top: 0.3125rem;\n height: 0.125rem;\n background-color: var(--slider-color);\n border-radius: 0.125rem;\n pointer-events: none;\n }\n\n &.bold {\n .slider-main::before {\n top: 0.25rem;\n height: 0.25rem;\n }\n\n .slider-fill-track {\n top: 0.25rem;\n height: 0.25rem;\n }\n }\n\n // Reset range input browser styles\n @include mixins.reset-range();\n\n // Apply custom styles\n input[type=\"range\"] {\n // Note that while we're repeating code here, that's\n // necessary as you can't comma-separate these type of selectors.\n // Browsers will drop the entire selector if it doesn't understand a part of it.\n &::-webkit-slider-thumb {\n @include thumb-styles();\n }\n\n &::-moz-range-thumb {\n @include thumb-styles();\n }\n\n &::-ms-thumb {\n @include thumb-styles();\n }\n }\n\n .slider-options {\n display: grid;\n grid-template-rows: auto;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n\n .slider-option {\n font-size: 0.8125rem;\n text-align: center;\n cursor: var(--custom-cursor, pointer);\n color: var(--color-text-secondary);\n transition: color 0.2s ease;\n\n &:hover,\n &.active {\n color: var(--color-text);\n }\n\n &.active {\n font-weight: 500;\n }\n\n &:first-child {\n text-align: left;\n }\n\n &:last-child {\n text-align: right;\n }\n }\n}\n","// @optimization\n@mixin while-transition() {\n .Transition_slide:not(.Transition_slide-active) & {\n @content;\n }\n}\n\n@mixin adapt-padding-to-scrollbar($padding) {\n padding-inline-end: calc($padding - var(--scrollbar-width));\n}\n\n@mixin adapt-margin-to-scrollbar($margin) {\n margin-inline-end: calc($margin - var(--scrollbar-width));\n}\n\n@mixin filter-outline($width: 0.125rem, $color) {\n filter:\n drop-shadow($width $width 0 $color)\n drop-shadow((-$width) $width 0 $color)\n drop-shadow($width (-$width) 0 $color)\n drop-shadow((-$width) (-$width) 0 $color);\n}\n\n@mixin gradient-border-top($width, $cutout: 0px) {\n mask-image: linear-gradient(transparent $cutout, black $width);\n}\n\n@mixin gradient-border-bottom($height, $cutout: 0px) {\n mask-image: linear-gradient(to top, transparent $cutout, black $height);\n}\n\n@mixin gradient-border-horizontal($borderStart, $borderEnd) {\n mask-image: linear-gradient(to right, transparent, black $borderStart, black $borderEnd, transparent);\n}\n\n@mixin gradient-border-left($indent) {\n mask-image: linear-gradient(to right, transparent, black $indent);\n}\n\n@mixin gradient-border-top-bottom($top, $bottom) {\n mask-image: linear-gradient(transparent 0%, black $top, black calc(100% - $bottom), transparent 100%);\n}\n\n@mixin peer-gradient($property, $colorCount) {\n --_accent-color-rgb: var(--color-accent-own-rgb);\n\n html.theme-dark {\n --_accent-color-rgb: var(--color-text-rgb);\n }\n\n @if $colorCount == 2 {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 5px,\n rgb(var(--_accent-color-rgb), 35%) 10px\n );\n }\n\n @else {\n #{$property}:\n repeating-linear-gradient(\n -45deg,\n rgb(var(--_accent-color-rgb), 100%),\n rgb(var(--_accent-color-rgb), 100%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 5px,\n rgb(var(--_accent-color-rgb), 60%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 10px,\n rgb(var(--_accent-color-rgb), 20%) 15px\n );\n }\n}\n\n@mixin reset-range() {\n input[type=\"range\"] {\n -webkit-appearance: none;\n display: block;\n width: 100%;\n height: 0.75rem;\n margin-bottom: 0.5rem;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::-ms-track {\n width: 100%;\n cursor: var(--custom-cursor, pointer);\n\n background: transparent;\n border-color: transparent;\n color: transparent;\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n\n &::-moz-range-thumb {\n -moz-appearance: none;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: var(--custom-cursor, pointer);\n }\n\n &::-moz-range-track, &::-moz-range-progress {\n cursor: var(--custom-cursor, pointer);\n }\n }\n}\n\n@mixin header-mobile {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 2.875rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n\n display: flex;\n flex-direction: row-reverse;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n padding-left: max(0.75rem, env(safe-area-inset-left));\n padding-right: max(0.5rem, env(safe-area-inset-right));\n background: var(--color-background);\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n top: -0.1875rem;\n left: 0;\n right: 0;\n height: 0.125rem;\n box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow);\n }\n}\n\n@mixin side-panel-section {\n background-color: var(--color-background);\n box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);\n border-bottom: 0.625rem solid var(--color-background-secondary);\n\n &:last-child {\n border-bottom: none;\n box-shadow: none;\n }\n}\n",".ListItem {\n position: relative;\n\n body.is-ios &,\n body.is-android & {\n &::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 4.5rem;\n right: 0;\n height: 0.0625rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);\n }\n\n &.selected::after,\n &:last-of-type::after {\n display: none;\n }\n\n // Conceal above item divider\n &.selected::before {\n content: \"\";\n position: absolute;\n top: -0.0625rem;\n left: 4.5rem;\n right: 0;\n height: 0.0625rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-background);\n }\n\n &:last-of-type::after {\n display: none;\n }\n\n &.small-icon::after {\n left: 3.875rem;\n }\n\n &.smaller-icon::after {\n left: 3.25rem;\n }\n\n &.no-icon::after {\n left: 0;\n }\n }\n\n body.is-android &::after {\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers-android);\n }\n\n .ListItem-button {\n width: 100%;\n height: 100%;\n background-color: var(--background-color);\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n display: flex;\n align-items: center;\n padding: 1rem 0.8125rem;\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n color: var(--color-text);\n border-radius: var(--border-radius-default);\n --ripple-color: rgba(0, 0, 0, 0.08);\n text-decoration: none;\n\n body.is-ios &,\n body.is-android & {\n border-radius: 0;\n }\n\n @media (max-width: 600px) {\n border-radius: 0;\n }\n\n > .ListItem-main-icon {\n font-size: 1.5rem;\n margin-inline-end: 1.8125rem;\n color: var(--color-text-secondary);\n }\n\n > .Switcher {\n margin-left: auto;\n }\n }\n\n &.with-color-transition {\n .ListItem-button {\n transition: background-color 150ms ease-in-out;\n }\n }\n\n .title, .subtitle {\n line-height: 1.5rem;\n }\n\n .user-status,\n .group-status,\n .title,\n .other-usernames,\n .subtitle {\n text-align: initial;\n unicode-bidi: plaintext;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .other-usernames {\n display: block;\n white-space: normal;\n line-height: 1.25rem;\n }\n\n .username-link {\n position: relative;\n z-index: 2;\n }\n\n &.multiline {\n .ListItem-button > .ListItem-main-icon {\n position: relative;\n }\n }\n\n &.disabled:not(.click-allowed) {\n pointer-events: none;\n }\n\n &.disabled .ListItem-button {\n opacity: 0.5;\n }\n\n &:not(.disabled):not(.is-static) {\n .ListItem-button {\n cursor: var(--custom-cursor, pointer);\n\n body.cursor-ew-resize & {\n cursor: var(--custom-cursor, ew-resize) !important;\n }\n\n @media (hover: hover) {\n &:hover,\n &:focus-visible {\n --background-color: var(--color-chat-hover);\n }\n }\n\n @media (max-width: 600px) {\n &.active {\n --background-color: var(--color-chat-hover);\n }\n }\n }\n }\n\n @media (min-width: 600px) {\n &:not(.has-ripple):not(.is-static),\n body.no-page-transitions & {\n .ListItem-button:active {\n --background-color: var(--color-item-active) !important;\n }\n }\n }\n\n &.has-menu-open .ListItem-button {\n --background-color: var(--color-chat-hover);\n }\n\n &.narrow {\n margin-bottom: 0.75rem;\n\n .ListItem-button {\n padding: 0.5rem 1rem;\n min-height: 3rem;\n }\n\n .ListItem-main-icon {\n margin-inline-end: 1.75rem;\n }\n }\n\n &.inactive {\n pointer-events: none;\n }\n\n &.focus {\n --background-color: var(--color-chat-hover);\n }\n\n &.destructive {\n .ListItem-button {\n color: var(--color-error);\n\n .ListItem-main-icon {\n color: inherit;\n }\n }\n }\n\n &-context-menu {\n position: absolute;\n\n .bubble {\n width: auto;\n\n .MenuItem button {\n padding-left: 1rem !important;\n padding-right: 2rem !important;\n }\n }\n }\n\n &.chat-item-clickable {\n body.is-ios &,\n body.is-macos & {\n --color-text-secondary: var(--color-text-secondary-apple);\n }\n\n .ListItem-button {\n padding: 0.5625rem;\n }\n\n &.contact-list-item {\n .ListItem-button {\n padding: 0.5rem;\n }\n\n .ChatInfo {\n padding: 0.0625rem;\n }\n }\n\n .Avatar {\n margin-right: 0.75rem;\n }\n\n .info {\n flex: 1;\n overflow: hidden;\n }\n\n .info-name-title {\n display: flex;\n align-items: center;\n }\n\n .info-row,\n .title,\n .subtitle {\n overflow: hidden;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n .separator {\n flex-grow: 1;\n min-width: 0.5rem;\n }\n\n h3,\n .last-message,\n .status,\n .typing-status {\n font-size: 1rem;\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: initial;\n }\n\n h3,\n .last-message,\n .typing-status {\n overflow: hidden;\n }\n\n .title {\n h3 {\n font-weight: 500;\n }\n }\n\n .status-icon {\n vertical-align: text-bottom;\n margin-inline-end: 0.125rem;\n }\n\n .contact-phone,\n .contact-username {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n }\n\n .ChatInfo {\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .custom-title {\n padding-inline-start: 1rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-inline-start: auto;\n flex-shrink: 0;\n }\n\n .status,\n .typing-status {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n display: inline-block;\n\n &.online {\n color: var(--color-primary);\n }\n\n &[dir=\"rtl\"],\n &[dir=\"auto\"] {\n text-align: initial;\n width: 100%;\n }\n\n .group-status:only-child,\n .user-status:only-child {\n display: flow-root;\n }\n }\n }\n\n .contact-phone,\n .contact-username,\n h3,\n .last-message,\n .status,\n .typing-status {\n text-align: initial;\n unicode-bidi: plaintext;\n }\n\n .last-message,\n .status,\n .typing-status {\n body.is-ios &,\n body.is-macos & {\n font-size: 0.9375rem;\n }\n }\n\n &[dir=\"rtl\"] {\n .ListItem-button {\n padding: 0.5625rem 0.5625rem 0.5625rem 0.6875rem;\n }\n\n .Avatar {\n margin-left: 0.5rem;\n margin-right: 0;\n }\n\n .info > .status {\n width: 100%;\n }\n }\n }\n\n &.picker-list-item {\n margin: 0;\n\n .ListItem-button {\n padding-left: 0;\n display: flex;\n align-items: center;\n }\n\n .Avatar {\n width: 3rem;\n height: 3rem;\n }\n\n .Checkbox {\n flex-shrink: 0;\n height: 1.5rem;\n margin: 0;\n padding-left: 4rem;\n }\n\n .withSubLabel {\n height: 2.5rem;\n }\n\n &[dir=\"rtl\"] {\n .Checkbox {\n padding-left: 0;\n padding-right: 4rem;\n }\n }\n }\n\n &.chat-item {\n .ListItem-button {\n padding: 0.5rem;\n }\n\n .Checkbox {\n padding-left: 3rem;\n }\n }\n\n .multiline-item {\n flex-grow: 1;\n white-space: initial;\n overflow: hidden;\n\n .word-break {\n overflow-wrap: break-word;\n }\n\n .title,\n .subtitle {\n display: block;\n text-align: initial;\n\n &[dir=\"rtl\"] {\n text-align: right;\n }\n }\n\n .title {\n line-height: 1.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .subtitle {\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: var(--color-text-secondary);\n\n & + .subtitle {\n margin-top: -0.25rem;\n }\n\n &.black {\n color: var(--color-text);\n }\n }\n }\n}\n\n.list-item-ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n",".Switcher {\n display: inline-flex;\n align-items: center;\n position: relative;\n margin: 0;\n\n &.disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n\n &.inactive {\n pointer-events: none;\n }\n\n body.no-page-transitions &,\n &.no-animation {\n .widget,\n .widget::after {\n transition: none !important;\n }\n\n .widget:active:after {\n width: 1.125rem;\n }\n }\n\n input {\n height: 0;\n width: 0;\n visibility: hidden;\n position: absolute;\n z-index: var(--z-below);\n opacity: 0;\n }\n\n .widget {\n cursor: var(--custom-cursor, pointer);\n text-indent: -999px;\n width: 2.125rem;\n height: 0.875rem;\n background-color: var(--color-gray);\n display: inline-block;\n border-radius: 0.5rem;\n position: relative;\n transition: background-color 150ms;\n }\n\n .widget:after {\n content: \"\";\n position: absolute;\n top: -0.125rem;\n left: 0;\n width: 1.125rem;\n height: 1.125rem;\n background-color: var(--color-background);\n border-radius: 0.75rem;\n transition: transform 200ms;\n border: 0.125rem solid var(--color-gray);\n }\n\n input:checked + .widget {\n background: var(--color-primary);\n }\n\n input:checked + .widget:after {\n transform: translateX(100%);\n border-color: var(--color-primary);\n }\n}\n",".Tab {\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n appearance: none;\n background: none;\n width: auto;\n margin: 0;\n border: none;\n padding: 0.625rem 1.125rem;\n font-weight: 500;\n color: var(--color-text-secondary);\n border-top-left-radius: var(--border-radius-messages-small);\n border-top-right-radius: var(--border-radius-messages-small);\n\n &,\n &:active,\n &:focus {\n outline: none;\n }\n\n &--interactive {\n cursor: var(--custom-cursor, pointer);\n\n @media (hover: hover) {\n &:not(&--active):hover {\n background: var(--color-interactive-element-hover);\n }\n }\n\n @media (max-width: 600px) {\n &:not(&--active):active {\n background: var(--color-interactive-element-hover);\n }\n }\n }\n\n &--active {\n cursor: var(--custom-cursor, default);\n color: var(--color-primary);\n\n .platform {\n opacity: 1 !important;\n }\n }\n\n .Tab_inner {\n position: relative;\n display: flex;\n align-items: center;\n white-space: nowrap;\n }\n\n .badge {\n min-width: 1.25rem;\n height: 1.25rem;\n margin-inline-start: 0.5rem;\n background: var(--color-gray);\n border-radius: 0.75rem;\n padding: 0 0.3125rem;\n color: white;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n font-weight: 500;\n text-align: center;\n flex-shrink: 0;\n\n body.is-ios &,\n body.is-macos & {\n line-height: 1.25rem;\n }\n }\n\n &__badge--active {\n background: var(--color-primary) !important;\n }\n\n .blocked {\n position: absolute;\n bottom: -0.625rem;\n left: 50%;\n transform: translateX(-50%);\n font-size: 0.75rem;\n }\n\n .platform {\n position: absolute;\n bottom: -0.625rem;\n left: -0.5rem;\n right: -0.5rem;\n opacity: 0;\n background-color: var(--color-primary);\n height: 0.1875rem;\n border-radius: 0.1875rem 0.1875rem 0 0;\n pointer-events: none;\n box-sizing: content-box;\n transform-origin: left;\n\n &.animate {\n transition: transform var(--slide-transition);\n\n body.no-page-transitions & {\n transition: none !important;\n }\n }\n }\n}\n\n.Tab-context-menu {\n position: absolute;\n}\n",".TabList {\n position: sticky;\n top: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n flex-wrap: nowrap;\n box-shadow: 0 2px 2px var(--color-light-shadow);\n background-color: var(--color-background);\n overflow-x: auto;\n overflow-y: hidden;\n\n font-size: 0.875rem;\n\n padding-inline: 0.5rem;\n\n scrollbar-width: none;\n scrollbar-color: rgba(0, 0, 0, 0);\n\n &::-webkit-scrollbar {\n height: 0;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0);\n // `box-shadow` prevents repaint on macOS when hovering out of scrollable container\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.01);\n }\n}\n",".root {\n min-width: 1.5rem;\n height: 1.5rem;\n border-radius: 0.75rem;\n padding: 0 0.4375rem;\n font-size: 0.875rem;\n line-height: 1.5625rem;\n font-weight: 500;\n text-align: center;\n flex-shrink: 0;\n}\n\n.default {\n background: var(--color-gray);\n color: var(--color-white);\n}\n\n.alternate {\n color: var(--color-chat-active);\n background: var(--color-white);\n}\n",".SearchInput {\n position: relative;\n width: 100%;\n color: rgba(var(--color-text-secondary-rgb), 0.5);\n background-color: var(--color-chat-hover);\n border: 2px solid var(--color-chat-hover);\n border-radius: 1.375rem;\n transition: border-color 0.15s ease;\n display: flex;\n align-items: center;\n\n padding-inline-end: 0.1875rem;\n\n &.with-picker-item {\n display: flex;\n\n .icon-container-left {\n display: none;\n }\n\n input {\n padding-left: 0.5rem;\n }\n\n &[dir=\"rtl\"] {\n input {\n padding-right: 0.5rem;\n padding-left: 0;\n }\n }\n }\n\n &.has-focus {\n border-color: var(--color-primary);\n caret-color: var(--color-primary);\n background-color: var(--color-background);\n\n .search-icon {\n color: var(--color-primary);\n }\n }\n\n input {\n height: 2.5rem;\n margin-bottom: 0;\n border: none !important;\n border-radius: 1.375rem;\n background-color: transparent !important;\n box-shadow: none !important;\n padding:\n calc(0.4375rem - var(--border-width)) calc(0.625rem - var(--border-width))\n calc(0.5rem - var(--border-width)) calc(0.75rem - var(--border-width));\n\n &::placeholder {\n color: var(--color-placeholders);\n }\n }\n\n .icon-container-left {\n width: 1.5rem;\n flex-shrink: 0;\n margin-inline-start: 0.75rem;\n }\n\n .icon-container-right {\n width: 2.5rem;\n flex-shrink: 0;\n margin-inline-start: 0.5rem;\n }\n\n .icon-container-slide {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .search-icon, .back-icon {\n font-size: 1.5rem;\n line-height: 1;\n }\n\n .back-icon {\n color: var(--color-text-secondary);\n }\n\n .Loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n height: 2.5rem;\n width: 2.5rem;\n\n .Spinner {\n --spinner-size: 1.5rem;\n }\n }\n\n .Button {\n font-size: 1rem;\n }\n\n @media (max-width: 600px) {\n input {\n height: 2.5rem;\n border-radius: 1.25rem;\n padding-left: calc(0.75rem - var(--border-width));\n }\n }\n\n &[dir=\"rtl\"] {\n input {\n direction: rtl;\n }\n }\n}\n",".root {\n --widget-width: 3.125rem;\n --widget-height: 0.375rem;\n --thumb-size: 1.125rem;\n\n display: inline-flex;\n position: relative;\n}\n\n.widget {\n cursor: var(--custom-cursor, pointer);\n position: relative;\n width: var(--widget-width);\n height: 0;\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: var(--thumb-size);\n height: var(--thumb-size);\n background-color: var(--color-background);\n border-radius: calc(var(--thumb-size) / 2);\n transition: transform 200ms;\n border: 0.125rem solid var(--color-gray);\n\n :global(body.no-page-transitions) & {\n transition: none !important;\n }\n }\n\n &.min::after {\n transform: translate(0, -50%);\n }\n\n &.mid::after {\n transform: translate(calc(var(--widget-width) / 2 - calc(var(--thumb-size) / 2)), -50%);\n border-color: var(--color-primary);\n }\n\n &.max::after {\n transform: translate(calc(var(--widget-width) - var(--thumb-size) + 0.125rem), -50%);\n border-color: var(--color-primary);\n }\n}\n\n.filler {\n position: absolute;\n top: 0;\n left: 0;\n width: var(--widget-width);\n height: var(--widget-height);\n border-radius: 0.25rem;\n overflow: hidden;\n background-color: var(--color-gray);\n transform: translateY(-50%);\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: var(--widget-width);\n height: var(--widget-height);\n border-radius: 0.25rem;\n background-color: var(--color-primary);\n transition: transform 200ms;\n\n :global(body.no-page-transitions) & {\n transition: none !important;\n }\n }\n\n &.min::after {\n transform: translateX(-100%);\n }\n\n &.mid::after {\n transform: translateX(-50%);\n }\n\n &.max::after {\n transform: translateX(0);\n }\n}\n",".Skeleton {\n position: relative;\n background-color: var(--color-skeleton-background);\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &.inline {\n display: inline-block;\n height: 1rem;\n border-radius: 0.5rem;\n }\n\n &.round {\n border-radius: 50%;\n }\n\n &.rounded-rect {\n border-radius: 1rem;\n }\n\n &.pulse::before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--color-skeleton-foreground);\n animation: skeleton-pulse 2s ease-in-out 0.5s infinite;\n\n @keyframes skeleton-pulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n }\n }\n\n &.wave::before {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);\n animation: skeleton-wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n\n @keyframes skeleton-wave {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n }\n}\n",".FloatingActionButton {\n position: absolute;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(5rem);\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n z-index: 2;\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n &.revealed {\n transform: translateY(0);\n }\n\n &[dir=\"rtl\"] {\n right: auto;\n left: 1rem;\n }\n}\n",".root {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.avatar {\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.info {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: 0.5rem;\n justify-content: center;\n}\n\n.title {\n width: 75%;\n height: 1rem;\n border-radius: 0.5rem;\n}\n\n.subtitle {\n width: 50%;\n height: 0.875rem;\n border-radius: 0.5rem;\n}\n\n.animated {\n background:\n linear-gradient(\n 90deg,\n var(--color-skeleton-background),\n var(--color-skeleton-foreground),\n var(--color-skeleton-background)\n );\n background-size: 100vw 100vh;\n background-attachment: fixed;\n animation: slide 3s infinite linear;\n}\n\n@keyframes slide {\n to {\n background-position: 100vw 0;\n }\n}\n",".Notification-container {\n position: relative;\n width: 22rem;\n max-width: 100vw;\n margin: 4.25rem auto 0.25rem;\n z-index: var(--z-notification);\n\n .has-header-tools & {\n margin-top: 7.375rem;\n }\n\n @media (min-width: 1276px) {\n transition: transform var(--layer-transition);\n }\n\n & ~ & {\n margin-top: 0.25rem;\n\n .has-header-tools & {\n margin-top: 0.25rem;\n }\n }\n}\n\n.Notification {\n background:\n rgba(32, 32, 32, 0.8)\n url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMTIiIGN5PSI2LjUiIHI9IjEuNSIvPjxwYXRoIGQ9Ik0xMiA5LjVjLS41NTIgMC0xIC4zNy0xIC44MjZ2Ny4zNDhjMCAuNDU2LjQ0OC44MjYgMSAuODI2czEtLjM3IDEtLjgyNnYtNy4zNDhjMC0uNDU2LS40NDgtLjgyNi0xLS44MjZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+\")\n no-repeat 0.9375rem 50%;\n background-size: 1.5rem;\n border-radius: var(--border-radius-default);\n padding: 0.9375rem 0.9375rem 0.9375rem 3.375rem;\n color: #fff;\n margin: 0 0.5rem;\n display: flex;\n align-items: center;\n\n .text-entity-link,\n .text-entity-link:hover,\n .text-entity-link:active {\n color: #fff !important;\n text-decoration: underline;\n }\n\n .content {\n line-height: 1.25;\n word-break: break-word;\n font-size: 0.9375rem;\n flex-grow: 1;\n }\n\n &.bold-link b {\n color: var(--color-primary);\n cursor: var(--custom-cursor, pointer);\n }\n\n .notification-title {\n font-weight: 500;\n }\n\n .Notification-button {\n color: var(--color-primary);\n font-weight: 500;\n text-transform: none;\n margin: 0 0.5rem;\n height: 2rem;\n width: auto;\n }\n}\n","@use '../../styles/mixins';\n\n@mixin thumb-styles() {\n border: none;\n width: 1rem;\n height: 1rem;\n background: var(--color-links);\n border-radius: 50%;\n cursor: var(--custom-cursor, pointer);\n position: absolute;\n left: var(--fill-percentage);\n transform: scale(1) translate(-45%, -50%);\n transition: transform 0.3s ease-in-out;\n z-index: 2;\n -webkit-appearance: none;\n appearance: none;\n\n &:hover {\n transform: scale(1.5) translate(-30%, -30%);\n }\n}\n\n.dotWrapper {\n width: 90%;\n margin-left: 1rem;\n padding: 1rem 0 0;\n}\n\n.sliderContainer {\n --fill-percentage: 0%;\n position: relative;\n width: 100%;\n}\n\n.marksContainer {\n width: 100%;\n pointer-events: none;\n display: flex;\n justify-content: space-between;\n}\n\n.mark {\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--color-text-secondary);\n position: relative;\n display: flex;\n justify-content: center;\n width: 0.1875rem;\n}\n\n.active {\n color: var(--color-links);\n}\n\n.slider {\n position: relative;\n -webkit-appearance: none;\n width: 100%;\n height: 0.1875rem;\n outline: none;\n transition: opacity 0.2s;\n z-index: 1;\n\n background:\n linear-gradient(\n to right,\n var(--color-links) 0%,\n var(--color-links) var(--fill-percentage),\n var(--color-text-secondary) var(--fill-percentage),\n var(--color-text-secondary) 100%\n );\n}\n\n.slider::-webkit-slider-thumb {\n @include thumb-styles();\n}\n\n.slider::-moz-range-thumb {\n @include thumb-styles();\n}\n\n.slider::-ms-thumb {\n @include thumb-styles();\n}\n\n.tickMarks {\n position: absolute;\n top: 2rem;\n left: 0;\n right: 0;\n height: 100%;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n z-index: 1;\n}\n\n.tick {\n position: relative;\n width: 0.25rem;\n height: 0.5rem;\n background-color: var(--color-text-secondary);\n border-radius: 0.1875rem;\n}\n\n.filled {\n background-color: var(--color-links);\n}\n\n.tickUnfilled {\n background-color: var(--color-text-secondary);\n}\n",".separator {\n display: flex;\n align-items: center;\n text-align: center;\n color: var(--color-text-secondary);\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n border-bottom: 0.0625rem solid var(--color-dividers);\n }\n\n &:not(:empty)::before {\n margin-right: 0.5rem;\n }\n\n &:not(:empty)::after {\n margin-left: 0.5rem;\n }\n\n &[dir=\"rtl\"] {\n &:not(:empty)::before {\n margin-left: 0.5rem;\n margin-right: 0;\n }\n\n &:not(:empty)::after {\n margin-right: 0.5rem;\n margin-left: 0;\n }\n }\n}\n",".container {\n position: absolute;\n width: 100%;\n z-index: 1;\n\n &:has(:global(.ListItem-context-menu)) {\n z-index: 2;\n }\n}\n\n.isDragging {\n z-index: 2;\n\n :global(.drag-item) {\n pointer-events: none;\n }\n}\n\n.knob {\n position: absolute;\n top: 50%;\n width: 2rem;\n height: 2rem;\n\n color: var(--color-text-secondary);\n font-size: 1.25rem;\n line-height: 1.75;\n text-align: center;\n opacity: 0;\n transition: opacity 150ms;\n\n cursor: grab !important;\n transform: translateY(-50%);\n\n .container:hover & {\n opacity: 1;\n }\n\n .isDragging & {\n opacity: 1;\n cursor: grabbing !important;\n }\n\n @media (pointer: coarse) {\n opacity: 1 !important;\n touch-action: none;\n }\n}\n","@use \"../../styles/mixins\";\n\n.AvatarEditable {\n label {\n margin-left: auto;\n margin-right: auto;\n width: 7.5rem;\n height: 7.5rem;\n margin-bottom: 2rem;\n display: flex !important;\n align-items: center;\n justify-content: center;\n background-color: var(--color-primary);\n border-radius: 50%;\n color: white;\n font-size: 3rem;\n cursor: var(--custom-cursor, pointer);\n position: relative;\n overflow: hidden;\n outline: none !important;\n transition: border-radius 200ms;\n\n input {\n display: none;\n }\n\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .icon {\n transform: scale(1);\n transition: transform 0.15s linear;\n z-index: var(--z-register-add-avatar);\n }\n\n // @optimization The weirdest workaround for screen animation lag\n @include mixins.while-transition() {\n input,\n .icon,\n &::after {\n display: none !important;\n }\n\n img {\n position: static !important;\n }\n }\n\n &:hover {\n .icon {\n transform: scale(1.2);\n }\n }\n\n &.filled {\n background-color: var(--color-background);\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(black, 0.4);\n }\n }\n\n &.disabled {\n pointer-events: none;\n\n .icon {\n display: none;\n }\n\n &::after {\n display: none;\n }\n }\n\n &.rounded-square {\n border-radius: var(--border-radius-forum-avatar);\n }\n }\n}\n",".input {\n display: none;\n}\n",".ShowMoreButton {\n color: var(--color-text) !important;\n display: flex;\n align-items: center;\n text-align: left;\n text-transform: none;\n padding-left: 0.75rem !important;\n opacity: 1 !important;\n\n .icon {\n font-size: 1.5rem;\n margin-right: 2rem;\n color: var(--color-text-secondary);\n }\n\n .Spinner {\n top: 0.4375rem;\n }\n}\n"],"names":[],"sourceRoot":""} |