mirror of
https://github.com/danog/telegram-tt.git
synced 2024-11-27 12:55:11 +01:00
44 lines
129 KiB
CSS
44 lines
129 KiB
CSS
.connection-state-wrapper{position:absolute;top:0;left:0;width:100%;transition:transform 300ms ease,opacity 300ms ease;opacity:1}.connection-state-wrapper:not(.open){transform:translateY(-3rem);opacity:0}.connection-state-wrapper:not(.shown){display:none}#ConnectionStatusOverlay{height:2.9375rem;flex:0 0 auto;display:flex;align-items:center;margin:.375rem .5rem;padding:0 .75rem;background:var(--color-yellow);border-radius:var(--border-radius-default)}#ConnectionStatusOverlay.interactive{cursor:pointer}#ConnectionStatusOverlay>.Spinner{--spinner-size: 1.75rem}#ConnectionStatusOverlay>.state-text{flex:1;color:var(--color-text-lighter);font-size:.9375rem;font-weight:500;padding-bottom:.0625rem;margin-inline-start:1.875rem;white-space:nowrap}@media(max-width: 950px){#ConnectionStatusOverlay>.state-text{margin-inline-start:1.25rem}}#ConnectionStatusOverlay .Transition{width:100%;min-width:0}#ConnectionStatusOverlay .Transition>div{display:flex;align-items:center;width:100%}
|
|
#LeftMainHeader{position:relative}#LeftMainHeader .animated-menu-icon{position:absolute}#LeftMainHeader .animated-menu-icon,#LeftMainHeader .animated-menu-icon::before,#LeftMainHeader .animated-menu-icon::after{width:1.125rem;height:.125rem;border-radius:.125rem;background-color:var(--color-text-secondary);transition:transform .25s;transform:rotate(0)}#LeftMainHeader .animated-menu-icon::before,#LeftMainHeader .animated-menu-icon::after{position:absolute;left:0;content:""}#LeftMainHeader .animated-menu-icon::before{top:-0.3125rem}#LeftMainHeader .animated-menu-icon::after{top:.3125rem}#LeftMainHeader .animated-menu-icon.state-back{transform:rotate(180deg)}#LeftMainHeader .animated-menu-icon.state-back::before{transform:rotate(45deg) scaleX(0.75) translate(0.375rem, -0.1875rem)}#LeftMainHeader .animated-menu-icon.state-back::after{transform:rotate(-45deg) scaleX(0.75) translate(0.375rem, 0.1875rem)}#LeftMainHeader .animated-menu-icon.no-animation{transition:none}#LeftMainHeader .animated-menu-icon.no-animation::before,#LeftMainHeader .animated-menu-icon.no-animation::after{transition:none}#LeftMainHeader .archived-badge{min-width:1.5rem;height:1.5rem;margin-left:auto;background:var(--color-gray);border-radius:.75rem;padding:0 .4375rem;color:#fff;font-size:.875rem;line-height:1.5rem;font-weight:500;text-align:center;flex-shrink:0}#LeftMainHeader .MenuItem.compact .archived-badge{background:none;padding:0;color:var(--color-text-secondary)}#LeftMainHeader .MenuItem.compact .Switcher{transform:scale(0.75)}#LeftMainHeader [dir=rtl] .archived-badge{margin-left:0;margin-right:auto}#LeftMainHeader .Menu .bubble{min-width:17rem;max-height:calc(100*var(--vh) - 3.75rem);overflow-y:auto}@supports(overflow-y: overlay){#LeftMainHeader .Menu .bubble{overflow-y:overlay;overflow-x:hidden}}.Transition>div:not(.Transition__slide--active) #LeftMainHeader .Menu .bubble,body.animating-right-column #LeftMainHeader .Menu .bubble{transition:none !important}
|
|
.NewChatButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}body.animation-level-0 .NewChatButton{transform:none !important;opacity:0;transition:opacity .15s}body.animation-level-0 .NewChatButton.revealed{opacity:1}.NewChatButton.revealed{transform:translateY(0)}@media(max-width: 600px){.NewChatButton.revealed{transform:translate3d(0, 0, 0.625rem);transform-style:preserve-3d}}.NewChatButton>.Button .icon-new-chat-filled,.NewChatButton>.Button .icon-close{position:absolute}.NewChatButton>.Button:not(.active) .icon-new-chat-filled{animation:grow-icon .4s ease-out}.NewChatButton>.Button:not(.active) .icon-close{animation:hide-icon .4s forwards ease-out}.NewChatButton>.Button.active .icon-close{animation:grow-icon .4s ease-out}.NewChatButton>.Button.active .icon-new-chat-filled{animation:hide-icon .4s forwards ease-out}
|
|
#LeftColumn-main{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;z-index:1}#LeftColumn-main>.Transition{flex:1;overflow:hidden}#LeftColumn-main .ChatFolders{height:100%;display:flex;flex-direction:column;overflow:hidden}#LeftColumn-main .ChatFolders .tabs-placeholder{height:2.625rem;transition:height 150ms ease}#LeftColumn-main .ChatFolders .tabs-placeholder:not(.open){height:0}#LeftColumn-main .ChatFolders .TabList{justify-content:flex-start;padding-left:.5625rem;padding-bottom:1px;border-bottom:0;z-index:1}#LeftColumn-main .ChatFolders .Tab{flex:0 0 auto;padding-left:.625rem;padding-right:.625rem}#LeftColumn-main .ChatFolders .Tab>span{padding-left:.5rem;padding-right:.5rem}#LeftColumn-main .ChatFolders>.Transition{flex:1;overflow:hidden}#LeftColumn-main .RecentContacts,#LeftColumn-main .LeftSearch,#LeftColumn-main .search-content{height:100%;overflow-y:auto}#LeftColumn-main .btn-update{position:absolute;bottom:1rem;left:1rem;right:1rem;margin:0 auto}
|
|
#NewChat{height:100%}.left-header{height:var(--header-height);padding:.375rem 1rem .5rem .8125rem;display:flex;align-items:center;flex-shrink:0;background-color:var(--color-background)}.left-header h3{margin-bottom:0;font-size:1.25rem;font-weight:500;margin-left:1.375rem;margin-right:auto}.left-header .SearchInput{margin-left:.875rem;max-width:calc(100% - 3.25rem)}@media(max-width: 600px){.left-header .SearchInput{max-width:calc(100% - 3rem)}}@media(max-width: 600px){.left-header{padding:.5rem}}.left-header .Button.smaller{width:2.5rem;height:2.5rem}.left-header .Button.smaller+.DropdownMenu{margin-left:.25rem}
|
|
.AudioPlayer{display:flex;margin-left:auto;margin-top:-0.25rem;margin-bottom:-0.25rem}body.animation-level-0 .AudioPlayer{transition:none !important}.AudioPlayer>.Button{flex-shrink:0;margin:.125rem}.AudioPlayer>.player-button{--color-text-secondary: var(--color-primary);--color-text-secondary-rgb: var(--color-primary-shade-rgb);--color-primary-shade: var(--color-green);--color-white: var(--color-background-own)}.AudioPlayer .player-button.smaller{width:3rem;height:3rem}.AudioPlayer .player-button.smaller i{font-size:1.625rem;margin-top:-0.0625rem}.AudioPlayer .player-button i{position:absolute;font-size:1.9375rem;margin-top:-0.0625rem}.AudioPlayer .player-button i.icon-play{margin-left:.125rem}.AudioPlayer .player-button .icon-play,.AudioPlayer .player-button .icon-pause{opacity:1;transform:scale(1);transition:opacity .4s,transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.AudioPlayer .player-button.play .icon-pause,.AudioPlayer .player-button.pause .icon-play,.AudioPlayer .player-button.loading .icon-play,.AudioPlayer .player-button.loading .icon-pause{opacity:0;transform:scale(0.5)}.AudioPlayer .volume-button{position:relative;overflow:visible}.AudioPlayer .volume-button .volume-slider-spacer{position:absolute;transform:translateY(100%);bottom:0;height:1rem;width:8rem;cursor:default;visibility:hidden}.AudioPlayer .volume-button:hover .volume-slider-spacer,.AudioPlayer .volume-button .volume-slider-spacer:hover{visibility:visible}.AudioPlayer .volume-button .volume-slider{opacity:0;visibility:hidden;position:absolute;background:var(--color-background);bottom:-1rem;transform:translateY(100%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;width:8rem;padding:.75rem;border-radius:.5rem;cursor:default;box-shadow:0 1px 2px var(--color-default-shadow)}.AudioPlayer .volume-button .volume-slider .RangeSlider{margin-bottom:0}.AudioPlayer .volume-button .volume-slider .RangeSlider input[type=range]{margin-bottom:0}.AudioPlayer .volume-button:hover .volume-slider,.AudioPlayer .volume-button .volume-slider:hover,.AudioPlayer .volume-button .volume-slider-spacer:hover+.volume-slider{opacity:1;visibility:visible}.AudioPlayer .playback-button.applied{--color-text-secondary: var(--color-primary)}.AudioPlayer .playback-button .playback-button-inner{transition:.2s color ease-in-out;font-size:.75rem;font-weight:bold;border:2px solid;border-radius:.375rem;padding:.125rem .25rem;font-variant-numeric:tabular-nums}.AudioPlayer-content{display:flex;justify-content:center;flex-direction:column;flex-shrink:1;padding:0 .5rem;position:relative;overflow:hidden;cursor:pointer;border-radius:var(--border-radius-messages-small)}.AudioPlayer-content:hover{background-color:var(--color-interactive-element-hover)}@media(min-width: 1440px)and (max-width: 1500px){.AudioPlayer-content{max-width:14rem}}.AudioPlayer .AudioPlayer-content .title{display:block;font-weight:500;font-size:.875rem !important;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.is-ios .AudioPlayer .AudioPlayer-content .title{font-size:.9375rem !important;line-height:1.125rem}.AudioPlayer-content .subtitle{font-size:.8125rem !important;color:var(--color-text-secondary);line-height:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.125rem 0 0}body.is-ios .AudioPlayer-content .subtitle{font-size:.9375rem !important;line-height:1.125rem}
|
|
.GroupCallTopPane{position:absolute;top:100%;left:0;right:0;height:2.875rem;overflow:hidden;box-shadow:0 2px 2px var(--color-light-shadow);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.375rem .5rem .375rem .75rem;background:var(--color-background);z-index:-1;cursor:pointer}.GroupCallTopPane::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.GroupCallTopPane.is-hidden{display:none}@media(max-width: 600px){.GroupCallTopPane.has-pinned-offset{top:calc(100% + 2.875rem)}}.GroupCallTopPane .info{display:flex;flex-direction:column}.GroupCallTopPane .info .title{font-size:.875rem;color:var(--color-text)}.GroupCallTopPane .info .participants{font-size:.75rem;color:var(--color-text-secondary)}.GroupCallTopPane .avatars{display:flex;flex-direction:row;align-items:center}.GroupCallTopPane .avatars .Avatar{margin:0 0 0 -0.75rem}.GroupCallTopPane .avatars .Avatar:first-child{width:2rem;height:2rem}.GroupCallTopPane .avatars .Avatar:not(:first-child){width:2.25rem;height:2.25rem;border:.125rem solid var(--color-background)}.GroupCallTopPane .join{height:1.5rem;border-radius:1.5rem;font-weight:500;padding:1rem 1rem;width:auto}@media(min-width: 1440px){#Main.right-column-open .MiddleHeader .GroupCallTopPane{width:calc(100% - var(--right-column-width))}}
|
|
.ChatReportPanel{position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;margin-left:auto;background:var(--color-background);padding:.375rem .8125rem .25rem 1rem;box-shadow:0 .125rem .125rem var(--color-light-shadow),inset 0 .125rem .125rem var(--color-light-shadow);transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}body.animation-level-1 .ChatReportPanel .ripple-container{display:none}@media(min-width: 1276px){.ChatReportPanel{transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}#Main.right-column-open .ChatReportPanel{padding-right:calc(var(--right-column-width) + 1rem)}}.ChatReportPanel .UserReportPanel--Button{margin-left:.25rem;flex:1 1 50%;white-space:nowrap}
|
|
.MiddleHeader{display:flex;align-items:center;width:100%;box-shadow:0 2px 2px var(--color-light-shadow);background:var(--color-background);position:relative;z-index:var(--z-middle-header);padding-top:.5rem;padding-bottom:.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(.8125rem,env(safe-area-inset-right))}@media(max-width: 600px){.MiddleHeader{position:relative;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}}.MiddleHeader .Transition{width:100%;min-width:0}.MiddleHeader .Transition>div{display:flex;align-items:center;width:100%}.MiddleHeader .back-button{margin-left:-0.5rem;margin-right:.5rem;position:relative}@media(max-width: 600px){.MiddleHeader .back-button{margin-left:0}}.MiddleHeader .back-button .unread-count{min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:.625rem;font-size:.75rem;line-height:1.25rem;font-weight:500;text-align:center;position:absolute;top:-0.25rem;right:-0.5rem;background:var(--color-gray);color:#fff;pointer-events:none}.MiddleHeader .back-button .unread-count.active{background:var(--color-primary)}.MiddleHeader .chat-info-wrapper{flex-grow:1;overflow:hidden}body.animation-level-0 .MiddleHeader .HeaderPinnedMessage-wrapper{transition:none !important}.MiddleHeader .header-tools{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:0}body.animation-level-0 .MiddleHeader .header-tools,body.animation-level-0 .MiddleHeader .header-tools .AudioPlayer,body.animation-level-0 .MiddleHeader .header-tools .HeaderActions{transition:none !important}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader .header-tools .HeaderActions{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools .HeaderActions{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}@media(min-width: 1440px){.MiddleHeader .header-tools{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}.Transition>div:not(.Transition__slide--active) .MiddleHeader .header-tools,body.animating-right-column .MiddleHeader .header-tools{pointer-events:none}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,.MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:1}#Main.right-column-open .MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,#Main.right-column-open .MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:0}}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{position:absolute;top:100%;left:0;right:0;height:2.875rem;box-shadow:0 .125rem .125rem var(--color-light-shadow);display:flex;flex-direction:row-reverse;padding-top:.375rem;padding-bottom:.375rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));background:var(--color-background)}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper::before,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{flex-direction:row;margin-top:0;padding:.25rem .5rem}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer-content{padding:0 .5rem;flex-grow:1}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer>.Button{margin:-0.0625rem 0 0}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer>.player-close{margin-left:auto}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage{flex-grow:1;padding-top:0;padding-bottom:0}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage::before{top:.125rem;bottom:.125rem}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage .message-text{max-width:none}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper.full-width{display:none}@media(min-width: 1150px){#Main.right-column-open .MiddleHeader.tools-stacked .AudioPlayer{padding-right:calc(.5rem + var(--right-column-width))}}.MiddleHeader.tools-stacked.animated .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked.animated .AudioPlayer{animation:fade-in var(--layer-transition) forwards}body.animation-level-0 .MiddleHeader.tools-stacked.animated .HeaderPinnedMessage-wrapper,body.animation-level-0 .MiddleHeader.tools-stacked.animated .AudioPlayer{animation:none}.MiddleHeader h3{font-weight:500;font-size:1.125rem;line-height:1.375rem;white-space:pre;margin:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}body.is-ios .MiddleHeader h3,body.is-macos .MiddleHeader h3{font-size:1.0625rem;font-weight:600}@media(max-width: 600px){.MiddleHeader h3{display:block;overflow:hidden;text-overflow:ellipsis}}@media(min-width: 1275px){#Main.right-column-open .MiddleHeader h3{max-width:calc(100% - var(--right-column-width))}}.MiddleHeader .ChatInfo{cursor:pointer;display:flex;align-items:center}.MiddleHeader .ChatInfo .info{display:flex;flex-direction:column;justify-content:center;flex-grow:1;overflow:hidden}.MiddleHeader .ChatInfo .title{display:flex;align-items:center}.MiddleHeader .ChatInfo .title .VerifiedIcon{width:1.25rem;height:1.25rem;margin-left:.25rem;margin-top:.0625rem}.MiddleHeader .ChatInfo .status,.MiddleHeader .ChatInfo .typing-status{display:inline;unicode-bidi:plaintext}@media(min-width: 1275px){#Main.right-column-open .MiddleHeader .ChatInfo .status,#Main.right-column-open .MiddleHeader .ChatInfo .typing-status{max-width:calc(100% - var(--right-column-width))}}.MiddleHeader .ChatInfo .user-status{unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis}@media(min-width: 1275px){#Main.right-column-open .MiddleHeader .ChatInfo .user-status{max-width:calc(100% - var(--right-column-width))}}.MiddleHeader .Avatar{margin-right:.625rem;width:2.5rem !important;height:2.5rem !important;font-size:1.0625rem}.MiddleHeader .status,.MiddleHeader .typing-status{font-size:.875rem;line-height:1.125rem;margin:0;color:var(--color-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.MiddleHeader .status .ellipsis,.MiddleHeader .typing-status .ellipsis{display:inline-flex}.MiddleHeader .status.online,.MiddleHeader .typing-status.online{color:var(--color-primary)}.MiddleHeader .status .font-emoji,.MiddleHeader .typing-status .font-emoji{line-height:1rem}.MiddleHeader .Button.smaller{width:2.5rem;height:2.5rem}.MiddleHeader .HeaderPinnedMessage-wrapper{display:flex;align-items:center;margin-left:auto;cursor:default;flex-direction:row-reverse;background:var(--color-background)}body.animation-level-1 .MiddleHeader .HeaderPinnedMessage-wrapper .ripple-container{display:none}@media(min-width: 1276px){.MiddleHeader .HeaderPinnedMessage-wrapper{transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .HeaderPinnedMessage-wrapper{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}.MiddleHeader .HeaderPinnedMessage-wrapper .HeaderPinnedMessage{min-width:16rem}.MiddleHeader .HeaderPinnedMessage-wrapper>.Button{flex-shrink:0}.MiddleHeader .HeaderPinnedMessage-wrapper.full-width{position:absolute;left:0;right:0;top:100%;background:var(--color-background);padding:.25rem .8125rem .25rem 1rem;box-shadow:0 .125rem .125rem var(--color-light-shadow);transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}.MiddleHeader .HeaderPinnedMessage-wrapper.full-width::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.MiddleHeader .HeaderPinnedMessage-wrapper.full-width .HeaderPinnedMessage{margin-top:0;margin-bottom:0;flex:1}.MiddleHeader .HeaderPinnedMessage-wrapper.full-width .HeaderPinnedMessage .message-text{max-width:none}@media(min-width: 1276px){.MiddleHeader .HeaderPinnedMessage-wrapper.full-width{transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .HeaderPinnedMessage-wrapper.full-width{padding-left:calc(var(--right-column-width) + 1rem)}}.MiddleHeader .HeaderPinnedMessage{display:flex;flex-shrink:1;margin-top:-0.25rem;margin-bottom:-0.25rem;padding:.25rem;padding-left:.375rem;border-radius:var(--border-radius-messages-small);position:relative;overflow:hidden;cursor:pointer}.MiddleHeader .HeaderPinnedMessage:hover{background-color:var(--color-interactive-element-hover)}.MiddleHeader .HeaderPinnedMessage .pinned-message-border{position:relative;height:2.25rem;margin:.125rem 0;width:.125rem;min-width:.125rem;overflow:hidden}.MiddleHeader .HeaderPinnedMessage .pinned-message-border .pinned-message-border-wrapper-1{height:2.25rem;width:.125rem;border-radius:.0625rem;background:var(--color-primary)}.MiddleHeader .HeaderPinnedMessage .pinned-message-border .pinned-message-border-wrapper{background-color:var(--color-primary-opacity);position:relative;will-change:transform;transition:transform .25s ease-in-out}.MiddleHeader .HeaderPinnedMessage .pinned-message-border .pinned-message-border-mark{position:absolute;left:0;top:0;width:.125rem;background:var(--color-primary);border-radius:.0625rem;will-change:transform;transition:transform .25s ease-in-out}.MiddleHeader .HeaderPinnedMessage .message-text{overflow:hidden;margin-inline-start:.375rem;margin-top:.125rem;max-width:15rem}@media(min-width: 1440px)and (max-width: 1500px){.MiddleHeader .HeaderPinnedMessage .message-text{max-width:14rem}}.MiddleHeader .HeaderPinnedMessage .message-text .title{font-weight:500;font-size:.875rem;line-height:1rem;height:1rem;color:var(--color-primary);margin-bottom:.125rem;white-space:pre;text-align:initial}body.is-ios .MiddleHeader .HeaderPinnedMessage .message-text .title{font-size:.9375rem}.MiddleHeader .HeaderPinnedMessage .message-text p{font-size:.875rem;line-height:1.125rem;height:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}body.is-ios .MiddleHeader .HeaderPinnedMessage .message-text p{font-size:.9375rem}.MiddleHeader .HeaderPinnedMessage .emoji-small{width:1rem;height:1rem}.MiddleHeader .HeaderPinnedMessage>img{width:2.25rem;height:2.25rem;object-fit:cover;border-radius:.25rem;margin-inline-start:.375rem;margin-top:.125rem;flex-shrink:0}.MiddleHeader .HeaderPinnedMessage>img+.message-text{max-width:12rem}.MiddleHeader .HeaderActions{flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:flex-end}.MiddleHeader .HeaderActions .toggle-right-pane-button.active{color:var(--color-primary);opacity:1}.MiddleHeader .HeaderActions .badge-button{position:relative;overflow:visible}.MiddleHeader .HeaderActions .badge{position:absolute;min-width:1rem;height:1rem;background:var(--color-primary);border-radius:.5rem;color:#fff;font-size:.75rem;line-height:1rem;font-weight:500;text-align:center;flex-shrink:0;right:0;top:0}.MiddleHeader .HeaderPinnedMessage-wrapper .Button,.MiddleHeader .HeaderActions .Button{margin-left:.25rem}.MiddleHeader .HeaderPinnedMessage-wrapper .Button.tiny,.MiddleHeader .HeaderActions .Button.tiny{margin-right:.625rem}@media(max-width: 600px){.MiddleHeader .HeaderPinnedMessage-wrapper,.MiddleHeader .AudioPlayer{position:absolute;top:100%;left:0;right:0;height:2.875rem;box-shadow:0 .125rem .125rem var(--color-light-shadow);display:flex;flex-direction:row-reverse;padding-top:.375rem;padding-bottom:.375rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));background:var(--color-background)}.MiddleHeader .HeaderPinnedMessage-wrapper::before,.MiddleHeader .AudioPlayer::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.MiddleHeader .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}.MiddleHeader .AudioPlayer{flex-direction:row;margin-top:0;padding:.25rem .5rem}.MiddleHeader .AudioPlayer-content{padding:0 .5rem;flex-grow:1}.MiddleHeader .AudioPlayer>.Button{margin:-0.0625rem 0 0}.MiddleHeader .AudioPlayer>.player-close{margin-left:auto}.MiddleHeader .HeaderPinnedMessage{flex-grow:1;padding-top:0;padding-bottom:0}.MiddleHeader .HeaderPinnedMessage::before{top:.125rem;bottom:.125rem}.MiddleHeader .HeaderPinnedMessage .message-text{max-width:none}.MiddleHeader .HeaderPinnedMessage-wrapper.full-width{display:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
|
|
.EmbeddedMessage{display:flex;align-items:center;font-size:calc(var(--message-text-size, 1rem) - .125rem);line-height:1.125rem;margin:0 -0.25rem .0625rem;padding:.1875rem .25rem .1875rem .4375rem;border-radius:var(--border-radius-messages-small);position:relative;overflow:hidden;cursor:pointer;direction:ltr}body.animation-level-1 .EmbeddedMessage .ripple-container{display:none}.custom-shape .EmbeddedMessage{max-width:15rem;padding:.5rem;margin:0;background-color:var(--background-color);box-shadow:0 1px 2px var(--color-default-shadow)}.custom-shape .EmbeddedMessage::before{left:.625rem;top:.625rem;bottom:.625rem}.custom-shape .EmbeddedMessage img:not(.emoji){margin-inline-start:.5rem}.custom-shape .EmbeddedMessage:dir(rtl){padding:.5rem}.EmbeddedMessage::before{content:"";display:block;position:absolute;top:.3125rem;bottom:.3125rem;left:.3125rem;width:2px;background:var(--accent-color);border-radius:2px}.EmbeddedMessage:hover{background-color:var(--hover-color)}.EmbeddedMessage:active{background-color:var(--active-color)}.EmbeddedMessage .message-title{font-size:calc(var(--message-text-size, 1rem) - .125rem)}.EmbeddedMessage .message-text{overflow:hidden;margin-inline-start:.5rem;display:flex;flex-direction:column-reverse}.EmbeddedMessage .message-text .message-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem;flex:1;display:block}.EmbeddedMessage .message-text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.125rem;margin-bottom:0;flex:1}.EmbeddedMessage .message-text p::after{content:none;display:none}.EmbeddedMessage .message-text .emoji{width:calc(1.125*var(--message-text-size, 1rem)) !important;height:calc(1.125*var(--message-text-size, 1rem)) !important;vertical-align:text-bottom !important}.EmbeddedMessage .embedded-action-message{color:var(--accent-color);opacity:.75}.EmbeddedMessage img:not(.emoji){width:2rem;height:2rem;object-fit:cover;border-radius:.25rem;margin-left:.25rem;flex-shrink:0}.EmbeddedMessage img:not(.emoji).round{border-radius:1rem}.EmbeddedMessage.inside-input{padding-inline-start:.5625rem;margin:0 0 -0.125rem -0.1875rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;width:100%;--accent-color: var(--color-primary);--hover-color: var(--color-interactive-element-hover)}.EmbeddedMessage.inside-input::before{bottom:.3125rem}.EmbeddedMessage.inside-input img:not(.emoji){margin-left:.125rem}.EmbeddedMessage.inside-input .message-text{margin-inline-start:.375rem}.EmbeddedMessage.inside-input .message-title{font-weight:500;color:var(--accent-color)}
|
|
.ReactionAnimatedEmoji{position:relative;display:flex;align-items:center;justify-content:center}.ReactionAnimatedEmoji.is-animating{transform:translateZ(0);contain:layout}.ReactionAnimatedEmoji .AnimatedSticker{position:fixed;top:-0.375rem;left:-0.375rem;pointer-events:none}.ReactionAnimatedEmoji .AnimatedSticker.effect{top:-2.5rem;left:-2.5rem}.ReactionAnimatedEmoji .AnimatedSticker:not(.open){opacity:1 !important}.ReactionAnimatedEmoji .AnimatedSticker.closing{opacity:0 !important}.ReactionAnimatedEmoji.in-meta .AnimatedSticker{top:-0.4375rem;left:-0.4375rem}.ReactionAnimatedEmoji.in-meta .AnimatedSticker.effect{top:-2.5625rem;left:-2.5625rem}.ReactionAnimatedEmoji.in-meta .AnimatedSticker canvas{position:absolute}
|
|
.MessageMeta{position:absolute;height:1.25rem;bottom:0;right:0;display:flex;align-items:center;background:rgba(153,153,153,.6);border-radius:.625rem;padding:0 .25rem;color:#fff;cursor:pointer;max-width:100%;-webkit-user-select:none;user-select:none}.MessageMeta .ReactionAnimatedEmoji{width:1rem;height:1rem;margin-right:.25rem}.MessageMeta .message-time,.MessageMeta .message-signature,.MessageMeta .message-views{font-size:.75rem;white-space:nowrap}.MessageMeta .message-time{margin-right:.1875rem}body.is-ios .MessageMeta .message-time{margin-right:.25rem}.MessageMeta .message-views{margin-inline-start:.1875rem}.MessageMeta .message-signature{overflow:hidden;text-overflow:ellipsis;margin-right:.375rem}.MessageMeta .icon-channelviews{margin-left:.125rem;margin-right:.375rem;font-size:1.125rem;position:relative;top:-0.0625rem}.has-solid-background .MessageMeta{color:rgba(var(--color-text-meta-rgb), 0.75);background:none}.media:not(.text) .MessageMeta,.Message .custom-shape .MessageMeta{background:rgba(0,0,0,.2);--color-accent-own: white;--color-accent: white;color:#fff !important;opacity:1;bottom:.25rem;right:.25rem;left:auto;height:1.125rem;padding:0 .3125rem 0 .375rem}.media:not(.text) .MessageMeta .MessageOutgoingStatus i,.Message .custom-shape .MessageMeta .MessageOutgoingStatus i{background:transparent}.media:not(.text):dir(rtl) .MessageMeta,.Message .custom-shape:dir(rtl) .MessageMeta{right:auto !important;left:.25rem;padding:0 .375rem 0 .3125rem}.is-forwarded.media:not(.text):dir(rtl) .MessageMeta,.Message .is-forwarded.custom-shape:dir(rtl) .MessageMeta{left:.8125rem}.is-forwarded.media:not(.text) .MessageMeta{bottom:.9375rem;right:.8125rem}.emoji-only .MessageMeta{right:0}.Message.own .has-solid-background .MessageMeta{color:var(--color-message-meta-own)}.MessageMeta .MessageOutgoingStatus{margin-left:-0.1875rem;font-size:1.1875rem;border-radius:.625rem}.Message.own .MessageMeta .MessageOutgoingStatus{color:var(--color-accent-own)}.message-content.has-replies:not(.custom-shape) .MessageMeta{bottom:3.375rem}.message-content.has-replies.text:not(.custom-shape) .MessageMeta{bottom:3.4375rem}.MessageMeta[dir=rtl] .message-views{order:10}.MessageMeta[dir=rtl] .icon-channelviews{order:9}.Message:not(.own) .custom-shape .reply-message+.MessageMeta{right:auto;left:13.25rem;bottom:.25rem}.Message:not(.own) .emoji-only-1 .reply-message+.MessageMeta{left:2.5rem}.Message:not(.own) .emoji-only-2 .reply-message+.MessageMeta{left:5.5rem}.Message:not(.own) .emoji-only-3 .reply-message+.MessageMeta{left:6.5rem}
|
|
.Sticker:not(.inactive){cursor:pointer}.Sticker.inactive{pointer-events:none}
|
|
.Contact{display:flex;align-items:center;padding:.25rem}.Contact.interactive{cursor:pointer}.Contact .Avatar{margin-right:.8125rem}.Contact .contact-info{padding:.5rem;padding-left:0;white-space:nowrap;overflow:hidden}.Contact .contact-info .contact-name{font-size:1rem;line-height:1rem;margin-bottom:.25rem;font-weight:500}.Contact .contact-info .contact-phone{line-height:1rem;color:var(--secondary-color)}
|
|
.PollOption{display:flex;flex-flow:row nowrap;margin-bottom:.75rem}.PollOption:last-child{margin-bottom:0}.PollOption .poll-option-text{word-break:break-word}.PollOption .poll-option-share{position:relative;margin-top:.125rem;width:1.75rem;margin-inline-end:.5rem;flex-shrink:0;font-weight:500;font-size:.875rem;text-align:right}.PollOption .poll-option-share.limit-width{display:inline-flex;justify-content:center;font-size:.75rem}.PollOption .poll-option-chosen{position:absolute;right:0;bottom:-5px;width:1rem;height:1rem;background:var(--accent-color);color:var(--background-color);border-radius:.5rem;font-size:.75rem;text-align:center}.PollOption .poll-option-chosen.wrong{background:var(--color-error)}.is-forwarded .PollOption .poll-option-chosen>i{margin-left:1px}.PollOption .poll-option-chosen.animate{opacity:0;animation-name:PollOptionIconAnimate;animation-delay:.09s;animation-duration:.3s;animation-fill-mode:forwards}.PollOption .poll-option-right{flex-grow:1;line-height:1.5rem}.PollOption .poll-option-answer{position:relative}.PollOption .poll-option-line{position:relative;width:0;height:.25rem;min-width:.5rem;border-radius:.125rem;margin-top:.5rem;background:var(--accent-color);transform-origin:0 0;transition:transform .3s;transition-delay:.09s}.PollOption .poll-line{width:30px;height:35px;position:absolute;left:-27px;bottom:-5px;transition:stroke-dashoffset .3s,stroke-dasharray .3s;stroke-dashoffset:0;stroke-dasharray:0,200%}.PollOption .poll-line path{stroke-width:4px;stroke-linecap:round;stroke:var(--accent-color);fill:none}.PollOption .wrong .poll-option-line{background:var(--color-error)}.PollOption .wrong .poll-line path{stroke:var(--color-error)}@keyframes PollOptionIconAnimate{0%{opacity:0}100%{opacity:1}}
|
|
.Poll{min-width:15rem;text-align:initial}@media(max-width: 600px){.Poll{min-width:50vw}}.Poll .poll-question{font-weight:500;line-height:1.25rem;margin:.125rem 0;word-break:break-word}.Poll .poll-type,.Poll .poll-voters-count{color:var(--secondary-color);font-size:.875rem}.Poll .poll-type{margin-bottom:.5rem;display:flex;align-items:center;min-height:1.375rem}.Poll .poll-voters-count{margin:.4375rem 0 1.125rem;text-align:center}.Poll .poll-answers{padding-top:.25rem;padding-bottom:1rem}.Poll .Checkbox,.Poll .Radio{padding-left:2.25rem}.Poll .Checkbox:last-child,.Poll .Radio:last-child{margin-bottom:.75rem}.Poll .Checkbox.disabled,.Poll .Radio.disabled{opacity:1 !important;cursor:not-allowed}.Poll .Checkbox .Checkbox-main::before,.Poll .Checkbox .Radio-main::before,.Poll .Radio .Checkbox-main::before,.Poll .Radio .Radio-main::before{left:.125rem;background-color:var(--background-color)}.theme-dark .Poll .Checkbox .Checkbox-main::before,.theme-dark .Poll .Checkbox .Radio-main::before,.theme-dark .Poll .Radio .Checkbox-main::before,.theme-dark .Poll .Radio .Radio-main::before{--color-borders: var(--color-borders-input)}.Message.own .Poll .Checkbox .Checkbox-main::before,.Message.own .Poll .Checkbox .Radio-main::before,.Message.own .Poll .Radio .Checkbox-main::before,.Message.own .Poll .Radio .Radio-main::before{--color-borders: var(--accent-color)}.Poll .Checkbox .Checkbox-main::after,.Poll .Checkbox .Radio-main::after,.Poll .Radio .Checkbox-main::after,.Poll .Radio .Radio-main::after{left:.4375rem;background-color:var(--accent-color)}.Poll .Checkbox input:checked~.Radio-main::before,.Poll .Checkbox input:checked~.Checkbox-main::before,.Poll .Radio input:checked~.Radio-main::before,.Poll .Radio input:checked~.Checkbox-main::before{border-color:var(--accent-color)}.Poll .Checkbox .Spinner,.Poll .Radio .Spinner{left:.125rem}.Poll .Checkbox .Checkbox-main::after{left:.125rem;background-color:var(--color-primary)}.Message.own .Poll .Checkbox .Checkbox-main::after{background-color:var(--accent-color)}.Poll .Spinner>div{background-image:var(--spinner-gray-data)}.theme-dark .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Message.own .Poll .Spinner>div{background-image:var(--spinner-green-data)}.theme-dark .Message.own .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Poll .poll-recent-voters{display:inline-flex;align-items:center;vertical-align:text-bottom;margin-left:.875rem;margin-right:.5rem;margin-top:-2px}.Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--color-white);margin-right:0;box-sizing:content-box}.Message.own .Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--secondary-color)}.Poll .poll-recent-voters .Avatar:not(:first-child){margin-left:-3px}.Poll .poll-countdown{margin-left:auto;font-size:.75rem;transition:color .2s}.Poll .poll-countdown.hurry-up{color:var(--color-error)}.Poll .poll-countdown.hurry-up .poll-countdown-progress{stroke:var(--color-error)}.Poll .poll-countdown svg{vertical-align:-3px}.Poll .poll-countdown-progress{stroke:var(--color-primary);fill:transparent;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 2s,stroke .2s}.Poll .poll-quiz-help{margin:-0.625rem 0 -0.625rem auto}.Message:not(.own) .Poll .poll-quiz-help{color:var(--color-primary)}.Poll .poll-results,.Poll .poll-answers{padding-top:.25rem;padding-bottom:.5rem}.Poll .Button{text-transform:none;font-size:1rem}.Message.own .Poll .Button{color:var(--accent-color);--color-primary-shade-rgb: var(--color-accent-own)}.Poll>.Button{margin-bottom:.625rem}
|
|
.WebPage{margin-top:.25rem;margin-bottom:.125rem;padding-left:.625rem;font-size:calc(var(--message-text-size, 1rem) - .125rem);line-height:1.125rem;max-width:29rem;position:relative}.WebPage::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:.125rem;background:var(--accent-color);border-radius:.125rem}.WebPage-text{display:flex;flex-direction:column;align-items:flex-start}.WebPage .media-inner{margin:0 !important;margin-bottom:.375rem !important}.WebPage .media-inner,.WebPage .media-inner img,.WebPage .media-inner.small-image img{border-radius:var(--border-radius-messages-small) !important}.WebPage .media-inner.square-image{width:5rem;height:5rem;min-height:0;margin-bottom:0 !important}.WebPage .media-inner.square-image img{width:100%;height:100%}.WebPage.with-video .media-inner{margin-top:.5rem !important;margin-bottom:1rem !important}.WebPage.with-square-photo{display:flex;margin-bottom:1rem}.WebPage.with-square-photo .WebPage-text{order:1;padding-right:1rem}.WebPage.with-square-photo .media-inner{order:2;flex-shrink:0}.WebPage.with-square-photo:dir(rtl) .WebPage-text{padding-inline-end:1rem}.WebPage:not(.with-square-photo) .site-name:last-child::after,.WebPage:not(.with-square-photo) .site-title:last-child::after,.WebPage:not(.with-square-photo) .site-description:last-child::after{content:"";display:inline-block;width:var(--meta-safe-area-size);height:.75rem;float:right}.WebPage .site-name,.WebPage .site-description,.WebPage .site-title{word-break:break-word;max-width:100%}.WebPage .site-name{color:var(--accent-color);font-weight:500;margin-bottom:.125rem}.WebPage .site-title{font-weight:500;margin-bottom:.125rem}.WebPage .site-description{line-height:1.25;margin-bottom:0}body.is-ios .WebPage .site-description{line-height:1.125rem}.WebPage:dir(rtl){padding-inline-start:.625rem}.WebPage:dir(rtl)::before{left:auto;right:0}
|
|
.Invoice .title{color:var(--accent-color);font-weight:500}.Invoice .description{position:relative}.Invoice .description.has-image .invoice-image{max-width:100%;height:20rem}@media(max-width: 600px){.Invoice .description.has-image .invoice-image{height:10rem}}.Invoice .description.has-image .description-text{position:absolute;top:0;padding:.25rem .5rem;margin:.25rem;background-color:rgba(90,110,70,.6);border-radius:var(--border-radius-messages-small);color:var(--color-text);font-weight:500}.Invoice .description.has-image .description-text span{margin-left:.5rem}
|
|
.Skeleton{position:relative;background-color:var(--color-skeleton-background)}.Skeleton.round{border-radius:50%}.Skeleton.rounded-rect{border-radius:1rem}.Skeleton.pulse::before{content:"";display:block;width:100%;height:100%;background-color:var(--color-skeleton-foreground);animation:skeleton-pulse 2s ease-in-out .5s infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.Skeleton.wave::before{content:"";display:block;width:100%;height:100%;background:linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);animation:skeleton-wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}
|
|
.Location{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0 !important}.Location .location-accuracy{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;animation:accuracy-wave 5s ease-out infinite forwards}@keyframes accuracy-wave{0%{transform:translate(-50%, -50%) scale(0);background-color:var(--color-primary)}100%{transform:translate(-50%, -50%) scale(1);background-color:transparent}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.Location .map-wrapper{overflow:hidden;position:relative}.Location .map{animation:fade-in .3s forwards}.Location .pin{position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);animation:fade-in .3s forwards;--pin-color: var(--color-primary)}.Location .geoLive::before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);width:1rem;height:1rem;background:var(--color-primary);border:2px solid #fff;border-radius:50%;z-index:3}.Location .geoLive .round-pin{bottom:.5rem}.Location .direction{position:absolute;top:50%;left:50%;transition:transform .3s ease-out;transform:translate(-50%, 0.3125rem) rotate(var(--direction));transform-origin:bottom;width:1.5rem;height:2rem;-webkit-clip-path:polygon(50% 100%, 0 0, 100% 0);clip-path:polygon(50% 100%, 0 0, 100% 0);background:radial-gradient(circle, var(--color-primary) -100%, transparent 100%);border-radius:40%;z-index:2}.Location .location-avatar{position:relative;overflow:hidden;margin-right:0;margin-bottom:1.3125rem;z-index:5}.Location .venue-icon{position:absolute;bottom:-0.5rem;left:50%;transform:translate(-50%, -50%);width:3rem;height:3rem;z-index:5}.Location .geo{height:2.5rem}.Location .geoLive,.Location .venue{filter:drop-shadow(0 0 2px var(--color-default-shadow))}.Location .expired{--pin-color: white}.Location .expired .location-avatar::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.3)}.Location .round-pin{fill:var(--pin-color);position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);width:5rem;z-index:4}.Location .location-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;width:100%;padding:.3125rem .5rem .375rem}.Location .location-info-title{font-weight:500;grid-area:1/1/2/2}.Location .location-info-subtitle{color:var(--color-text-secondary);line-height:1;font-size:.875rem;grid-area:2/1/2/2}.Message.own .Location .location-info-subtitle{color:var(--color-message-meta-own)}.Location .geo-countdown{grid-area:1/2/3/3;position:relative;width:2rem;height:2rem}.Location .geo-countdown-text{color:var(--accent-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500}.Location .geo-countdown-progress{stroke:var(--accent-color);fill:transparent;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 2s,stroke .2s}
|
|
.Album{position:relative;overflow:hidden}.message-content.media.text .Album{margin:-0.3125rem -0.5rem .3125rem}body.is-ios .Message.own .message-content.has-solid-background :not(.forwarded-message) .Album{margin:-0.3125rem -0.5rem .3125rem -0.625rem}.forwarded-message .Album{margin-bottom:.125rem}.message-content.media.text .forwarded-message .Album{margin:0 0 .3125rem;--border-bottom-left-radius: inherit;--border-bottom-right-radius: inherit}.Album>.album-item-select-wrapper .media-inner,.message-content.media.text .Album>.album-item-select-wrapper .media-inner{margin:0 !important}.Album>.album-item-select-wrapper .media-inner,.Album>.album-item-select-wrapper .media-inner img,.Album>.album-item-select-wrapper .media-inner video{border-radius:0 !important;object-fit:cover}
|
|
.RoundVideo{position:relative;width:15rem;height:15rem;cursor:pointer}.RoundVideo .thumbnail-wrapper{width:15rem;height:15rem;border-radius:50%;overflow:hidden}.RoundVideo .video-wrapper{position:absolute;left:0;top:0;border-radius:50%;overflow:hidden}.RoundVideo .progress{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.RoundVideo .progress-circle{stroke:#fff;fill:transparent;stroke-width:4;stroke-opacity:.35;stroke-linecap:round}.RoundVideo video::-internal-media-controls-cast-button,.RoundVideo video::-webkit-media-controls,.RoundVideo video::-webkit-media-controls-start-playback-button{display:none}
|
|
.InlineButtons{display:flex;flex-direction:column}.InlineButtons .row{display:flex;flex-direction:row}.InlineButtons .Button{flex:1;width:auto;margin:.125rem;background:var(--pattern-color);border-radius:var(--border-radius-messages-small);font-weight:500;text-transform:none}.InlineButtons .Button::before{content:"";background-color:var(--color-white);opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-messages-small);z-index:var(--z-below);transition:opacity 200ms}.InlineButtons .Button:hover{background:var(--pattern-color) !important}.InlineButtons .Button:hover::before{opacity:.4}.InlineButtons .Button:first-of-type{margin-left:0}.InlineButtons .Button:last-of-type{margin-right:0}.InlineButtons .Button i{font-size:.875rem;position:absolute;right:.1875rem;top:.1875rem;display:block}.InlineButtons .Button i.icon-arrow-right{font-size:.75rem;top:.125rem;right:.125rem;transform:rotate(-45deg)}.InlineButtons .row:first-of-type .Button{margin-top:.25rem !important}.InlineButtons .row:last-of-type .Button{margin-bottom:0}.InlineButtons .row:last-of-type .Button:first-of-type{border-bottom-left-radius:var(--border-radius-messages)}.InlineButtons .row:last-of-type .Button:last-of-type{border-bottom-right-radius:var(--border-radius-messages)}
|
|
.CommentButton{--background-color: var(--color-background);--hover-color: var(--color-chat-hover);display:flex;width:100%;align-items:center;padding:.5625rem .25rem .5625rem .625rem;padding-inline-start:.625rem;padding-inline-end:.25rem;background:var(--background-color);border-bottom-right-radius:var(--border-bottom-right-radius);border-bottom-left-radius:var(--border-bottom-left-radius);font-size:.9375rem;font-weight:500;line-height:2rem;color:var(--accent-color);white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s;-webkit-user-select:none;user-select:none}body.animation-level-0 .CommentButton{transition:none !important}.Message .has-appendix .CommentButton::before{content:"";display:block;position:absolute;bottom:-0.1875rem;left:-0.5625rem;width:.5625rem;height:1.25rem;background-position:bottom left;background-image:url("data:image/svg+xml,%3Csvg width=\"9\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"%3E%3Cdefs%3E%3Cfilter x=\"-50%25\" y=\"-14.7%25\" width=\"200%25\" height=\"141.2%25\" filterUnits=\"objectBoundingBox\" id=\"a\"%3E%3CfeOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"/%3E%3CfeGaussianBlur stdDeviation=\"1\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/%3E%3CfeColorMatrix values=\"0 0 0 0 0.0621962482 0 0 0 0 0.138574144 0 0 0 0 0.185037364 0 0 0 0.15 0\" in=\"shadowBlurOuter1\"/%3E%3C/filter%3E%3Cpath d=\"M3 17h6V0c-.193 2.84-.876 5.767-2.05 8.782-.904 2.325-2.446 4.485-4.625 6.48A1 1 0 003 17z\" id=\"b\"/%3E%3C/defs%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cuse fill=\"%23000\" filter=\"url%28%23a%29\" xlink:href=\"%23b\"/%3E%3Cuse fill=\"%23FFF\" xlink:href=\"%23b\"/%3E%3C/g%3E%3C/svg%3E");opacity:0;transition:opacity .15s,filter .15s}.theme-dark #root .Message .has-appendix .CommentButton::before{filter:invert(0.83)}body.animation-level-0 .Message .has-appendix .CommentButton::before{transition:none !important}.custom-shape .CommentButton{position:absolute;right:-3rem;width:2.25rem;bottom:3rem;height:3.375rem;border-radius:1.375rem;padding:.375rem .3125rem .25rem;align-items:flex-start;color:#fff;background-color:rgba(0,0,0,.2);opacity:0;transition:opacity .2s ease}@media(pointer: coarse){.custom-shape .CommentButton{opacity:1 !important}}.custom-shape .CommentButton:hover{background-color:rgba(0,0,0,.28)}.Message:hover .custom-shape .CommentButton{opacity:1}.custom-shape .CommentButton::after{content:attr(data-cnt);position:absolute;bottom:-0.0625rem;left:0;width:100%;text-align:center;font-size:12px;display:block}.custom-shape .CommentButton[data-cnt="0"]{height:2.25rem}.custom-shape .CommentButton[data-cnt="0"]::after{display:none}.custom-shape .CommentButton .icon-comments-sticker{display:block;font-size:1.5rem;margin:0 auto}.custom-shape .CommentButton .recent-repliers,.custom-shape .CommentButton .icon-comments,.custom-shape .CommentButton .label,.custom-shape .CommentButton .icon-next{display:none}.CommentButton:hover{background:var(--hover-color)}.Message .has-appendix .CommentButton:hover::before{opacity:1}.CommentButton:hover .Avatar{border-color:var(--hover-color) !important}.is-forwarded .CommentButton,.audio .CommentButton,.voice .CommentButton,.poll .CommentButton,.text .CommentButton{border-top:1px solid var(--color-borders)}.message-content.has-solid-background .CommentButton{margin:.375rem -0.5rem -0.375rem}.message-content.voice .CommentButton{margin-bottom:-0.5rem}.message-content.audio .CommentButton{margin-bottom:-0.8125rem}.message-content.audio .CommentButton,.message-content.voice .CommentButton,.message-content.poll .CommentButton,.message-content.has-solid-background.text .CommentButton,.message-content.has-solid-background.is-forwarded .CommentButton{width:calc(100% + 1rem)}.CommentButton .icon-comments-sticker{display:none}.CommentButton .icon-comments{font-size:1.5625rem;line-height:2rem;margin-inline-end:.875rem}.CommentButton .icon-next{margin-inline-start:auto;font-size:1.5rem}.CommentButton .recent-repliers{display:inline-flex;align-items:center;margin-inline-end:.5rem;margin-inline-start:-0.125rem}.CommentButton .recent-repliers .Avatar{transition:border .15s;border:2px solid var(--color-background);margin-inline-end:0;z-index:3;overflow:hidden}.CommentButton .recent-repliers .Avatar .emoji{width:1rem;background-size:1rem}.CommentButton .recent-repliers .Avatar+.Avatar{z-index:2}.CommentButton .recent-repliers .Avatar+.Avatar+.Avatar{z-index:1}.CommentButton .recent-repliers .Avatar:not(:first-child){margin-inline-start:-0.75rem}.CommentButton.has-unread .label{position:relative}.CommentButton.has-unread .label::after{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-color);margin-inline-start:.75rem}.CommentButton.disabled{cursor:default;pointer-events:none}
|
|
.Reactions{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;margin-top:.25rem;overflow:visible}.Reactions .Button{--reaction-background: var(--color-reaction);display:flex;flex-direction:row;height:1.75rem;white-space:nowrap;width:auto;margin:.125rem;padding:0 .5rem;border:2px solid transparent;background-color:var(--reaction-background) !important;border-radius:1.75rem;font-weight:500;font-variant-numeric:tabular-nums;text-transform:none;color:var(--accent-color);overflow:visible}.Reactions .Button .ReactionAnimatedEmoji,.Reactions .Button .icon-reaction-filled{width:1.125rem;height:1.125rem;margin-right:.25rem}.Reactions .Button .avatars{display:flex}.Reactions .Button .avatars .Avatar{margin:0 0 0 -0.25rem;border:.0625rem solid var(--reaction-background);width:1.25rem;height:1.25rem}.Reactions .Button .avatars .Avatar:first-child{margin:0}.Reactions .Button.chosen{border-color:var(--accent-color);position:relative;z-index:1}.Reactions .Button:hover{--reaction-background: var(--hover-color-reaction)}.Reactions .Button:first-of-type{margin-left:0}.Reactions .Button:last-of-type{margin-right:0}.Reactions.is-outside{margin-top:.125rem}.own .Reactions.is-outside{flex-direction:row-reverse}.Reactions.is-outside .Button{--reaction-background: var(--pattern-color);color:#fff}.theme-dark .Reactions.is-outside .Button{color:var(--accent-color)}.Reactions.is-outside .Button.chosen{border-color:#fff}.theme-dark .Reactions.is-outside .Button.chosen{border-color:var(--accent-color)}
|
|
.message-content{position:relative;max-width:var(--max-width)}@media(max-width: 600px){.message-content{max-width:min(29rem,100vw - 6.25rem)}.MessageList.no-avatars .message-content{max-width:min(29rem,100vw - 3.75rem)}.Message.own .message-content{max-width:min(30rem,100vw - 3.75rem)}.message-content.has-action-button{max-width:min(29rem,100vw - 7rem)}.MessageList.no-avatars .message-content.has-action-button{max-width:min(29rem,100vw - 4.5rem)}.Message.own .message-content.has-action-button{max-width:min(30rem,100vw - 4.5rem)}}.message-content img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message-content .emoji{-webkit-user-drag:none;-webkit-user-select:text;user-select:text}.message-content .text-content{margin:0;word-break:break-word;white-space:pre-wrap;line-height:1.3125;text-align:initial;display:flow-root;unicode-bidi:plaintext}.message-content .text-entity-link{unicode-bidi:plaintext}.message-content:not(.custom-shape) .text-content>.MessageMeta,.message-content.document>.MessageMeta{position:relative;top:.375rem;bottom:auto !important;float:right;line-height:1.35;height:calc(var(--message-meta-height, 1rem));margin-left:.4375rem;margin-right:-0.5rem}.message-content:not(.custom-shape) .text-content>.MessageMeta .MessageOutgoingStatus .Transition,.message-content.document>.MessageMeta .MessageOutgoingStatus .Transition{max-height:calc(var(--message-meta-height, 1rem));overflow:hidden}html[data-message-text-size="12"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="12"] .message-content.document>.MessageMeta{top:.25rem}html[data-message-text-size="17"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="17"] .message-content.document>.MessageMeta{top:.4375rem}html[data-message-text-size="18"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="19"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="18"] .message-content.document>.MessageMeta,html[data-message-text-size="19"] .message-content.document>.MessageMeta{top:.5rem}html[data-message-text-size="20"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="20"] .message-content.document>.MessageMeta{top:.5625rem}.message-content:not(.custom-shape) .text-content:dir(rtl)>.MessageMeta,.message-content.document:dir(rtl)>.MessageMeta{float:left;margin-left:-0.25rem;margin-right:.4375rem}.message-content .MessageMeta.reactions-offset{position:relative;top:.375rem;bottom:auto !important;float:right;line-height:1;height:calc(var(--message-meta-height, 1rem));margin-left:auto;margin-right:-0.5rem;align-self:flex-end}.message-content .MessageMeta.reactions-offset .MessageOutgoingStatus .Transition{max-height:calc(var(--message-meta-height, 1rem));overflow:hidden}html[data-message-text-size="12"] .message-content .MessageMeta.reactions-offset{top:.25rem}html[data-message-text-size="17"] .message-content .MessageMeta.reactions-offset{top:.4375rem}html[data-message-text-size="18"] .message-content .MessageMeta.reactions-offset,html[data-message-text-size="19"] .message-content .MessageMeta.reactions-offset{top:.5rem}html[data-message-text-size="20"] .message-content .MessageMeta.reactions-offset{top:.5625rem}.message-content.document:not(.text)::after{content:"";display:block;clear:both}.message-content.document:not(.text)>.MessageMeta{top:auto !important;bottom:-0.5rem !important;margin-top:-0.25rem}.message-content.document:not(.text)>.MessageMeta:not([dir=rtl]){margin-top:-1.25rem}.theme-dark .Message.own .message-content .text-entity-link{text-decoration:underline !important}.theme-dark .Message.own .message-content .text-entity-link:hover{text-decoration:none !important}.message-content:not(.custom-shape){font-size:var(--message-text-size, 1rem)}body.is-ios .message-content:not(.custom-shape){font-size:var(--message-text-size, 1.0625rem)}.message-content:not(.custom-shape)>.content-inner{min-width:0}.message-content .matching-text-highlight{color:var(--color-text);background:#cae3f7;border-radius:.25rem;padding:0 .125rem}.theme-dark .message-content .matching-text-highlight{--color-text: #000}.message-content .message-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(var(--message-text-size, 1rem) - .125rem);font-weight:500;line-height:1.25rem;color:var(--accent-color);unicode-bidi:plaintext;display:flex}.message-content .message-title>.interactive{overflow:hidden;text-overflow:ellipsis}.message-content .message-title.interactive,.message-content .message-title>.interactive{cursor:pointer}.message-content .message-title.interactive:hover,.message-content .message-title>.interactive:hover{opacity:.85}.message-content .message-title>.color-1{color:var(--color-user-1)}.message-content .message-title>.color-2{color:var(--color-user-2)}.message-content .message-title>.color-4{color:var(--color-user-4)}.message-content .message-title>.color-5{color:var(--color-user-5)}.message-content .message-title>.color-6{color:var(--color-user-6)}.message-content .message-title>.color-7{color:var(--color-user-7)}.message-content .message-title>.color-8{color:var(--color-user-8)}.theme-dark .Message.own .message-content .message-title>.color-1{color:var(--accent-color)}.message-content .message-title+.File{margin-top:.25rem}.message-content .message-title .via{padding-right:.25rem;font-weight:400}.message-content .message-title span+.via{padding-left:.25rem}.message-content .message-title .admin-title{flex:1;margin-left:1rem;text-align:right;font-weight:400;font-size:.75rem;margin-top:-0.125rem;color:rgba(var(--color-text-meta-rgb), 0.75)}.Message.own .message-content .message-title .admin-title{color:var(--accent-color)}.message-content.has-shadow{box-shadow:0 1px 2px var(--color-default-shadow)}.message-content.has-solid-background,.message-content.has-background,.is-album .message-content{background:var(--background-color)}.message-content.has-solid-background{padding:.3125rem .5rem .375rem}.message-content.has-solid-background .forwarded-message>.text-content:not(.with-meta):last-child::after{content:"";display:inline-block;width:var(--meta-safe-area-size);height:1rem}body.is-ios .message-content.has-solid-background{padding-bottom:.4375rem}body.is-ios .Message.own .message-content.has-solid-background{padding-left:.625rem}.message-content:not(.has-appendix) .svg-appendix{display:none}.message-content .svg-appendix{overflow:hidden;position:absolute;bottom:-0.0625rem;width:.5625rem;height:1.125rem;font-size:1rem !important}.message-content .svg-appendix .corner{fill:var(--background-color)}.Message.own .message-content .svg-appendix{right:-0.551rem}.Message:not(.own) .message-content .svg-appendix{left:-0.562rem}.message-content[data-has-custom-appendix] .svg-appendix .corner{fill:var(--appendix-bg)}.Message .message-content.has-appendix-thumb .svg-appendix{--background-color: #ccc;opacity:1;transition:opacity 500ms ease}.message-content.document{padding:.5rem !important}.theme-dark .message-content.document .File{--color-primary: var(--color-selection-highlight)}.message-content.document .File+.text-content{margin-top:.3125rem}.message-content.voice .message-title,.message-content.voice .Embedded,.message-content.audio .message-title,.message-content.audio .Embedded{margin-top:-0.1875rem;margin-bottom:.1875rem}.message-content.voice{padding:.5rem !important}.message-content.voice .Voice+.text-content{margin-top:.5rem}.message-content.audio{min-width:20rem;padding:.5rem .5rem .8125rem !important}@media(max-width: 600px){.message-content.audio{min-width:17rem}}.message-content.audio .Audio+.text-content{margin-top:.25rem}.message-content.audio:not(.has-replies) .Audio+.text-content{margin-bottom:-0.4375rem}.message-content:not(.custom-shape) .emoji{display:inline-block;width:1.25rem;background-size:1.25rem;color:transparent;margin-inline-end:1px;vertical-align:text-bottom}.message-content:not(.custom-shape) .emoji::selection{background-color:var(--color-selection-highlight-emoji);color:transparent}.message-content:not(.custom-shape) .text-content .emoji{width:calc(1.25*var(--message-text-size, 1rem));height:calc(1.25*var(--message-text-size, 1rem));background-size:calc(1.25*var(--message-text-size, 1rem))}.message-content .no-media-corners{--border-top-left-radius: 0;--border-top-right-radius: 0}.message-content.custom-shape.is-via-bot{font-size:inherit !important}.message-content.custom-shape.is-via-bot .content-inner>.message-title{display:inline-flex;position:relative;top:.125rem;max-width:calc(100% - 3rem);margin-left:calc(100% - 3rem);padding:0 .5rem;background-color:var(--background-color);border-radius:var(--border-radius-messages)}.Message.own .message-content.custom-shape.is-via-bot .content-inner>.message-title{margin-left:-3rem}.message-content.custom-shape.is-via-bot .media-inner{margin-top:.375rem}.message-content.media .media-inner,.WebPage .media-inner{display:flex;justify-content:center;align-items:center}.message-content.media .media-inner.interactive,.WebPage .media-inner.interactive{cursor:pointer}.message-content.media .media-inner.interactive.dark video,.WebPage .media-inner.interactive.dark video{background-color:#232323}.message-content.media.round.is-reply,.WebPage.round.is-reply{width:auto !important}.message-content.media.force-sender-name .media-inner,.message-content.media.force-sender-name .Album,.message-content.media.text .media-inner,.message-content.media.is-via-bot .media-inner,.message-content.media.is-reply .media-inner,.message-content.media.is-reply .Album,.WebPage.force-sender-name .media-inner,.WebPage.force-sender-name .Album,.WebPage.text .media-inner,.WebPage.is-via-bot .media-inner,.WebPage.is-reply .media-inner,.WebPage.is-reply .Album{margin-left:-0.5rem;margin-right:-0.5rem}body.is-ios .Message.own .message-content.media.force-sender-name .media-inner,body.is-ios .Message.own .message-content.media.force-sender-name .Album,body.is-ios .Message.own .message-content.media.text .media-inner,body.is-ios .Message.own .message-content.media.is-via-bot .media-inner,body.is-ios .Message.own .message-content.media.is-reply .media-inner,body.is-ios .Message.own .message-content.media.is-reply .Album,body.is-ios .Message.own .WebPage.force-sender-name .media-inner,body.is-ios .Message.own .WebPage.force-sender-name .Album,body.is-ios .Message.own .WebPage.text .media-inner,body.is-ios .Message.own .WebPage.is-via-bot .media-inner,body.is-ios .Message.own .WebPage.is-reply .media-inner,body.is-ios .Message.own .WebPage.is-reply .Album{margin-left:-0.625rem}.message-content.media.text .media-inner,.WebPage.text .media-inner{margin-top:-0.3125rem}.message-content.media.is-reply .media-inner,.message-content.media.force-sender-name .Album,.message-content.media.is-reply .Album,.message-content.media .message-title~.media-inner,.WebPage.is-reply .media-inner,.WebPage.force-sender-name .Album,.WebPage.is-reply .Album,.WebPage .message-title~.media-inner{margin-top:.375rem;margin-bottom:-0.375rem}body.is-ios .Message.own .message-content.media.is-reply .media-inner,body.is-ios .Message.own .message-content.media.force-sender-name .Album,body.is-ios .Message.own .message-content.media.is-reply .Album,body.is-ios .Message.own .message-content.media .message-title~.media-inner,body.is-ios .Message.own .WebPage.is-reply .media-inner,body.is-ios .Message.own .WebPage.force-sender-name .Album,body.is-ios .Message.own .WebPage.is-reply .Album,body.is-ios .Message.own .WebPage .message-title~.media-inner{margin-bottom:-0.4375rem}.message-content.media:not(.text) .RoundVideo,.WebPage:not(.text) .RoundVideo{margin-bottom:0}.message-content.media.text .media-inner,.message-content.media.text .Album,.WebPage.text .media-inner,.WebPage.text .Album{margin-bottom:.375rem}body.is-ios .Message.own .message-content.media.text .media-inner,body.is-ios .Message.own .message-content.media.text .Album,body.is-ios .Message.own .WebPage.text .media-inner,body.is-ios .Message.own .WebPage.text .Album{margin-bottom:.375rem}.message-content.media .media-loading,.WebPage .media-loading{display:flex;align-items:center;justify-content:center}.message-content.media .media-loading:not(.open),.WebPage .media-loading:not(.open){opacity:.5;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.message-content.media .icon-large-play,.message-content.media .icon-download,.WebPage .icon-large-play,.WebPage .icon-download{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.7;transition:opacity 150ms}.message-content.media .icon-large-play:hover,.message-content.media .icon-download:hover,.WebPage .icon-large-play:hover,.WebPage .icon-download:hover{opacity:1}.message-content.media .icon-large-play:before,.message-content.media .icon-download:before,.WebPage .icon-large-play:before,.WebPage .icon-download:before{display:flex;align-items:center;justify-content:center;width:3.375rem;height:3.375rem;border-radius:50%;background:rgba(0,0,0,.25)}.message-content.media .icon-large-play.opacity-transition,.message-content.media .icon-download.opacity-transition,.WebPage .icon-large-play.opacity-transition,.WebPage .icon-download.opacity-transition{transition:opacity .15s ease}.message-content.media .icon-large-play.opacity-transition:not(.open),.message-content.media .icon-download.opacity-transition:not(.open),.WebPage .icon-large-play.opacity-transition:not(.open),.WebPage .icon-download.opacity-transition:not(.open){opacity:0}.message-content.media .icon-download,.WebPage .icon-download{font-size:1.5rem}.message-content.media .icon-large-play,.WebPage .icon-large-play{font-size:2.5rem}.message-content.media .message-media-duration,.message-content.media .message-transfer-progress,.WebPage .message-media-duration,.WebPage .message-transfer-progress{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;-webkit-user-select:none;user-select:none}.message-content.media .message-media-duration .icon-muted,.WebPage .message-media-duration .icon-muted{vertical-align:-0.1875rem;margin-left:.375rem;font-size:1.0625rem}.message-content.custom-shape{line-height:1.2;display:flex;flex-wrap:wrap;align-items:flex-end}.message-content.custom-shape.has-comments{min-height:5.25rem;margin-top:0 !important}.message-content.custom-shape.has-comments.has-replies{min-height:6.5rem}.message-content.custom-shape.is-reply{max-width:100%}.message-content.custom-shape .reply-message{display:flex;align-items:flex-start;flex-direction:row-reverse;direction:ltr}.message-content.custom-shape .reply-message>p{margin-bottom:0}.message-content.custom-shape .reply-message .EmbeddedMessage{margin-left:.5rem;border-radius:var(--border-radius-messages)}@media(max-width: 600px){.message-content.custom-shape .reply-message .EmbeddedMessage{max-width:calc(90vw - 13rem)}}@media(max-width: 340px){.message-content.custom-shape .reply-message .EmbeddedMessage{margin-left:-1rem;z-index:1;max-width:calc(90vw - 12rem)}}.message-content.custom-shape .text-content{margin-bottom:1rem}.message-content.custom-shape .media-inner{line-height:1;font-size:1rem;flex-shrink:0}.message-content.custom-shape .media-inner .full-media{top:0;left:0;bottom:0;right:0}.message-content.custom-shape .emoji{display:inline-block;color:transparent}.message-content.custom-shape .emoji::selection{background-color:var(--color-selection-highlight-emoji);color:transparent}.message-content.custom-shape.emoji-only .text-content{margin-bottom:0;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff;word-break:normal}.message-content.custom-shape.emoji-only .text-content img.emoji{filter:drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white)}.message-content.custom-shape.emoji-only .text-content .MessageMeta{text-shadow:none}.message-content.custom-shape.emoji-only-1{min-width:8rem;font-size:4.5rem}.message-content.custom-shape.emoji-only-1 .content-inner{height:7rem}.message-content.custom-shape.emoji-only-1 .text-content{line-height:1.5;text-align:center}.Message.was-edited .message-content.custom-shape.emoji-only-1{min-width:10rem}.message-content.custom-shape.emoji-only-1 .emoji{width:5rem;height:5rem}.message-content.custom-shape.emoji-only-2{font-size:4rem;margin-top:.5rem;min-width:10rem}@media(max-width: 600px){.message-content.custom-shape.emoji-only-2{margin-top:.375rem}}.message-content.custom-shape.emoji-only-2.has-comments{margin-top:1.25rem}.Message.was-edited .message-content.custom-shape.emoji-only-2{min-width:12rem}.message-content.custom-shape.emoji-only-2 .emoji{width:4rem;height:4rem;margin-right:.375rem}.message-content.custom-shape.emoji-only-3{font-size:3rem;margin-top:1.75rem;min-width:12rem}.message-content.custom-shape.emoji-only-3.has-comments{margin-top:2.5rem}.Message.was-edited .message-content.custom-shape.emoji-only-3{min-width:14rem}.message-content.custom-shape.emoji-only-3 .emoji{width:3rem;height:3rem;margin-right:.375rem}.Message:not(.own) .message-content.custom-shape{--hover-color: var(--color-reply-hover);--active-color: var(--color-reply-active)}.Message.own .message-content.custom-shape{--hover-color: var(--color-reply-own-hover);--active-color: var(--color-reply-own-active)}.Message.own .message-content.custom-shape .reply-message{flex-direction:row}.Message.own .message-content.custom-shape .reply-message .EmbeddedMessage{margin-right:.5rem}@media(max-width: 340px){.Message.own .message-content.custom-shape .reply-message .EmbeddedMessage{margin-left:0;z-index:1;max-width:calc(90vw - 11.5rem)}}.forwarded-message{--border-top-left-radius: var(--border-radius-messages-small);--border-top-right-radius: var(--border-radius-messages-small);--border-bottom-left-radius: var(--border-radius-messages-small);--border-bottom-right-radius: var(--border-radius-messages-small)}.message-content.contact .forwarded-message,.message-content.voice .forwarded-message,.message-content.poll .forwarded-message{margin-bottom:.5rem}.message-content:not(.custom-shape) .forwarded-message{position:relative;margin-top:.25rem;padding-left:.625rem}.message-content:not(.custom-shape) .forwarded-message::before{content:"";display:block;position:absolute;top:0;bottom:0;left:.0625rem;width:2px;background:var(--accent-color);border-radius:2px}.message-content:not(.custom-shape) .forwarded-message:dir(rtl){padding-inline-start:.625rem}.message-content:not(.custom-shape) .forwarded-message:dir(rtl)::before{left:auto;right:.0625rem}.forwarded-message>.media-inner{margin:0 !important;margin-bottom:.25rem !important}.long-word-break-all{word-break:break-all}.text-entity-link{color:var(--color-links) !important;text-decoration:none !important;word-break:break-word;cursor:pointer;unicode-bidi:initial}.text-entity-link:hover,.text-entity-link:active,.text-entity-link:visited{text-decoration:underline !important}.text-entity-code,.text-entity-pre{color:var(--color-code);background:var(--color-code-bg);white-space:pre-wrap;margin:0;padding:1px 2px;border-radius:4px;font-size:calc(var(--message-text-size, 1rem) - .0625rem)}.text-entity-code{cursor:pointer}.Message{display:flex;align-items:flex-end;margin-bottom:.375rem;position:relative;--background-color: var(--color-background);--hover-color: var(--color-reply-hover);--color-reaction: var(--color-message-reaction);--hover-color-reaction: var(--color-message-reaction-hover);--active-color: var(--color-reply-active);--max-width: 29rem;--accent-color: var(--color-primary);--accent-shade-color: var(--color-primary-shade);--secondary-color: var(--color-text-secondary);--meta-safe-area-base: 2.25rem;--meta-safe-author-width: 0px;--meta-safe-area-extra-width: 0px;--meta-safe-area-size: calc( var(--meta-safe-area-base) + var(--meta-safe-author-width) + var(--meta-safe-area-extra-width) );--deleting-translate-x: -50%;--select-message-scale: 0.9;--border-top-left-radius: var(--border-radius-messages);--border-top-right-radius: var(--border-radius-messages);--border-bottom-left-radius: var(--border-radius-messages);--border-bottom-right-radius: var(--border-radius-messages)}@media(min-width: 1921px){.Message{--max-width: calc(30vw - 1rem)}}@media(max-width: 600px){.Message{margin-bottom:.25rem}}.Message.is-swiped{transform:translateX(-2.5rem) !important}.Message.is-protected{-webkit-user-select:none;user-select:none}.Message>.Avatar,.Message>.message-content-wrapper{opacity:1;transform:scale(1) translateX(0);transition:transform var(--select-transition)}body.animation-level-0 .Message>.Avatar,body.animation-level-0 .Message>.message-content-wrapper{transition:none !important}.Message>.Avatar{position:absolute;bottom:0;left:0;margin-right:.3125rem}@media(max-width: 600px){.Message>.Avatar{width:2.5rem;height:2.5rem}}.Message .quick-reaction{cursor:pointer;position:absolute;right:-0.5rem;bottom:-0.375rem;display:flex;align-items:center;justify-content:center;transform:scale(1);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;transition-delay:.2s}.Message .quick-reaction.visible{opacity:1 !important}.Message .quick-reaction:hover{transition-delay:unset;transform:scale(1.4)}.Message .quick-reaction .ReactionStaticEmoji{width:1.125rem}.Message.last-in-list .quick-reaction:hover{transform:translateY(-0.1875rem) scale(1.4)}.Message.own .quick-reaction{right:auto;left:-0.5rem}.Message.last-in-group{margin-bottom:.625rem}@media(max-width: 600px){.Message.last-in-group{margin-bottom:.4375rem}}.Message.last-in-list{margin-bottom:.375rem}body.is-android .Message.is-in-selection-mode .can-select-text{z-index:var(--z-message-select-control)}body.is-android .Message.is-in-selection-mode .media-inner{pointer-events:none}.Message.has-inline-buttons .message-content{border-bottom-right-radius:var(--border-radius-messages-small)}.Message.has-active-reaction .message-content-wrapper{z-index:1}.Message:not(.own){padding-left:2.5rem}.no-avatars .Message:not(.own),.Message:not(.own).is-thread-top{padding-left:0}@media(max-width: 600px){.Message:not(.own){padding-left:2.875rem}.no-avatars .Message:not(.own),.Message:not(.own).is-thread-top{padding-left:.25rem}}.Message:not(.own).first-in-group:not(.last-in-group){--border-bottom-left-radius: var(--border-radius-messages-small)}.Message:not(.own):not(.first-in-group):not(.last-in-group){--border-top-left-radius: var(--border-radius-messages-small);--border-bottom-left-radius: var(--border-radius-messages-small)}.Message:not(.own).last-in-group:not(.first-in-group){--border-top-left-radius: var(--border-radius-messages-small)}.Message:not(.own).last-in-group{--border-bottom-left-radius: var(--border-radius-messages-small)}.Message:not(.own).last-in-group .message-content.has-appendix{--border-bottom-left-radius: 0}.Message.own{flex-direction:row-reverse;--background-color: var(--color-background-own);--hover-color: var(--color-reply-own-hover);--color-reaction: var(--color-message-reaction-own);--hover-color-reaction: var(--color-message-reaction-hover-own);--active-color: var(--color-reply-own-active);--max-width: 30rem;--accent-color: var(--color-accent-own);--accent-shade-color: var(--color-green);--secondary-color: var(--color-accent-own);--color-code: var(--color-code-own);--color-code-bg: var(--color-code-own-bg);--color-links: var(--color-own-links);--meta-safe-area-base: 3.5rem;--deleting-translate-x: 50%;--color-text-green: var(--color-accent-own)}@media(min-width: 1921px){.Message.own{--max-width: 30vw}}body.is-ios .Message.own,body.is-macos .Message.own{--color-background-own: var(--color-background-own-apple);--color-reply-own-hover: var(--color-reply-own-hover-apple);--color-reply-own-active: var(--color-reply-own-active-apple)}@media(max-width: 600px){.Message.own{padding-right:.25rem}}.Message.own.first-in-group:not(.last-in-group){--border-bottom-right-radius: var(--border-radius-messages-small)}.Message.own:not(.first-in-group):not(.last-in-group){--border-top-right-radius: var(--border-radius-messages-small);--border-bottom-right-radius: var(--border-radius-messages-small)}.Message.own.last-in-group:not(.first-in-group){--border-top-right-radius: var(--border-radius-messages-small)}.Message.own.last-in-group{--border-bottom-right-radius: var(--border-radius-messages-small)}.Message.own.last-in-group .message-content.has-appendix{--border-bottom-right-radius: 0;border-bottom-right-radius:0}.Message.is-deleting>.Avatar,.Message.is-deleting>.message-content-wrapper{transition:opacity .2s ease,transform .2s ease-in;opacity:0;transform:scale(0.3) translateX(var(--deleting-translate-x));transform-origin:bottom}.Message.has-views{--meta-safe-area-extra-width: 4rem}.Message.was-edited{--meta-safe-area-extra-width: 2.5rem}.Message.was-edited.has-views{--meta-safe-area-extra-width: 7.5rem}html[lang=ru] .Message.was-edited{--meta-safe-area-extra-width: 3.5rem}html[lang=ru] .Message.was-edited.has-views{--meta-safe-area-extra-width: 8.5rem}.select-mode-active .Message{cursor:pointer}@media(min-width: 600px){.select-mode-active .Message{-webkit-user-select:none;user-select:none}}.select-mode-active .Message:not(.own)>.Avatar,.select-mode-active .Message:not(.own)>.message-content-wrapper{transform:translateX(2.5rem)}.select-mode-active .Message:not(.is-album)::after{content:"";position:absolute;top:-0.25rem;bottom:-0.25rem;left:-4rem;right:-4rem;z-index:var(--z-message-select-area)}.select-mode-active .Message.is-album .message-select-control,.select-mode-active .Message.is-in-document-group .message-select-control{pointer-events:unset}.select-mode-active .Message .message-select-control{opacity:1}.Message.is-selected .message-select-control{background:var(--color-green)}.Message.is-selected .message-select-control.group-select{background:transparent}.Message.is-selected .message-select-control.group-select.is-selected{background:var(--color-green)}.Message .File.file-is-selected .message-select-control{background:var(--color-green)}.Message.is-in-document-group .File.file-is-selected .file-icon,.Message.has-menu-open.is-in-document-group .File .file-icon{--background-color: var(--color-background-selected)}.Message.own.is-in-document-group .File.file-is-selected .file-icon,.Message.own.has-menu-open.is-in-document-group .File .file-icon{--background-color: var(--color-background-own-selected)}.Message .Audio .message-select-control{left:1.0625rem;top:1.375rem}html.theme-dark .Message.own .Audio .toggle-play:not(.with-image)+.media-loading .ProgressSpinner{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMjE4IDcuNWw1LjYzMy01LjYzM2EuNTA4LjUwOCAwIDEwLS43MTgtLjcxOEw3LjUgNi43ODIgMS44NjcgMS4xNDlhLjUwOC41MDggMCAxMC0uNzE4LjcxOEw2Ljc4MiA3LjVsLTUuNjMzIDUuNjMzYS41MDguNTA4IDAgMTAuNzE4LjcxOEw3LjUgOC4yMThsNS42MzMgNS42MzNhLjUwNi41MDYgMCAwMC43MTggMCAuNTA4LjUwOCAwIDAwMC0uNzE4TDguMjE4IDcuNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjODA3QkQ1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);background-position:center;background-size:1rem}html.theme-dark .Message.own .Audio .toggle-play:not(.with-image)+.media-loading .ProgressSpinner circle{stroke:var(--background-color)}.Message .File{position:relative}.Message .File .message-select-control{position:absolute;top:2rem;left:2rem;z-index:2}.Message .album-item-select-wrapper{position:absolute}.Message.own .Message .album-item-select-wrapper{background:var(--color-background-own)}.Message .album-item-select-wrapper .message-select-control{position:absolute;z-index:2;top:.4375rem;right:.4375rem;left:unset}.Message .album-item-select-wrapper img,.Message .album-item-select-wrapper video{transition:transform var(--select-transition),opacity ease 300ms}.Message .album-item-select-wrapper.is-selected .message-select-control{background:var(--color-green)}.Message .album-item-select-wrapper.is-selected img,.Message .album-item-select-wrapper.is-selected video{transform:scale(var(--select-message-scale))}.Message.is-selected .message-select-control,.Message.is-forwarding .message-select-control{background:var(--color-green)}.Message.is-selected .Menu .bubble,.Message.is-forwarding .Menu .bubble{transition:none !important}.Message.is-in-document-group .message-content.document{padding:.25rem .5rem !important}.Message.is-in-document-group.last-in-document-group .message-content.document{padding-bottom:.5rem !important}.Message.is-in-document-group.first-in-document-group .message-content.document{padding-top:.5rem !important}.Message.is-in-document-group:not(.first-in-document-group)::before{top:0 !important}.Message.is-in-document-group:not(.first-in-document-group) .message-content{box-shadow:none;border-top-left-radius:0 !important;border-top-right-radius:0 !important}.Message.is-in-document-group:not(.first-in-document-group) .forwarded-message::before{top:-1.5rem}.Message.is-in-document-group:not(.last-in-document-group){margin-bottom:0}.Message.is-in-document-group:not(.last-in-document-group)::before{bottom:0 !important}.Message.is-in-document-group:not(.last-in-document-group) .message-content{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.Message.is-in-document-group.is-in-selection-mode .Audio:not(.audio-is-selected) .message-select-control:not(.group-select),.Message.is-in-document-group.is-in-selection-mode .File:not(.file-is-selected) .message-select-control:not(.group-select){background:#fff}.Message.is-in-document-group.is-in-selection-mode .Audio:not(.audio-is-selected) .message-select-control:not(.group-select)::after,.Message.is-in-document-group.is-in-selection-mode .File:not(.file-is-selected) .message-select-control:not(.group-select)::after{content:"";width:1.25rem;height:1.25rem;border-radius:.6875rem;background:#fff;border:.125rem rgba(0,0,0,.2) solid;position:absolute}.Message.is-in-document-group.is-in-selection-mode.own .message-content .Audio:not(.audio-is-selected) .message-select-control:not(.group-select),.Message.is-in-document-group.is-in-selection-mode.own .message-content .File:not(.file-is-selected) .message-select-control:not(.group-select){background:var(--background-color);border-color:var(--background-color)}.Message.is-in-document-group.is-in-selection-mode.own .message-content .Audio:not(.audio-is-selected) .message-select-control:not(.group-select)::after,.Message.is-in-document-group.is-in-selection-mode.own .message-content .File:not(.file-is-selected) .message-select-control:not(.group-select)::after{background:var(--background-color);border-color:var(--color-message-meta-own)}.Message.is-in-document-group.focused .message-content,.Message.is-in-document-group.has-menu-open .message-content,.Message.is-in-document-group.is-forwarding .message-content,.Message.is-in-document-group.is-selected .message-content{background:var(--color-background-selected)}.Message.is-in-document-group.focused.own .message-content,.Message.is-in-document-group.has-menu-open.own .message-content,.Message.is-in-document-group.is-forwarding.own .message-content,.Message.is-in-document-group.is-selected.own .message-content{--background-color: var(--color-background-own-selected);background:var(--color-background-own-selected)}.Message.is-in-document-group .message-content-wrapper{width:17.1875rem}.Message.is-in-document-group .message-content{transition:background-color var(--select-transition)}.Message.is-in-document-group.own .message-content-wrapper{display:flex;justify-content:flex-end}.Message.is-in-document-group.own .message-content-wrapper .message-content{width:100%}.Message .message-select-control{position:absolute;left:0;bottom:.25rem;width:1.5rem;height:1.5rem;border:2px solid #fff;border-radius:50%;z-index:var(--z-message-select-control);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;pointer-events:none;transition:opacity var(--select-transition)}.Message .message-select-control .icon-select{position:absolute;left:-3px;top:-3px;font-size:1.625rem}.theme-dark .Message .message-select-control{border-color:#ffffff80}.Message .message-content.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-video .media-inner{margin-bottom:1.5rem !important}.Message .message-content.has-replies:not(.custom-shape) .media-inner,.Message .message-content.has-replies:not(.custom-shape) .Album,.Message .message-content.text .media-inner,.Message .message-content.text .Album{--border-bottom-left-radius: 0;--border-bottom-right-radius: 0}.Message .message-content.is-reply .EmbeddedMessage+.Album,.Message .message-content.is-reply .EmbeddedMessage+.Audio,.Message .message-content.is-reply .EmbeddedMessage+.File{margin-top:.375rem}.Message .message-content:not(.custom-shape).is-reply .media-inner,.Message .message-content:not(.custom-shape).is-reply .Album,.Message .message-content:not(.custom-shape).force-sender-name .Album,.Message .message-content:not(.is-forwarded) .message-title~.media-inner{--border-top-left-radius: 0;--border-top-right-radius: 0}.Message .message-content.is-forwarded .content-inner .message-title{margin-bottom:.25rem}.Message .message-action-button{position:absolute;bottom:0;color:#fff;background-color:rgba(0,0,0,.2);opacity:0;transition:opacity .2s ease}@media(pointer: coarse){.Message .message-action-button{opacity:1 !important}}.Message .message-action-button:hover,.Message .message-action-button:active,.Message .message-action-button:focus{background-color:rgba(0,0,0,.28) !important}.Message:hover .message-action-button,.Message[data-is-document-group-hover] .message-action-button{opacity:1}.Message.own .message-action-button{left:-3rem}.Message:not(.own) .message-action-button{right:-3rem}.Message .bottom-marker{height:1px;width:1px;visibility:hidden}.message-content,.Album,.media-inner,.message-content.media .media-inner img,.message-content.media .media-inner video,.message-content.custom-shape .media-inner img{border-top-left-radius:var(--border-top-left-radius);border-top-right-radius:var(--border-top-right-radius);border-bottom-left-radius:var(--border-bottom-left-radius);border-bottom-right-radius:var(--border-bottom-right-radius)}.media-inner video.full-media{background:transparent !important}.media-inner{overflow:hidden}.media-inner.small-image img{border-radius:0 !important}.Message .custom-shape .message-action-button{bottom:.25rem}
|
|
.SponsoredMessage{--border-top-left-radius: var(--border-radius-messages) !important;--border-bottom-left-radius: var(--border-radius-messages) !important;margin-top:-0.5rem;margin-bottom:.5rem}.SponsoredMessage::before{display:none}.SponsoredMessage__button.secondary{margin-top:.5rem;border:1px solid var(--color-primary);border-radius:var(--border-radius-default-tiny);color:var(--color-primary)}
|
|
.ContactGreeting{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.ContactGreeting .wrapper{display:inline-flex;flex-direction:column;align-items:center;background:var(--pattern-color);width:14.5rem;padding:.75rem 1rem;border-radius:1.5rem;color:#fff}.ContactGreeting .title{font-weight:500;margin-bottom:0}.ContactGreeting .description{font-size:.9375rem;margin-bottom:0}.ContactGreeting .sticker{margin:2rem 0 1rem;height:10rem;width:10rem;cursor:pointer}.ContactGreeting .sticker .thumbnail{height:10rem;width:10rem}
|
|
.NoMessages{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.NoMessages .icon{font-size:5rem;margin:0 auto 1rem}.NoMessages .wrapper{display:inline-flex;flex-direction:column;background:var(--pattern-color);max-width:20rem;padding:.75rem 1rem;border-radius:1.5rem;color:#fff}.NoMessages .wrapper[dir=rtl]{text-align:right}.NoMessages .title{font-weight:500;font-size:1rem;margin-bottom:.25rem;text-align:center;unicode-bidi:plaintext}.NoMessages .description{font-size:.9375rem;margin:0;padding:0;list-style:none;unicode-bidi:plaintext}.NoMessages .list-checkmarks{font-size:.9375rem;margin:.25rem 0 0;padding:0;list-style:none;unicode-bidi:plaintext;line-height:1.8}.NoMessages .list-checkmarks li::before{content:"✓";margin-inline-end:.5rem}
|
|
.MessageList{flex:1;width:100%;margin-bottom:.5rem;overflow:scroll;overflow-x:hidden;overflow-y:auto;transition:transform var(--layer-transition);transition:bottom 150ms ease-out,transform var(--layer-transition)}@supports(overflow-y: overlay){.MessageList{overflow-y:overlay;overflow-x:hidden}}body.animation-level-0 .MessageList{transition:none !important}.mask-image-enabled .MessageList{-webkit-mask-image:linear-gradient(to top, transparent 0, #000 0.5rem);mask-image:linear-gradient(to top, transparent 0, #000 0.5rem)}@media(pointer: coarse){.MessageList{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.MessageList.select-mode-active{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}}body.keyboard-visible .MessageList{position:relative;bottom:calc(0px - env(safe-area-inset-bottom))}body.keyboard-visible.animation-level-0 body.keyboard-visible .MessageList{transition:none !important}.MessageList.no-avatars .Message>.Avatar{display:none}.MessageList .messages-container{width:100%;max-width:var(--messages-container-width);min-height:100%;margin:0 auto;display:flex;justify-content:flex-end;flex-direction:column;padding:1rem 1rem 0 1.125rem}.force-messages-scroll .MessageList .messages-container{margin-top:100vh !important}@media(max-width: 600px){.MessageList .messages-container{width:100vw;padding:2.75rem .5rem 0;margin:0}}.MessageList.no-composer{margin-bottom:0}.MessageList.no-composer .last-in-list{margin-bottom:1rem}.MessageList.select-mode-active,.MessageList.type-pinned{margin-bottom:0}.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:5.625rem}@media(max-width: 600px){.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:4.25rem}}.MessageList.select-mode-active .last-in-list.ActionMessage,.MessageList.type-pinned .last-in-list.ActionMessage{padding-bottom:.125rem}@media(max-width: 600px){.MessageList.with-bottom-shift{margin-bottom:0}.MessageList.with-bottom-shift .last-in-list{margin-bottom:4.25rem}body:not(.keyboard-visible) .MessageList.with-bottom-shift .last-in-list{margin-bottom:calc(4.25rem + env(safe-area-inset-bottom))}}.MessageList .Message,.MessageList .ActionMessage{position:relative;opacity:1;transform:scale(1);transition:opacity .2s ease,transform .2s ease}.MessageList .Message:not(.open),.MessageList .ActionMessage:not(.open){transform:scale(0.8);opacity:0}.MessageList .Message.open.shown,.MessageList .ActionMessage.open.shown{transform:none}.MessageList .Message::before,.MessageList .ActionMessage::before{content:"";position:absolute;top:-0.1875rem;bottom:-0.1875rem;left:-50vw;right:-50vw;background:#000;z-index:-1;opacity:0;transition:opacity var(--select-transition)}body.animation-level-0 .MessageList .Message::before,body.animation-level-0 .MessageList .ActionMessage::before{transition:none !important}.MessageList .Message:not(.last-in-group)::before,.MessageList .ActionMessage:not(.last-in-group)::before{bottom:-0.1875rem}.MessageList .Message:not(.first-in-group)::before,.MessageList .ActionMessage:not(.first-in-group)::before{top:-0.1875rem}.MessageList .Message.focused::before,.MessageList .ActionMessage.focused::before{transition:none !important}.MessageList .Message.focused::before,.MessageList .Message.is-forwarding::before,.MessageList .Message.is-selected::before,.MessageList .Message.has-menu-open::before,.MessageList .ActionMessage.focused::before,.MessageList .ActionMessage.is-forwarding::before,.MessageList .ActionMessage.is-selected::before,.MessageList .ActionMessage.has-menu-open::before{opacity:.1}.theme-dark .MessageList .Message.focused::before,.theme-dark .MessageList .Message.is-forwarding::before,.theme-dark .MessageList .Message.is-selected::before,.theme-dark .MessageList .Message.has-menu-open::before,.theme-dark .MessageList .ActionMessage.focused::before,.theme-dark .MessageList .ActionMessage.is-forwarding::before,.theme-dark .MessageList .ActionMessage.is-selected::before,.theme-dark .MessageList .ActionMessage.has-menu-open::before{opacity:.6}.MessageList>.empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.MessageList>.empty>span{max-width:80%;text-align:left}.MessageList>.empty .text-entity-link{color:inherit !important;text-decoration:underline}.MessageList>.empty .text-entity-link:hover,.MessageList>.empty .text-entity-link:focus{text-decoration:none}.MessageList .sticky-date,.MessageList .local-action-message,.MessageList .ActionMessage,.MessageList .empty{text-align:center;-webkit-user-select:none;user-select:none}.MessageList .sticky-date>span,.MessageList .local-action-message>span,.MessageList .ActionMessage>span,.MessageList .empty>span{display:inline-block;background:var(--pattern-color);color:#fff;font-size:calc(var(--message-text-size, 1rem) - .0625rem);font-weight:500;line-height:1.75;padding:0 .5rem;border-radius:var(--border-radius-messages);word-break:break-word}body.is-ios .MessageList .sticky-date>span,body.is-macos .MessageList .sticky-date>span,body.is-ios .MessageList .local-action-message>span,body.is-macos .MessageList .local-action-message>span,body.is-ios .MessageList .ActionMessage>span,body.is-macos .MessageList .ActionMessage>span,body.is-ios .MessageList .empty>span,body.is-macos .MessageList .empty>span{font-size:calc(var(--message-text-size, 1rem) - .125rem);line-height:calc(var(--message-text-size, 1rem) + .5rem)}.MessageList .sticky-date>span .emoji-small,.MessageList .local-action-message>span .emoji-small,.MessageList .ActionMessage>span .emoji-small,.MessageList .empty>span .emoji-small{vertical-align:text-bottom;width:calc(1.25*var(--message-text-size, 1rem));height:calc(1.25*var(--message-text-size, 1rem));background-size:calc(1.25*var(--message-text-size, 1rem))}.MessageList .sticky-date{margin-top:1rem;margin-bottom:1rem;z-index:var(--z-sticky-date);pointer-events:none;opacity:1;transition:opacity .3s ease}@media(max-width: 600px){.MessageList .sticky-date{margin-top:.5rem;margin-bottom:.75rem}}body:not(.is-scrolling-messages) .MessageList .sticky-date.stuck{opacity:0}body:not(.is-scrolling-messages) .MessageList .sticky-date.stuck span{pointer-events:none}body.animation-level-0 .MessageList .sticky-date{transition:none}.MessageList .sticky-date.interactive{cursor:pointer}.MessageList .sticky-date span{pointer-events:auto}.MessageList.scrolled:not(.is-animating) .sticky-date{position:sticky;top:.625rem}.MessageList.is-animating{overflow:hidden}.MessageList.is-animating .message-select-control{display:none !important}.has-header-tools .MessageList .sticky-date{top:3.75rem !important}.MessageList .local-action-message,.MessageList .ActionMessage{margin-top:.5rem;margin-bottom:.5rem}.MessageList .ActionMessage .action-link{cursor:pointer}.MessageList .ActionMessage .action-link:hover{text-decoration:underline}.MessageList .sticky-date+.ActionMessage{margin-top:-0.5rem}@media(min-width: 1276px){.MessageList{width:100%;transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}.MessageList .messages-container{width:calc(100% - var(--right-column-width))}body.animation-level-0 .MessageList{transition:none}#Main.right-column-open .MessageList{transform:translate3d(calc(var(--right-column-width) / -2), 0, 0)}body:not(.animating-right-column) #Main.right-column-open .MessageList.select-mode-active,#Main.right-column-open .MessageList:not(.select-mode-active),body.animating-right-column .MessageList:not(.select-mode-active){width:calc(100% - var(--right-column-width))}body:not(.animating-right-column) #Main.right-column-open .MessageList.select-mode-active .messages-container,#Main.right-column-open .MessageList:not(.select-mode-active) .messages-container,body.animating-right-column .MessageList:not(.select-mode-active) .messages-container{width:100%}}@media(max-width: 600px){.MessageList{transition:transform var(--layer-transition)}body.enable-symbol-menu-transforms .MessageList{transform:translate3d(0, 0, 0)}body.is-symbol-menu-open .MessageList{transform:translate3d(0, calc(-1 * (var(--symbol-menu-height) + var(--symbol-menu-footer-height))), 0)}}.animating>div>.MessageList::-webkit-scrollbar{width:0}@supports(scrollbar-width: none){.animating>div>.MessageList{padding-right:.6875rem;scrollbar-width:none}}
|
|
.ScrollDownButton{--base-bottom-pos: 6rem;position:absolute;bottom:var(--base-bottom-pos);right:max(1rem,env(safe-area-inset-right));opacity:0;transform:translateY(4.5rem);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .2s ease;z-index:var(--z-scroll-down-button);pointer-events:none}body.animation-level-0 .ScrollDownButton{transform:none !important;transition:opacity .15s}@media(max-width: 600px){.ScrollDownButton{right:.5rem;bottom:4.5rem}body:not(.keyboard-visible) .ScrollDownButton{bottom:calc(4.5rem + env(safe-area-inset-bottom))}}.ScrollDownButton-inner{display:flex;flex-direction:column;align-items:center}.ScrollDownButton-inner>.Button{box-shadow:0 1px 2px var(--color-default-shadow);color:var(--color-composer-button)}.ScrollDownButton-inner>.Button i{font-size:1.75rem}@media(min-width: 1276px){.ScrollDownButton-inner{transform:translateX(0);transition:transform var(--layer-transition)}body.animation-level-0 .ScrollDownButton-inner{transition:none !important}#Main.right-column-open .ScrollDownButton-inner{transform:translateX(calc(-1 * var(--right-column-width)))}}@media(max-width: 600px){.ScrollDownButton-inner>.Button{width:2.875rem;height:2.875rem}}.ScrollDownButton.revealed{transform:translateY(0);opacity:1;pointer-events:all}.ScrollDownButton.revealed.no-composer:not(.with-extra-shift){transform:translateY(4rem)}.ScrollDownButton .unread-count{min-width:1.5rem;height:1.5rem;padding:0 .4375rem;border-radius:.75rem;font-size:.875rem;line-height:1.5rem;font-weight:500;text-align:center;position:absolute;top:-0.3125rem;right:-0.3125rem;background:var(--color-green);color:#fff;pointer-events:none}@media(max-width: 600px){.ScrollDownButton .unread-count{top:-0.6875rem;right:auto}}@media(max-width: 600px){body.is-symbol-menu-open .ScrollDownButton{bottom:calc(var(--base-bottom-pos) + var(--symbol-menu-height) + var(--symbol-menu-footer-height))}}
|
|
.AttachMenu{align-self:flex-end}.AttachMenu--button:focus{color:var(--color-primary)}.AttachMenu--menu{position:relative;top:-3.5rem}@media(max-width: 600px){.AttachMenu--menu{top:-2.875rem}}.is-pointer-env .AttachMenu--menu>.backdrop{position:absolute;top:-1rem;left:auto;right:0;width:3.5rem}.AttachMenu--menu .media-disabled>button{white-space:normal}
|
|
.BotKeyboardMenu .bubble{width:100% !important;max-width:27rem;border-radius:var(--border-radius-default-small)}.BotKeyboardMenu .content{display:flex;flex-direction:column;padding:.1875rem .625rem;max-height:80vh;overflow:auto}@media(max-width: 600px){.BotKeyboardMenu .content{max-height:75vh}}.BotKeyboardMenu .content .row{display:flex;flex-direction:row}.BotKeyboardMenu .content .row+.row{margin-top:.375rem}.BotKeyboardMenu .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}.BotKeyboardMenu .content .Button:hover{color:#fff;border-color:var(--color-primary-shade);background:var(--color-primary-shade)}.BotKeyboardMenu .content .Button+.Button{margin-left:.375rem}
|
|
.ComposerEmbeddedMessage{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out}.select-mode-active+.middle-column-footer .ComposerEmbeddedMessage{display:none}.ComposerEmbeddedMessage:not(.open){height:0 !important}body.animation-level-0 .ComposerEmbeddedMessage{transition:none !important}.ComposerEmbeddedMessage>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage>div>.Button{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;align-self:center}@media(max-width: 600px){.ComposerEmbeddedMessage>div>.Button{width:2.875rem}}
|
|
.WebPagePreview{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out;--accent-color: var(--color-primary)}body.animation-level-0 .WebPagePreview{transition:none !important}.select-mode-active+.middle-column-footer .WebPagePreview{display:none}.WebPagePreview:not(.open){height:0 !important}.WebPagePreview>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage+.WebPagePreview{margin-top:.75rem}.WebPagePreview>div>.Button{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;align-self:center}@media(max-width: 600px){.WebPagePreview>div>.Button{width:2.875rem}}.WebPagePreview .WebPage{flex-grow:1;margin:.1875rem 0 .1875rem .125rem;max-width:calc(100% - 3.375rem)}.WebPagePreview .WebPage::before{top:.125rem;bottom:.0625rem}.WebPagePreview .WebPage.with-video .media-inner{display:none}.WebPagePreview .WebPage .site-title,.WebPagePreview .WebPage .site-description{flex:1;max-width:100%;max-height:1rem}.WebPagePreview .WebPage .site-title{margin-top:.125rem;margin-bottom:.1875rem}.WebPagePreview .WebPage .site-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.Composer{align-items:flex-end}.select-mode-active+.middle-column-footer .Composer{position:absolute;padding-right:2rem;bottom:env(safe-area-inset-bottom)}@media(max-width: 600px){.select-mode-active+.middle-column-footer .Composer{padding-right:1rem}}.select-mode-active+.middle-column-footer .Composer::before{right:2.125rem}@media(max-width: 600px){.select-mode-active+.middle-column-footer .Composer::before{right:1rem}}.select-mode-active+.middle-column-footer .Composer .svg-appendix{opacity:0}.Composer .form-control{--border-width: 0}@keyframes show-send-as-button{from{width:1rem;transform:scale(0)}to{width:3.5rem;transform:scale(1)}}.Composer>.Button{flex-shrink:0;margin-left:.5rem}.Composer>.Button:not(.danger){color:var(--color-composer-button)}@media(max-width: 600px){.Composer>.Button{width:2.875rem;height:2.875rem}}.Composer>.Button .icon-send,.Composer>.Button .icon-schedule,.Composer>.Button .icon-microphone-alt,.Composer>.Button .icon-check{position:absolute}.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-send,.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-schedule,.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-check{color:var(--color-primary)}.Composer>.Button.cancel{position:relative;z-index:1}.Composer>.Button.cancel:hover,.Composer>.Button.cancel.active{background:var(--color-chat-hover)}.Composer>.Button.recording{position:relative;z-index:0;transition:box-shadow .1s}.Composer>.Button.send .icon-send{animation:grow-icon .4s ease-out}.Composer>.Button.send .icon-microphone-alt,.Composer>.Button.send .icon-check,.Composer>.Button.send .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.schedule .icon-schedule{animation:grow-icon .4s ease-out}.Composer>.Button.schedule .icon-microphone-alt,.Composer>.Button.schedule .icon-check,.Composer>.Button.schedule .icon-send{animation:hide-icon .4s forwards ease-out}.Composer>.Button.record .icon-microphone-alt{animation:grow-icon .4s ease-out}.Composer>.Button.record .icon-send,.Composer>.Button.record .icon-check,.Composer>.Button.record .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.edit .icon-check{animation:grow-icon .4s ease-out}.Composer>.Button.edit .icon-send,.Composer>.Button.edit .icon-microphone-alt,.Composer>.Button.edit .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.not-ready>i{animation-duration:0ms !important}body.animation-level-0 .Composer>.Button .icon-send,body.animation-level-0 .Composer>.Button .icon-microphone-alt,body.animation-level-0 .Composer>.Button .icon-check,body.animation-level-0 .Composer>.Button .icon-schedule,body.animation-level-1 .Composer>.Button .icon-send,body.animation-level-1 .Composer>.Button .icon-microphone-alt,body.animation-level-1 .Composer>.Button .icon-check,body.animation-level-1 .Composer>.Button .icon-schedule{animation-duration:0ms !important}.Composer .send-as-button{z-index:1}body:not(.animation-level-0) .Composer .send-as-button.appear-animation{animation:.25s ease-in-out forwards show-send-as-button;transform-origin:right}.Composer .mobile-symbol-menu-button{width:2.875rem;height:2.875rem;position:relative}.Composer .mobile-symbol-menu-button .icon-smile,.Composer .mobile-symbol-menu-button .icon-keyboard,.Composer .mobile-symbol-menu-button .Spinner{position:absolute}.Composer .mobile-symbol-menu-button .Spinner{--spinner-size: 1.5rem}.Composer .mobile-symbol-menu-button .icon-smile{animation:grow-icon .4s ease-out}.Composer .mobile-symbol-menu-button .icon-keyboard,.Composer .mobile-symbol-menu-button .Spinner{animation:hide-icon .4s forwards ease-out}.Composer .mobile-symbol-menu-button.not-ready>i{animation-duration:0ms !important}.Composer .mobile-symbol-menu-button.is-loading .Spinner{animation:grow-icon .4s ease-out}.Composer .mobile-symbol-menu-button.is-loading .icon-keyboard,.Composer .mobile-symbol-menu-button.is-loading .icon-smile{animation:hide-icon .4s forwards ease-out}.Composer .mobile-symbol-menu-button.menu-opened .icon-keyboard{animation:grow-icon .4s ease-out}.Composer .mobile-symbol-menu-button.menu-opened .icon-smile,.Composer .mobile-symbol-menu-button.menu-opened .Spinner{animation:hide-icon .4s forwards ease-out}#message-compose{flex-grow:1;max-width:calc(100% - 4rem);background:var(--color-background);border-radius:var(--border-radius-messages);border-bottom-right-radius:0;box-shadow:0 1px 2px var(--color-default-shadow);position:relative;z-index:1}#message-compose .svg-appendix{position:absolute;bottom:-0.1875rem;right:-0.551rem;width:.5625rem;height:1.25rem;transition:opacity 200ms;font-size:1rem !important}#message-compose .svg-appendix .corner{fill:var(--color-background)}@media(max-width: 600px){#message-compose{max-width:calc(100% - 3.375rem)}}.message-input-wrapper{display:flex}.message-input-wrapper>.Spinner{align-self:center;--spinner-size: 1.5rem;margin-right:-0.5rem}.message-input-wrapper>.AttachMenu>.Button,.message-input-wrapper>.Button{flex-shrink:0;background:none !important;width:3.5rem;height:3.5rem;margin:0;padding:0;align-self:flex-end}.message-input-wrapper>.AttachMenu>.Button:not(.faded):not(.activated),.message-input-wrapper>.Button:not(.faded):not(.activated){color:var(--color-composer-button)}.message-input-wrapper>.AttachMenu>.Button+.Button,.message-input-wrapper>.AttachMenu>.Button+.AttachMenu,.message-input-wrapper>.Button+.Button,.message-input-wrapper>.Button+.AttachMenu{margin-left:-1rem}@media(max-width: 600px){.message-input-wrapper>.AttachMenu>.Button,.message-input-wrapper>.Button{width:2.875rem;height:2.875rem}.message-input-wrapper>.AttachMenu>.Button+.Button,.message-input-wrapper>.AttachMenu>.Button+.AttachMenu,.message-input-wrapper>.Button+.Button,.message-input-wrapper>.Button+.AttachMenu{margin-left:-0.6875rem}}.message-input-wrapper>.AttachMenu>.Button.bot-commands,.message-input-wrapper>.Button.bot-commands{color:var(--color-primary) !important}body.is-touch-env .message-input-wrapper>.AttachMenu>.Button.bot-commands.activated+.Button.mobile-symbol-menu-button,body.is-touch-env .message-input-wrapper>.Button.bot-commands.activated+.Button.mobile-symbol-menu-button{z-index:calc(var(--z-menu-backdrop) + 1)}.message-input-wrapper>.AttachMenu>.Button.scheduled-button i::after,.message-input-wrapper>.Button.scheduled-button i::after{content:"";position:absolute;top:.75rem;right:.875rem;border:.1875rem solid var(--color-background);box-sizing:content-box;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-green-darker);box-shadow:-0.375rem -0.25rem 0 -0.1875rem var(--color-background)}@media(max-width: 600px){.message-input-wrapper>.AttachMenu>.Button.scheduled-button i::after,.message-input-wrapper>.Button.scheduled-button i::after{top:.5rem;right:.5rem}}.message-input-wrapper>.input-group{flex-grow:1;margin-bottom:0}.message-input-wrapper .recording-state{display:inline-block;position:relative;line-height:3.5rem;height:3.5rem;padding:0 3.125rem 0 1rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Helvetica Neue",sans-serif}.message-input-wrapper .recording-state::after{content:"";width:.75rem;height:.75rem;background:var(--color-error);border-radius:.375rem;position:absolute;top:50%;margin-top:-0.375rem;right:1.3125rem;animation:recording-blink-like-macos 1.5s infinite}@media(max-width: 600px){.message-input-wrapper .recording-state{height:2.875rem;line-height:2.875rem}}#message-input-text,#caption-input-text{position:relative}#message-input-text .form-control,#caption-input-text .form-control{padding:calc((3.25rem - var(--composer-text-size, 1rem)*1.375)/2 - var(--border-width, 0)*2) calc(.9rem - var(--border-width));overflow:hidden;line-height:1.375;font-family:Roboto,-apple-system,"Apple Color Emoji","Helvetica Neue",sans-serif;unicode-bidi:plaintext;text-align:initial;font-size:var(--composer-text-size, 1rem)}body.is-ios #message-input-text .form-control,body.is-macos #message-input-text .form-control,body.is-ios #caption-input-text .form-control,body.is-macos #caption-input-text .form-control{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Roboto","Apple Color Emoji","Helvetica Neue",sans-serif}#message-input-text .form-control.overflown,#caption-input-text .form-control.overflown{overflow-y:auto;overflow-x:hidden}#message-input-text .form-control.touched+.placeholder-text,#message-input-text .form-control:focus+.placeholder-text,#caption-input-text .form-control.touched+.placeholder-text,#caption-input-text .form-control:focus+.placeholder-text{display:none}#message-input-text .form-control.focus-disabled,#caption-input-text .form-control.focus-disabled{pointer-events:none}#message-input-text .forced-placeholder,#message-input-text .placeholder-text,#caption-input-text .forced-placeholder,#caption-input-text .placeholder-text{position:absolute;color:var(--color-placeholders);pointer-events:none;unicode-bidi:plaintext;text-align:initial;line-height:1.3125;font-size:var(--composer-text-size, 1rem);top:calc((3.25rem - var(--composer-text-size, 1rem)*1.375)/2);bottom:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#message-input-text .forced-placeholder,#caption-input-text .forced-placeholder{z-index:var(--z-below);left:0}#message-input-text[dir=rtl] .placeholder-text,#caption-input-text[dir=rtl] .placeholder-text{right:0}#message-input-text .text-entity-link,#caption-input-text .text-entity-link{color:var(--color-links) !important;cursor:default;text-decoration:none}#message-input-text .text-entity-link:hover,#message-input-text .text-entity-link:active,#message-input-text .text-entity-link:visited,#caption-input-text .text-entity-link:hover,#caption-input-text .text-entity-link:active,#caption-input-text .text-entity-link:visited{text-decoration:underline !important}#message-input-text .spoiler,#caption-input-text .spoiler{background-image:url(spoiler-dots-black.b2dd6e4f4a5a520c4ccd..png);background-size:auto min(100%,1.125rem);border-radius:.5rem;padding:0 .3125rem .125rem .3125rem;text-shadow:-2px -2px 0 var(--color-background),2px -2px 0 var(--color-background),-2px 2px 0 var(--color-background),2px 2px 0 var(--color-background)}html.theme-dark #message-input-text .spoiler,html.theme-dark #caption-input-text .spoiler{background-image:url(spoiler-dots-white.ab45f83c6ba729884808..png)}#message-input-text .clone,#caption-input-text .clone{position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:-10;unicode-bidi:plaintext;text-align:initial}#message-input-text{flex-grow:1}#message-input-text .form-control{margin-bottom:0;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;caret-color:var(--color-text);min-height:3.5rem;max-height:26rem;line-height:1.3125;padding:calc((3.5rem - var(--composer-text-size, 1rem)*1.3125)/2) 0;white-space:pre-wrap;transition:height 100ms ease}@media(max-width: 600px){#message-input-text .form-control{height:2.875rem;min-height:2.875rem;max-height:16rem;padding:calc((2.875rem - var(--composer-text-size, 1rem)*1.3125)/2) 0;overflow:auto}}body.animation-level-0 #message-input-text .form-control{transition:none !important}#message-input-text .forced-placeholder,#message-input-text .placeholder-text{top:calc((3.5rem - var(--composer-text-size, 1rem)*1.3125)/2)}@media(max-width: 600px){#message-input-text .forced-placeholder,#message-input-text .placeholder-text{top:calc((2.875rem - var(--composer-text-size, 1rem)*1.3125)/2)}}#message-input-text:not(:only-child) .form-control{padding-left:0;padding-right:0}.ComposerEmbeddedMessage+.message-input-wrapper #message-input-text .form-control.overflown,.WebPagePreview+.message-input-wrapper #message-input-text .form-control.overflown{margin-top:.75rem}#message-input-text .emoji{width:1.25rem;height:1.25rem;margin:0 1px -5px;vertical-align:0;pointer-events:none}#caption-input-text .form-control{height:3.25rem;min-height:3.25rem;max-height:15rem}#caption-input-text .placeholder-text{bottom:.8125rem;left:.9375rem}.composer-tooltip{position:absolute;bottom:calc(100% + .5rem);left:0;width:100%;background:var(--color-background);border-radius:var(--border-radius-messages);padding:.5rem 0;max-height:15rem;overflow-x:hidden;overflow-y:auto;box-shadow:0 1px 2px var(--color-default-shadow);opacity:0;transform:translateY(1.5rem);transform-origin:bottom;transition:opacity var(--layer-transition),transform var(--layer-transition)}@supports(overflow-y: overlay){.composer-tooltip{overflow-y:overlay;overflow-x:hidden}}.composer-tooltip:not(.shown){display:none}.composer-tooltip.open{opacity:1;transform:translateY(0)}.composer-tooltip .Loading{margin:1rem 0}@keyframes recording-blink-like-macos{from{opacity:1}to{opacity:.3}}
|
|
#middle-column-bg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:-1;background-color:var(--theme-background-color)}body:not(.animation-level-0) #root #middle-column-bg{transition:background-color .2s}#middle-column-bg::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--theme-background-color);background-position:center;background-repeat:no-repeat;background-size:cover}body:not(.animation-level-0) #root #middle-column-bg::after{transition:transform var(--layer-transition),background-image .2s}body.animation-level-0 #middle-column-bg::after{transition:none}.theme-light #middle-column-bg::after{background-image:url(chat-bg.f607e788298d8a7de37a..jpg)}@media(max-width: 600px){.theme-light #middle-column-bg::after{background-image:url(chat-bg-mobile.3ebe59c803c10092f223..jpg)}}.theme-dark #MiddleColumn:not(.custom-bg-image) #middle-column-bg::after{background-image:url(chat-bg-dark.4d8c9dce3544b239b64b..png);background-position:top left;background-size:650px;background-repeat:repeat}.custom-bg-color:not(.custom-bg-image) #middle-column-bg::after{opacity:0}.custom-bg-image #middle-column-bg::after{background-image:var(--custom-background) !important;filter:none;transform:scale(1.1)}.custom-bg-image.blurred #middle-column-bg::after{filter:blur(12px)}@media screen and (min-width: 1276px){body.animation-level-2 #middle-column-bg::after{margin:-16rem -5rem -20rem 0;overflow:hidden;transform:scale(1);transform-origin:left center;transition:transform var(--layer-transition)}html.theme-light body.animation-level-2 #Main.right-column-open #MiddleColumn:not(.custom-bg-image) #middle-column-bg::after{transform:scale(0.67) !important}}@media screen and (min-width: 1921px){html.theme-light body.animation-level-2 #Main.right-column-open #MiddleColumn:not(.custom-bg-image) #middle-column-bg::after{transform:scale(0.8) !important}}@media screen and (min-width: 2600px){html.theme-light body.animation-level-2 #Main.right-column-open #MiddleColumn:not(.custom-bg-image) #middle-column-bg::after{transform:scale(0.95) !important}}#MiddleColumn{display:flex;justify-content:center;height:100%;position:relative;z-index:1;min-width:0}@media(max-width: 600px){#MiddleColumn{overflow:hidden}}#MiddleColumn .messages-layout{--slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}#MiddleColumn .messages-layout>.Transition{width:100%;height:100%;overflow:hidden}#MiddleColumn .messages-layout>.Transition>div{display:flex;flex-direction:column;align-items:center}#MiddleColumn .Composer #message-compose{transform:scaleX(1) translateX(0);transition:transform var(--select-transition),border-bottom-right-radius var(--select-transition)}#MiddleColumn .Composer #message-compose::before{transform:scaleX(-1) translateX(0);transition:transform var(--select-transition)}body.animation-level-0 #MiddleColumn .Composer #message-compose,body.animation-level-0 #MiddleColumn .Composer #message-compose::before{transition:none !important}#MiddleColumn .Composer .message-input-wrapper,#MiddleColumn .Composer::before{opacity:1;transition:opacity var(--select-transition)}body.animation-level-0 #MiddleColumn .Composer .message-input-wrapper,body.animation-level-0 #MiddleColumn .Composer::before{transition:none !important}#MiddleColumn .Composer>.Button{opacity:1;transform:scale(1);transition:opacity var(--select-transition),transform var(--select-transition),background-color .15s,color .15s}body.animation-level-0 #MiddleColumn .Composer>.Button{transition:none !important}#MiddleColumn .Composer.hover-disabled,#MiddleColumn .Composer:not(.shown){pointer-events:none}#MiddleColumn .Composer:not(.shown) .ComposerEmbeddedMessage{height:0}#MiddleColumn .Composer:not(.shown) #message-compose{transform:scaleX(var(--composer-hidden-scale, 1)) translateX(var(--composer-translate-x, 0));border-bottom-right-radius:var(--border-radius-messages)}#MiddleColumn .Composer:not(.shown) #message-compose::before{transform:scaleX(-1) translateX(200%)}#MiddleColumn .Composer:not(.shown) #editable-message-text{height:3.5rem !important}@media(max-width: 600px){#MiddleColumn .Composer:not(.shown) #editable-message-text{height:2.5rem !important}}#MiddleColumn .Composer:not(.shown) .message-input-wrapper,#MiddleColumn .Composer:not(.shown)::before{opacity:0}#MiddleColumn .Composer:not(.shown)>.Button{opacity:0 !important;transform:scale(0.5)}#MiddleColumn .messaging-disabled{transform:scaleX(1);transition:transform var(--select-transition)}#MiddleColumn .messaging-disabled .messaging-disabled-inner span{opacity:1;transition:opacity var(--select-transition)}body.animation-level-0 #MiddleColumn .messaging-disabled .messaging-disabled-inner span{transition:none !important}body.animation-level-0 #MiddleColumn .messaging-disabled{transition:none !important}#MiddleColumn .messaging-disabled:not(.shown){transform:scaleX(var(--composer-hidden-scale, 1));pointer-events:none}#MiddleColumn .messaging-disabled:not(.shown) .messaging-disabled-inner span{opacity:0}#MiddleColumn .messaging-disabled-inner{width:100%;padding:1rem;border-radius:var(--border-radius-messages);background:var(--color-background);color:var(--color-text-secondary);text-align:center;box-shadow:0 1px 2px var(--color-default-shadow)}#MiddleColumn .middle-column-footer{width:100%;max-width:var(--messages-container-width);padding:0 1rem;position:relative;display:flex;align-items:flex-end;z-index:var(--z-middle-footer);transform:translate3d(0, 0, 0);transition:top 200ms,transform var(--layer-transition)}body.animation-level-0 #MiddleColumn .middle-column-footer{transition:none !important}@media(min-width: 1276px){#MiddleColumn .middle-column-footer{width:calc(100% - var(--right-column-width))}#Main.right-column-open #MiddleColumn .middle-column-footer{transform:translate3d(calc(var(--right-column-width) / -2), 0, 0)}}@media(max-width: 600px){#MiddleColumn .middle-column-footer{padding:0 .5rem}body.is-symbol-menu-open #MiddleColumn .middle-column-footer{transform:translate3d(0, calc(-1 * (var(--symbol-menu-height) + var(--symbol-menu-footer-height))), 0)}}#MiddleColumn .middle-column-footer:not(.no-composer){padding-bottom:env(safe-area-inset-bottom);top:0}body.keyboard-visible #MiddleColumn .middle-column-footer:not(.no-composer){top:env(safe-area-inset-bottom)}#MiddleColumn .middle-column-footer::before{content:"";position:absolute;top:-0.5625rem;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.4) 98%, rgba(255, 255, 255, 0) 100%);opacity:0;transition:opacity 350ms ease}@media(max-width: 600px){#MiddleColumn .middle-column-footer::before{left:-2%;right:-2%}}#MiddleColumn .middle-column-footer.with-notch::before{opacity:1}html.theme-dark #MiddleColumn .middle-column-footer::before{background:linear-gradient(90deg, rgba(127, 127, 127, 0) 0%, rgba(127, 127, 127, 0.4) 2%, rgba(127, 127, 127, 0.4) 98%, rgba(127, 127, 127, 0) 100%)}.Composer,.MessageSelectToolbar,.messaging-disabled{margin-bottom:1.25rem}@media(max-width: 600px){.Composer,.MessageSelectToolbar,.messaging-disabled{margin-bottom:.5rem}}.Composer,.MessageSelectToolbar,.unpin-all-button,.join-subscribe-button,.messaging-disabled{width:100%;display:flex;justify-content:center;position:relative}.mask-image-disabled .MessageSelectToolbar-inner,.mask-image-disabled .unpin-all-button,.mask-image-disabled .join-subscribe-button,.mask-image-disabled .messaging-disabled{box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-radius:var(--border-radius-messages)}.middle-column-footer-button-container{width:100%;display:flex;justify-content:center;position:absolute;padding-bottom:1.25rem}.middle-column-footer-button-container .unpin-all-button{text-transform:capitalize;color:var(--color-black)}@media(hover: hover){.middle-column-footer-button-container .unpin-all-button:hover .icon-unpin{color:var(--color-white)}}@media(max-width: 600px){.middle-column-footer-button-container .unpin-all-button:active .icon-unpin,.middle-column-footer-button-container .unpin-all-button:focus .icon-unpin{color:var(--color-white)}}.middle-column-footer-button-container .unpin-all-button .icon-unpin{margin-inline-start:-0.4375rem;margin-inline-end:.75rem;color:var(--color-text-secondary);font-size:1.5rem;transition:color .15s}.middle-column-footer-button-container .join-subscribe-button,.middle-column-footer-button-container .unpin-all-button{height:3.5rem;transform:scaleX(1);transition:transform var(--select-transition),background-color .15s,color .15s}.select-mode-active+.middle-column-footer .middle-column-footer-button-container .join-subscribe-button,.select-mode-active+.middle-column-footer .middle-column-footer-button-container .unpin-all-button{box-shadow:none;transform:scaleX(var(--unpin-hidden-scale))}@media(max-width: 600px){.middle-column-footer-button-container .join-subscribe-button,.middle-column-footer-button-container .unpin-all-button{height:2.5rem}}@media(max-width: 600px){.middle-column-footer-button-container{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}.mask-image-disabled .middle-column-footer-button-container::before{background:unset}
|
|
.RightHeader{display:flex;align-items:center;height:var(--header-height);padding:.5rem .8125rem;pointer-events:auto}@media(max-width: 600px){.RightHeader{padding:.5rem}}.RightHeader .close-button{flex-shrink:0}.RightHeader>.Transition{flex:1;height:100%}.RightHeader>.Transition>div{display:flex;align-items:center}.RightHeader h3{margin-bottom:0;font-size:1.25rem;font-weight:500;margin-left:1.375rem}.RightHeader .tools{display:flex;margin-left:auto}.RightHeader .SearchInput{margin-left:1rem}@media(min-width: 600px){.RightHeader .SearchInput{margin-right:1rem}}.RightHeader .DropdownMenu{margin-left:auto}
|
|
.Profile{height:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll}@supports(overflow-y: overlay){.Profile{overflow-y:overlay;overflow-x:hidden}}.Profile>.profile-info>.ChatInfo{grid-area:chat_info}.Profile>.profile-info>.ChatInfo .status.online{color:var(--color-primary)}.Profile>.profile-info>.ChatExtra{padding:.875rem .5rem .5rem;box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);border-bottom:.625rem solid var(--color-background-secondary)}.Profile>.profile-info>.ChatExtra .narrow{margin-bottom:0}.Profile>.profile-info>.ChatExtra .inactive.no-selection{user-select:auto;-webkit-user-select:auto !important}.Profile>.profile-info>.ChatExtra .Switcher{margin-left:auto}.Profile>.profile-info>.ChatExtra [dir=rtl] .Switcher{margin-left:0;margin-right:auto}.Profile .FloatingActionButton{z-index:1}.shared-media{display:flex;flex-direction:column-reverse}.shared-media .TabList{background:var(--color-background);top:-1px;z-index:1}.shared-media .TabList .Tab{padding:1rem .75rem}.shared-media .TabList .Tab span{white-space:nowrap}.shared-media .TabList .Tab i{bottom:-1rem}.shared-media .Transition{flex:1}.shared-media .content.empty-list{height:100%;padding-top:5rem;display:flex;align-items:flex-start;justify-content:center}.shared-media .content.empty-list .Spinner{--spinner-size: 2.75rem}.shared-media .content.media-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.0625rem}.shared-media .content.documents-list{padding:1.25rem}.shared-media .content.documents-list .File+.File{margin-top:1.25rem}.shared-media .content.links-list{padding:1.25rem}.shared-media .content.links-list .ProgressSpinner,.shared-media .content.links-list .message-transfer-progress{display:none}.shared-media .content.audio-list,.shared-media .content.voice-list{padding:1.25rem}.shared-media .content.audio-list .Audio .media-loading,.shared-media .content.voice-list .Audio .media-loading{top:0;left:0;display:flex;align-items:center;justify-content:center}.shared-media .content.audio-list .Audio+.Audio,.shared-media .content.voice-list .Audio+.Audio{margin-top:1.6875rem}.shared-media .content.commonChats-list,.shared-media .content.members-list{padding:.5rem 1rem}@media(max-width: 600px){.shared-media .content.commonChats-list,.shared-media .content.members-list{padding:.5rem 0}.shared-media .content.commonChats-list .ListItem.chat-item-clickable,.shared-media .content.members-list .ListItem.chat-item-clickable{margin:0}}
|
|
.AddChatMembers{height:100%;overflow:hidden;position:relative}.AddChatMembers-inner{height:100%;overflow:hidden}
|
|
#RightColumn{position:absolute;top:0;right:0;width:var(--right-column-width);height:100%;padding-right:env(safe-area-inset-right);transform:translate3d(var(--right-column-width), 0, 0);background:var(--color-background);border-left:1px solid var(--color-borders);z-index:var(--z-right-column);transition:transform var(--layer-transition)}body.animation-level-0 #RightColumn{transition:none}@media(max-width: 1275px){#RightColumn{box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-left:none}}@media(max-width: 600px){#RightColumn{width:100vw;transform:translate3d(110vw, 0, 0)}}#RightColumn>.Transition{height:calc(100% - var(--header-height));overflow:hidden}#RightColumn .Management .section>.ChatInfo{padding:0 1.5rem;margin:1rem 0;text-align:center}#RightColumn .Management .section>.ChatInfo .Avatar{margin:0 auto .5rem}#RightColumn .Management .section>.ChatInfo .Avatar.no-photo{cursor:default !important}#RightColumn .Management .section>.ChatInfo .title{display:flex;justify-content:center;align-items:center}#RightColumn .Management .section>.ChatInfo .title h3{font-weight:500;font-size:1.25rem;line-height:2rem;white-space:pre-wrap;word-break:break-word}#RightColumn .Management .section>.ChatInfo .title .VerifiedIcon{margin-left:.25rem;margin-bottom:.5rem}#RightColumn .Management .section>.ChatInfo .title .emoji{width:1.5rem;height:1.5rem;background-size:1.5rem}#RightColumn .Management .section>.ChatInfo .status{font-size:.875rem;color:#868e96}#RightColumn-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--z-right-column);overflow:hidden;visibility:hidden;pointer-events:none}@media(max-width: 1275px){#RightColumn-wrapper{position:fixed}}#RightColumn-wrapper.is-hidden{display:none}#RightColumn-wrapper .overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000;opacity:0}@media(max-width: 600px){#RightColumn-wrapper .overlay-backdrop{transition:opacity var(--layer-transition)}body.animation-level-0 #RightColumn-wrapper .overlay-backdrop{transition:none}}#Main.right-column-open #RightColumn-wrapper,body.animating-right-column #RightColumn-wrapper{visibility:visible}@media(max-width: 600px){#Main.right-column-open #RightColumn-wrapper .overlay-backdrop{opacity:var(--layer-blackout-opacity)}}#Main.right-column-open #RightColumn-wrapper #RightColumn{pointer-events:auto;transform:translate3d(0, 0, 0)}
|
|
#Main{height:100%;text-align:left;overflow:hidden}@media(min-width: 1276px){#Main{position:relative}}@media(max-width: 600px){#Main{height:calc(var(--vh, 1vh)*100)}}@media(min-width: 926px){#Main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%}}.has-group-call-header{--group-call-header-height: 2rem}.has-group-call-header #LeftColumn,.has-group-call-header #MiddleColumn,.has-group-call-header #RightColumn-wrapper{height:calc(100% - 2rem);margin-top:2rem}#LeftColumn{min-width:12rem;width:33vw;max-width:26.5rem;height:100%;position:relative}#LeftColumn>div{height:100%;overflow:hidden}@media(max-width: 600px){#LeftColumn{height:calc(var(--vh, 1vh)*100)}}@media(min-width: 926px){#LeftColumn{max-width:40vw}}@media(min-width: 1276px){#LeftColumn{width:25vw;max-width:33vw}}@media(max-width: 925px){#LeftColumn{position:fixed;left:0;top:0;height:calc(var(--vh, 1vh)*100);width:26.5rem !important;transform:translate3d(-5rem, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #LeftColumn{transition:none}#LeftColumn::after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:var(--layer-blackout-opacity);transition:opacity var(--layer-transition);z-index:1}body.animation-level-0 #LeftColumn::after{transition:none}body.is-android #LeftColumn::after{display:none}body.is-android .middle-column-shown #LeftColumn::after{display:block}#Main:not(.middle-column-open) #LeftColumn{transform:translate3d(0, 0, 0)}#Main:not(.middle-column-open) #LeftColumn::after{opacity:0;pointer-events:none}#Main.history-animation-disabled #LeftColumn{transition:none}#Main.history-animation-disabled #LeftColumn:after{transition:none}}@media(max-width: 600px){#LeftColumn{max-width:none;transform:translate3d(-20vw, 0, 0);left:env(safe-area-inset-left) !important;width:calc(100vw - env(safe-area-inset-left)) !important}}@media(max-width: 600px){#RightColumn{height:calc(var(--vh, 1vh)*100 + 1px)}}#Main.history-animation-disabled #RightColumn{transition:none}#Main.history-animation-disabled #RightColumn .overlay-backdrop{transition:none}#Main.history-animation-disabled .overlay-backdrop{transition:none}#MiddleColumn{border-left:1px solid var(--color-borders)}@media(max-width: 925px){#MiddleColumn{max-width:none;position:fixed;left:0;top:0;bottom:0;right:0;transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #MiddleColumn{transition:none}#Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(26.5rem, 0, 0)}}@media(max-width: 600px){#MiddleColumn{border-left:none}#Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(100vw, 0, 0)}#Main.right-column-open #MiddleColumn{transform:translate3d(-20vw, 0, 0)}}#Main.history-animation-disabled #MiddleColumn{transition:none}#Main.history-animation-disabled #MiddleColumn:after{transition:none}body.is-android.animation-level-1{--layer-transition: 250ms ease-in-out}body.is-android.animation-level-1 #LeftColumn,body.is-android.animation-level-1 #MiddleColumn,body.is-android.animation-level-1 #RightColumn{transition:transform var(--layer-transition),opacity var(--layer-transition)}body.is-android.animation-level-1 #Main:not(.middle-column-shown) #MiddleColumn{display:none}body.is-android.animation-level-1 #Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(10vw, 0, 0);opacity:0}body.is-android.animation-level-1 #Main.middle-column-open #LeftColumn{transform:translate3d(0, 0, 0);opacity:0}body.is-android.animation-level-1 #Main:not(.right-column-shown) #RightColumn{display:none}body.is-android.animation-level-1 #Main:not(.right-column-open) #RightColumn{transform:translate3d(10vw, 0, 0);opacity:0}body.is-android.animation-level-1 #Main.right-column-open #MiddleColumn{transform:translate3d(0, 0, 0);opacity:0}
|
|
|
|
/*# sourceMappingURL=71.4998fc48600439daeb4d.css.map*/ |