mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-16 19:27:09 +01:00
1 line
63 KiB
CSS
1 line
63 KiB
CSS
.SenderInfo{display:flex;align-content:center;color:#fff;cursor:pointer;opacity:.5;transition:opacity .15s}.SenderInfo:hover{opacity:1}.SenderInfo .Avatar{margin-right:1rem}@media (max-width:600px){.SenderInfo .Avatar{display:none}}.SenderInfo .meta{display:flex;flex-direction:column;justify-content:center;max-width:100%}.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:-.01rem}.MediaViewerActions{display:flex;margin-left:auto;margin-right:-.375rem}.MediaViewerActions .Button{margin-left:.25rem}.MediaViewerActions-mobile{position:relative}.MediaViewerActions-mobile .ProgressSpinner{position:absolute;top:0;left:0}.MediaViewerFooter{position:absolute;bottom:0;padding:1rem 0;width:100%}#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(0deg,#000 0,transparent)}.MediaViewerFooter.hideable{opacity:0;pointer-events:none}.video-controls-visible .MediaViewerFooter.hideable{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 .media-text{margin-bottom:0;overflow:auto;padding:0 .5rem;text-align:center;color:hsla(0,0%,100%,.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:-.75rem;right:-.75rem;top:-.25rem;bottom:-.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:focus,.MediaViewerFooter a:hover{color:var(--color-links-hover)}.VideoPlayerControls{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:.625rem;font-size:.875rem;background:linear-gradient(0deg,#000 0,transparent)}#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}.VideoPlayerControls .player-seekline-track{position:absolute;top:50%;left:-.25rem;right:-.25rem;height:5px;transform:translateY(-50%);background-color:hsla(0,0%,100%,.16);border-radius:var(--border-radius-default)}.VideoPlayerControls .player-seekline-buffered,.VideoPlayerControls .player-seekline-input,.VideoPlayerControls .player-seekline-played{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-default)}.VideoPlayerControls .player-seekline-buffered{background-color:hsla(0,0%,100%,.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(.325rem,-50%)}.VideoPlayerControls .player-seekline-input{width:100%;opacity:0;margin:0;padding:0;cursor:pointer;overflow:hidden}.VideoPlayerControls .player-seekline-input::-webkit-slider-thumb{margin-top:-2rem}.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 .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}.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-in,.ZoomControls .zoom-out{position:absolute;top:.4375rem;width:2.5rem;height:2.5rem;color:#fff}.ZoomControls .zoom-in i,.ZoomControls .zoom-out 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:-.25rem;right:-.25rem;height:2px;transform:translateY(-50%);background-color:hsla(0,0%,100%,.5);border-radius:var(--border-radius-default)}.ZoomControls .seekline-input,.ZoomControls .seekline-played{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-default)}.ZoomControls .seekline-played{background:#fff;transition:width .2s}.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(.325rem,-50%)}.ZoomControls .seekline-input{width:100%;height:1rem;top:-.375rem;opacity:0;margin:0;padding:0;cursor:pointer;overflow:hidden}.ZoomControls .seekline-input::-webkit-slider-thumb{margin-top:-2rem}.pan-container,.pan-wrapper{position:relative;width:100%;height:100%}.pan-wrapper{cursor:move;-webkit-user-select:none;user-select:none}.pan-container{transition:transform .2s ease-in}.pan-wrapper.move .pan-container{transition:none}#MediaViewer,.zoomed .pan-container{position:fixed;top:0;left:0}#MediaViewer{width:100vw;height:100%;background:rgba(0,0,0,.9);color:#fff;z-index:var(--z-media-viewer);padding:.5rem 0;display:grid;grid-template-columns:auto;grid-template-rows:2.75rem 1fr;grid-column-gap:0;grid-row-gap:0;justify-items:stretch;align-items:center}#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 .closing .SenderInfo,#MediaViewer:not(.open) .SenderInfo{pointer-events:none;transition:none}#MediaViewer.zoomed .navigation{display:none}#MediaViewer.zoomed .media-viewer-head{z-index:2}#MediaViewer.zoomed .media-viewer-content{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:0 1.25rem;position:relative;z-index:var(--z-media-viewer-head)}#MediaViewer .media-viewer-head>.Transition{width:100%}@media (max-width:600px){#MediaViewer .media-viewer-head{padding:0 .5rem}#MediaViewer .media-viewer-head .media-viewer-close{margin-right:1.5rem}}#MediaViewer>.pan-wrapper,#MediaViewer>.Transition{grid-area:1/1/-1/-1}#MediaViewer>.pan-wrapper .Transition,#MediaViewer>.Transition{position:relative;justify-self:center;text-align:center;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}#MediaViewer .media-viewer-content{position:relative;z-index:1;padding:3.25rem 0;height:100%;display:inline-flex;justify-content:center;align-items:center}#MediaViewer .media-viewer-content.has-footer{padding:7rem 0}@media (min-width:600px){#MediaViewer .media-viewer-content.has-footer{min-width:600px}}@media (max-height:640px){#MediaViewer .media-viewer-content.has-footer{padding:4rem 0}}#MediaViewer .media-viewer-content.has-footer>img{max-height:calc(100vh - 15rem)}@media (max-height:640px){#MediaViewer .media-viewer-content.has-footer>img{max-height:calc(100vh - 10rem)}}#MediaViewer .media-viewer-content .thumbnail{position:relative}#MediaViewer .media-viewer-content .thumbnail img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#MediaViewer .media-viewer-content>img{max-width:100vw;max-height:calc(100vh - 8.25rem);object-fit:contain;transition:transform .2s}#MediaViewer .media-viewer-content .spinner-wrapper{max-width:100vw;margin:auto}#MediaViewer .media-viewer-content .Spinner{margin:auto}#MediaViewer .navigation{position:fixed;top:4rem;width:10vw;bottom:0;border:none;padding:0;margin:0;-webkit-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.11f3cfece8fead5a78e6349db2545210.svg);background-position:1.25rem calc(50% - 2rem)}#MediaViewer .navigation.next{right:0;background-image:url(media_navigation_next.3d6e264d21e73ad725738beb8e9dbbb8.svg);background-position:calc(100% - 1.25rem) calc(50% - 2rem)}#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%;user-select:none;-webkit-user-select:none;object-fit:cover}.ForwardPicker{z-index:var(--z-media-viewer)}.ForwardPicker .modal-dialog{height:70%;max-width:25rem}@media (max-width:600px){.ForwardPicker .modal-dialog{height:90%}}.ForwardPicker .modal-header{display:flex;align-items:center;padding:.25rem .5rem}.ForwardPicker .modal-header .Button{margin-right:.5rem}.ForwardPicker .modal-header .input-group{margin:0}.ForwardPicker .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}.ForwardPicker .modal-content{padding:0;overflow:hidden;display:flex;flex-direction:column}.ForwardPicker .modal-content .picker-list{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 1rem 1rem}.ForwardPicker .no-results{height:100%;margin:0;padding:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}#Errors{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 -.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}.mask-image-disabled .MessageSelectToolbar:before{left:auto!important;right:auto!important}.no-composer .MessageSelectToolbar{width:100%}@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 .messaging-disabled+.MessageSelectToolbar,.no-composer .unpin-button-container+.MessageSelectToolbar{top:auto}body.animation-level-0 .MessageSelectToolbar{transition:none!important}.MessageSelectToolbar:not(.shown){opacity:0;pointer-events:none}.MessageSelectToolbar:not(.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}@media (max-width:600px){.MessageSelectToolbar-count{margin-right:.5rem}}.MessageSelectToolbar-actions{margin-left:auto;display:flex}.MessageSelectToolbar-actions .MenuItem{border-radius:var(--border-radius-default);padding:.75rem 2rem .75rem 1rem}.MessageSelectToolbar-actions .MenuItem i{margin-right:1rem}@media (max-width:600px){.MessageSelectToolbar-actions .MenuItem{padding:.6875rem;border-radius:50%}.MessageSelectToolbar-actions .MenuItem i{margin-right:0}.MessageSelectToolbar-actions .MenuItem .item-text{display:none}}.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:transparent}.RecentContacts .top-peers::-webkit-scrollbar{height:0}.RecentContacts .top-peers::-webkit-scrollbar-thumb{background-color:transparent}.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-right:1px;vertical-align:-3px}.RecentContacts .recent-chats-header{display:flex;align-items:center}.RecentContacts .recent-chats-header .Button{margin-left:auto}.ChatMessage:first-child{margin-top:.5rem}.ChatMessage.selected .Avatar.online:after,.ChatMessage:hover .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 .media-preview{position:relative}.ChatMessage .info .message img{width:1.25rem;height:1.25rem;object-fit:cover;border-radius:.125rem;vertical-align:-.25rem;margin-right:.25rem}.ChatMessage .info .message .icon-play{font-size:.75rem;color:#fff;position:absolute;left:.25rem;top:.1875rem}.ChatMessage .info-row,.DateSuggest{display:flex;justify-content:space-between}.DateSuggest{height:2rem;flex-direction:row;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+.ListItem{margin-top:1.25rem}.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 .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 .duration span{padding:0 .25rem}.LeftSearch .Audio .ProgressSpinner{margin:-.1875rem 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-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 -.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{color:var(--color-links-hover)}.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:transparent}.LeftSearch .chat-selection>.PickerSelectedItem{flex:0 0 auto}.LeftSearch .chat-selection>.PickerSelectedItem:last-child{margin-right:auto}.LeftSearch .NothingFound{height:100%}.CropModal .modal-dialog{width:calc(100% - 2rem);max-width:35rem;height:calc(100% - 1rem);max-height:35rem;position:relative}.CropModal #avatar-crop,.CropModal .modal-content{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 hsla(0,0%,100%,.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(.active) .AvatarEditable label:after,.Transition>div:not(.active) .AvatarEditable label i,.Transition>div:not(.active) .AvatarEditable label input,body.animating-right-column .AvatarEditable label:after,body.animating-right-column .AvatarEditable label i,body.animating-right-column .AvatarEditable label input{display:none!important}.Transition>div:not(.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:after,.AvatarEditable label.disabled i{display:none}.FloatingActionButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}body.animation-level-0 .FloatingActionButton{transition:none!important}.FloatingActionButton.revealed{transform:translateY(0)}.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}.Picker{height:100%;display:flex;flex-direction:column;overflow:hidden}.Picker .picker-header{padding:0 1rem .25rem .75rem;border-bottom:1px solid var(--color-borders);display:flex;flex-flow:row wrap;flex-shrink:0;overflow-y:auto;max-height:20rem}.Picker .picker-header .input-group{margin-bottom:.5rem;margin-left:.5rem;flex-grow:1}.Picker .picker-header .form-control{height:2rem;border:none;border-radius:0;padding:0;box-shadow:none}.Picker .picker-list{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:.5rem}@media (max-width:600px){.Picker .picker-list{padding-left:0!important;padding-right:0!important}}.Picker .no-results{height:100%;margin:0;padding:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.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 .settings-item-header{margin-left:.75rem;margin-top:1rem;margin-bottom:.5rem}.SettingsFoldersChatsPicker .picker-list-divider{margin:.5rem -.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:-.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 .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-item .ShowMoreButton{margin:0 -1rem;width:calc(100% + 2rem);padding-left:1rem!important}.RangeSlider{--slider-color:var(--color-primary);margin-bottom:1rem}.RangeSlider.disabled{pointer-events:none;--slider-color:var(--color-text-secondary)}.RangeSlider .slider-top-row{display:flex;justify-content:space-between;margin-bottom:.625rem}.RangeSlider .slider-top-row .value{flex-shrink:0;margin-left:1rem;color:var(--color-text-secondary)}.RangeSlider .slider-main{position:relative;z-index:1}.RangeSlider .slider-main:before{content:"";background-color:var(--color-borders);opacity:.5;z-index:-1}.RangeSlider .slider-fill-track,.RangeSlider .slider-main:before{position:absolute;width:100%;left:0;top:.3125rem;height:.125rem;border-radius:.125rem}.RangeSlider .slider-fill-track{background-color:var(--slider-color);pointer-events:none}.RangeSlider input[type=range]{-webkit-appearance:none;display:block;width:100%;height:.75rem;margin-bottom:.5rem;background:transparent}.RangeSlider input[type=range]:focus{outline:none}.RangeSlider input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.RangeSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.RangeSlider input[type=range]::-moz-range-thumb{background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.RangeSlider input[type=range]::-ms-thumb{background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-ms-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-ms-thumb:hover{transform:scale(1.2)}.RangeSlider .slider-options{display:grid;grid-template-rows:auto;grid-auto-columns:1fr;grid-auto-flow:column}.RangeSlider .slider-option{font-size:.825rem;text-align:center;cursor:pointer;color:var(--color-text-secondary);transition:color .2s ease}.RangeSlider .slider-option.active,.RangeSlider .slider-option:hover{color:var(--color-text)}.RangeSlider .slider-option.active{font-weight:500}.RangeSlider .slider-option:first-child{text-align:left}.RangeSlider .slider-option:last-child{text-align:right}.StickerButton{display:inline-block;width:4rem;height:4rem;margin:.5rem;border-radius:var(--border-radius-messages-small);background:transparent no-repeat 50%;background-size:contain;cursor:pointer;transition:background-color .15s ease,opacity .3s ease!important;position:relative}@media (max-width:600px){.StickerButton{margin:.25rem}}.StickerButton.set-button{width:2.75rem!important;height:2.75rem;margin:0 .5rem}.StickerButton .AnimatedSticker,.StickerButton img{position:absolute;top:0;left:0;width:100%;height:100%}.StickerButton img{object-fit:contain}.StickerButton .sticker-unfave-button{position:absolute;top:-.5rem;right:-.5rem;width:1.25rem;height:1.25rem;padding:.125rem;opacity:0}.StickerButton .sticker-unfave-button i{font-size:1rem}.StickerButton:hover{background-color:var(--color-interactive-element-hover)}.StickerButton:hover .sticker-unfave-button{opacity:1}.settings-item .SettingsStickerSet.ListItem{margin-bottom:.5rem}.SettingsStickerSet .Button,.SettingsStickerSet .StickerButton{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}.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 canvas,.WallpaperTile .media-inner img{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(.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 .3s ease}.SettingsGeneralBackgroundColor .color-picker,.SettingsGeneralBackgroundColor .hue-picker{position:relative}.SettingsGeneralBackgroundColor .color-picker{margin-top:1rem;height:12rem;touch-action:none}.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:-.75rem;left:-.75rem;width:1.5rem;height:1.5rem;border:.125rem solid var(--color-white);border-radius:.75rem;cursor:grab}.SettingsGeneralBackgroundColor .hue-picker .handle{top:-.5rem}.SettingsGeneralBackgroundColor .tools{margin-bottom:.625rem;display:flex}.SettingsGeneralBackgroundColor .tools .input-group{margin-bottom:0}.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 .3s 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.a3d5fcdc50b18dc55695f7dd4101a8c9.svg) 50%}#Settings{height:100%}#Settings>div{display:flex;flex-direction:column;overflow:hidden}.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{height:calc(100% - var(--header-height));overflow-y:auto}.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 1rem}.settings-current-user{margin-bottom:1.125rem;text-align:center}.settings-current-user .Avatar{margin:0 auto 1.5rem}.settings-current-user .name{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:1.5rem;line-height:2rem;margin:0}.settings-current-user .name .VerifiedIcon{margin-left:.25rem;margin-top:.1rem}.settings-current-user .phone{font-size:.875rem;color:#868e96;margin:0}.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-description{font-size:.875rem;color:var(--color-text-secondary);margin-top:-.5rem;margin-bottom:1.5rem}.settings-content.two-fa .settings-item-description{font-size:1rem}.settings-item-description-larger{font-size:1rem;line-height:1.3125rem;color:var(--color-text-secondary);margin-top:2rem;margin-bottom:.75rem}.settings-item .ListItem{margin:0 -1rem 1rem}.settings-item .ListItem:last-child{margin-bottom:0}.settings-item .ListItem .multiline-menu-item{white-space:normal}.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 .subtitle,.settings-item .ListItem .multiline-menu-item .title{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:-.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 .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 .Checkbox+.Checkbox,.settings-item .Radio+.Radio{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)}.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 .error,.NewChat-inner.step-2 .note{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:-.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))}.MessageContextMenu{position:absolute;font-size:1rem}.MessageContextMenu .backdrop{position:absolute;touch-action:none}.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}#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}#MobileSearch>.footer>.counter{flex:1;color:var(--color-text-secondary)}#MobileSearch:not(.active) .footer,#MobileSearch:not(.active) .header{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-right:10px;max-width:70%}.MentionTooltip .ListItem.chat-item-clickable .handle{font-size:1rem}.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}.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 img,.AttachmentModal .media-wrapper video{flex:1;width:calc(50% - .15rem);height:12rem;margin-bottom:.3rem;border-radius:var(--border-radius-default);object-fit:cover}.AttachmentModal .media-wrapper img:only-child,.AttachmentModal .media-wrapper video:only-child{height:auto;max-height:25rem;margin-bottom:0}.AttachmentModal .media-wrapper img:nth-child(2n),.AttachmentModal .media-wrapper video:nth-child(2n){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:after,.AttachmentModal .drop-target:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:var(--border-radius-default);pointer-events:none;opacity:0;transition:opacity .25s;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 -.75rem -.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:initial;transition:background-color .15s ease}.mac-os-fix .EmojiButton{line-height:inherit}.EmojiButton.focus,.EmojiButton:hover{background-color:var(--color-interactive-element-hover)}.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-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:transparent}.EmojiPicker-header::-webkit-scrollbar{height:0}.EmojiPicker-header::-webkit-scrollbar-thumb{background-color:transparent}.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:transparent}.StickerPicker-header::-webkit-scrollbar{height:0}.StickerPicker-header::-webkit-scrollbar-thumb{background-color:transparent}.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 .AnimatedSticker,.StickerPicker-header .sticker-set-button.StickerButton img{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 .AnimatedSticker,.StickerPicker-header .sticker-set-button .sticker-set-cover img{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:initial;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{background-size:cover!important;background:transparent no-repeat 50%}.GifButton .thumbnail~video{position:absolute}.GifButton .thumbnail,.GifButton video{width:100%;height:100%;object-fit:cover}.GifButton:not(.shown){display:block!important;visibility:hidden}.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}.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)}.SymbolMenu.mobile-menu.open{transform:translateZ(0)}body.is-media-viewer-open .SymbolMenu.mobile-menu.open{transform:translate3d(0,calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)),0)}.SymbolMenu-main{width:var(--symbol-menu-width);height:var(--symbol-menu-height);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}.SymbolMenu .bubble{padding:0;width:var(--symbol-menu-width);overflow:hidden}.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}@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),.75);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;unicode-bidi:plaintext}.symbol-set-container,.symbol-set-name{text-align:initial}.symbol-set-button{flex-shrink:0;width:2.125rem!important;height:2.125rem;margin:0 .25rem;padding:0}.Transition>div:not(.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}.StickerTooltip{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));grid-auto-rows:auto;place-items:center}.StickerTooltip.hidden{display:none}.KeyboardMenu .bubble{width:100%!important;max-width:27rem;border-radius:var(--border-radius-default-small)}.KeyboardMenu .content{display:flex;flex-direction:column;padding:.1875rem .625rem;max-height:80vh;overflow:auto}@media (max-width:600px){.KeyboardMenu .content{max-height:75vh}}.KeyboardMenu .content .row{display:flex;flex-direction:row}.KeyboardMenu .content .row+.row{margin-top:.375rem}.KeyboardMenu .content .Button{flex:1;width:auto;height:auto;min-height:3.0625rem;border-radius:var(--border-radius-messages-small);border:2px solid var(--color-primary);background:var(--color-background);color:var(--color-primary);font-weight:500;text-transform:none}.KeyboardMenu .content .Button:hover{color:#fff;border-color:var(--color-primary-shade)}.KeyboardMenu .content .Button+.Button{margin-left:.375rem}.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-x:overlay;overflow-y:hidden}.EmojiTooltip .EmojiButton{flex:0 0 2.5rem}.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:active,.StickerSearch .sticker-set-header .Button.is-added:hover{background:var(--color-item-active)!important}.StickerSearch .sticker-set-main{display:flex;flex-wrap:nowrap;overflow:hidden}.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 .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 .ShowMoreButton{margin:.25rem 0 0 -.5rem;width:calc(100% + 1rem)}.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:hsla(0,0%,100%,.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 -.75rem}.Management .section .ListItem:last-child{margin-bottom:0}.Management .section .ListItem .multiline-item .subtitle{line-height:1.25rem}.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-help{color:var(--color-text-secondary);line-height:1.375rem}.Management .section .section-info{color:var(--color-text-secondary);font-size:.875rem}.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,.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 solid var(--color-borders);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.c0c5683dcd30037389c35a31040908ed.png) no-repeat 50%;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 solid var(--color-borders)}.PaymentModal .header h3{margin-bottom:0;margin-left:1.5rem}.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 solid var(--color-borders)}.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}} |