1 line
52 KiB
Plaintext
1 line
52 KiB
Plaintext
{"version":3,"file":"shared-components.2706d8509095eac66994.css","mappings":"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BACA,eAGF,mCACE,WACA,YAGF,qCACE,cACA,cACA,SACA,kBAGF,yCACE,cAIA,8CACE,mBACA,eAMJ,qCACE,cAGF,8BACE,kBAIJ,0BACE,gBACA,YACA,8BACA,oBAEA,sCACE,yBAGF,qEAEE,cACA,mBAEA,uFACE,iBAIJ,iCACE,gBACA,oBACA,uBAGF,oCACE,kBACA,kBACA,iBACA,kCAEA,0CACE,wBAKN,yBAGI,8HACE,yDAMR,oBACE,gBACA,uBACA,mB;ACveF,UACE,kBACA,oBACA,mBACA,SAEA,mBACE,oBACA,WAGF,mBACE,oBAKA,kKAEE,2BAGF,oGACE,eAIJ,gBACE,kBACA,uBAEA,QACA,SAEA,kBACA,UAGF,kBACE,qCAEA,kBAEA,qBAEA,eACA,eACA,oBAEA,mBAEA,mCAEA,kCAGF,wBACE,WAEA,kBACA,cACA,OAEA,eACA,gBACA,uCACA,qBAEA,yCAEA,2BAGF,gCACE,gCAGF,sCACE,2BACA,kC;AC/EJ,sBACE,kBACA,UACA,WACA,YACA,2BAEA,4DAEA,+CACE,2BAGF,+BACE,wBAGF,+BACE,WACA,U;ACnBJ,UACE,kBAEA,gBAEA,WACA,YAEA,kDAEA,iBACE,qBACA,YACA,oBAGF,gBACE,kBAGF,uBACE,mBAGF,wBACE,WAEA,cAEA,WACA,YAEA,kDAEA,qDAEA,0BACE,GACE,UAEF,IACE,WAEF,KACE,WAKN,uBACE,WAEA,kBAEA,cAEA,WACA,YAEA,6GAEA,iEAEA,yBACE,GACE,4BAEF,IACE,2BAEF,KACE,4B;ACvER,UACE,aACA,UACA,WAGF,UACE,cACA,cACA,eACA,kBAGF,UACE,aACA,sBACA,YACA,UACA,uBAGF,UACE,UACA,YACA,oBAGF,UACE,UACA,eACA,oBAGF,UACE,uIACE,CAMF,4BACA,4BACA,sCAGF,oBACE,GACE,6B;AChDJ,aACE,kBAEA,aACA,mBAEA,WACA,4BACA,yCACA,uBAEA,iDAEA,yCAEA,kCAEA,8BACE,aAEA,mDACE,aAGF,oCACE,mBAIA,6CACE,oBACA,eAKN,uBACE,kCACA,yCACA,iCAEA,oCACE,2BAIJ,mBACE,cACA,gBACA,qJACE,CAEF,uBACA,uBAEA,0CACA,2BAEA,gCACE,gCAIJ,kCACE,cACA,aACA,2BAGF,mCACE,cACA,aACA,0BAGF,mCACE,aACA,mBACA,uBAGF,kDACE,iBACA,cAGF,wBACE,kCAGF,sBACE,kBACA,QACA,SACA,gCAEA,aACA,cAEA,+BACE,uBAIJ,qBACE,eAIA,4BACE,cAIJ,yBACE,mBACE,cACA,gDACA,uB;ACtHN,UACE,kBACA,sCACA,gCAGF,UACE,kBACA,QACA,SACA,gCAGF,UACE,mBACA,iCACA,qBACA,eAEA,kDAEA,gBARF,UASI,qB;ACtBJ,wBACE,kBACA,8BAEA,YACA,gBACA,2BAEA,gDACE,kBAIJ,cACE,2CAEA,aACA,mBAEA,eACA,iBACA,2CAEA,WAEA,mCACA,uBAEA,6GAGE,sBACA,0BAGF,uBACE,YACA,mBACA,iBACA,uBAGF,0BACE,qCACA,2BAGF,kCACE,sCAGF,iCACE,kBAGF,uCACE,6BAGF,wEACE,yBAGF,kCACE,qBAGF,mCACE,WACA,YACA,4BAEA,sCACA,gCACA,oB;ACzCJ,UACE,UACA,iBACA,iBAGF,UACE,mBACA,sBAEA,kBACA,WAGF,UACE,oBACA,aACA,8BACA,WAGF,UACE,kBAEA,aACA,uBAEA,eAEA,mBACA,wCACA,kCAGF,UACE,yBAGF,UACE,kBACA,UAEA,WACA,gBAEA,wBACA,4LACE,CAOF,aAEA,uBAGF,gCAzFE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,kFAEA,iCAuEF,gCAtEI,kEACA,sCACE,gFAIJ,sCACE,2CAmEJ,4BA7FE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,+EAEA,iCA2EF,4BA1EI,kEACA,kCACE,gFAIJ,kCACE,2CAuEJ,qBAjGE,qCAEA,kBACA,UACA,4BACA,yCAEA,WACA,YACA,YACA,kBAGA,gBACA,8BAEA,8EAEA,iCA+EF,qBA9EI,kEACA,2BACE,gFAIJ,2BACE,2CA2EJ,UACE,oBAEA,kBACA,UACA,QACA,cACA,OAEA,aACA,8BAGF,UACE,kBAEA,aACA,aACA,uBAEA,6CAGF,UACE,oCAGF,UACE,6C;ACpIF,UACE,cAEA,iBACA,cACA,mBACA,qBAEA,kBACA,sCACA,sBACA,kBAGF,UACE,yBACA,6BAGF,UACE,+BACA,8B;ACrBF,SACE,8BACA,qBAEA,gBACA,MAEA,gBACA,kBACA,aACA,cACA,iBACA,qBACA,8BAEA,qBAEA,eAEA,yCACA,+CAEA,4BACE,SAGF,kCACE,+BAEA,uC;AC7BJ,UACE,yBACA,0BACA,uBAEA,kBACA,oBAGF,UACE,qCACA,kBACA,0BACA,SAEA,iBACE,WAEA,kBACA,MACA,OAEA,wBACA,yBACA,uCACA,wCAEA,yCAEA,2BAEA,0CACE,2BAIJ,0BACE,6BAGF,0BACE,iFACA,kCAGF,0BACE,oFACA,kCAIJ,UACE,kBACA,MACA,OACA,2BAEA,gBAEA,0BACA,4BACA,qBAEA,mCAEA,iBACE,WAEA,kBACA,MACA,OAEA,0BACA,4BACA,qBAEA,sCAEA,2BAEA,0CACE,2BAIJ,0BACE,4BAGF,0BACE,2BAGF,0BACE,wB;AC9FJ,UACE,kBACA,gBACA,mBAGF,oBAEE,oBACA,YACA,0CAEA,kBACA,UAEA,mBAGF,UACE,uCAGF,UACE,oBACA,UAGF,UACE,oBAEA,kBACA,UACA,MACA,OAEA,WACA,YAEA,0BACA,iBAGF,UACE,oBACA,YACA,0CAEA,kBACA,UACA,cAEA,gBAEA,kBAEA,6CAGF,UACE,iDAGF,UACE,OACA,SACA,uBAEA,4BACE,SAIJ,UACE,aACA,mBACA,gB;AC3EF,UACE,aACA,mBACA,kCACA,kBAEA,mCAEE,WACA,OACA,mDAGF,8BACE,mBAGF,6BACE,kBAIA,uCACE,eACA,kBAGF,sCACE,mBACA,c;AC7BN,UACE,kBACA,UACA,WAEA,sCACE,UAIJ,UACE,UAEA,qBACE,oBAIJ,UACE,uBAEA,kBACA,QACA,2BAEA,aACA,mBAEA,WACA,YAEA,kBACA,iBACA,kCACA,kBAEA,UAEA,yBAEA,0BACE,UAGF,oBACE,2BACA,UAGF,wBA/BF,UAgCI,kBACA,sBAIJ,UACE,iB;AC5CA,yBACE,kBACA,WACA,6BACA,6BAEF,0BACE,aACA,kB;ACjBF,sBACE,qCAEA,kBAEA,gBACA,wBACA,mBACA,uBAEA,aACA,cACA,kBACA,mBACA,iBACA,kBAEA,eACA,WAEA,sCACA,wBAEA,+BAEA,4BACE,aAGF,0BACE,kBACA,MACA,OAEA,WACA,YAGF,4BACE,qCACA,mBACA,iCAKA,qOAGE,wBAGF,0EACE,2BAKF,kCACE,qBAIJ,6BACE,yCAEA,oCACE,WAEA,kBACA,MACA,OAEA,cAEA,WACA,YAEA,gCAIJ,+BACE,oBAEA,sCACE,aAGF,qCACE,aAIJ,qCACE,gD;AClGN,UACE,a;ACDF,gBACE,aACA,mBAEA,+BAEA,mCACA,gBACA,oBAEA,qBAEA,sBACE,kBACA,iBACA,kCAGF,yBACE,a","sources":["webpack://telegram-t/./src/components/ui/MenuSeparator.module.scss","webpack://telegram-t/./src/components/ui/ModalStarBalanceBar.module.scss","webpack://telegram-t/./src/components/ui/RangeSlider.scss","webpack://telegram-t/./src/styles/_mixins.scss","webpack://telegram-t/./src/components/ui/Tab.scss","webpack://telegram-t/./src/components/ui/Radio.scss","webpack://telegram-t/./src/components/ui/ProgressSpinner.scss","webpack://telegram-t/./src/components/ui/ListItem.scss","webpack://telegram-t/./src/components/ui/Switcher.scss","webpack://telegram-t/./src/components/ui/FloatingActionButton.scss","webpack://telegram-t/./src/components/ui/placeholder/Skeleton.scss","webpack://telegram-t/./src/components/ui/placeholder/PlaceholderChatInfo.module.scss","webpack://telegram-t/./src/components/ui/SearchInput.scss","webpack://telegram-t/./src/components/ui/RoundTimer.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/Badge.module.scss","webpack://telegram-t/./src/components/ui/TabList.scss","webpack://telegram-t/./src/components/ui/Toggle.module.scss","webpack://telegram-t/./src/components/ui/ImageCropper.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/CropModal.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",".root {\n position: absolute;\n z-index: var(--z-modal);\n top: 0rem;\n left: 50%;\n transform: translate(-50%, -1rem);\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding: 0.5rem 1.25rem;\n border-radius: 2rem;\n\n font-size: 0.875rem;\n color: var(--color-text);\n white-space: nowrap;\n\n background-color: var(--color-background);\n\n transition: transform 0.2s ease, opacity 0.2s ease;\n\n :global(.confirm) & {\n z-index: var(--z-modal-confirm);\n }\n\n :global(.low-priority) & {\n z-index: var(--z-modal-low-priority);\n }\n\n :global(body:not(.no-page-transitions)) .dots {\n transform: none !important;\n transition: none;\n }\n\n &:not(:global(.open)) {\n transform: translate(-50%, 0);\n }\n\n &:not(:global(.closing)) {\n transform: translate(-50%, 1rem);\n }\n}\n\n.starIcon {\n height: 1rem !important;\n margin-inline-start: 0.125rem !important;\n line-height: 1rem !important;\n}\n\n.tonInUsdDescription {\n color: var(--color-text-secondary);\n}\n","@use \"../../styles/mixins\";\n\n@mixin thumb-styles() {\n cursor: var(--custom-cursor, pointer);\n\n transform: scale(1);\n\n width: 0.75rem;\n height: 0.75rem;\n border: none;\n border-radius: 50%;\n\n background: var(--slider-color);\n\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: 0.5rem 0 0;\n margin-inline-start: 1rem;\n margin-inline-end: 1rem;\n\n &.disabled {\n --slider-color: var(--color-text-secondary);\n\n pointer-events: none;\n }\n\n &.readOnly {\n pointer-events: none;\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-right: 1rem;\n margin-left: 0;\n }\n }\n }\n\n .slider-main {\n position: relative;\n z-index: 1;\n\n &::before {\n content: \"\";\n\n position: absolute;\n z-index: -1;\n top: 0.3125rem;\n left: 0;\n\n width: 100%;\n height: 0.125rem;\n border-radius: 0.125rem;\n\n opacity: 0.5;\n background-color: var(--color-borders);\n }\n }\n\n .slider-fill-track {\n pointer-events: none;\n\n position: absolute;\n top: 0.3125rem;\n left: 0;\n\n width: 100%;\n height: 0.125rem;\n border-radius: 0.125rem;\n\n background-color: var(--slider-color);\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-auto-columns: 1fr;\n grid-auto-flow: column;\n grid-template-rows: auto;\n }\n\n .slider-option {\n cursor: var(--custom-cursor, pointer);\n\n font-size: 0.8125rem;\n color: var(--color-text-secondary);\n text-align: center;\n\n transition: color 0.2s ease;\n\n &:hover,\n &.active {\n color: var(--color-text);\n }\n\n &.active {\n font-weight: var(--font-weight-medium);\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 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 height: 0.75rem;\n margin-bottom: 0.5rem;\n\n -webkit-appearance: none;\n background: transparent;\n\n &::-ms-track {\n cursor: var(--custom-cursor, pointer);\n\n width: 100%;\n border-color: transparent;\n\n color: transparent;\n\n background: 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 &:focus {\n outline: none;\n }\n }\n}\n\n@mixin 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 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 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",".Tab {\n display: flex;\n flex: 1 1 auto;\n justify-content: center;\n\n width: auto;\n margin: 0;\n padding: 0.625rem 1.125rem;\n border: none;\n border-top-left-radius: var(--border-radius-messages-small);\n border-top-right-radius: var(--border-radius-messages-small);\n\n font-weight: var(--font-weight-semibold);\n color: var(--color-text-secondary);\n\n appearance: none;\n background: none;\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\n display: flex;\n gap: 1px; // Prevent custom emoji sticking to the text\n align-items: center;\n\n height: 1.5rem; // Emoji-only titles ignore line-height on Windows\n\n white-space: nowrap;\n }\n\n .badge {\n flex-shrink: 0;\n\n min-width: 1.25rem;\n height: 1.25rem;\n margin-inline-start: 0.3125rem;\n padding: 0 0.3125rem;\n border-radius: 0.75rem;\n\n font-size: 0.875rem;\n font-weight: var(--font-weight-medium);\n line-height: 1.3125rem;\n color: white;\n text-align: center;\n\n background: var(--color-gray);\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\n font-size: 0.75rem;\n }\n\n .platform {\n pointer-events: none;\n\n position: absolute;\n right: -0.5rem;\n bottom: -0.625rem;\n left: -0.5rem;\n transform-origin: left;\n\n box-sizing: content-box;\n height: 0.1875rem;\n border-radius: 0.1875rem 0.1875rem 0 0;\n\n opacity: 0;\n background-color: var(--color-primary);\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",".Radio {\n cursor: var(--custom-cursor, pointer);\n\n position: relative;\n\n display: flex;\n align-items: center;\n\n width: 100%;\n min-height: 3rem;\n margin: 0;\n padding-inline-start: 4.25rem;\n\n text-align: left;\n\n &:hover {\n border-radius: var(--border-radius-default);\n background-color: var(--color-chat-hover);\n }\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 right: 1.1875rem;\n left: auto;\n }\n\n &::after {\n right: 1.5rem;\n }\n }\n }\n\n &.withSubLabel .Radio-main {\n padding: 0.4375rem 0 0.5625rem 0;\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 &:hover {\n background-color: transparent;\n }\n }\n\n &.canCheckedInDisabled {\n .Radio-main {\n &::before {\n visibility: visible;\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\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n\n display: block;\n }\n\n &::before {\n left: 1.125rem; // 1 + ((1.5 - 1.25) / 2)\n\n width: 1.25rem;\n height: 1.25rem;\n border: 2px solid var(--color-borders-input);\n border-radius: 50%;\n\n opacity: 1;\n background-color: var(--color-background);\n\n transition: border-color 0.1s ease, opacity 0.1s ease;\n }\n\n &::after {\n left: 1.4375rem; // 1 + ((1.5 - 0.625) / 2)\n\n width: 0.625rem;\n height: 0.625rem;\n border-radius: 50%;\n\n opacity: 0;\n background: var(--color-primary);\n\n transition: opacity 0.1s ease;\n }\n\n .label {\n unicode-bidi: plaintext;\n display: block;\n\n line-height: 1.5rem;\n text-align: left;\n overflow-wrap: anywhere;\n }\n\n .subLabel {\n unicode-bidi: plaintext;\n display: block;\n\n margin-top: 0.25rem;\n\n font-size: 0.875rem;\n line-height: 1rem;\n color: var(--color-text-secondary);\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 --spinner-size: 1.25rem;\n\n position: absolute;\n top: 50%;\n left: 1rem;\n transform: translateY(-50%);\n\n opacity: 0;\n\n animation: fade-in 0.2s ease forwards;\n }\n }\n\n &[dir=\"rtl\"] {\n .Radio-main {\n text-align: right;\n\n &::before {\n right: 1.0625rem;\n left: auto;\n }\n\n &::after {\n right: 1.375rem;\n left: auto;\n }\n }\n\n .label,\n .subLabel {\n text-align: right;\n }\n\n &.loading .Spinner {\n right: 1.0625rem;\n left: auto;\n }\n\n &.onlyInput .Radio-main::after {\n right: 0.3125rem;\n left: auto;\n }\n }\n\n &.onlyInput {\n position: relative;\n\n min-height: auto;\n margin-block: 0 1.25rem;\n padding-inline-start: 1.25rem;\n\n line-height: 1.25rem;\n\n .Radio-main {\n &::before {\n top: 0;\n right: 0;\n left: 0;\n transform: none;\n }\n &::after {\n top: 0;\n left: 0.3125rem;\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",".ProgressSpinner {\n cursor: var(--custom-cursor, pointer);\n\n position: relative;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n width: 3.375rem;\n height: 3.375rem;\n border-radius: 50%;\n\n background-color: rgba(0, 0, 0, 0.25);\n\n &.no-cross {\n pointer-events: none;\n background: transparent !important;\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\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n\n width: 0.8125rem;\n height: 0.8125rem;\n border-radius: 0.125rem;\n\n background-color: #fff;\n }\n }\n\n &.size-s,\n &.size-m {\n width: auto;\n height: auto;\n\n &.square {\n width: 0.75rem;\n height: 0.75rem;\n background-image: none;\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 color: var(--color-white);\n background-color: transparent !important;\n }\n}\n",".ListItem {\n position: relative;\n\n body.is-ios &,\n body.is-android & {\n &::after {\n content: \"\";\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 4.5rem;\n\n height: 0.0625rem;\n\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\n position: absolute;\n top: -0.0625rem;\n right: 0;\n left: 4.5rem;\n\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 &.narrow::after {\n left: 4.1875rem;\n }\n\n &.no-icon::after {\n left: 1rem;\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 --ripple-color: rgba(0, 0, 0, 0.08);\n\n position: relative;\n\n overflow: hidden;\n display: flex;\n align-items: center;\n\n min-height: 3rem;\n padding: 0 1rem;\n border: none !important;\n border-radius: var(--border-radius-default);\n\n color: var(--color-text);\n text-decoration: none;\n white-space: nowrap;\n\n background-color: var(--background-color);\n outline: none !important;\n box-shadow: none !important;\n\n body.is-ios &,\n body.is-android & {\n border-radius: 0;\n }\n\n > .ListItem-main-icon {\n margin-right: 1.75rem;\n font-size: 1.5rem;\n color: var(--color-text-secondary);\n }\n\n > .Switcher {\n margin-inline-start: auto;\n }\n\n @media (max-width: 600px) {\n border-radius: 0;\n }\n }\n\n &.with-color-transition {\n .ListItem-button {\n transition: background-color 150ms ease-in-out;\n }\n }\n\n .user-status,\n .group-status,\n .title,\n .other-usernames,\n .subtitle {\n unicode-bidi: plaintext;\n text-align: initial;\n text-overflow: ellipsis;\n }\n\n .other-usernames {\n display: block;\n line-height: 1.25rem;\n white-space: normal;\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 &.has-menu-open .ListItem-button {\n --background-color: var(--color-chat-hover);\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 &.primary {\n .ListItem-button {\n color: var(--color-primary);\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-right: 2rem !important;\n padding-left: 1rem !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 &.chat-item-with-tags {\n .ListItem-button {\n align-items: flex-start;\n height: 72px;\n padding: 0.375rem 0.5625rem;\n }\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.5rem;\n }\n\n .info {\n flex: 1;\n min-width: 0;\n }\n\n .info-name-title {\n display: flex;\n align-items: center;\n }\n\n .info-row,\n .title,\n .subtitle {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n min-width: 0;\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 overflow: hidden;\n\n margin: 0;\n\n font-size: 1rem;\n text-align: initial;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n h3,\n .last-message,\n .typing-status {\n overflow: hidden;\n }\n\n .title {\n h3 {\n font-weight: var(--font-weight-semibold);\n }\n }\n\n .status-icon {\n margin-inline-end: 0.125rem;\n vertical-align: text-bottom;\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 flex: 1;\n align-items: center;\n min-width: 0;\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .custom-title {\n overflow: hidden;\n flex-shrink: 0;\n\n margin-inline-start: auto;\n padding-inline-start: 1rem;\n\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .status,\n .typing-status {\n display: inline-block;\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n\n &.online {\n color: var(--color-primary);\n }\n\n &[dir=\"rtl\"],\n &[dir=\"auto\"] {\n width: 100%;\n text-align: initial;\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 unicode-bidi: plaintext;\n text-align: initial;\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-right: 0;\n margin-left: 0.5rem;\n }\n\n .info > .status {\n width: 100%;\n }\n }\n }\n\n &.picker-list-item {\n margin: 0;\n\n .ListItem-button {\n display: flex;\n align-items: center;\n padding-left: 0;\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-right: 4rem;\n padding-left: 0;\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 overflow: hidden;\n flex-grow: 1;\n padding: 0.4375rem 0 0.5625rem 0;\n white-space: initial;\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 overflow: hidden;\n line-height: 1.25rem;\n text-overflow: ellipsis;\n }\n\n .subtitle {\n margin-top: 0.25rem;\n font-size: 0.875rem;\n line-height: 1rem;\n color: var(--color-text-secondary);\n\n &.black {\n color: var(--color-text);\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\n.list-item-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",".Switcher {\n position: relative;\n display: inline-flex;\n align-items: center;\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 position: absolute;\n z-index: var(--z-below);\n\n width: 0;\n height: 0;\n\n visibility: hidden;\n opacity: 0;\n }\n\n .widget {\n cursor: var(--custom-cursor, pointer);\n\n position: relative;\n\n display: inline-block;\n\n width: 2.125rem;\n height: 0.875rem;\n border-radius: 0.5rem;\n\n text-indent: -999px;\n\n background-color: var(--color-gray);\n\n transition: background-color 150ms;\n }\n\n .widget:after {\n content: \"\";\n\n position: absolute;\n top: -0.125rem;\n left: 0;\n\n width: 1.125rem;\n height: 1.125rem;\n border: 0.125rem solid var(--color-gray);\n border-radius: 0.75rem;\n\n background-color: var(--color-background);\n\n transition: transform 200ms;\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",".FloatingActionButton {\n position: absolute;\n z-index: 2;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(5rem);\n\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\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",".Skeleton {\n position: relative;\n\n overflow: hidden;\n\n width: 100%;\n height: 100%;\n\n background-color: var(--color-skeleton-background);\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\n display: block;\n\n width: 100%;\n height: 100%;\n\n background-color: var(--color-skeleton-foreground);\n\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\n position: absolute;\n\n display: block;\n\n width: 100%;\n height: 100%;\n\n background: linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);\n\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",".root {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.avatar {\n flex-shrink: 0;\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 50%;\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-attachment: fixed;\n background-size: 100vw 100vh;\n animation: slide 3s infinite linear;\n}\n\n@keyframes slide {\n to {\n background-position: 100vw 0;\n }\n}\n",".SearchInput {\n position: relative;\n\n display: flex;\n align-items: center;\n\n width: 100%;\n padding-inline-end: 0.1875rem;\n border: 2px solid var(--color-chat-hover);\n border-radius: 1.375rem;\n\n color: rgba(var(--color-text-secondary-rgb), 0.5);\n\n background-color: var(--color-chat-hover);\n\n transition: border-color 0.15s ease;\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 background-color: var(--color-background);\n caret-color: var(--color-primary);\n\n .search-icon {\n color: var(--color-primary);\n }\n }\n\n input {\n height: 2.5rem;\n margin-bottom: 0;\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 border: none !important;\n border-radius: 1.375rem;\n\n background-color: transparent !important;\n box-shadow: none !important;\n\n &::placeholder {\n color: var(--color-placeholders);\n }\n }\n\n .icon-container-left {\n flex-shrink: 0;\n width: 1.5rem;\n margin-inline-start: 0.75rem;\n }\n\n .icon-container-right {\n flex-shrink: 0;\n width: 2.5rem;\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\n width: 2.5rem;\n height: 2.5rem;\n\n .Spinner {\n --spinner-size: 1.5rem;\n }\n }\n\n .Button {\n font-size: 1rem;\n }\n\n &[dir=\"rtl\"] {\n input {\n direction: rtl;\n }\n }\n\n @media (max-width: 600px) {\n input {\n height: 2.5rem;\n padding-left: calc(0.75rem - var(--border-width));\n border-radius: 1.25rem;\n }\n }\n}\n",".root {\n position: relative;\n font-weight: var(--font-weight-medium);\n color: var(--color-toast-action);\n}\n\n.svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.circle {\n fill: transparent;\n stroke: var(--color-toast-action);\n stroke-linecap: round;\n stroke-width: 2;\n\n transition: stroke-dashoffset 1s linear, stroke 0.2s;\n\n @starting-style {\n stroke-dashoffset: 0;\n }\n}\n",".Notification-container {\n position: relative;\n z-index: var(--z-notification);\n\n width: 22rem;\n max-width: 100vw;\n margin: 4.25rem auto 0.25rem;\n\n & ~ & {\n margin-top: 0.25rem;\n }\n}\n\n.Notification {\n --color-toast-action: var(--color-primary);\n\n display: flex;\n align-items: center;\n\n margin: 0 0.5rem;\n padding: 0.9375rem;\n border-radius: var(--border-radius-default);\n\n color: #fff;\n\n background-color: rgba(32, 32, 32, 0.8);\n background-size: 1.5rem;\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 flex-grow: 1;\n font-size: 0.9375rem;\n line-height: 1.25;\n overflow-wrap: anywhere;\n }\n\n &.bold-link b {\n cursor: var(--custom-cursor, pointer);\n color: var(--color-primary);\n }\n\n .notification-title {\n font-weight: var(--font-weight-medium);\n }\n\n .notification-icon {\n font-size: 1.75rem;\n }\n\n .notification-emoji-icon {\n --custom-emoji-size: 1.75rem;\n }\n\n .notification-icon, .notification-emoji-icon {\n margin-inline-end: 0.75rem;\n }\n\n .notification-timer {\n margin-inline: 0.75rem;\n }\n\n .notification-button {\n width: auto;\n height: 2rem;\n margin-inline-start: 0.125rem;\n\n font-weight: var(--font-weight-medium);\n color: var(--color-toast-action);\n text-transform: none;\n }\n}\n","@use '../../styles/mixins';\n\n@mixin thumb-styles() {\n cursor: var(--custom-cursor, pointer);\n\n position: absolute;\n z-index: 2;\n left: var(--fill-percentage);\n transform: scale(1) translate(-45%, -50%);\n\n width: 1rem;\n height: 1rem;\n border: none;\n border-radius: 50%;\n\n -webkit-appearance: none;\n appearance: none;\n background: var(--color-links);\n\n transition: transform 0.3s ease-in-out;\n\n @supports (-moz-appearance: none) {\n transform: scale(1) translate(calc(-10% + var(--thumb-offset)), 0);\n &:hover {\n transform: scale(1.5) translate(calc(-10% + var(--thumb-offset)), 0) !important;\n }\n }\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 --thumb-offset: 0%;\n --fill-percentage: 0%;\n\n position: relative;\n width: 100%;\n}\n\n.marksContainer {\n pointer-events: none;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.mark {\n position: relative;\n\n display: flex;\n justify-content: center;\n\n width: 0.1875rem;\n\n font-size: 0.8125rem;\n font-weight: var(--font-weight-semibold);\n color: var(--color-text-secondary);\n}\n\n.active {\n color: var(--color-links);\n}\n\n.slider {\n position: relative;\n z-index: 1;\n\n width: 100%;\n height: 0.1875rem;\n\n -webkit-appearance: none;\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 outline: none;\n\n transition: opacity 0.2s;\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 pointer-events: none;\n\n position: absolute;\n z-index: 1;\n right: 0;\n bottom: 0.25rem;\n left: 0;\n\n display: flex;\n justify-content: space-between;\n}\n\n.tick {\n position: relative;\n\n width: 0.25rem;\n height: 0.5rem;\n border-radius: 0.1875rem;\n\n background-color: var(--color-text-secondary);\n}\n\n.filled {\n background-color: var(--color-links);\n}\n\n.tickUnfilled {\n background-color: var(--color-text-secondary);\n}\n",".root {\n flex-shrink: 0;\n\n min-width: 1.5rem;\n height: 1.5rem;\n padding: 0 0.4375rem;\n border-radius: 0.75rem;\n\n font-size: 0.875rem;\n font-weight: var(--font-weight-medium);\n line-height: 1.5625rem;\n text-align: center;\n}\n\n.default {\n color: var(--color-white);\n background: var(--color-gray);\n}\n\n.alternate {\n color: var(--color-chat-active);\n background: var(--color-white);\n}\n",".TabList {\n scrollbar-color: rgba(0, 0, 0, 0);\n scrollbar-width: none;\n\n position: sticky;\n top: 0;\n\n overflow-x: auto;\n overflow-y: hidden;\n display: flex;\n flex-shrink: 0;\n flex-wrap: nowrap;\n align-items: flex-end;\n justify-content: space-between;\n\n padding-inline: 0.5rem;\n\n font-size: 1rem;\n\n background-color: var(--color-background);\n box-shadow: 0 2px 2px var(--color-light-shadow);\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 --widget-width: 3.125rem;\n --widget-height: 0.375rem;\n --thumb-size: 1.125rem;\n\n position: relative;\n display: inline-flex;\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\n position: absolute;\n top: 0;\n left: 0;\n\n width: var(--thumb-size);\n height: var(--thumb-size);\n border: 0.125rem solid var(--color-gray);\n border-radius: calc(var(--thumb-size) / 2);\n\n background-color: var(--color-background);\n\n transition: transform 200ms;\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 transform: translateY(-50%);\n\n overflow: hidden;\n\n width: var(--widget-width);\n height: var(--widget-height);\n border-radius: 0.25rem;\n\n background-color: var(--color-gray);\n\n &::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: var(--widget-width);\n height: var(--widget-height);\n border-radius: 0.25rem;\n\n background-color: var(--color-primary);\n\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",".previewContainer {\n position: relative;\n overflow: hidden;\n border-radius: 1rem;\n}\n\n.foregroundImage,\n.backgroundImage {\n pointer-events: auto;\n cursor: grab;\n user-select: none;\n\n position: absolute;\n z-index: 1;\n\n object-fit: contain;\n}\n\n.backgroundImage {\n filter: blur(0.125rem) brightness(0.75);\n}\n\n.foregroundImage {\n pointer-events: none;\n z-index: 3;\n}\n\n.previewMask {\n pointer-events: none;\n\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n background: rgba(0, 0, 0, 0.5);\n filter: blur(8px);\n}\n\n.cropArea {\n pointer-events: none;\n cursor: grab;\n user-select: none;\n\n position: absolute;\n z-index: 3;\n inset: 0.125rem;\n\n overflow: hidden;\n\n border-radius: 50%;\n\n box-shadow: 0 0 0.5rem #0004;\n}\n\n.confirmButton {\n box-shadow: 0 1px 2px var(--color-default-shadow);\n}\n\n.zoomSlider {\n flex: 1;\n margin: 0;\n margin-inline-end: 1rem;\n\n input[type=\"range\"] {\n margin: 0;\n }\n}\n\n.bottomControls {\n display: flex;\n align-items: center;\n margin-top: 1rem;\n}\n",".separator {\n display: flex;\n align-items: center;\n color: var(--color-text-secondary);\n text-align: center;\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-right: 0;\n margin-left: 0.5rem;\n }\n\n &:not(:empty)::after {\n margin-right: 0.5rem;\n margin-left: 0;\n }\n }\n}\n",".container {\n position: absolute;\n z-index: 1;\n width: 100%;\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 cursor: grab !important;\n\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n\n display: grid;\n place-items: center;\n\n width: 2rem;\n height: 2rem;\n\n font-size: 1.25rem;\n line-height: 1.75;\n color: var(--color-text-secondary);\n text-align: center;\n\n opacity: 0;\n\n transition: opacity 150ms;\n\n .container:hover & {\n opacity: 1;\n }\n\n .isDragging & {\n cursor: grabbing !important;\n opacity: 1;\n }\n\n @media (pointer: coarse) {\n touch-action: none;\n opacity: 1 !important;\n }\n}\n\n.icon {\n font-size: 1.5rem;\n}\n","@mixin thumb-styles() {\n cursor: var(--custom-cursor, pointer);\n transform: scale(1);\n background: var(--color-primary);\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 position: relative;\n width: auto;\n min-width: inherit !important;\n max-width: inherit !important;\n }\n .modal-content {\n padding: 1rem;\n padding-top: 0.5rem;\n }\n}\n","@use \"../../styles/mixins\";\n\n.AvatarEditable {\n label {\n cursor: var(--custom-cursor, pointer);\n\n position: relative;\n\n overflow: hidden;\n display: flex !important;\n align-items: center;\n justify-content: center;\n\n width: 7.5rem;\n height: 7.5rem;\n margin-right: auto;\n margin-bottom: 2rem;\n margin-left: auto;\n border-radius: 50%;\n\n font-size: 3rem;\n color: white;\n\n background-color: var(--color-primary);\n outline: none !important;\n\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\n width: 100%;\n height: 100%;\n }\n\n .icon {\n z-index: var(--z-register-add-avatar);\n transform: scale(1);\n transition: transform 0.15s linear;\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\n position: absolute;\n top: 0;\n left: 0;\n\n display: block;\n\n width: 100%;\n height: 100%;\n\n background-color: rgba(black, 0.4);\n }\n }\n\n &.disabled {\n pointer-events: none;\n\n &::after {\n display: none;\n }\n\n .icon {\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 display: flex;\n align-items: center;\n\n padding-left: 0.75rem !important;\n\n color: var(--color-text) !important;\n text-align: left;\n text-transform: none;\n\n opacity: 1 !important;\n\n .icon {\n margin-right: 2rem;\n font-size: 1.5rem;\n color: var(--color-text-secondary);\n }\n\n .Spinner {\n top: 0.4375rem;\n }\n}\n"],"names":[],"sourceRoot":""} |