danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-27 04:45:08 +01:00
Code Issues Packages Projects Releases Wiki Activity
f2510d9b65
telegram-tt/dist/442.0be0fbe86c5e290e7672.css
Alexander Zinchuk 2ddca241e3 [Build]
2022-01-24 05:45:59 +01:00

72 lines
74 KiB
CSS
Raw Blame History

.MediaViewerActions{display:flex;margin-inline-start:auto;margin-inline-end:-0.375rem}.MediaViewerActions .Button{margin-inline-start:.25rem}.MediaViewerActions-mobile{position:relative;color:var(--color-text)}.MediaViewerActions-mobile .ProgressSpinner{position:absolute;top:0;left:0}
.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{padding-bottom:4.5rem;background:linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%)}.MediaViewerFooter.is-for-video{opacity:0;pointer-events:none}.video-controls-visible .MediaViewerFooter.is-for-video{opacity:1;pointer-events:all}}.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-top:.625rem;font-size:.875rem;background:linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%)}#MediaViewer.zoomed .VideoPlayerControls{display:none}@media(max-width: 600px){.VideoPlayerControls{position:fixed;padding:1.25rem .5rem .75rem;background:none;z-index:var(--z-media-viewer)}}.VideoPlayerControls.mobile .player-file-size{position:static;left:auto;transform:none;margin-left:auto}.VideoPlayerControls.mobile .fullscreen{margin-left:1rem}.VideoPlayerControls.mobile .player-time+.fullscreen{margin-left:auto}.VideoPlayerControls .Button{width:2.25rem;padding:0;margin:.25rem;height:1.75rem}@media(max-width: 600px){.VideoPlayerControls .Button{height:2.25rem}}.VideoPlayerControls .play i{line-height:1.5rem}.VideoPlayerControls .player-time{margin:0 1rem;white-space:nowrap}.VideoPlayerControls .fullscreen{margin-left:auto}@media(max-width: 600px){.VideoPlayerControls .fullscreen{margin-left:1rem}}.VideoPlayerControls .fullscreen i{line-height:1.75rem}@media(max-width: 600px){.VideoPlayerControls .fullscreen i{font-size:1.5rem}}@media(max-width: 600px){.VideoPlayerControls .player-time+.fullscreen{margin-left:auto}}.VideoPlayerControls .player-file-size{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 600px){.VideoPlayerControls .player-file-size{position:static;left:auto;transform:none;margin-left:auto;margin-right:1rem}.VideoPlayerControls .player-file-size+.fullscreen{margin-left:0}}.VideoPlayerControls .player-seekline{position:absolute;left:1rem;right:1rem;top:0;height:1rem;touch-action:none;cursor:pointer}.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{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%)}
.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)}}.has-footer .VideoPlayer video{max-height:calc(100vh - 15rem)}@media(max-height: 640px){.has-footer .VideoPlayer video{max-height:calc(100vh - 10rem)}}.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}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}
.pan-wrapper,.pan-container{position:relative;width:100%;height:100%}.pan-wrapper{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pan-container{transition:transform .2s ease-in}.pan-wrapper.move .pan-container{transition:none}.zoomed .pan-container{position:fixed;top:0;left:0}
.SenderInfo{display:flex;align-content:center;color:#fff;cursor:pointer;opacity:.5;transition:.15s opacity}.SenderInfo:hover{opacity:1}.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.45rem;font-weight:500;white-space:pre;overflow:hidden;text-overflow:ellipsis}.SenderInfo .date{line-height:1.25rem;font-size:.875rem;letter-spacing:-0.01rem}
.ZoomControls{position:absolute;bottom:1.25rem;left:50%;background:rgba(0,0,0,.5);border-radius:var(--border-radius-default);width:100%;height:3.375rem;max-width:274px;transform:translate3d(-50%, 0, 10px);transition:opacity .3s ease-in;pointer-events:none}.ZoomControls.open{z-index:var(--z-media-viewer);pointer-events:all}.ZoomControls .zoom-out,.ZoomControls .zoom-in{position:absolute;top:.4375rem;width:2.5rem;height:2.5rem;color:#fff}.ZoomControls .zoom-out i,.ZoomControls .zoom-in i{font-size:1.5rem}.ZoomControls .zoom-out{left:.5rem}.ZoomControls .zoom-in{right:.5rem}.ZoomControls .seekline{position:absolute;left:3.25rem;right:3.25rem;top:1.125rem;height:1rem}.ZoomControls .seekline-track{position:absolute;top:50%;left:-0.25rem;right:-0.25rem;height:2px;transform:translateY(-50%);background-color:rgba(255,255,255,.5);border-radius:var(--border-radius-default)}.ZoomControls .seekline-played,.ZoomControls .seekline-input{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-default)}.ZoomControls .seekline-played{background:#fff;transition:width 200ms}.ZoomControls .seekline-played::after{content:"";position:absolute;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--color-white);right:0;top:50%;transform:translate(0.325rem, -50%)}.ZoomControls .seekline-input{width:100%;height:1rem;top:-0.375rem;opacity:0;margin:0;padding:0;cursor:pointer;overflow:hidden}.ZoomControls .seekline-input::-webkit-slider-thumb{margin-top:-2rem}
#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>.Transition,body.ghost-animating #MediaViewer>button{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;padding:.5rem 1.25rem;position:relative;z-index:var(--z-media-viewer-head);min-width:0}#MediaViewer .media-viewer-head>.Transition{width:100%;min-width:0}@media(max-width: 600px){#MediaViewer .media-viewer-head{padding:.5rem}@supports(padding: 0 env(safe-area-inset-left)){#MediaViewer .media-viewer-head{padding:.5rem max(0.5rem, env(safe-area-inset-left))}}#MediaViewer .media-viewer-head .media-viewer-close{margin-right:1.5rem}}@supports(padding: 0.5rem env(safe-area-inset-left)){#MediaViewer .media-viewer-head{padding:.5rem max(1.25rem, env(safe-area-inset-left))}}#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;-moz-appearance:none;appearance:none;background:transparent 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{left:0;background-image:url(media_navigation_previous.11f3cfece8fead5a78e6..svg);background-position:1.25rem calc(50% - 2rem)}@supports(left: env(safe-area-inset-left)){#MediaViewer .navigation.prev{left:env(safe-area-inset-left)}}#MediaViewer .navigation.prev[dir=rtl]{left:auto;right:0;transform:scaleX(-1)}@supports(left: env(safe-area-inset-left)){#MediaViewer .navigation.prev[dir=rtl]{left:auto;right:env(safe-area-inset-right)}}#MediaViewer .navigation.next{right:0;background-image:url(media_navigation_next.3d6e264d21e73ad72573..svg);background-position:calc(100% - 1.25rem) calc(50% - 2rem)}@supports(left: env(safe-area-inset-left)){#MediaViewer .navigation.next{right:env(safe-area-inset-right)}}#MediaViewer .navigation.next[dir=rtl]{left:0;right:auto;transform:scaleX(-1)}@supports(left: env(safe-area-inset-left)){#MediaViewer .navigation.next[dir=rtl]{right:auto;left:env(safe-area-inset-left)}}#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:all}}.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%;-moz-user-select:none;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 1rem 1rem}.ChatOrUserPicker .no-results{height:100%;margin:0;padding:1rem 1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}@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)}
.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%}
.MessageSelectToolbar{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;width:auto;z-index:20;justify-content:center;margin:0;opacity:1}@supports(padding-bottom: env(safe-area-inset-bottom)){.MessageSelectToolbar{bottom:calc(0.5rem + env(safe-area-inset-bottom))}}.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-inner{transform:scaleX(1);transition:transform var(--select-transition),opacity var(--select-transition)}.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:32rem;width:100%;left:auto;right:auto}.MessageSelectToolbar-inner{width:100%;max-width:32rem;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}@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}.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 img{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);unicode-bidi:plaintext}.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,body.animating-right-column .AvatarEditable label input,body.animating-right-column .AvatarEditable label i,body.animating-right-column .AvatarEditable label::after{display:none !important}.Transition>div:not(.Transition__slide--active) .AvatarEditable label img,body.animating-right-column .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}
.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}.SettingsFoldersChatsPicker .picker-header .max-items-reached{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-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-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;padding:.5rem;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.25rem}.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;padding:.5rem;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.25rem}.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}
#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-size:100%;background:url(monkey.a3d5fcdc50b18dc55695..svg) center}
#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{background:var(--color-background);height:calc(100% - var(--header-height));overflow-y:auto}@supports(overflow-y: overlay){.settings-content{overflow-y:overlay;overflow-x:hidden}}.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}.settings-content-header .input-group{width:100%}.settings-content-icon{width:5rem;height:5rem;margin-bottom:2.5rem;position:relative}.settings-content-icon .AnimatedSticker{position:absolute;left:0;top:0;width:100%;height:100%}.settings-content-icon .AnimatedSticker.hidden{display:none}.settings-main-menu{padding:0 .5rem .75rem}.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{border-top:1px solid var(--color-borders);padding:1.5rem 1.5rem 1rem}.settings-item.no-border{border-top: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{font-size:1rem}.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%}.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-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}.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))}
.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{position:absolute;display:block;content:"";right:1.5rem;bottom:-0.5rem;width:1rem;height:1rem;border-radius:50%;background:var(--color-background);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)}.ReactionSelector body.is-safari .bubble-small,.ReactionSelector body.is-safari .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 .reaction{margin-left:.5rem;position:relative;min-width:2rem;min-height:2rem}.ReactionSelector .reaction:first-child{margin-left:0}.ReactionSelector .ReactionStaticEmoji{width:2rem;position:absolute;top:0;left:0;transform:scale(0.9)}.ReactionSelector .AnimatedSticker{position:absolute;top:0;left:0}
.MessageContextMenu{position:absolute;font-size:1rem}.MessageContextMenu .scrollable-content{overflow:auto;overflow:overlay;padding:.5rem 0;overscroll-behavior:contain}.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}.MessageContextMenu.with-reactions .bubble{margin-top:3.5rem}.MessageContextMenu .backdrop{touch-action:none}.MessageContextMenu .avatars{display:flex;align-self:center;margin-left:auto;padding-left: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:0 .5rem 0 .25rem}@supports(padding-left: env(safe-area-inset-left)){#MobileSearch>.header{padding-left:max(0.25rem, env(safe-area-inset-left));padding-right:max(0.5rem, env(safe-area-inset-right))}}#MobileSearch>.header>.SearchInput{margin-left:.25rem;flex:1}#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:1rem;padding-right:.5rem}@supports(padding-bottom: env(safe-area-inset-bottom)){#MobileSearch>.footer{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(0.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))}}#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% - 0.15rem);height:12rem;margin-bottom:.3rem;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:.3rem}.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{pointer-events:none}.AttachmentModal.hovered .document-wrapper,.AttachmentModal.hovered .media-wrapper{border-radius:var(--border-radius-default)}
.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 .4rem .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:transparent;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}.StickerPicker-header .sticker-set-button.StickerButton{background-size:2rem}.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 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:transparent;cursor:pointer;overflow:hidden;position:relative}.GifButton:last-child{margin-bottom:1rem}.GifButton.vertical{grid-column-end:span 1}.GifButton.horizontal{grid-column-end:span 2}.GifButton .thumbnail{width:100%;height:100%;background-size:cover !important;background:transparent no-repeat center}.GifButton .preview,.GifButton video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.GifButton .Spinner{position:absolute;pointer-events:none}
.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);transform:translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0);z-index:1;transition:transform var(--layer-transition)}@supports(padding-bottom: env(safe-area-inset-bottom)){.SymbolMenu.mobile-menu{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)}body.animation-level-0 .SymbolMenu.mobile-menu{transition:none}.SymbolMenu.mobile-menu:not(.middle-column-open){transform:translate3d(100vw, 0, 0) !important}.SymbolMenu-main{height:var(--symbol-menu-height);max-height:calc(100vh - var(--symbol-menu-footer-height))}@supports(padding-bottom: env(safe-area-inset-bottom)){.SymbolMenu-main{max-height:calc(100vh - var(--symbol-menu-footer-height) - env(safe-area-inset-bottom))}}.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-commands~.SymbolMenu>.backdrop,.is-pointer-env .Button.send-as-button~.SymbolMenu>.backdrop{left:3rem;width:3.25rem}.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:.25rem;top:.25rem}@supports(right: env(safe-area-inset-right)){.SymbolMenu .symbol-close-button{right:max(.25rem, env(safe-area-inset-right));top:max(.25rem, env(safe-area-inset-top))}}@media(orientation: landscape){.SymbolMenu .symbol-close-button{display:block}}.symbol-set{margin-bottom:1rem}.symbol-set-name{font-size:1rem;line-height:1.6875rem;font-weight:500;margin:0;padding-left:.5rem;color:rgba(var(--color-text-secondary-rgb), 0.75);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:initial;unicode-bidi:plaintext}.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,body.animating-right-column .symbol-set{overflow:hidden}.symbol-set .symbol-set-container:not(.shown){display:block}.symbol-set .symbol-set-container.closing{transition:none}
.AttachMenu{position:relative}.is-pointer-env .AttachMenu>.backdrop{position:absolute;top:-1rem;left:auto;right:0;width:3.5rem}.AttachMenu .media-disabled>button{white-space:normal}
.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{--border-radius-default: 0}.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;overflow:hidden}.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}
.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%}.Management>.custom-scroll{height:100%;overflow-y:scroll;overflow-x:hidden}.Management .section{padding:1rem 1.5rem;border-top:1px solid var(--color-borders)}.Management .section.wide{padding:1.5rem}.Management .section:first-of-type{border-top:none;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{width:8.75rem;height:8.75rem;margin:0 auto 2rem;position:relative}.Management .section .section-icon .AnimatedSticker{position:absolute;left:0;top:0;width:100%;height:100%}.Management .section .section-icon .AnimatedSticker.hidden{display:none}.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}.ManageGroupMembers{padding:.5rem 1rem}.ManageInvites .primary-link{position:relative}.ManageInvites .primary-link-input{cursor:pointer;margin-bottom:1rem}.ManageInvites .primary-link-more-menu{position:absolute;right:.5rem;top:50%;transform:translate(0, -50%);z-index:1}.ManageInvites .create-link{margin-bottom:.5rem}.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 .hint,.ManageInvites .hint{font-size:.875rem;margin-bottom:0;margin-top:.5rem}
.ShippingInfo{padding:.5rem 1rem}.ShippingInfo h5{font-size:.9rem;color:var(--color-text-secondary);margin:1rem 0 1.1rem}
.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}
.Checkout{padding:.5rem 0}.Checkout .description{display:flex;flex-direction:row;margin:0 1rem}.Checkout .description img{height:6rem;margin:.5rem}.Checkout .description .text h5{margin-top:.5rem;font-size:1.125rem}.Checkout .description .text p{font-size:.8rem;line-height:1rem;color:var(--color-text-secondary)}.Checkout .price-info{margin:1rem}.Checkout .price-info .price-info-item{margin:1rem .5rem;display:flex;flex-direction:row;align-content:space-between;color:var(--color-text-secondary);font-weight:500}.Checkout .price-info .price-info-item-main{color:var(--color-text)}.Checkout .price-info .price-info-item .title{display:flex;flex:1 auto}.Checkout .invoice-info{border-top:1px var(--color-borders) solid;padding:1rem}.Checkout .invoice-info .checkout-info-item{display:flex;padding:.75rem .5rem 1rem;text-align:left}.Checkout .invoice-info .checkout-info-item i{font-size:1.5rem;color:var(--color-text-secondary);margin-right:2rem;width:1.5rem}.Checkout .invoice-info .checkout-info-item i.stripe-provider{background:url(stripe-logo.c0c5683dcd30037389c3..png) no-repeat center;background-size:2rem;border-radius:1rem;height:1.5rem}.Checkout .invoice-info .checkout-info-item .info .title{font-size:1rem;line-height:1.4375rem;margin-bottom:0;font-weight:400;word-break:break-word;color:var(--color-text);text-transform:capitalize}.Checkout .invoice-info .checkout-info-item .info .data{margin-bottom:0;font-size:.875rem;color:var(--color-text-secondary)}
.CardInput{position:relative}.CardInput .input-group.has-left-addon .form-control{padding-left:4rem}.CardInput .left-addon{position:absolute;top:.8rem;left:1rem;z-index:8}.CardInput .left-addon img{max-width:2rem}
.PaymentInfo{padding:.5rem 1rem}.PaymentInfo h5{font-size:.9rem;color:var(--color-text-secondary);margin:1rem 0 1.1rem}.PaymentInfo .inline-inputs{display:flex;justify-content:space-between}.PaymentInfo .inline-inputs .input-group{flex:1 10rem;max-width:45%;display:flex}
.PaymentModal .modal-backdrop{pointer-events:none}.PaymentModal .header{position:relative;border-top-left-radius:10px;border-top-right-radius:10px;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:25rem}.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;border-bottom-left-radius:10px;border-bottom-right-radius:10px;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{max-height:100%}.PaymentModal .Transition{height:10rem}}
/*# sourceMappingURL=442.0be0fbe86c5e290e7672.css.map*/
Reference in New Issue View Git Blame Copy Permalink