mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-15 10:47:04 +01:00
94 lines
101 KiB
CSS
94 lines
101 KiB
CSS
.MediaViewerActions{display:flex;margin-inline-start:auto;margin-inline-end:-0.375rem}.MediaViewerActions .Button{margin-inline-start:.25rem;color:rgba(255,255,255,.5)}.MediaViewerActions-mobile{position:relative;color:var(--color-text)}.MediaViewerActions-mobile .ProgressSpinner{position:absolute;top:0;left:0}.MediaViewerActions-mobile .Button{color:rgba(255,255,255,.5)}
|
|
.MediaViewerFooter{position:absolute;bottom:0;padding:1rem 0;width:100%;transition:opacity .15s}#MediaViewer.zoomed .MediaViewerFooter{display:none}@media(max-height: 640px){.MediaViewerFooter{padding:.5rem 0 0}}@media(max-width: 600px){.MediaViewerFooter{background:linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%)}.MediaViewerFooter.is-for-video{opacity:0;pointer-events:none;padding-bottom:5rem}.video-controls-visible .MediaViewerFooter.is-for-video:not(.is-hidden){opacity:1;pointer-events:auto}}body.ghost-animating .MediaViewerFooter{opacity:0}.MediaViewerFooter .media-viewer-footer-content{position:relative;max-width:var(--messages-container-width);margin:auto;cursor:pointer;opacity:.5;transition:opacity .15s}.MediaViewerFooter .media-viewer-footer-content:hover{opacity:1}@media(max-width: 600px){.MediaViewerFooter .media-viewer-footer-content{opacity:1}}.MediaViewerFooter.is-hidden{opacity:0}.MediaViewerFooter .media-text{margin-bottom:0;overflow:auto;padding:0 .5rem;text-align:center;color:rgba(255,255,255,.9);font-size:.9375rem;letter-spacing:.025rem;max-height:4.25rem}@media(max-height: 640px){.MediaViewerFooter .media-text{max-height:2.75rem}}.MediaViewerFooter .media-text .emoji{width:.9375rem;height:.9375rem;vertical-align:-2px}.MediaViewerFooter .media-text.multiline::before{content:"";position:absolute;left:-0.75rem;right:-0.75rem;top:-0.25rem;bottom:-0.25rem;background:rgba(0,0,0,.75);border-radius:var(--border-radius-default);z-index:var(--z-below)}@media(max-width: 600px){.MediaViewerFooter .media-text.multiline::before{display:none;background:none}}.MediaViewerFooter a{color:var(--color-links)}.MediaViewerFooter a:hover,.MediaViewerFooter a:focus{text-decoration:underline}
|
|
.VideoPlayerControls{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding:2rem .5rem .5rem;font-size:.875rem;background:linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);transition:opacity .3s;z-index:var(--z-video-player-controls);opacity:0;pointer-events:none}#MediaViewer.zoomed .VideoPlayerControls{display:none}@media(max-width: 600px){.VideoPlayerControls{position:fixed;padding:2.25rem .5rem .75rem;background:none}}.VideoPlayerControls.active{opacity:1;pointer-events:auto}.VideoPlayerControls .buttons{display:flex;align-items:center;width:100%}.VideoPlayerControls .spacer{flex-grow:1}.VideoPlayerControls .Button.round{width:2rem;padding:0;margin:.25rem;height:2rem}.VideoPlayerControls .volume-slider{margin-bottom:0;margin-left:-0.75rem;padding:.5rem .5rem .5rem .5rem;width:0;--volume-slider-width: 4rem;--slider-color: #fff;--color-borders: rgba(255, 255, 255, 0.5);transition:width .2s ease-in-out}.VideoPlayerControls .volume-slider:hover{overflow:hidden;width:var(--volume-slider-width)}.VideoPlayerControls .volume-slider:hover .RangeSlider__input{opacity:1}.VideoPlayerControls .volume-slider .RangeSlider__input{margin-bottom:0;opacity:0;transition:opacity .15s ease-in-out}.VideoPlayerControls .volume:hover+.volume-slider{overflow:hidden;width:var(--volume-slider-width)}.VideoPlayerControls .volume:hover+.volume-slider .RangeSlider__input{opacity:1}.VideoPlayerControls .player-time{white-space:nowrap}.VideoPlayerControls .player-file-size{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.5rem}.VideoPlayerControls .player-seekline{position:absolute;left:1rem;right:1rem;top:1rem;height:1rem;touch-action:none;cursor:pointer}@media(max-width: 600px){.VideoPlayerControls .player-seekline{top:1rem}}.VideoPlayerControls .player-seekline-track{position:absolute;top:50%;left:-0.25rem;right:-0.25rem;height:5px;transform:translateY(-50%);background-color:rgba(255,255,255,.16);border-radius:var(--border-radius-default)}.VideoPlayerControls .player-seekline-buffered,.VideoPlayerControls .player-seekline-played,.VideoPlayerControls .player-seekline-input{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-default)}.VideoPlayerControls .player-seekline-buffered{position:absolute;background-color:rgba(255,255,255,.5)}.VideoPlayerControls .player-seekline-played{background:var(--color-primary)}.VideoPlayerControls .player-seekline-played::after{content:"";position:absolute;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--color-primary);right:0;top:50%;transform:translate(0.325rem, -50%)}.VideoPlayerControls .playback-rate-menu .bubble{min-width:3.5rem;margin-right:3.5rem;bottom:4.1875rem}.VideoPlayerControls .playback-rate-menu.no-fullscreen .bubble{margin-right:.8125rem}
|
|
.VideoPlayer{position:relative;display:inline-flex;flex-direction:column;overflow:hidden}#MediaViewer.zoomed .VideoPlayer{position:absolute;top:0;right:0;bottom:0;left:0}#MediaViewer.zoomed .VideoPlayer>div{width:100% !important;height:100% !important}#MediaViewer.zoomed .VideoPlayer video{max-height:none !important}@media(min-width: 601px){.VideoPlayer{z-index:1}}@media(max-width: 600px){.VideoPlayer{overflow:visible}}@media(max-height: 640px){.VideoPlayer{margin-bottom:1.75rem}.has-footer .VideoPlayer{margin-bottom:0}}.VideoPlayer video{display:block;max-height:calc(100vh - 8.25rem);margin:auto;object-fit:contain;outline:none;width:100%;height:100%;background:no-repeat 50% 50%;background-size:contain}@media(max-height: 640px){.VideoPlayer video{max-height:calc(100vh - 10rem)}}.is-touch-env .VideoPlayer video{pointer-events:none}.VideoPlayer .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:3.25rem;height:3.25rem;background-color:rgba(0,0,0,.5) !important;z-index:3}body:not(.animation-level-0) .VideoPlayer .play-button{transition:opacity .3s ease !important}.VideoPlayer .play-button .icon-play{font-size:1.75rem;position:relative;left:.125rem}.VideoPlayer .spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.VideoPlayer .spinner-container .buffering{background:rgba(0,0,0,.25);color:#fff;font-size:.75rem;position:absolute;left:.1875rem;top:.1875rem;z-index:1;padding:0 .375rem;border-radius:.75rem;line-height:1.125rem}.VideoPlayer .spinner-container .ProgressSpinner{cursor:pointer}
|
|
.MediaViewerContent{position:absolute;top:0;left:0;right:0;bottom:0;transform:none;overflow:hidden;z-index:1;padding:3.25rem 0;height:100%;display:inline-flex;justify-content:center;align-items:center}.MediaViewerContent .thumbnail{position:relative}.MediaViewerContent .thumbnail img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.MediaViewerContent>img{max-width:100vw;max-height:calc(100vh - 8.25rem);object-fit:contain;transition:transform .2s}.MediaViewerContent .spinner-wrapper{max-width:100vw;margin:auto}.MediaViewerContent .Spinner{margin:auto}
|
|
.MediaViewerSlides{position:absolute;display:flex;height:100%;max-height:100vh;min-height:-moz-available;max-height:-webkit-fill-available;width:100%;overflow:hidden;touch-action:none;top:0;left:0;right:0;bottom:0}.MediaViewerSlides *{-ms-scroll-chaining:none}.MediaViewerSlide{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;flex:100% 0 0;z-index:0;touch-action:none;transform-origin:0 0}.MediaViewerSlide--active{z-index:1}.MediaViewerSlide--moving{cursor:move}
|
|
.SenderInfo{display:flex;align-content:center;cursor:pointer;color:rgba(255,255,255,.5);transition:.15s color}.SenderInfo:hover{color:#fff}.SenderInfo .Avatar{margin-inline-end:1rem}@media(max-width: 600px){.SenderInfo .Avatar{display:none}}.SenderInfo .meta{display:flex;flex-direction:column;justify-content:center;max-width:calc(100% - 3.75rem)}.SenderInfo .title{line-height:1.4375rem;font-weight:500;white-space:pre;overflow:hidden;text-overflow:ellipsis}.SenderInfo .date{line-height:1.25rem;font-size:.875rem;letter-spacing:-0.01rem}
|
|
#MediaViewer{position:fixed;top:0;left:0;width:100vw;height:100%;background:rgba(0,0,0,.9);color:#fff;z-index:var(--z-media-viewer);display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;grid-column-gap:0;grid-row-gap:0;justify-items:stretch;align-items:center}@media(max-width: 600px){#MediaViewer{background:#000}}#MediaViewer:not(.shown){display:block !important;transform:scale(0)}body.ghost-animating #MediaViewer>.pan-wrapper,body.ghost-animating #MediaViewer>button,body.ghost-animating #MediaViewer .MediaViewerContent img,body.ghost-animating #MediaViewer .MediaViewerContent .VideoPlayer{display:none}body.animation-level-2 #MediaViewer{transition-duration:.3s !important}#MediaViewer:not(.open) .SenderInfo,#MediaViewer .closing .SenderInfo{pointer-events:none;transition:none}#MediaViewer.zoomed .navigation{display:none}#MediaViewer.zoomed .media-viewer-head{z-index:2}#MediaViewer.zoomed .MediaViewerSlide{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;z-index:1}#MediaViewer .media-viewer-head{display:flex;grid-area:1/1/2/-2;position:relative;z-index:var(--z-media-viewer-head);min-width:0;background:linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);padding:.5rem max(1.25rem,env(safe-area-inset-left))}#MediaViewer .media-viewer-head>.Transition{width:100%;min-width:0}@media(max-width: 600px){#MediaViewer .media-viewer-head{padding:.5rem max(.5rem,env(safe-area-inset-left))}#MediaViewer .media-viewer-head .media-viewer-close{margin-right:1.5rem}}@supports not (padding: 0.5rem max(1.25rem, env(safe-area-inset-left))){#MediaViewer .media-viewer-head{padding:.5rem 1.25rem}@media(max-width: 600px){#MediaViewer .media-viewer-head{padding:.5rem}}}#MediaViewer>.Transition,#MediaViewer>.pan-wrapper{grid-area:1/1/-1/-1}#MediaViewer>.Transition,#MediaViewer>.pan-wrapper .Transition{position:relative;justify-self:center;text-align:center;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}#MediaViewer .navigation{position:fixed;top:4rem;width:10vw;bottom:0;border:none;padding:0;margin:0;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0) no-repeat;background-size:1.25rem;opacity:0;transition:opacity .15s;outline:none;cursor:pointer;z-index:1}@media(max-width: 600px){#MediaViewer .navigation{width:20vw}}#MediaViewer .navigation:hover,.is-touch-env #MediaViewer .navigation{opacity:1}#MediaViewer .navigation.prev{background-image:url(media_navigation_previous.11f3cfece8fead5a78e6.svg);background-position:1.25rem calc(50% - 2rem);left:env(safe-area-inset-left)}#MediaViewer .navigation.prev[dir=rtl]{left:auto;right:env(safe-area-inset-right);transform:scaleX(-1)}@supports not (left: env(safe-area-inset-left)){#MediaViewer .navigation.prev{left:0}#MediaViewer .navigation.prev[dir=rtl]{left:auto;right:0}}#MediaViewer .navigation.next{right:env(safe-area-inset-right);background-image:url(media_navigation_next.3d6e264d21e73ad72573.svg);background-position:calc(100% - 1.25rem) calc(50% - 2rem)}#MediaViewer .navigation.next[dir=rtl]{right:auto;left:env(safe-area-inset-left);transform:scaleX(-1)}@supports not (right: env(safe-area-inset-right)){#MediaViewer .navigation.next{right:0}#MediaViewer .navigation.next[dir=rtl]{right:auto;left:0}}#MediaViewer .navigation.inline{top:calc(50% - 3rem);bottom:unset;height:6rem;background-position-y:center}@media(max-width: 600px){#MediaViewer .navigation.inline{opacity:0;transition:opacity .15s ease-in;pointer-events:none}.video-controls-visible #MediaViewer .navigation.inline{opacity:1;pointer-events:auto}}#MediaViewer .is-protected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.ghost{position:absolute;z-index:var(--z-media-viewer);will-change:transform,opacity;overflow:hidden;border-radius:0;transition:transform .2s ease,opacity .2s ease}.ghost.rounded-corners{border-radius:var(--border-radius-messages)}.ghost.circle{border-radius:50%}body.is-ios .ghost{transition:transform .2s ease,opacity .2s ease,border-radius .2s ease !important}.ghost img,.ghost video{width:100%;height:100%;user-select:none;-webkit-user-select:none;object-fit:cover}
|
|
.ChatOrUserPicker{z-index:var(--z-media-viewer)}.ChatOrUserPicker .modal-dialog{height:70%;max-width:25rem}@media(max-width: 600px){.ChatOrUserPicker .modal-dialog{height:90%}}.ChatOrUserPicker .modal-header{display:flex;align-items:center;padding:.25rem .5rem}.ChatOrUserPicker .modal-header .Button{margin-right:.5rem}.ChatOrUserPicker .modal-header .input-group{margin:0;flex:1}.ChatOrUserPicker .modal-header .form-control{border:none;box-shadow:none !important;height:2.75rem;padding:.5rem;font-size:1.25rem;line-height:1.75rem;unicode-bidi:plaintext}.ChatOrUserPicker .modal-content{padding:0;overflow:hidden;display:flex;flex-direction:column}.ChatOrUserPicker .modal-content .picker-list{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 .5rem}.ChatOrUserPicker .no-results{height:100%;margin:0;padding:1rem 1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.ChatOrUserPicker .scroll-container{position:relative}.ChatOrUserPicker .ListItem{position:absolute;width:100%}@media(max-width: 600px){.ChatOrUserPicker .ListItem.chat-item-clickable:not(.force-rounded-corners){margin:0}.ChatOrUserPicker .ListItem.chat-item-clickable:not(.force-rounded-corners) .ListItem-button{border-radius:0}}
|
|
#Dialogs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal)}
|
|
.XxZ7KIBUQzsSYf8KZiIc{margin:1rem 0}
|
|
.CalendarModal .modal-dialog{max-width:26.25rem}.CalendarModal .modal-dialog .modal-content{padding:.375rem 1rem 1rem}.CalendarModal .timepicker{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.CalendarModal .timepicker .form-control{max-width:5rem;text-align:center}.CalendarModal .timepicker .form-control:first-child{margin-right:1rem}.CalendarModal .timepicker .form-control:last-child{margin-left:1rem}.CalendarModal .footer{display:flex;justify-content:flex-end;flex-direction:column}.CalendarModal .footer .Button{text-transform:none}.CalendarModal .footer .Button+.Button{margin-top:.5rem}.CalendarModal .month-selector{display:flex;align-items:center}.CalendarModal .month-selector h4{flex:1;margin:0 0 0 1.25rem;font-size:1.25rem}@media(max-width: 600px){.CalendarModal .month-selector h4{margin-left:.75rem}}.CalendarModal .month-selector h4~.Button{color:var(--color-primary)}.CalendarModal .month-selector .Button.hidden{opacity:.5;pointer-events:none}.CalendarModal .day-button{position:relative;border-radius:4rem;outline:none !important;font-weight:500;margin:.125rem .625rem}@media(max-width: 600px){.CalendarModal .day-button{margin:.25rem .375rem}}.CalendarModal .day-button.weekday{margin-bottom:0;height:1rem}.CalendarModal .day-button.clickable{cursor:pointer}.CalendarModal .day-button.clickable:hover{background-color:var(--color-interactive-element-hover)}.CalendarModal .day-button.clickable.selected{background-color:var(--color-primary);color:#fff}.CalendarModal .day-button.disabled{opacity:.25;pointer-events:none}.CalendarModal .day-button::before{content:"";display:block;padding-top:100%}.CalendarModal .day-button span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.CalendarModal .calendar-wrapper{display:flex;align-items:center;justify-content:center;min-height:17rem;margin:1.5rem -0.5rem .5rem}.CalendarModal .calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);width:100%}
|
|
.NewContactModal .modal-dialog{max-width:28rem}.NewContactModal__new-contact{display:flex}@media(max-width: 500px){.NewContactModal__new-contact{flex-direction:column}}.NewContactModal__new-contact-fieldset{flex:1;margin-inline-start:1rem}@media(max-width: 500px){.NewContactModal__new-contact-fieldset{margin-inline-start:0;margin-top:1rem}}.NewContactModal__profile{display:flex;align-items:center;margin-bottom:2rem}.NewContactModal__profile-info{margin-inline-start:1rem}.NewContactModal__user-status{color:var(--color-text-secondary)}.NewContactModal__phone-number{font-size:1.5rem;margin-bottom:0}.NewContactModal__help-text{font-size:.9375rem;color:var(--color-text-secondary)}
|
|
.WebAppModal .modal-header{border-bottom:1px solid var(--color-dividers);padding:.5rem}.WebAppModal .modal-dialog{height:75%;justify-content:center;border:none;box-shadow:none;margin:0;overflow:hidden}.WebAppModal .modal-content{display:flex;flex-direction:column;overflow:hidden;padding:0;border-bottom-right-radius:var(--border-radius-default);border-bottom-left-radius:var(--border-radius-default)}.WebAppModal .web-app-frame{width:100%;height:100%;border:0}.WebAppModal .web-app-frame.with-button{height:calc(100% - 56px)}.WebAppModal .web-app-button{position:absolute;bottom:0;border-radius:0;transform:translateY(100%);transition:.25s ease-in-out transform}.WebAppModal .web-app-button.visible{transform:translateY(0)}.WebAppModal .web-app-button.hidden{visibility:hidden}.WebAppModal .Spinner{position:absolute;right:1rem}@media(max-width: 600px){.WebAppModal .modal-dialog{background-color:var(--color-background);border-radius:0;height:100%;max-width:100% !important}.WebAppModal .modal-content{max-height:none;border-radius:0}}.WebAppModal .animated-close-icon{position:absolute;transform:rotate(-45deg)}.WebAppModal .animated-close-icon,.WebAppModal .animated-close-icon::before,.WebAppModal .animated-close-icon::after{width:1.125rem;height:.125rem;border-radius:.125rem;background-color:var(--color-text-secondary);transition:transform var(--slide-transition)}.WebAppModal .animated-close-icon::before,.WebAppModal .animated-close-icon::after{position:absolute;left:0;top:0;content:""}.WebAppModal .animated-close-icon::before{transform:rotate(90deg)}.WebAppModal .animated-close-icon.state-back{transform:rotate(180deg)}.WebAppModal .animated-close-icon.state-back::before{transform:rotate(45deg) scaleX(0.75) translate(0, -0.375rem)}.WebAppModal .animated-close-icon.state-back::after{transform:rotate(-45deg) scaleX(0.75) translate(0, 0.375rem)}
|
|
.qiAkShre9E6R3S_XXL9S{display:flex;position:relative}.gIcOQgrfw3soP3cK9s5Q{display:flex;align-items:center;justify-content:center;color:#fff;padding:.25rem .75rem;border-radius:1rem;background:#7e85ff;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%, -20px)}.Ip5PkcvyMOnN0RLpXLXO{position:absolute;bottom:-15px}.y7T3FpaFXDsnPGk6dPmg{margin-right:.25rem}.X0zFAEpRoPWj1yE904xR,.rQ6ZdKdWi4HVydX6qhWS{font-size:16px;font-weight:500}.kuq7sjJF6mvCc4Y5CXpv{}.TCdcdr_TxlgpCSBV0ePq,.FaVxkFCcMpBfLY74WJZv{margin-left:auto}.QWqqObtxZyakBzakEoyh,.TCdcdr_TxlgpCSBV0ePq{color:#fff}.kuq7sjJF6mvCc4Y5CXpv,.FaVxkFCcMpBfLY74WJZv{color:#000}.slESyAvUqizX4_EIX_yg{padding:.375rem .75rem;flex-basis:50%;display:flex}.lQi3xqxjvl2Owb4ES2SM{background:#f1f3f5;border-top-left-radius:10px;border-bottom-left-radius:10px}.Dcv5uphsn2Sxpg3ROS_u{border-top-right-radius:10px;border-bottom-right-radius:10px;background:linear-gradient(84.4deg, #6C93FF -4.85%, #976FFF 51.72%, #DF69D1 110.7%),#f1f3f5}
|
|
.jeeOV_UYyl50GFLOzjGC{display:flex;flex-direction:column;margin-bottom:1.5rem}.SVqE3gr2ekQUWfFT_Mvg{font-weight:500;color:var(--color-text);margin-left:.75rem}.mCBNPstzrSlOQsz6rOtE{font-size:14px;color:var(--color-text-secondary);margin-bottom:.5rem;margin-left:.75rem}
|
|
.WHiQiGCtWfjSlEysEelB{display:flex;justify-content:center;aspect-ratio:1;overflow:hidden;position:relative}@supports not (aspect-ratio: 1){.WHiQiGCtWfjSlEysEelB{height:0;padding-bottom:100%}}.WUpKHfqLbeZmhfYqqiko{width:70%;position:absolute;display:flex;justify-content:center;align-items:center;--y-static: -40%;--y-dynamic: -10%;--scroll-progress-converted: var(--scroll-progress, 0);--abs-scroll-progress-converted: var(--abs-scroll-progress, 0);transform:perspective(200px) translate3d(calc(var(--scroll-progress-converted) * -30%), calc(var(--y-static) + var(--abs-scroll-progress-converted) * var(--y-dynamic)), 0) rotateY(calc(var(--scroll-progress-converted) * 40deg));opacity:calc(1 - var(--abs-scroll-progress-converted)*.4)}@supports not (aspect-ratio: 1){.WUpKHfqLbeZmhfYqqiko{transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.005, 0, -342.2, 0, 1)}}.MiGmL4xqBPkxmLim4Ai0{--y-static: 3%;--y-dynamic: 10%}.WHiQiGCtWfjSlEysEelB .reverse{--scroll-progress-converted: calc((1 - var(--scroll-progress, 0)) * -1);--abs-scroll-progress-converted: calc(1 - var(--abs-scroll-progress, 0))}.xuhT9JHpFkVsTcUWeh4L{position:relative;z-index:1;width:100%;-webkit-user-drag:none}.sLLJqCkdSug4bzEQrACs{width:100%;position:absolute;bottom:0;z-index:0;padding:4%;border-radius:0 0 10% 10%}@supports(aspect-ratio: 1){.MiGmL4xqBPkxmLim4Ai0 .sLLJqCkdSug4bzEQrACs{top:0;bottom:initial;border-radius:10% 10% 0 0}}
|
|
.lSI7Gb2It7nFGpBE4IFs{display:flex;align-items:center;justify-content:center;height:100%}.sbJjdz4IEwYhlti5MyPA{--x: 0px;--y: 0px;--scale: 0;transition:.25s ease-in-out transform,.25s ease-in-out opacity;position:absolute;transform:translate(var(--x), var(--y)) scale(var(--scale));opacity:var(--scale)}.sbJjdz4IEwYhlti5MyPA canvas{width:100% !important;height:100% !important}.bIR5UZpxiCoHBe0ZmtIn{z-index:2;pointer-events:none}.bIR5UZpxiCoHBe0ZmtIn canvas{width:100% !important;height:100% !important}
|
|
.NtJc4bt94t9fklIWC6wF{display:flex;justify-content:center;margin:2rem;align-items:center;--fake-translate: calc(8px);--dot-width: calc(10px + 8px);--start-from: 0;--length: 50;--count: 8;--center: calc((var(--length) * var(--dot-width)) / 2);transform:translateX(calc(var(--center) - var(--dot-width) * var(--count) / 2 - var(--dot-width) * var(--start-from)));transition:.25s ease-out transform}._rzXza87NHdAMH2TDKul{z-index:2;position:absolute;left:.5rem;top:.5rem;transition:.25s ease-in-out opacity}.J4UYbae0Frt01jIavpB0{left:initial;right:.5rem}._rzXza87NHdAMH2TDKul.qd3rvhZma3JJmhdt07Ig{opacity:0 !important}.eCgEFkp07vgaUGwymYAQ{flex:none;cursor:pointer;width:8px;height:8px;background:#dfe1e5;border-radius:50%;margin-right:10px;transition:.25s ease-in-out opacity}.AIpVWjJc47egZ8ATaC3n{width:6px;height:6px}.MnRKztu0OZTyIywGLMc6{width:4px;height:4px}.boSFbatyzatdw70J7mpu{opacity:0;pointer-events:none}.nlCmVncFkKVtsawWqcfw{background:#8f77ff}
|
|
.dVn5gk50tXn1EiI4kJFJ{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;position:relative}.PIYKt4xxOUBpRjRu0b4q{--x: 0px;--y: 0px;transition:.25s cubic-bezier(0.5, 0.45, 0.28, 1.4) transform,.25s ease-in-out opacity;position:absolute;transform:translate(var(--x), var(--y)) scale(var(--opacity));opacity:var(--opacity)}.PIYKt4xxOUBpRjRu0b4q canvas{width:100% !important;height:100% !important}.JLzWnq8to4W24wBGmbyt{z-index:2}.JLzWnq8to4W24wBGmbyt canvas{width:100% !important;height:100% !important}
|
|
.QfngIllOc1THaTQiJf7h{padding:1rem}.n8tTb600de2uZKGkyw67{font-weight:600;font-size:16px;height:48px}.QqkwZyFt35pRO5spXs7c{background:var(--premium-gradient)}.eZLuJy6dL4ekVllaRcCm{height:100%;display:flex;justify-content:center;align-items:center}.ZTIpWD6Zrj1U7rnGvrlD{margin:-0.5rem;position:absolute;z-index:2}.E42Dy7DFLAxvj8HE4GAD{color:#fff !important}.JMdhJYW94Mas4JDye486{margin:0 -1rem;margin-top:-1rem;overflow-x:scroll;display:flex;scroll-snap-type:x mandatory;width:calc(100% + 2rem)}.fEQZ2fyO9g6L1v8QJUCJ{aspect-ratio:1}@supports not (aspect-ratio: 1){.fEQZ2fyO9g6L1v8QJUCJ{height:0;padding-bottom:100%}}.xkC9BFxv7RkSwbPe4RMb{width:100%;flex:none;position:relative;scroll-snap-align:center;scroll-snap-stop:always;margin-bottom:7.5rem}.zngeFAwxdlVJZY876fHc{background:var(--color-background)}.le7Qv9QkHlO3qdK0Hs_g{overflow:auto;padding:1rem;margin-top:59px;height:calc(var(--vh)*55 + 41px)}.Mw81cOCIGy8KGn9VokFA{padding-left:4rem;font-size:20px;font-weight:500;padding-top:.875rem;padding-bottom:.875rem;border-bottom:1px solid var(--color-borders);position:absolute;background:var(--color-background);width:100%;transition:.1s ease-out border-bottom-color}.tRvcw256KSHRqgSj5uGX{border-bottom-color:rgba(0,0,0,0)}.EXGFQjwHmQxjvMLbYtS9{position:absolute;margin:0 -1rem;margin-top:-1rem;background:var(--premium-feature-background);aspect-ratio:1;width:100%;border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default)}@supports not (aspect-ratio: 1){.EXGFQjwHmQxjvMLbYtS9{height:0;padding-bottom:100%}}.eEYA2lXPy_DUKe8JKHiP{font-size:20px;font-weight:500;text-align:center;color:var(--color-text);margin-top:1rem}.TVO7LjkV_yHUGIu5PXCA{font-size:16px;font-weight:400;line-height:22px;text-align:center;color:var(--color-text-secondary);padding:0 5%}.EKr_FVmiDSwhUxouhaqB{border-top:1px solid var(--color-borders);position:absolute;bottom:0;left:0;padding:0 1rem 1rem 1rem;width:100%;background:var(--color-background);transition:.1s ease-out border-top-color}.H8z5Q6gsuqeCy82HFlyX{border-top-color:rgba(0,0,0,0)}@media(max-width: 600px){.EXGFQjwHmQxjvMLbYtS9{border-radius:0}.TVO7LjkV_yHUGIu5PXCA{padding:0 2rem}.le7Qv9QkHlO3qdK0Hs_g{height:calc(var(--vh)*100 - 193px)}}
|
|
.PEnE7xWTMwTPGmhubmj6{display:flex;padding:.5rem !important}.U4UYSH7uHW3k4FlqBefm{display:flex;flex-direction:column;margin-left:1.75rem !important}.Jdlm3dtJ8gOIY0x0u2d4{display:flex}.cE44My72bdvMJna9mgoc{font-size:14px;color:var(--color-text-secondary);white-space:pre-wrap;line-height:20px;min-height:40px}.mxF3NdPgAi_H0ZFgNEtw{min-width:2rem}
|
|
.JJNHc_FZuydBNBIHK9xC{--premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);--premium-feature-background: linear-gradient(65.85deg, #6C93FF -0.24%, #976FFF 53.99%, #DF69D1 110.53%);-webkit-user-select:none;user-select:none}.JJNHc_FZuydBNBIHK9xC .modal-content{padding:0}.JJNHc_FZuydBNBIHK9xC .modal-dialog{max-width:55vh}.JJNHc_FZuydBNBIHK9xC .modal-dialog,.JJNHc_FZuydBNBIHK9xC .modal-content{overflow:hidden}.Q05gUm0HCMtSoeX2HVGw{height:min(55vh + 41px + 193px,90vh)}.Fb3VVHNrypZ3lhYfSVI_{font-weight:600;background:var(--premium-gradient);font-size:16px;height:48px}.E9_LJ9RqAHTj8h84EROt{padding:1rem;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center}.Vaf41aTAoSwl_e_cZhah{margin:1rem;width:6.25rem;height:6.25rem}.J2z1gqvfQu5kqV_UP8US{font-size:24px;font-weight:500;text-align:center}.PXg8sU2cfdeysJXctlpB{text-align:center;margin-bottom:2rem}.LlPAfJpL066su4P2NFmh{margin-bottom:80px;width:100%}.wpPtJKCqTdOGkKoh7KTo{margin-bottom:0}.Rwuf1efaEfZ13AD5XbCB{z-index:2;display:flex;align-items:center;border-bottom:1px solid var(--color-borders);position:absolute;width:100%;left:0;top:0;height:56px;padding:.5rem;background:var(--color-background);transition:.25s ease-out transform}.NV7fN3j69oFZEJu7ejG8{transform:translateY(-100%)}.TyuYAZecpI2K_1i3B5XO{position:absolute;top:.5rem;left:.5rem;z-index:3}.jA_DV7G5VJo8xGOe0otF{font-size:20px;font-weight:500;margin:0 0 0 3rem}.yVkdTScCEhH3EQMQiA42{color:var(--color-text-secondary);margin:.5rem;font-size:.875rem}.MQbFSG2o_R8rjKDsqs8R{color:var(--color-text)}.FApXoTPpasib6Np5Uxpt{position:absolute;width:100%;background:var(--color-background);border-top:1px solid var(--color-borders);left:0;bottom:0;padding:1rem}@media(max-width: 600px){.JJNHc_FZuydBNBIHK9xC .modal-dialog{width:100%;height:100%;max-width:100% !important;border-radius:0}.JJNHc_FZuydBNBIHK9xC .modal-content{max-height:100vh}.JJNHc_FZuydBNBIHK9xC .Q05gUm0HCMtSoeX2HVGw{height:100%}}
|
|
.iz5RJvcQyNNDQzKfXQbN .modal-content{align-items:flex-start;display:flex;flex-direction:column}.iz5RJvcQyNNDQzKfXQbN .modal-dialog{max-width:22.5rem}.az3lXhmlMfZfIQ_81jog{margin:2.5rem 0 1.25rem 0;width:100%}.womlEQglVV1w8ltVa6PQ{background:var(--color-primary);padding:.75rem 1.25rem;border-radius:1.5rem;margin:1.5rem 0 1.25rem 0;align-self:center;display:flex;align-items:center;justify-content:center}.QC8Xe4ShGc_q82s4Tjmg{font-weight:500;color:var(--color-white)}.q8SgjqQqlOVMSofzhdwh{margin-inline-end:.25rem;font-size:1.25rem;color:var(--color-white)}.DgRFl7StCs4fhROb7CKH{width:100%;display:flex;align-items:flex-end;margin-top:1rem}.Twnx_5clE9fKNOMo7lXf{margin-left:1rem !important;--premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);background:var(--premium-gradient)}.BW05mF5k9uq5qBi_BYzg{margin-left:.75rem;font-size:1.25rem}
|
|
.MessageSelectToolbar{position:absolute;bottom:calc(.5rem + env(safe-area-inset-bottom));left:.5rem;right:.5rem;width:auto;z-index:20;justify-content:center;margin:0;opacity:1}@supports not (bottom: calc(0.5rem + env(safe-area-inset-bottom))){.MessageSelectToolbar{bottom:.5rem}}.mask-image-disabled .MessageSelectToolbar::before{left:auto !important;right:auto !important}.no-composer .MessageSelectToolbar{width:100%}@media(max-width: 600px){.no-composer .MessageSelectToolbar{width:calc(100% - 1rem)}}@media(min-width: 601px){.MessageSelectToolbar{left:1rem;right:1rem;bottom:1.25rem}.no-composer .MessageSelectToolbar{top:-4.75rem}}.MessageSelectToolbar .MessageSelectToolbar-inner{transform:scaleX(1) translateX(0)}.no-composer .middle-column-footer-button-container+.MessageSelectToolbar,.no-composer .messaging-disabled+.MessageSelectToolbar{top:auto}body.animation-level-0 .MessageSelectToolbar{transition:none !important}.MessageSelectToolbar:not(.shown){opacity:0;pointer-events:none}.MessageSelectToolbar:not(.shown) .shown-inner{transform:scaleX(var(--toolbar-hidden-scale, 1))}.MessageSelectToolbar:not(.shown).with-composer .MessageSelectToolbar-inner{transform:scaleX(var(--toolbar-hidden-scale, 1)) translateX(var(--toolbar-translate-x, 0))}.MessageSelectToolbar:not(.shown):not(.with-composer) .MessageSelectToolbar-inner{transform:scaleX(var(--toolbar-unpin-hidden-scale)) translateX(0)}.MessageSelectToolbar::before{z-index:-1;max-width:calc(100%*var(--composer-hidden-scale));width:100%;left:auto;right:auto}.MessageSelectToolbar-inner{width:100%;max-width:calc(100%*var(--composer-hidden-scale));display:flex;align-items:center;padding:.25rem;background:var(--color-background);border-radius:var(--border-radius-messages);box-shadow:0 1px 2px var(--color-default-shadow);font-weight:500;transform:scaleX(1);transition:transform var(--select-transition),opacity var(--select-transition)}@media(max-width: 600px){.MessageSelectToolbar-inner{padding:0;max-width:none}}.MessageSelectToolbar-inner>.Button{width:3rem;height:3rem}@media(max-width: 600px){.MessageSelectToolbar-inner>.Button{width:2.875rem;height:2.875rem}}.MessageSelectToolbar-count{margin-left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}@media(max-width: 600px){.MessageSelectToolbar-count{margin-right:.5rem}}.MessageSelectToolbar-actions{margin-left:auto;display:flex}.MessageSelectToolbar-actions .item{width:100%;background:none;border:none !important;box-shadow:none !important;outline:none !important;display:flex;position:relative;overflow:hidden;line-height:1.5rem;white-space:nowrap;color:var(--color-text);--ripple-color: rgba(0, 0, 0, 0.08);cursor:pointer;unicode-bidi:plaintext;padding:.6875rem;border-radius:50%}.MessageSelectToolbar-actions .item i{font-size:1.5rem;color:var(--color-text-secondary)}.MessageSelectToolbar-actions .item.destructive{color:var(--color-error)}.MessageSelectToolbar-actions .item.destructive i{color:inherit}.MessageSelectToolbar-actions .item.disabled{opacity:.5;cursor:default;pointer-events:none}.MessageSelectToolbar-actions .item:not(.disabled):active{background-color:var(--color-item-active);transition:none !important}@media(hover: hover){.MessageSelectToolbar-actions .item:hover,.MessageSelectToolbar-actions .item:focus{background-color:var(--color-chat-hover);text-decoration:none}}
|
|
.ReactorListModal{--color-reaction: var(--color-message-reaction);--hover-color-reaction: var(--color-message-reaction-hover);--accent-color: var(--color-primary)}.ReactorListModal .modal-content{overflow:hidden}.ReactorListModal .Reactions{margin-bottom:.5rem}.ReactorListModal .reaction-filter-emoji{margin-right:.25rem}.ReactorListModal .reactor-list{max-height:400px;overflow:auto;overflow-x:hidden}.ReactorListModal .reactors-list-item{margin:0}.ReactorListModal .reactors-list-item .ListItem-button{display:flex;align-items:center}.ReactorListModal .reactors-list-emoji{width:1.5rem;height:1.5rem;margin-inline-start:auto}
|
|
.EmojiInteractionAnimation{--start-x: 0;--start-y: 0;--scale: 0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}@keyframes show-interaction{from{transform:translate(0, 0) scale(var(--scale, 0))}to{transform:translate(-50%, -50%) scale(1)}}@keyframes show-interaction-reversed{from{transform:translate(50%, 0) scaleX(-1) scale(var(--scale, 0))}to{transform:translate(100%, -50%) scaleX(-1) scale(1)}}.EmojiInteractionAnimation .AnimatedSticker{position:absolute;top:var(--start-y);left:var(--start-x);transform:scale(var(--scale), 0);transform-origin:left top;transition:.25s cubic-bezier(0.29, 0.81, 0.27, 0.99) opacity}.EmojiInteractionAnimation.reversed .AnimatedSticker{transform:scale(var(--scale), 0) scaleX(-1)}.EmojiInteractionAnimation.playing .AnimatedSticker{animation:show-interaction forwards .25s cubic-bezier(0.29, 0.81, 0.27, 0.99)}.EmojiInteractionAnimation.reversed.playing .AnimatedSticker{animation:show-interaction-reversed forwards .25s cubic-bezier(0.29, 0.81, 0.27, 0.99)}.EmojiInteractionAnimation.hiding .AnimatedSticker{opacity:0}.EmojiInteractionAnimation.reversed.hiding .AnimatedSticker{opacity:0}
|
|
.RecentContacts .Loading{min-height:75vh}.RecentContacts .top-peers-section{padding:.5rem 1rem}.RecentContacts .top-peers{height:6rem;margin:0 -1rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;scrollbar-color:rgba(0,0,0,0)}.RecentContacts .top-peers::-webkit-scrollbar{height:0}.RecentContacts .top-peers::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.RecentContacts .top-peer-item{display:inline-block;width:4.5rem;height:6rem;padding:.625rem .25rem;margin-left:.5rem;border-radius:var(--border-radius-default);cursor:pointer;position:relative;overflow:hidden}.RecentContacts .top-peer-item:first-child{margin-left:.125rem}.RecentContacts .top-peer-item:last-child{margin-right:.125rem}.RecentContacts .top-peer-item .Avatar{margin:0 auto .375rem}.RecentContacts .top-peer-item:hover{background:var(--color-chat-hover)}.RecentContacts .top-peer-item .top-peer-name{text-align:center;white-space:nowrap;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.RecentContacts .top-peer-item .top-peer-name .emoji-small{width:1rem;height:1rem;background-size:1rem;margin-inline-end:1px;vertical-align:-3px}.RecentContacts .recent-chats-header{display:flex;align-items:center}.RecentContacts .recent-chats-header .Button{margin-left:auto}.RecentContacts .recent-chats-header[dir=rtl] .Button{margin-left:0;margin-right:auto}
|
|
.ChatMessage:first-child{margin-top:.5rem}.ChatMessage:hover .Avatar.online::after,.ChatMessage.selected .Avatar.online::after{border-color:var(--color-chat-hover)}.ChatMessage .ListItem-button{padding:.25rem .5rem}.ChatMessage .info .title{flex-grow:1}.ChatMessage .info h3{font-size:1rem;width:auto}.ChatMessage .info .subtitle{color:var(--color-text-secondary)}.ChatMessage .info .subtitle .matching-text-highlight{color:var(--color-text);background:#cae3f7;border-radius:.25rem;padding:0 .125rem;display:inline-block}.theme-dark .ChatMessage .info .subtitle .matching-text-highlight{--color-text: #000}.ChatMessage .info .message{flex-grow:1;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}.ChatMessage .info .message .sender-name{color:var(--color-text)}.ChatMessage .info .message .sender-name::after{content:": "}.ChatMessage .info .message .media-preview--image{width:1.25rem;height:1.25rem;object-fit:cover;border-radius:.125rem;vertical-align:-0.25rem;margin-right:.25rem}.ChatMessage .info .message .icon-play{position:relative;display:inline-block;font-size:.75rem;color:#fff;margin-inline-start:-1.25rem;margin-inline-end:.5rem;bottom:.0625rem}.ChatMessage .info-row{display:flex;justify-content:space-between}.ChatMessage[dir=rtl] .subtitle{text-align:right}
|
|
.DateSuggest{display:flex;height:2rem;flex-direction:row;justify-content:space-between;margin-left:.5rem;margin-bottom:.5rem}.DateSuggest .date-item{display:flex;flex:1 1 auto;min-width:8rem;margin-top:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.DateSuggest .date-item .icon-calendar{font-size:1.25rem;margin-right:.25rem}
|
|
.LeftSearch{display:flex;flex-direction:column;height:100%;overflow:hidden}.LeftSearch>.Transition{flex:1;overflow:hidden}.LeftSearch .TabList{padding-bottom:1px;z-index:1}.LeftSearch .documents-list{padding:0 1.25rem 1.25rem}.LeftSearch .documents-list .ListItem{padding:.625rem 0}.LeftSearch .section-heading{position:relative;padding-top:1.25rem;padding-left:1.25rem;margin:0 0 1rem -1.25rem !important;font-weight:500;font-size:.9375rem;color:var(--color-text-secondary)}.LeftSearch .section-heading::before{content:"";position:absolute;width:100%;height:1px;background:var(--color-borders);left:.625rem;top:-1px}.LeftSearch .section-heading[dir=rtl],.LeftSearch .section-heading[dir=auto]{padding-left:0;padding-right:1.25rem;margin:0 -1.25rem 0 1rem !important;text-align:initial}.LeftSearch .section-heading[dir=rtl]::before,.LeftSearch .section-heading[dir=auto]::before{left:auto;right:.625rem}.LeftSearch .LeftSearch .search-section .section-heading,.LeftSearch .RecentContacts .search-section .section-heading{margin-left:-1rem !important;width:calc(100% + 2rem);box-shadow:0 -1px 0 0 var(--color-borders)}.LeftSearch .LeftSearch .search-section .section-heading::before,.LeftSearch .RecentContacts .search-section .section-heading::before{display:none}.LeftSearch .WebLink{display:flex}.LeftSearch .content:not(.with-seekline){align-self:center;min-width:0;flex-grow:1;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.LeftSearch .message-date{font-size:.75rem;color:var(--color-text-secondary);padding-left:1rem;white-space:nowrap}.LeftSearch .media-list{display:grid;padding:.5rem;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.25rem}.LeftSearch .Audio .ProgressSpinner{margin:-0.1875rem 0 0 -0.1875rem}.LeftSearch .ListItem.search-result .ChatInfo .handle{unicode-bidi:plaintext;color:var(--color-primary)}.LeftSearch .ListItem.search-result .ChatInfo .handle::before{content:"@"}html[lang=ar] .LeftSearch .ListItem.search-result .ChatInfo .handle::before{content:" ،@";margin-inline-end:.25rem}.LeftSearch .ListItem.search-result .ChatInfo .handle::after{content:", ";color:var(--color-text-secondary)}html[lang=ar] .LeftSearch .ListItem.search-result .ChatInfo .handle::after{content:""}.LeftSearch .ListItem.search-result .ChatInfo[dir=rtl] .status{text-align:right}.LeftSearch .ListItem.search-result .ChatInfo[dir=rtl] .status .handle{float:right}.LeftSearch .ListItem.search-result-message .sender-name{color:var(--color-text)}.LeftSearch .ListItem.search-result-message .sender-name::after{content:": ";white-space:pre}@media(max-width: 600px){.LeftSearch .ListItem{margin:0 -0.625rem}}.LeftSearch .search-section{padding:0 1rem .5rem}.LeftSearch .search-section .section-heading{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;margin-bottom:0 !important;padding-top:.875rem}.LeftSearch .search-section .section-heading .Link{float:right;color:var(--color-links);font-weight:400;margin-right:1rem}.LeftSearch .search-section .section-heading .Link:focus,.LeftSearch .search-section .section-heading .Link:hover{text-decoration:underline}.LeftSearch .search-section .section-heading[dir=rtl] .Link,.LeftSearch .search-section .section-heading[dir=auto] .Link{float:left;margin-left:1rem;margin-right:0}.LeftSearch .search-section .Loading{height:4.5rem;margin-bottom:.5rem}.LeftSearch .chat-selection{padding-top:.5rem;display:flex;flex-shrink:0;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;box-shadow:inset 0 -1px 0 0 var(--color-borders);background-color:var(--color-background);-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-color:rgba(0,0,0,0)}.LeftSearch .chat-selection>.PickerSelectedItem{flex:0 0 auto}.LeftSearch .chat-selection>.PickerSelectedItem:last-child{margin-right:auto}.LeftSearch .chat-selection[dir=rtl]>.PickerSelectedItem:last-child{margin-left:auto;margin-right:0}.LeftSearch .NothingFound{height:100%}.LeftSearch [dir=rtl] .message-date{padding-left:0;padding-right:1rem}
|
|
.CropModal .modal-dialog{width:calc(100% - 2rem);max-width:35rem;height:calc(100% - 1rem);max-height:35rem;position:relative}.CropModal .modal-content,.CropModal #avatar-crop{overflow:hidden}.CropModal .confirm-button{position:absolute;bottom:1rem;right:1rem;box-shadow:0 1px 2px var(--color-default-shadow)}.CropModal #avatar-crop{max-width:25rem;margin:0 auto;position:relative}.CropModal #avatar-crop::before{content:"";display:block;padding-top:100%}.CropModal #avatar-crop .cr-boundary{position:absolute;top:0;left:0;border-radius:var(--border-radius-messages-small)}.CropModal #avatar-crop .cr-viewport{border:none;box-shadow:0 0 2000px 2000px rgba(127,127,127,.5)}.CropModal #avatar-crop .cr-slider::-webkit-slider-runnable-track{background:var(--color-borders)}.CropModal #avatar-crop .cr-slider::-moz-range-track{background:var(--color-borders)}.CropModal #avatar-crop .cr-slider::-ms-track{background:var(--color-borders)}.CropModal #avatar-crop .cr-slider::-webkit-slider-thumb{background:var(--color-primary);cursor:pointer;transform:scale(1);-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.CropModal #avatar-crop .cr-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.CropModal #avatar-crop .cr-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;transform:scale(1);-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.CropModal #avatar-crop .cr-slider::-moz-range-thumb:hover{transform:scale(1.2)}.CropModal #avatar-crop .cr-slider::-ms-thumb{background:var(--color-primary);cursor:pointer;transform:scale(1);-ms-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.CropModal #avatar-crop .cr-slider::-ms-thumb:hover{transform:scale(1.2)}
|
|
.AvatarEditable label{margin-left:auto;margin-right:auto;width:7.5rem;height:7.5rem;margin-bottom:2rem;display:flex !important;align-items:center;justify-content:center;background-color:var(--color-primary);border-radius:50%;color:#fff;font-size:3rem;cursor:pointer;position:relative;overflow:hidden;outline:none !important}.AvatarEditable label input{display:none}.AvatarEditable label img{position:absolute;top:0;left:0;width:100%;height:100%}.AvatarEditable label i{transform:scale(1);transition:transform .15s linear;z-index:var(--z-register-add-avatar)}.Transition>div:not(.Transition__slide--active) .AvatarEditable label input,.Transition>div:not(.Transition__slide--active) .AvatarEditable label i,.Transition>div:not(.Transition__slide--active) .AvatarEditable label::after{display:none !important}.Transition>div:not(.Transition__slide--active) .AvatarEditable label img{position:static !important}.AvatarEditable label:hover i{transform:scale(1.2)}.AvatarEditable label.filled{background-color:var(--color-background)}.AvatarEditable label.filled::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.AvatarEditable label.disabled{pointer-events:none}.AvatarEditable label.disabled i{display:none}.AvatarEditable label.disabled::after{display:none}
|
|
.C9QYXaRLeCEFngOBl4S3{position:absolute;width:100%;z-index:1}.C9QYXaRLeCEFngOBl4S3:has(.ListItem-context-menu){z-index:2}.vhGsRt79lQzzuXny9KG8{z-index:2}.vhGsRt79lQzzuXny9KG8>*:not(.oGgH1RraeCPayQnxA8C_){pointer-events:none}.oGgH1RraeCPayQnxA8C_{position:absolute;top:50%;width:2rem;height:2rem;color:var(--color-text-secondary);font-size:1.25rem;line-height:1.75;text-align:center;opacity:0;transition:opacity 150ms;cursor:grab !important;transform:translateY(-50%)}.C9QYXaRLeCEFngOBl4S3:hover .oGgH1RraeCPayQnxA8C_{opacity:1}.vhGsRt79lQzzuXny9KG8 .oGgH1RraeCPayQnxA8C_{opacity:1;cursor:grabbing !important}@media(pointer: coarse){.oGgH1RraeCPayQnxA8C_{opacity:1 !important;touch-action:none}}
|
|
.ShowMoreButton{color:var(--text-color) !important;display:flex;align-items:center;text-align:left;text-transform:none;padding-left:.75rem !important;opacity:1 !important}.ShowMoreButton i{font-size:1.5rem;margin-right:2rem;color:var(--color-text-secondary)}.ShowMoreButton .Spinner{top:.4375rem}
|
|
.SettingsFoldersChatsPicker{height:calc(100% - var(--header-height))}.SettingsFoldersChatsPicker .picker-header{box-shadow:0 0 2px var(--color-default-shadow)}.SettingsFoldersChatsPicker .picker-header .max-items-reached{margin-bottom:.5rem;margin-left:.5rem;flex-grow:1;color:var(--color-text-secondary)}.SettingsFoldersChatsPicker .picker-list{padding:0 .5rem .5rem}.SettingsFoldersChatsPicker .picker-list .no-results{height:10rem}.SettingsFoldersChatsPicker .ListItem.picker-list-item.chat-type-item .ListItem-button{padding:.875rem .75rem}.SettingsFoldersChatsPicker .ListItem.picker-list-item.chat-item .ListItem-button{padding:.5rem .75rem}.SettingsFoldersChatsPicker .ListItem.picker-list-item .Checkbox{margin-left:auto;padding-left:3.25rem}.SettingsFoldersChatsPicker .ListItem.picker-list-item .chat-type{font-size:1rem;font-weight:400;margin:0}.SettingsFoldersChatsPicker .ListItem.picker-list-item[dir=rtl] .Checkbox{margin-left:0;margin-right:auto;padding-left:0;padding-right:3.25rem}.SettingsFoldersChatsPicker .settings-item-header{margin-left:.75rem;margin-top:1rem;margin-bottom:.5rem}.SettingsFoldersChatsPicker .picker-list-divider{margin:.5rem -0.5rem 0;border-bottom:1px solid var(--color-borders)}
|
|
.settings-folders-recommended-item{width:100%;display:flex;align-items:center;justify-content:space-between}.settings-folders-blocked-icon{color:var(--color-text-secondary);margin-left:.25rem}.settings-folders-list-item .ChatInfo{display:flex;align-items:center}.settings-folders-list-item .ChatInfo .Avatar{margin-left:-0.25rem;margin-right:1.5rem}.settings-folders-list-item .ChatInfo .title{display:flex;justify-content:flex-start;align-items:center}.settings-folders-list-item .ChatInfo .title h3{font-size:1rem;font-weight:500;line-height:1.3125;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.settings-folders-list-item .ChatInfo .status{display:none}.settings-folders-list-item .ChatInfo[dir=rtl] .title h3{text-align:right}.settings-folders-list-item .ListItem-button i{opacity:.9}.settings-folders-list-item.color-primary .ListItem-button{color:var(--color-primary)}.settings-folders-list-item.color-primary .ListItem-button i{opacity:1;color:inherit}.settings-folders-list-item[dir=rtl] .Avatar{margin-left:1.5rem;margin-right:-0.25rem}.settings-item .ShowMoreButton{margin:0 -1rem;width:calc(100% + 2rem);padding-left:1rem !important}.settings-sortable-container{position:relative}.settings-sortable-container .draggable-knob{margin-top:-0.25rem}.settings-sortable-item .multiline-item{padding-inline-end:3rem}
|
|
.settings-item .SettingsStickerSet.ListItem{margin-bottom:.5rem}.SettingsStickerSet .StickerButton,.SettingsStickerSet .Button{width:3rem;height:3rem;margin:0 .5rem 0 0;padding:0;flex:0 0 3rem}.SettingsStickerSet img{max-width:100%;max-height:100%}.SettingsStickerSet .multiline-menu-item{display:flex;flex-direction:column;justify-content:center}.SettingsStickerSet[dir=rtl] .StickerButton,.SettingsStickerSet[dir=rtl] .Button{margin:0 0 0 .5rem}
|
|
.WallpaperTile{height:0;padding-bottom:100%;cursor:pointer;position:relative}.WallpaperTile .media-inner,.WallpaperTile::after{position:absolute;left:0;top:0;width:100%;height:100%}.WallpaperTile .media-inner{overflow:hidden;transform:scale(1);transition:transform .15s ease}.WallpaperTile .media-inner img,.WallpaperTile .media-inner canvas{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.WallpaperTile::after{content:"";display:block;border:2px solid var(--color-primary);opacity:0;transition:opacity .15s ease}.WallpaperTile.selected::after{opacity:1}.WallpaperTile.selected .media-inner{transform:scale(0.9)}.WallpaperTile .spinner-container{height:100%;display:flex;align-items:center;justify-content:center}
|
|
.SettingsGeneralBackground .settings-wallpapers{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.0625rem;background-color:var(--color-background);box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent)}.SettingsGeneralBackground .Loading{height:auto !important;margin-top:5rem}
|
|
.SettingsGeneralBackgroundColor:not(.is-dragging) .handle{transition:transform 300ms ease}.SettingsGeneralBackgroundColor .color-picker,.SettingsGeneralBackgroundColor .hue-picker{position:relative}.SettingsGeneralBackgroundColor .color-picker{margin-top:1rem;height:12rem}.SettingsGeneralBackgroundColor .hue-picker{margin:2rem 0;height:.5rem}.SettingsGeneralBackgroundColor canvas{display:block;width:100%;height:100%;border-radius:var(--border-radius-default);cursor:pointer}.SettingsGeneralBackgroundColor .handle{position:absolute;top:-0.75rem;left:-0.75rem;width:1.5rem;height:1.5rem;border:.125rem solid var(--color-white);border-radius:.75rem;cursor:grab}.SettingsGeneralBackgroundColor .hue-picker .handle{top:-0.5rem}.SettingsGeneralBackgroundColor .tools{margin-bottom:.625rem;display:flex}.SettingsGeneralBackgroundColor .tools .input-group{margin-bottom:0}.SettingsGeneralBackgroundColor .tools .input-group[dir=rtl] label{transform:scale(0.75) translate(1.25rem, -2.25rem)}.SettingsGeneralBackgroundColor .tools .input-group:first-child{margin-right:.5rem}.SettingsGeneralBackgroundColor .tools .input-group:last-child{margin-left:.5rem}.SettingsGeneralBackgroundColor .predefined-colors{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.0625rem;background-color:var(--color-background);box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent)}.SettingsGeneralBackgroundColor .predefined-colors div{cursor:pointer;box-shadow:inset 0 0 0 0 var(--color-background);transition:box-shadow 300ms ease}.SettingsGeneralBackgroundColor .predefined-colors div.active{border:.125rem solid var(--color-primary);box-shadow:inset 0 0 0 .3125rem var(--color-background)}.SettingsGeneralBackgroundColor .predefined-colors div:before{display:block;content:"";width:100%;padding-top:100%;pointer-events:none}
|
|
.P9I8aybVU7NyFiMWiyU2 .modal-dialog{max-width:28rem}.a633Zas_0v2MAAY277vj{width:5rem;height:5rem;background-repeat:no-repeat;background-size:5rem;margin:0 auto 1rem}.GUI0ogXbRdxQ2RGy8fGv{background-image:url(android.3fd8913fc3ab8c48d039.svg)}.emCcCPeQ7_9DHBonyO02{background-image:url(apple.7e61086d966b3fbd562b.svg)}.OMEQQMEIcjln7GIyfO3Q{background-image:url(brave.5fc67acc240df66c9f63.svg)}.XEQtza6nFt8ptPkvbi2w{background-image:url(chrome.e6f5deb578a9563ebc14.svg)}.iHueuVDDSF_BaK2Wa06i{background-image:url(edge.b03a02e7c8f76b0fe020.svg)}.KM9rrbhNSrNOW8roXGo_{background-image:url(firefox.d61f7f1396d1867cc631.svg)}.JzdHedSfMsVcaa8u4X6O{background-image:url(linux.17838dc8e5bf69eb8e53.svg)}.McukeiFuIkeZbxMNzQKK{background-image:url(opera.c97c326dee36ae4426e1.svg)}.XGWuju_22haQw0Qraor7{background-image:url(safari.38e22a99575c5e8cc9cd.svg)}.ZZGcTr3P3RJrOwOwFX6r{background-image:url(samsung.cb5a46b8b3d340424c5f.svg)}.OPtbMfpfiWN3dxilMOPX{background-image:url(ubuntu.75a406b40e691fa18b17.svg)}.xoc1kuf1XAKh_dhO758U{background-image:url(unknown.fa5280d9b0d1a0bd6402.svg)}.Y25gBvz9xzZicoJgQf8Y{background-image:url(vivaldi.5d1833ca4b2f2b087a42.svg)}.dKbtoO2xjdhL8W2mqyxr{background-image:url(windows.3ec278d6200e130e0b42.svg)}.FhLv8AIUHzsoTX8b0zdA{background-image:url(xbox.0c4b680a881da0b245bc.svg)}.b9iUjEhCpOrQ4dPhn2KU{text-align:center;margin-bottom:.25rem}.hTTCWbngkwJoEwtGFD9o,.pUv5oVVNDZ5lBRzNzx3X{color:var(--color-text-secondary);font-size:.875rem;text-align:center}.e32uLjclYAYuxxW1CAex{background:var(--color-background-secondary);padding:1rem 1rem .5rem;border-radius:var(--border-radius-default);margin:1rem 0}.xwSMwr4aHsrRVIVInLEo{margin-top:1px}.tSrCe7E_Iom1nGuh2Gs3{margin-right:auto}.N0buK669iHOZ1hN_H7Ik{margin-right:-0.5rem}
|
|
.SettingsActiveSessions .icon-device{width:2rem;height:2rem;background-repeat:no-repeat;background-size:2rem;flex:0 0 2rem;margin-inline-end:1.5rem !important}.SettingsActiveSessions .icon-device-android{background-image:url(android.3fd8913fc3ab8c48d039.svg)}.SettingsActiveSessions .icon-device-apple{background-image:url(apple.7e61086d966b3fbd562b.svg)}.SettingsActiveSessions .icon-device-brave{background-image:url(brave.5fc67acc240df66c9f63.svg)}.SettingsActiveSessions .icon-device-chrome{background-image:url(chrome.e6f5deb578a9563ebc14.svg)}.SettingsActiveSessions .icon-device-edge{background-image:url(edge.b03a02e7c8f76b0fe020.svg)}.SettingsActiveSessions .icon-device-firefox{background-image:url(firefox.d61f7f1396d1867cc631.svg)}.SettingsActiveSessions .icon-device-linux{background-image:url(linux.17838dc8e5bf69eb8e53.svg)}.SettingsActiveSessions .icon-device-opera{background-image:url(opera.c97c326dee36ae4426e1.svg)}.SettingsActiveSessions .icon-device-safari{background-image:url(safari.38e22a99575c5e8cc9cd.svg)}.SettingsActiveSessions .icon-device-samsung{background-image:url(samsung.cb5a46b8b3d340424c5f.svg)}.SettingsActiveSessions .icon-device-ubuntu{background-image:url(ubuntu.75a406b40e691fa18b17.svg)}.SettingsActiveSessions .icon-device-unknown{background-image:url(unknown.fa5280d9b0d1a0bd6402.svg)}.SettingsActiveSessions .icon-device-vivaldi{background-image:url(vivaldi.5d1833ca4b2f2b087a42.svg)}.SettingsActiveSessions .icon-device-windows{background-image:url(windows.3ec278d6200e130e0b42.svg)}.SettingsActiveSessions .icon-device-xbox{background-image:url(xbox.0c4b680a881da0b245bc.svg)}
|
|
.OeRWKjYQC6t7Uxv8I3j0 .modal-dialog{max-width:28rem}.oy_023CG29VsnL9L5ulf{width:5rem;height:5rem;font-size:3.5rem;margin:0 auto 1rem;border-radius:1rem}.oy_023CG29VsnL9L5ulf .Avatar__media{border-radius:1rem}.bg8UD_Pu2JWogmjuvVXg{text-align:center;margin-bottom:.25rem}.TgiK64wG1hkOWSiXybQf,.n6IYAeXnJBCHqpqItrnY{color:var(--color-text-secondary);font-size:.875rem;text-align:center}.HSyJbRkyhkeT0s2QA4Ku{background:var(--color-background-secondary);padding:1rem 1rem .5rem;border-radius:var(--border-radius-default);margin:1rem 0}.AQX7GM28GeWO4b1bXTNK{margin-top:1px}._VJHBZTk5qdYimQAoCWe{margin-right:auto}.hlKLEbMQAsx572pUREy0{margin-right:-0.5rem}
|
|
.n3bBygyO4j5MQyJ70Twt{width:2rem;height:2rem;margin-inline-end:1.5rem;border-radius:.5rem}.n3bBygyO4j5MQyJ70Twt .Avatar__media{border-radius:.5rem}.vUICy6ZQCYFSrvvxXe7f{margin-top:.5rem !important;margin-bottom:0 !important}.subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
#monkey{position:relative;display:block;margin-left:auto;margin-right:auto;width:7.5rem;height:7.5rem;margin-bottom:1.75rem}@media(min-width: 600px)and (min-height: 450px){#monkey{width:10rem;height:10rem;margin-bottom:2.5rem}}#monkey.big{width:10rem;height:10rem}#monkey .AnimatedSticker{position:absolute;left:0;top:0;width:100%;height:100%}#monkey .AnimatedSticker.hidden{display:none}#monkey .monkey-preview{width:100%;height:100%;background:url(monkey.a3d5fcdc50b18dc55695.svg) center;background-size:100%}
|
|
#Settings{height:100%}#Settings>div{display:flex;flex-direction:column;overflow:hidden}#Settings .left-header{padding-right:.8125rem}.settings-main-header{display:flex;flex-grow:1;justify-content:space-between;align-items:center}.settings-more-menu .bubble{width:auto}.settings-more-menu .bubble .MenuItem button{padding-left:1rem !important;padding-right:2rem !important}.settings-content{border-top:1px solid var(--color-borders);background-color:var(--color-background-secondary);height:calc(100% - var(--header-height));overflow-y:auto}@supports(overflow-y: overlay){.settings-content{overflow-y:overlay;overflow-x:hidden}}.settings-content.no-border,.settings-content.two-fa,.settings-content.local-passcode,.settings-content.password-form{border-top:none}.settings-content.password-form .input-group.error label::first-letter{text-transform:uppercase}.settings-content.infinite-scroll{display:flex;flex-direction:column}.settings-content.infinite-scroll>.custom-scroll{flex:1 1 auto;height:auto}.settings-content #monkey{margin-top:.5rem;margin-bottom:1rem}.settings-content .AnimatedEmoji{margin-top:.5rem;margin-bottom:1.5rem}.settings-content-header{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem 1rem;text-align:center;background-color:var(--color-background);box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);margin-bottom:.625rem}.settings-content-header.no-border{margin-bottom:0;box-shadow:none}.settings-content-header .input-group{width:100%}.settings-content-icon{margin-bottom:2.5rem}.settings-main-menu-premium .PremiumIcon{margin-right:2rem}.settings-main-menu{padding:0 .5rem .75rem;background-color:var(--color-background)}.settings-main-menu>.ChatExtra{padding:0 .5rem .3125rem;margin:0 -0.5rem .625rem;box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);border-bottom:.625rem solid var(--color-background-secondary)}.settings-main-menu>.ChatExtra .ListItem.narrow{margin-bottom:.25rem}.settings-item{background-color:var(--color-background);padding:1.5rem 1.5rem 1rem;box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);margin-bottom:.625rem}.settings-item.no-border{margin-bottom:0;box-shadow:none}.settings-item-header{font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem;position:relative}.settings-item-header[dir=rtl]{text-align:right}.settings-item-slider{margin-top:2rem}.settings-item-description{font-size:.875rem;color:var(--color-text-secondary);margin-top:-0.5rem;margin-bottom:1.5rem}.settings-content.two-fa .settings-item-description,.settings-content.password-form .settings-item-description,.settings-content.local-passcode .settings-item-description{font-size:1rem}.settings-edit-profile .settings-item-description{margin-bottom:0;padding-bottom:1.5rem}.settings-item-description[dir=rtl]{text-align:right;unicode-bidi:plaintext}.settings-item-description-larger{font-size:1rem;line-height:1.3125rem;color:var(--color-text-secondary);margin-top:2rem;margin-bottom:.75rem}.settings-item-description-larger[dir=rtl]{text-align:right}.settings-item .ListItem{margin:0 -1rem 1rem}.settings-item .ListItem:last-child{margin-bottom:0}.settings-item .ListItem .multiline-menu-item{white-space:initial}.settings-item .ListItem .multiline-menu-item.full-size{width:100%;overflow:hidden}.settings-item .ListItem .multiline-menu-item .date{float:right;font-size:.75rem;margin-left:1rem;color:var(--color-text-secondary)}.settings-item .ListItem .multiline-menu-item .title,.settings-item .ListItem .multiline-menu-item .subtitle{display:block;text-align:left}.settings-item .ListItem .multiline-menu-item .title{line-height:1.25rem}.settings-item .ListItem .multiline-menu-item .subtitle{font-size:.875rem;line-height:1.5rem;color:var(--color-text-secondary)}.settings-item .ListItem .multiline-menu-item .subtitle+.subtitle{margin-top:-0.25rem}.settings-item .ListItem .multiline-menu-item .subtitle.black{color:var(--color-text)}.settings-item .ListItem .multiline-menu-item .subtitle.tight{line-height:1.3125rem;margin-bottom:.1875rem}.settings-item .ListItem.destructive .ListItem-button{color:var(--color-error)}.settings-item .ListItem.destructive .ListItem-button i{color:inherit}.settings-item .ListItem.blocked-list-item{margin-bottom:.5rem}.settings-item .ListItem.blocked-list-item .ListItem-button{align-items:center;text-align:left;padding:.5rem}.settings-item .ListItem.blocked-list-item .Avatar{width:3rem;height:3rem;margin-right:1rem}.settings-item .ListItem.blocked-list-item .contact-name{font-size:1rem;line-height:1rem;margin-bottom:.25rem;font-weight:500}.settings-item .ListItem.blocked-list-item .contact-phone{font-size:.875rem;line-height:1rem;color:var(--color-text-secondary)}.settings-item .ListItem[dir=rtl] .multiline-menu-item .title,.settings-item .ListItem[dir=rtl] .multiline-menu-item .subtitle{text-align:right}.settings-item .ListItem[dir=rtl] .multiline-menu-item .date{float:left;margin-left:0;margin-right:1rem}.settings-item .RangeSlider{margin-bottom:1.0625rem}.settings-item .Checkbox,.settings-item .radio-group{margin:0 -1rem .5rem}.settings-item .radio-group .Radio:last-child{margin-bottom:0}.settings-item .Radio+.Radio,.settings-item .Checkbox+.Checkbox{margin-top:2rem}.settings-item__current-value{margin-inline-start:auto;padding-inline-start:.5rem;font-size:.9375rem;color:var(--color-text-secondary)}.settings-fab-wrapper{height:calc(100% - var(--header-height));position:relative;overflow:hidden}.settings-fab-wrapper .settings-content{height:100%}.settings-fab-wrapper .FloatingActionButton{right:1.5rem}.settings-edit-profile{padding:0 1.5rem}.username-link{color:var(--color-links)}.settings-quick-reaction .Radio-main .label{display:flex;align-items:center}.settings-quick-reaction .ReactionStaticEmoji{margin-inline-end:1rem;width:1.5rem}.SettingsDefaultReaction .ReactionStaticEmoji{width:1.5rem;height:1.5rem;margin-inline-end:2rem}
|
|
.NewChat{height:100%;overflow:hidden;position:relative}.NewChat-inner{height:calc(100% - var(--header-height));overflow:hidden}.NewChat-inner.step-2{padding:0 1.25rem;display:flex;flex-direction:column}.NewChat-inner.step-2 .note,.NewChat-inner.step-2 .error{font-size:.875rem;line-height:1.25rem;margin:1.5rem .25rem}.NewChat-inner.step-2 .error{color:var(--color-error)}.NewChat-inner.step-2 .note{margin-top:-0.5625rem;color:var(--color-text-secondary)}.NewChat-inner.step-2 .chat-members-heading{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:1rem .25rem}.NewChat-inner.step-2 .chat-members-list{margin:0 -1.25rem;padding:0 1rem 1rem;overflow-x:hidden;flex-grow:1}
|
|
.ArchivedChats{height:100%;overflow:hidden}.ArchivedChats .chat-list{height:calc(100% - var(--header-height))}
|
|
.ReactionSelectorReaction{margin-left:.5rem;position:relative;min-width:2rem;min-height:2rem}.ReactionSelectorReaction:first-child{margin-left:0}.ReactionSelectorReaction__static{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(reaction-thumbs.055e95b0046e542feaa8.png);background-repeat:no-repeat;background-size:auto 100%}.ReactionSelectorReaction__static--premium{background-image:url(reaction-thumbs-premium.d3ad32eaac55bc8423e6.png)}.ReactionSelectorReaction .AnimatedSticker{position:absolute;top:0;left:0}.ReactionSelectorReaction--compact{min-width:1.5rem;min-height:1.5rem}
|
|
.ReactionSelector{position:absolute;height:3rem;background:var(--color-background);min-width:3rem;max-width:calc(100% + 5rem);z-index:100;border-radius:3rem;filter:drop-shadow(0 0.25rem 0.125rem var(--color-default-shadow));right:-3rem;top:-3.5rem}.ReactionSelector__bubble-big{border:.5rem solid var(--color-background);position:absolute;display:block;content:"";right:1.5rem;bottom:-0.5rem;width:1rem;height:1rem;border-top:0;border-left:0;border-right:0;border-radius:0 0 50% 50%;z-index:-1}.ReactionSelector__bubble-small{position:absolute;display:block;content:"";right:1.25rem;bottom:-1.25rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-background)}body.is-safari .ReactionSelector{filter:none;box-shadow:0 .25rem .125rem var(--color-default-shadow)}body.is-safari .ReactionSelector__bubble-small,body.is-safari .ReactionSelector__bubble-big{box-shadow:0 .25rem .125rem var(--color-default-shadow)}.ReactionSelector__items-wrapper{width:100%;height:100%;overflow:hidden;border-radius:3rem}.ReactionSelector__items{padding:0 1rem;width:100%;height:100%;overflow-x:auto;overflow:overlay;overflow-y:hidden;display:flex;cursor:pointer;align-items:center;border-radius:3rem}.ReactionSelector--compact{background:var(--color-background-compact-menu-reactions);height:2rem;top:-2.5rem}.ReactionSelector--compact .ReactionSelector__items{padding:0 .5rem}.ReactionSelector--compact .ReactionSelector__bubble-big{border-color:var(--color-background-compact-menu-reactions)}.ReactionSelector--compact .ReactionSelector__bubble-small{background:var(--color-background-compact-menu-reactions)}.ReactionSelector__blocked-button{width:2rem !important;height:2rem !important;margin-left:.5rem !important}.ReactionSelector--compact .ReactionSelector__blocked-button{width:1.5rem !important;height:1.5rem !important}.ReactionSelector--compact .ReactionSelector__blocked-button i{font-size:1.25rem}
|
|
.MessageContextMenu{position:absolute;font-size:1rem}.MessageContextMenu .scrollable-content{overflow:auto;overflow:overlay;padding:.5rem 0;overscroll-behavior:contain}.MessageContextMenu.compact .scrollable-content{padding:.25rem 0}.MessageContextMenu .bubble{transition:opacity .15s cubic-bezier(0.2, 0, 0.2, 1),transform .15s cubic-bezier(0.2, 0, 0.2, 1) !important;transform:scale(0.7);overflow:initial;padding:0 !important}.MessageContextMenu.with-reactions .bubble{margin-top:3.5rem}.MessageContextMenu .backdrop{touch-action:none}.MessageContextMenu--seen-by{max-width:14rem}.MessageContextMenu--seen-by-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.MessageContextMenu .avatars{display:flex;align-self:center;margin-inline-start:auto;padding-inline-start:1rem}.MessageContextMenu .avatars .Avatar{border:.0625rem solid var(--color-background);margin-right:0;box-sizing:content-box}.MessageContextMenu .avatars .Avatar:not(:first-child){margin-left:-0.1875rem}
|
|
.StickerSetModal .modal-dialog{width:26.25rem;max-width:100%}@media(max-width: 600px){.StickerSetModal .modal-dialog{width:18.875rem}}.StickerSetModal .modal-header{padding:.5rem 1rem}.StickerSetModal .modal-content{text-align:center;padding:0}.StickerSetModal .stickers{position:relative;width:100%;height:19rem;max-height:50vh;overflow-y:auto;padding:0 .25rem;text-align:left}.StickerSetModal .button-wrapper{padding:.5rem 0;border-top:1px solid var(--color-borders);box-shadow:0 0 2px var(--color-default-shadow)}.StickerSetModal .button-wrapper button{display:inline-block}.StickerSetModal .Loading{width:100%;height:22.8125rem;max-height:calc(50vh + 3.8125rem)}
|
|
.HeaderMenuContainer{position:fixed;top:0;left:0;right:0;height:100vh;z-index:var(--z-header-menu)}.HeaderMenuContainer .Menu{position:absolute;font-size:1rem}.HeaderMenuContainer .Menu .backdrop{z-index:var(--z-header-menu-backdrop)}.HeaderMenuContainer .Menu .bubble{z-index:var(--z-header-menu);--offset-y: calc(100% + 1rem)}
|
|
#MobileSearch>.header{position:absolute;top:0;left:0;z-index:var(--z-mobile-search);width:100%;height:3.5rem;background:var(--color-background);display:flex;align-items:center;padding-left:max(.25rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}#MobileSearch>.header>.SearchInput{margin-left:.25rem;flex:1}@supports not (padding-left: max(0.25rem, env(safe-area-inset-left))){#MobileSearch>.header{padding-left:.25rem;padding-right:.5rem}}#MobileSearch>.footer{position:absolute;bottom:0;left:0;z-index:var(--z-mobile-search);width:100%;height:3.5rem;background:var(--color-background);display:flex;align-items:center;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}body:not(.keyboard-visible) #MobileSearch>.footer{padding-bottom:env(safe-area-inset-bottom);height:calc(3.5rem + env(safe-area-inset-bottom))}@supports not (padding-left: max(1rem, env(safe-area-inset-left))){#MobileSearch>.footer{padding-left:1rem;padding-right:.5rem}body:not(.keyboard-visible) #MobileSearch>.footer{padding-bottom:0;height:3.5rem}}#MobileSearch>.footer>.counter{flex:1;color:var(--color-text-secondary)}#MobileSearch:not(.active) .header,#MobileSearch:not(.active) .footer{transform:translateX(-999rem)}
|
|
.MentionTooltip{width:calc(100% - 4rem);max-width:20rem;flex-direction:column;z-index:-1}@media(max-width: 600px){.MentionTooltip{width:calc(100% - 3rem)}}.MentionTooltip .ListItem.chat-item-clickable{margin:0}.MentionTooltip .ListItem.chat-item-clickable .ListItem-button{border-radius:0}.MentionTooltip .ListItem.chat-item-clickable .info{display:flex}.MentionTooltip .ListItem.chat-item-clickable .title{margin-inline-end:.625rem;max-width:70%}.MentionTooltip .ListItem.chat-item-clickable .handle{font-size:1rem}.MentionTooltip .ListItem.chat-item-clickable[dir=rtl] .status{width:auto}.MentionTooltip .ChatInfo .title h3{line-height:1.25}.MentionTooltip .ChatInfo .Avatar{margin-right:.7em}.MentionTooltip .ChatInfo .handle::before{content:"@"}.MentionTooltip .ChatInfo .user-status{display:none !important}
|
|
.AttachmentModal{--border-radius-default: 0.625rem}.AttachmentModal .modal-dialog{max-width:26.25rem}@media(max-width: 600px){.AttachmentModal .modal-dialog{max-height:100%;padding-bottom:1.5rem}}.AttachmentModal .modal-content{padding:.5rem 1.25rem 1.875rem;max-height:calc(100vh - 3.25rem)}@media(max-width: 600px){.AttachmentModal .modal-content{padding-bottom:.25rem}}.AttachmentModal .media-wrapper{max-height:26rem;overflow:auto;display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.AttachmentModal .media-wrapper video,.AttachmentModal .media-wrapper img{flex:1;width:calc(50% - .15rem);height:12rem;margin-bottom:.3125rem;border-radius:var(--border-radius-default);object-fit:cover}.AttachmentModal .media-wrapper video:only-child,.AttachmentModal .media-wrapper img:only-child{height:auto;max-height:25rem;margin-bottom:0}.AttachmentModal .media-wrapper video:nth-child(even),.AttachmentModal .media-wrapper img:nth-child(even){margin-left:.3125rem}.AttachmentModal .document-wrapper{max-height:25rem;overflow:auto;flex-shrink:0;display:flex;flex-direction:column;margin:.75rem 0 1.75rem}.AttachmentModal .document-wrapper .File:not(:last-child){margin-bottom:1.5rem}.AttachmentModal .document-wrapper .file-icon{cursor:default !important}.AttachmentModal .attachment-caption-wrapper{position:relative}.AttachmentModal .attachment-caption-wrapper .form-control{background:var(--color-background)}.AttachmentModal .attachment-caption-wrapper .MentionTooltip{right:0 !important;z-index:0}.AttachmentModal .drop-target{position:relative}.AttachmentModal .drop-target::before,.AttachmentModal .drop-target::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:var(--border-radius-default);pointer-events:none;opacity:0;transition:250ms opacity;z-index:1}.AttachmentModal .drop-target::before{background-image:var(--drag-target-border-hovered);background-color:var(--color-background)}.AttachmentModal .drop-target::after{content:attr(data-attach-description);display:flex;justify-content:center;align-items:center;color:var(--color-primary)}.AttachmentModal.hovered .drop-target::before{opacity:.95}.AttachmentModal.hovered .drop-target::after{opacity:1}.AttachmentModal.hovered .attachment-caption-wrapper,.AttachmentModal.hovered .document-wrapper,.AttachmentModal.hovered .media-wrapper,.AttachmentModal.hovered .form-control{pointer-events:none}.AttachmentModal.hovered .document-wrapper,.AttachmentModal.hovered .media-wrapper{border-radius:var(--border-radius-default)}.AttachmentModal--send-wrapper{position:relative}.AttachmentModal .CustomSendMenu{bottom:auto}.is-pointer-env .AttachmentModal .CustomSendMenu>.backdrop{width:100%;top:-2.25rem;bottom:auto;height:2.75rem}
|
|
.PollModal .modal-dialog{max-width:26.25rem;max-height:calc(100vh - 5rem)}.PollModal .modal-content{padding:.5rem 1.25rem 1.875rem;min-height:4.875rem}.PollModal .modal-header-condensed{margin-bottom:1rem}.PollModal .options-header{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:1.5rem .25rem}.PollModal .options-list{margin:1rem -0.75rem -0.5rem;padding:0 .75rem;border-top:1px solid var(--color-chat-hover);max-height:20rem;overflow:auto}.PollModal .options-list.overflown{padding:0 .4375rem .5rem .75rem}@media(max-width: 600px){.PollModal .options-list{overflow:hidden;max-height:none}.PollModal .options-list,.PollModal .options-list.overflown{padding:0 .75rem}}.PollModal .option-wrapper{position:relative}.PollModal .option-wrapper .form-control{padding-right:3rem}.PollModal .option-wrapper .option-remove-button{position:absolute;top:.3125rem;right:.3125rem}.PollModal .quiz-mode{margin-top:1.5rem}.PollModal .quiz-mode .options-header{margin-bottom:.5rem}.PollModal .quiz-mode .note{margin-top:.5rem}.PollModal .note{font-size:smaller;color:var(--color-text-secondary)}.PollModal .error{font-size:smaller;color:var(--color-error);margin:-1rem 0 1rem .25rem}.PollModal .input-group:last-child{margin-bottom:.5rem}
|
|
.EmojiButton{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:.125rem;border-radius:var(--border-radius-messages-small);cursor:pointer;font-size:1.75rem;line-height:2.5rem;background-color:rgba(0,0,0,0);transition:background-color .15s ease}.mac-os-fix .EmojiButton{line-height:inherit}.EmojiButton.focus,.EmojiButton:hover{background-color:var(--color-background-selected)}.EmojiButton>img{width:2rem;height:2rem}
|
|
.EmojiPicker{height:100%}.EmojiPicker-main{height:calc(100% - 3rem);overflow-y:auto;padding:.5rem}@media(max-width: 600px){.EmojiPicker-main{padding:.5rem .25rem}}.EmojiPicker-main .symbol-set-container{display:flex;flex-wrap:wrap}.EmojiPicker-header{height:3rem;border-bottom:1px solid var(--color-borders);display:flex;align-items:center;justify-content:space-around;box-shadow:0 0 2px var(--color-default-shadow)}@media(max-width: 600px){.EmojiPicker-header{overflow-x:auto;overflow-y:hidden;display:block;white-space:nowrap;padding:.4375rem 0;scrollbar-width:none;scrollbar-color:rgba(0,0,0,0)}.EmojiPicker-header::-webkit-scrollbar{height:0}.EmojiPicker-header::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.EmojiPicker-header .symbol-set-button{display:inline-flex;vertical-align:middle}.EmojiPicker-header::after{content:"";display:block;flex-shrink:0;width:1px;height:1rem}}
|
|
.StickerPicker{height:100%}.StickerPicker-main{position:relative;height:calc(100% - 3rem);overflow-y:auto;padding:.5rem}@media(max-width: 600px){.StickerPicker-main{padding:.5rem .25rem}}.StickerPicker-header{height:3rem;border-bottom:1px solid var(--color-borders);padding:.125rem 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;box-shadow:0 0 2px var(--color-default-shadow);scrollbar-width:none;scrollbar-color:rgba(0,0,0,0)}.StickerPicker-header::-webkit-scrollbar{height:0}.StickerPicker-header::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.StickerPicker-header::after{content:"";display:block;flex-shrink:0;width:1px;height:1rem}.StickerPicker-header .sticker-set-button{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center}.StickerPicker-header .sticker-set-button.StickerButton{background-size:2rem}.StickerPicker-header .sticker-set-button.StickerButton video,.StickerPicker-header .sticker-set-button.StickerButton img,.StickerPicker-header .sticker-set-button.StickerButton .AnimatedSticker{top:.375rem;left:.375rem;width:2rem;height:2rem}.StickerPicker-header .sticker-set-button .sticker-set-cover{width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.StickerPicker-header .sticker-set-button .sticker-set-cover video,.StickerPicker-header .sticker-set-button .sticker-set-cover img,.StickerPicker-header .sticker-set-button .sticker-set-cover .AnimatedSticker{width:100%;height:100%;position:absolute;top:0;left:0}.StickerPicker .symbol-set-container{width:25rem;line-height:0}@media(max-width: 600px){.StickerPicker .symbol-set-container{width:100%}}.StickerPicker .sticker-set-button{width:2.75rem !important;height:2.75rem;margin:0 .25rem;border-radius:var(--border-radius-messages-small)}
|
|
.GifButton{display:flex;align-items:center;justify-content:center;height:6.25rem;background-color:rgba(0,0,0,0);position:relative}.GifButton:hover .gif-unsave-button{opacity:.8}.GifButton:last-child{margin-bottom:1rem}.GifButton.vertical{grid-column-end:span 1}.GifButton.horizontal{grid-column-end:span 2}.GifButton.interactive{cursor:pointer}.GifButton .thumbnail{width:100%;height:100%;background:rgba(0,0,0,0) no-repeat center;background-size:cover !important}.GifButton .preview,.GifButton video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.GifButton .Spinner{position:absolute;pointer-events:none}.GifButton .gif-unsave-button{position:absolute;top:.25rem;right:.25rem;width:1rem;height:1rem;padding:.125rem;border-radius:.25rem;transition:.15s opacity ease-in-out;opacity:0;z-index:1}.GifButton .gif-unsave-button-icon{font-size:.75rem}.GifButton .gif-context-menu{position:absolute}.GifButton .gif-context-menu .bubble{width:auto}
|
|
.GifPicker{display:grid;grid-template-columns:repeat(6, 1fr);grid-auto-rows:6.25rem;grid-gap:.25rem;grid-auto-flow:dense;height:100%;overflow-y:auto;padding:.25rem}@supports(overflow: overlay){.GifPicker{overflow-y:overlay}}.GifPicker .Loading,.GifPicker .picker-disabled{grid-column:1/-1;height:var(--menu-height)}
|
|
.SymbolMenu.mobile-menu{position:fixed;left:0;right:0;bottom:0;background:var(--color-background);z-index:1;transition:transform var(--layer-transition);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);transform:translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height) + env(safe-area-inset-bottom)), 0)}.SymbolMenu.mobile-menu.open{transform:translate3d(0, 0, 0)}body.is-media-viewer-open .SymbolMenu.mobile-menu.open{transform:translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0)}@supports not (padding-right: env(safe-area-inset-right)){.SymbolMenu.mobile-menu{padding-right:0;padding-bottom:0;padding-left:0;transform:translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0)}}body.animation-level-0 .SymbolMenu.mobile-menu{transition:none}.SymbolMenu.mobile-menu.left-column-open{transform:translate3d(100vw, 0, 0) !important}.SymbolMenu-main{height:var(--symbol-menu-height);max-height:calc(100vh - var(--symbol-menu-footer-height) - env(safe-area-inset-bottom))}@supports not (max-height: calc(100vh - var(--symbol-menu-footer-height) - env(safe-area-inset-bottom))){.SymbolMenu-main{max-height:calc(100vh - var(--symbol-menu-footer-height))}}.SymbolMenu-footer{height:var(--symbol-menu-footer-height);border-top:1px solid var(--color-borders);display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px var(--color-default-shadow);position:relative}.SymbolMenu-footer .Button{flex-shrink:0;width:2.125rem !important;height:2.125rem;margin:0 .25rem;padding:0}.SymbolMenu-footer .Button.activated{pointer-events:none}.SymbolMenu-footer .Button.symbol-tab-button{margin:0 .75rem}.SymbolMenu-footer .Button.symbol-search-button{position:absolute;left:.25rem}.SymbolMenu-footer .Button.symbol-delete-button{position:absolute;right:.25rem}.SymbolMenu .Transition.slide{height:100%}.SymbolMenu .Transition.slide .Loading{height:var(--symbol-menu-height)}.is-pointer-env .SymbolMenu>.backdrop{position:absolute;top:-1rem;left:0;right:auto;width:3.5rem;height:4.5rem}.is-pointer-env .Button.bot-menu:not(.open)~.SymbolMenu>.backdrop,.is-pointer-env .Button.bot-commands~.SymbolMenu>.backdrop,.is-pointer-env .Button.send-as-button~.SymbolMenu>.backdrop{left:3rem;width:3.25rem}.is-pointer-env .Button.bot-menu.open~.SymbolMenu>.backdrop{left:calc(var(--bot-menu-text-width, 0) + 3rem)}.SymbolMenu .bubble{width:calc(var(--symbol-menu-width) + .25rem);padding:0;overflow:hidden}@supports(overflow: overlay){.SymbolMenu .bubble{width:var(--symbol-menu-width)}}.SymbolMenu .picker-disabled{height:var(--symbol-menu-height);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.SymbolMenu .symbol-close-button{display:none;position:absolute;right:max(.25rem,env(safe-area-inset-right));top:max(.25rem,env(safe-area-inset-top))}@supports not (right: max(0.25rem, env(safe-area-inset-right))){.SymbolMenu .symbol-close-button{right:.25rem;top:.25rem}}@media(orientation: landscape){.SymbolMenu .symbol-close-button{display:block}}.symbol-set{margin-bottom:1rem}.symbol-set-header{display:flex;align-items:center;color:rgba(var(--color-text-secondary-rgb), 0.75)}.symbol-set-name{font-size:1rem;line-height:1.6875rem;font-weight:500;margin:0;padding-left:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:initial;unicode-bidi:plaintext;flex-grow:1}.symbol-set-remove{font-size:1rem;cursor:pointer}.symbol-set-container{text-align:initial}.symbol-set-button{flex-shrink:0;width:2.125rem !important;height:2.125rem;margin:0 .25rem;padding:0}.Transition>div:not(.Transition__slide--active) .symbol-set{overflow:hidden}.symbol-set .symbol-set-container:not(.shown){display:block}.symbol-set .symbol-set-container.closing{transition:none}
|
|
.BotCommand{margin:0 !important}.BotCommand .ListItem-button{border-radius:0}.BotCommand .multiline-item{padding:0 1rem}.BotCommand .multiline-item .subtitle{padding-top:.25rem;line-height:1.3125}.BotCommand.with-avatar .multiline-item{padding:0;display:flex}.BotCommand.with-avatar .content-inner{flex:1}
|
|
.BotCommandTooltip{width:calc(100% - 4rem);max-width:26rem;flex-direction:column;z-index:-1}@media(max-width: 600px){.BotCommandTooltip{width:calc(100% - 3rem)}}
|
|
.BotCommandMenu .menu-container{width:calc(100% - 4rem);max-width:20rem;max-height:40vh;overflow:auto;flex-direction:column}@media(max-width: 600px){.BotCommandMenu .menu-container{width:calc(100% - 3rem)}}.is-pointer-env .BotCommandMenu>.backdrop{position:absolute;top:-1rem;left:0;right:auto;width:3.5rem;height:4.5rem}
|
|
.StickerTooltip{display:grid;grid-template-columns:repeat(auto-fill, minmax(5rem, 1fr));grid-auto-rows:auto;place-items:center}.StickerTooltip.hidden{display:none}
|
|
.CustomSendMenu{position:relative;bottom:3.5rem}.is-pointer-env .CustomSendMenu>.backdrop{position:absolute;top:-1rem;left:auto;right:0;width:3.5rem}.CustomSendMenu .media-disabled>button{white-space:normal}.CustomSendMenu .bubble{width:16rem}
|
|
.EmojiTooltip{display:flex;padding-left:.25rem;overflow-x:auto;overflow-y:hidden}@supports(overflow-x: overlay){.EmojiTooltip{overflow-x:overlay}}.EmojiTooltip .EmojiButton{flex:0 0 2.5rem}
|
|
.BaseResult.chat-item-clickable>.ListItem-button{padding-left:1.25rem !important;padding-right:1.25rem !important}.BaseResult.chat-item-clickable>.ListItem-button .title{display:block;text-overflow:ellipsis}.BaseResult .thumb{background-color:var(--color-background-secondary);flex:0 0 3rem;width:3rem;height:3rem;line-height:3rem;border-radius:var(--border-radius-default-tiny);display:inline-flex;align-content:center;justify-content:center;margin-inline-end:.5rem;overflow:hidden;font-size:1.5rem}.BaseResult .thumb img:not(.emoji){width:100%;object-fit:cover}.BaseResult .thumb img.emoji{width:1.5rem;height:1.5rem;margin:.75rem 0 0}.BaseResult .content-inner{min-width:0}.BaseResult .title{font-weight:500;text-align:left;unicode-bidi:plaintext}.BaseResult .description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left;unicode-bidi:plaintext}.BaseResult[dir=rtl] .title,.BaseResult[dir=rtl] .description{text-align:right}
|
|
.MediaResult{height:0;padding-bottom:100%;overflow:hidden;position:relative;cursor:pointer}.MediaResult img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
|
|
.InlineBotTooltip .switch-pm .title{margin:0 auto;font-weight:500}.InlineBotTooltip.gallery{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:1px;padding:0}@media(max-width: 600px){.InlineBotTooltip.gallery{grid-template-columns:repeat(3, 1fr)}}.InlineBotTooltip.gallery .switch-pm{grid-column:1/-1}.InlineBotTooltip.gallery .switch-pm .ListItem-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.InlineBotTooltip.gallery .GifButton{grid-column-end:initial}.InlineBotTooltip.gallery .StickerButton{width:initial;height:0;margin:0;padding-bottom:100%;border-radius:0}.InlineBotTooltip.gallery .StickerButton .AnimatedSticker,.InlineBotTooltip.gallery .StickerButton img,.InlineBotTooltip.gallery .StickerButton canvas{position:absolute;top:0;left:0;width:100% !important;height:100% !important}@media(min-width: 600px){.InlineBotTooltip.gallery .StickerButton .AnimatedSticker,.InlineBotTooltip.gallery .StickerButton img,.InlineBotTooltip.gallery .StickerButton canvas{top:.25rem;left:.25rem;width:calc(100% - .5rem) !important;height:calc(100% - .5rem) !important}}
|
|
.SendAsMenu .send-as-title{font-weight:500;line-height:1.25rem;word-break:break-word;margin-inline-start:1rem;margin-block:.5rem}.SendAsMenu .menu-container{width:calc(100% - 4rem);max-width:20rem;max-height:40vh;overflow:auto;flex-direction:column}@media(max-width: 600px){.SendAsMenu .menu-container{width:calc(100% - 3rem)}}.is-pointer-env .SendAsMenu>.backdrop{z-index:2;position:absolute;top:-1rem;left:0;right:auto;width:3.5rem;height:4.5rem}.SendAsItem{margin:0 !important}.SendAsItem .Avatar.selected{margin-right:.75rem;position:relative;width:calc(2.125rem - 4px);height:calc(2.125rem - 4px)}.SendAsItem .Avatar.selected::before{display:block;content:"";position:absolute;top:-4px;left:-4px;border:2px solid var(--color-primary);width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%}.SendAsItem .ListItem-button{padding:.5625rem 1rem !important;border-radius:0;align-items:center}.SendAsItem .info{margin-inline-start:.5rem}.SendAsItem .subtitle{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.3125}
|
|
.RightSearch{height:100%;padding:0 .5rem;overflow-y:auto}.RightSearch .helper-text{padding:1rem;margin-bottom:.125rem;font-weight:500;color:var(--color-text-secondary);unicode-bidi:plaintext;text-align:initial}
|
|
.StickerSearch{height:100%;padding:0 .5rem;overflow-y:auto}.StickerSearch .helper-text{padding:1rem;margin-bottom:.125rem;font-weight:500;color:var(--color-text-secondary)}.StickerSearch .sticker-set{margin-bottom:1rem}.StickerSearch .sticker-set-header{display:flex;justify-content:space-between;padding:.5rem}.StickerSearch .sticker-set-header .title-wrapper{overflow:hidden}.StickerSearch .sticker-set-header .title{font-size:1rem;line-height:1.6875rem;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.StickerSearch .sticker-set-header .count{color:var(--color-text-secondary);margin:0}.StickerSearch .sticker-set-header .Button{flex-shrink:0;margin-left:1rem}.StickerSearch .sticker-set-header .Button.is-added{background:var(--color-chat-hover);color:var(--color-text-secondary)}.StickerSearch .sticker-set-header .Button.is-added:hover,.StickerSearch .sticker-set-header .Button.is-added:active{background:var(--color-item-active) !important}.StickerSearch .sticker-set-main{display:flex;flex-wrap:nowrap}.StickerSearch .sticker-set[dir=rtl] .title-wrapper{text-align:right}.StickerSearch .sticker-set[dir=rtl] .Button{margin-left:0;margin-right:1rem}.StickerSearch .StickerButton{margin:.125rem}
|
|
.GifSearch{height:100%;padding:.25rem}.GifSearch .gif-container{height:100%;overflow:auto}.GifSearch .gif-container.grid{display:grid;grid-template-columns:repeat(6, 1fr);grid-auto-rows:6.25rem;grid-gap:.25rem;grid-auto-flow:dense}.GifSearch .helper-text{color:var(--color-text-meta);margin-top:2rem;text-align:center}
|
|
.StatisticsOverview{padding:1rem .75rem;margin-bottom:1rem;border-bottom:1px solid var(--color-borders)}.StatisticsOverview__header{margin-bottom:.5rem;font-weight:500;display:flex;align-items:center;justify-content:space-between}.StatisticsOverview__title{margin-right:2em;font-size:16px;color:var(--text-color);line-height:30px;text-transform:lowercase}.StatisticsOverview__title:first-letter{text-transform:uppercase}.StatisticsOverview__caption{font-size:.75rem;text-align:right}.StatisticsOverview__table{width:100%}.StatisticsOverview__table-cell{width:50%}.StatisticsOverview__table-heading{font-size:.9375rem;color:var(--color-text-secondary)}.StatisticsOverview__table-value{font-weight:500;font-size:1rem}.StatisticsOverview__value{font-size:.6875rem;color:var(--color-text-green)}.StatisticsOverview__value.negative{color:var(--color-error)}
|
|
.StatisticsRecentMessage{position:relative;cursor:pointer;padding:.5rem .75rem}.StatisticsRecentMessage:hover,.StatisticsRecentMessage:active{background-color:var(--color-chat-hover)}.StatisticsRecentMessage--with-image{padding-left:3.5rem}.StatisticsRecentMessage__summary{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:.75rem}.StatisticsRecentMessage__summary .media-preview__image{width:2.5rem;height:2.5rem;position:absolute;left:.5rem;top:.5rem;object-fit:cover;border-radius:.25rem;margin-inline-end:.25rem}.StatisticsRecentMessage__summary .media-preview__image.round{border-radius:.625rem}.StatisticsRecentMessage__summary .icon-play{position:relative;display:inline-block;font-size:.75rem;color:#fff;margin-inline-start:-1.25rem;margin-inline-end:.5rem;bottom:.0625rem}.StatisticsRecentMessage__title{display:flex;align-items:center;line-height:1.25rem}.StatisticsRecentMessage__info{display:flex;align-items:center;width:100%;color:var(--color-text-meta)}.StatisticsRecentMessage__meta{font-size:.75rem}.StatisticsRecentMessage__date{flex:1;font-size:.8125rem}
|
|
.Statistics{height:100%;overflow-x:hidden;overflow-y:hidden}.Statistics__messages,.Statistics__public-forwards{padding:1rem 0;border-top:1px solid var(--color-borders)}.Statistics__messages-title,.Statistics__public-forwards-title{padding-left:.75rem;font-size:16px;color:var(--text-color);line-height:30px;text-transform:lowercase}.Statistics__messages-title:first-letter,.Statistics__public-forwards-title:first-letter{text-transform:uppercase}.Statistics.ready{overflow-y:scroll !important}.Statistics__graph{margin-bottom:1rem;border-bottom:1px solid var(--color-borders);opacity:1;transition:opacity .3s ease}.Statistics__graph:last-of-type{margin-bottom:0;border-bottom:none}.Statistics__graph.hidden{opacity:0;margin:0}.Statistics .lovely-chart--container{font:inherit !important;font-size:13px !important}.Statistics .lovely-chart--header{margin:0 .75rem}.Statistics .lovely-chart--header,.Statistics .lovely-chart--tooltip-title,.Statistics .lovely-chart--tooltip-dataset-value,.Statistics .lovely-chart--percentage-title{font-weight:500 !important}.Statistics .lovely-chart--container-type-pie.lovely-chart--state-zoomed-in>canvas{animation-name:pie-slim-in !important}.Statistics .lovely-chart--container-type-pie:not(.lovely-chart--state-zoomed-in)>canvas{animation-name:pie-slim-out !important}@keyframes pie-slim-in{0%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(-360deg)}25%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(-360deg)}75%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(0)}}@keyframes pie-slim-out{0%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(360deg)}50%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(0)}75%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(0)}}
|
|
.StatisticsPublicForward{position:relative;cursor:pointer;padding:.5rem .75rem;display:flex;align-items:center}.StatisticsPublicForward:hover,.StatisticsPublicForward:active{background-color:var(--color-chat-hover)}.StatisticsPublicForward .Avatar{flex-shrink:0;margin-right:.5rem}.StatisticsPublicForward__title{line-height:1.25rem}.StatisticsPublicForward__views{color:var(--color-text-meta);font-size:.8125rem}
|
|
.PollAnswerResults{border-bottom:1px solid var(--color-borders);padding:0 .5rem .625rem;display:flex;flex-direction:column-reverse}.PollAnswerResults .answer-head{display:flex;align-items:center;font-size:.9375rem;line-height:1.3125rem;font-weight:500;color:var(--color-text-secondary);padding:1rem .75rem .5rem 1rem;position:sticky;top:0;background:var(--color-background)}@media(max-width: 600px){.PollAnswerResults .answer-head{padding:.5rem .25rem .5rem .5rem}}.PollAnswerResults .answer-percent{margin-left:auto}.PollAnswerResults .answer-percent[dir=auto]{margin-left:0;margin-right:auto}.PollAnswerResults .poll-voters{padding:0 .75rem;position:relative;min-height:3rem}@media(max-width: 600px){.PollAnswerResults .poll-voters{padding:0 .25rem}}.PollAnswerResults .poll-voters .Spinner{--spinner-size: 1.25rem}.PollAnswerResults .chat-item-clickable .ChatInfo .Avatar.size-tiny{margin-right:1.75rem}.PollAnswerResults .chat-item-clickable[dir=rtl] .ChatInfo .Avatar.size-tiny{margin-left:1.75rem;margin-right:0}.PollAnswerResults .ShowMoreButton{margin:.25rem 0 0 -0.5rem;width:calc(100% + 1rem)}.PollAnswerResults .ShowMoreButton[dir=rtl] .icon-down{margin-left:2rem;margin-right:0}.PollAnswerResults .icon-down{vertical-align:middle;margin-right:2rem;font-size:1.5rem}
|
|
.PollResults{height:100%;position:relative;display:flex;flex-direction:column;pointer-events:auto}.PollResults>.Loading{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.75)}.PollResults .poll-question{padding:.75rem 1.5rem;flex-shrink:0;font-size:1.25rem}@media(max-width: 600px){.PollResults .poll-question{padding:0 1rem}}.PollResults .poll-results-list{border-top:1px solid var(--color-borders);flex-grow:1;overflow:auto}
|
|
.Management{position:relative;height:100%;background-color:var(--color-background-secondary)}.Management>.custom-scroll{height:100%;overflow-y:scroll;overflow-x:hidden}.Management .section{padding:1rem 1.5rem;background-color:var(--color-background);box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);margin-bottom:.625rem}.Management .section.wide{padding:1.5rem}.Management .section:first-of-type{padding-top:1rem}.Management .section.no-border{border-top:none}.Management .section>.ChatInfo{margin:0 0 2rem !important}.Management .section>.ChatInfo .title h3{margin-bottom:0}.Management .section .section-icon{margin:0 auto 2rem}.Management .section .ListItem{margin:0 -0.75rem}.Management .section .ListItem .Reaction{display:flex;align-items:center}.Management .section .ListItem .ReactionStaticEmoji{width:1.5rem;margin-right:1rem}.Management .section .ListItem:last-child{margin-bottom:0}.Management .section .ListItem .multiline-item .subtitle{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Management .section .ListItem:not(.picker-list-item) .Checkbox{margin-top:2rem;margin-bottom:2rem}.Management .section .ListItem.narrow .Checkbox{margin-top:1rem;margin-bottom:1rem}.Management .section .ListItem.exceptions-member .ChatInfo .status{white-space:pre-wrap}.Management .section .section-heading{font-weight:500;font-size:.9375rem;color:var(--color-text-secondary)}.Management .section .section-heading[dir=auto]{text-align:initial}.Management .section .section-help{color:var(--color-text-secondary);line-height:1.375rem}.Management .section .section-help[dir=auto]{text-align:initial}.Management .section .section-info{color:var(--color-text-secondary);font-size:.875rem}.Management .section[dir=rtl]{text-align:right}.Management textarea.form-control{height:auto}.Management .group-link{color:var(--color-text)}.Management .radio-group{margin-top:2rem}.Management .radio-group .Radio{padding-left:3.5rem;margin-bottom:2rem}.Management .radio-group .Radio:last-child{margin-bottom:.625rem}.Management .radio-group .Radio-main::before{left:.125rem;top:.25rem;transform:none}.Management .radio-group .Radio-main::after{left:.4375rem;top:.5625rem;transform:none}.Management__filter{padding:0 1rem .25rem .75rem;background-color:var(--color-background);box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);margin-bottom:.625rem;display:flex;flex-flow:row wrap;flex-shrink:0;overflow-y:auto;max-height:20rem}.Management__filter .input-group{margin-bottom:.5rem;margin-left:.5rem;flex-grow:1}.Management__filter .form-control{height:2rem;border:none;border-radius:0;padding:0;box-shadow:none}.Management .Spinner{margin:2rem auto}.ManageGroupMembers{padding:.5rem 1rem}.ManageInvites .primary-link{position:relative}.ManageInvites .primary-link-input{cursor:pointer;margin-bottom:1rem;padding-right:3rem}.ManageInvites .primary-link-more-menu{position:absolute;right:.5rem;top:50%;transform:translate(0, -50%);z-index:1}.ManageInvites .create-link{margin-bottom:.5rem}.ManageInvites .ListItem-button{align-items:center}.ManageInvites .link-status-icon{display:block;aspect-ratio:1;border-radius:50%;padding:.5rem;position:static !important;color:#fff !important;margin-right:1rem !important}.ManageInvites .link-status-icon-gray{background-color:#707579}.ManageInvites .link-status-icon-green{background-color:#4fae4e}.ManageInvites .link-status-icon-red{background-color:#e17076}.ManageInvites .link-status-icon-blue{background-color:#3390ec}.ManageInvites .invite-title{white-space:nowrap}.ManageInvite .link-name{margin-bottom:1rem}.ManageInvite .expire-limit{margin-top:1rem}.ManageInvite .usage-limit{margin-top:1rem;-moz-appearance:textfield}.ManageInvite .usage-limit::-webkit-outer-spin-button,.ManageInvite .usage-limit::-webkit-inner-spin-button{-webkit-appearance:none}.ManageInvite .custom-scroll{padding-bottom:4rem}.ManageInviteInfo .copy-link{margin-top:1rem;margin-bottom:1rem}.ManageInviteInfo .link-title{text-align:center}.ManageJoinRequests .bulk-actions{display:flex;justify-content:space-around}.ManageJoinRequests .bulk-action-button{width:auto;height:auto}.ManageInvite .hint,.ManageInvites .hint{font-size:.875rem;margin-bottom:0;margin-top:.5rem}
|
|
.JoinRequest{display:flex;flex-direction:column;padding:1rem 0}.JoinRequest:not(:last-child){border-bottom:1px solid var(--color-borders)}.JoinRequest__top{display:flex;cursor:pointer;padding:.5rem;border-radius:.5rem}.JoinRequest__top:hover{background-color:var(--color-chat-hover)}.JoinRequest__user{display:flex;flex-grow:1;min-width:0;overflow:hidden}.JoinRequest__user-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;margin-left:1rem}.JoinRequest__user-subtitle{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.JoinRequest__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.JoinRequest__date{color:var(--color-text-secondary);font-size:.875rem;margin-left:1rem;white-space:nowrap}.JoinRequest__buttons{display:flex;justify-content:space-evenly;margin-top:1rem;gap:.5rem}.JoinRequest__button{width:auto;height:auto}
|
|
.ShippingInfo{padding:.5rem 1rem}.ShippingInfo h5{font-size:.875rem;color:var(--color-text-secondary);margin:1rem 0 1.25rem}
|
|
.Shipping{padding:.5rem 1rem}.Shipping form p{color:var(--color-text-secondary);font-weight:500;margin:.5rem 0 2rem}.Shipping form .Radio{margin-bottom:2rem}
|
|
.SM3T4awhZJvKn_c8aRuY{padding:.75rem 0 .5rem}.RWoBZem6PCNMF5hu6Shs{display:flex;flex-direction:row;align-items:flex-start;margin:0 1rem}.prUKJGh6W9LIyjSnRbZc{height:6rem}@supports(aspect-ratio: 1){.prUKJGh6W9LIyjSnRbZc{margin:.25rem .75rem 0 0;min-width:0;width:100%;max-width:8rem;height:auto}}.xUG3uFeTiPPFkWHQELCc{min-width:0}.MO45Rkd2ksVxfzAONvQ6{font-size:1.125rem;line-height:1.25}.LqaZe1TRdNI17BEa1gcl{font-size:.8125rem;line-height:1.125rem;color:var(--color-text-secondary);word-break:break-word;margin-bottom:.25rem}.mz2vhtmYPNRaJbeUrXKA{margin:1rem}.Ct9Ine31cu5h7FCjtRWa{margin:1rem .5rem;display:flex;flex-direction:row;align-content:space-between;color:var(--color-text-secondary);font-weight:500}.JduVB3d3NxN9TybmxIgS{color:var(--color-text)}.O7d8G4OQ_yTJSHiHbgBR{display:flex;flex:1 auto}.MyMLGHhiEKOVIoG3aQTS{border-top:1px var(--color-borders) solid;padding:1rem}.gLWXe4qIIINtZ3q9CmIX{display:flex;padding:.75rem .5rem 1rem;text-align:left}.YqZr6__8x50n06_r2wD8{font-size:1.5rem;color:var(--color-text-secondary);margin-right:2rem;width:1.5rem}.hLVHJSaVspSZdzxNlBJk{background:no-repeat center;background-size:2rem;border-radius:1rem;height:1.5rem}.hLVHJSaVspSZdzxNlBJk.nrKVVKzRmr7s0TE15uG1{background-image:url(stripe-logo.c0c5683dcd30037389c3.png)}.hLVHJSaVspSZdzxNlBJk.oONvjFUTa5AbWvrbzbWn{background-image:url(smartglocal-logo.79242cc58c4b29e51f99.png)}.bkIqUpVUAY04wdT8fySX{font-size:1rem;line-height:1.4375rem;margin-bottom:0;font-weight:400;word-break:break-word;color:var(--color-text);text-transform:capitalize}.VAzhVfK6c1pUriepo4Ga{margin-bottom:0;font-size:.875rem;color:var(--color-text-secondary)}.WjrdCzbl3hROmSBGGnjy{padding-left:4rem}.WjrdCzbl3hROmSBGGnjy .Checkbox-main::before,.WjrdCzbl3hROmSBGGnjy .Checkbox-main::after{left:.6875rem}
|
|
.CardInput{position:relative}.CardInput .input-group.has-right-addon .form-control{padding-right:4rem}.CardInput .right-addon{position:absolute;top:.8125rem;right:1rem;z-index:8}.CardInput .right-addon img{max-width:2rem}
|
|
.PaymentInfo{padding:.5rem 1rem}.PaymentInfo h5{font-size:.875rem;color:var(--color-text-secondary);margin:1rem 0 1.25rem}.PaymentInfo .inline-inputs{display:flex;justify-content:space-between}.PaymentInfo .inline-inputs .input-group{flex:1 10rem;max-width:45%;display:flex}
|
|
.ConfirmPayment{display:flex;height:100%;border-bottom-left-radius:var(--border-radius-default-small);border-bottom-right-radius:var(--border-radius-default-small);overflow:hidden}.ConfirmPayment__content{width:100%;height:100%;border:none}
|
|
.PaymentModal.recurring .Transition{height:33rem;max-height:calc(90vh - 8.375rem)}.PaymentModal .modal-backdrop{pointer-events:none}.PaymentModal .header{position:relative;border-top-left-radius:var(--border-radius-default-small);border-top-right-radius:var(--border-radius-default-small);width:100%;padding:.25rem 1rem;display:flex;align-items:center;flex-direction:row;background:var(--color-background);border-bottom:1px var(--color-borders) solid}.PaymentModal .header h3{margin-bottom:0;margin-left:1.5rem;unicode-bidi:plaintext;text-align:initial}.PaymentModal .Transition{height:min(25rem,60vh)}.PaymentModal .empty-content{height:25rem;max-height:90%;display:flex;align-items:center;justify-content:center}.PaymentModal .receipt-content{height:25rem;overflow-y:auto}.PaymentModal .content{overflow:auto;width:100%;height:100%;position:relative}.PaymentModal .footer{position:relative;bottom:0;border-bottom-left-radius:var(--border-radius-default-small);border-bottom-right-radius:var(--border-radius-default-small);width:100%;padding:.75rem 1rem;background:var(--color-background);border-top:1px var(--color-borders) solid}.PaymentModal .footer button{text-transform:none;font-weight:500}.PaymentModal .modal-dialog{width:25rem}.PaymentModal .modal-content{padding:0;overflow:hidden}@media screen and (max-device-width: 640px)and (max-height: 640px)and (orientation: landscape){.PaymentModal .modal-dialog,.PaymentModal.recurring .modal-dialog{max-height:100%}.PaymentModal .Transition,.PaymentModal.recurring .Transition{height:10rem}}
|
|
|
|
/*# sourceMappingURL=BundleExtra.762d06bf06658c0af2e5.css.map*/ |