mirror of
https://github.com/danog/telegram-tt.git
synced 2024-11-30 04:39:00 +01:00
70 lines
107 KiB
CSS
70 lines
107 KiB
CSS
.Switcher{display:inline-flex;align-items:center;position:relative;margin:0}.Switcher.disabled{pointer-events:none;opacity:0.5}.Switcher.inactive{pointer-events:none}body.animation-level-0 .Switcher .widget,body.animation-level-0 .Switcher .widget::after,.Switcher.no-animation .widget,.Switcher.no-animation .widget::after{transition:none !important}body.animation-level-0 .Switcher .widget:active:after,.Switcher.no-animation .widget:active:after{width:1.125rem}.Switcher input{height:0;width:0;visibility:hidden;position:absolute;z-index:var(--z-below);opacity:0}.Switcher .widget{cursor:pointer;text-indent:-999px;width:2.125rem;height:0.875rem;background:var(--color-gray);display:inline-block;border-radius:.5rem;position:relative;transition:background .2s ease-in}.Switcher .widget:after{content:'';position:absolute;top:-.125rem;left:0;width:1.125rem;height:1.125rem;background:var(--color-background);border-radius:.75rem;transition:0.2s ease-out;border:0.125rem solid var(--color-gray)}.Switcher input:checked+.widget{background:var(--color-primary)}.Switcher input:checked+.widget:after{left:calc(100% - 1.125rem);transform:translateX(calc(-100% + 1.125rem));border-color:var(--color-primary)}.Switcher .widget:active:after{width:1.25rem}
|
|
|
|
#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:0.125rem;border-radius:0.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:0.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:0.75rem;padding:0 .45rem;color:white;font-size:0.875rem;line-height:1.5rem;font-weight:500;text-align:center;flex-shrink:0}#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;overflow-y:overlay}.Transition>div:not(.active) #LeftMainHeader .Menu .bubble,body.animating-right-column #LeftMainHeader .Menu .bubble{transition:none !important}
|
|
|
|
#ConnectionState{flex:0 0 auto;display:flex;align-items:center;margin:0 0.5rem 0.5rem;padding:0.75rem;background:var(--color-yellow);border-radius:var(--border-radius-default)}#ConnectionState>.Spinner{--spinner-size: 1.75rem}#ConnectionState>.state-text{color:var(--color-text-lighter);font-weight:500;line-height:2rem;margin-inline-start:1.875rem;white-space:nowrap}@media (max-width: 950px){#ConnectionState>.state-text{margin-inline-start:1.25rem}}
|
|
|
|
.NewChatButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform 0.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, 10px);transform-style:preserve-3d}}.NewChatButton.menu-is-open::before{content:'';display:block;position:absolute;top:-13rem;left:-11rem;right:-1rem;bottom:-1rem;z-index:-1}.is-touch-env .NewChatButton .Menu>.backdrop{position:absolute;left:-100vw;right:-100vw;top:-100vh;bottom:-100vh}.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 .connection-state-wrapper{position:absolute;top:3.75rem;width:100%}#LeftColumn-main>.Transition{flex:1;overflow:hidden;transition:transform 300ms ease}#LeftColumn-main>.Transition.pull-down{transform:translateY(3.75rem)}#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:0.625rem;padding-right:0.625rem}#LeftColumn-main .ChatFolders .Tab>span{padding-left:0.5rem;padding-right:0.5rem}#LeftColumn-main .ChatFolders>.Transition{flex:1;overflow:hidden}#LeftColumn-main .chat-list,#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}
|
|
|
|
#LeftColumn{overflow:hidden}#NewChat{height:100%}.left-header{height:var(--header-height);padding:0.375rem 1.25rem .5rem 0.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}.left-header .SearchInput{margin-left:0.875rem;max-width:calc(100% - 3.625rem)}@media (max-width: 600px){.left-header .SearchInput{max-width:calc(100% - 3.375rem)}}@media (max-width: 600px){.left-header{padding:0.5rem}}
|
|
|
|
.AudioPlayer{display:flex;margin-left:auto;margin-top:-.25rem;margin-bottom:-.25rem}body.animation-level-0 .AudioPlayer{transition:none !important}.AudioPlayer>.Button{flex-shrink:0;margin:.125rem}.AudioPlayer>.toggle-play{--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)}.MiddleHeader .AudioPlayer+.HeaderActions{margin-left:1.5rem}.AudioPlayer .toggle-play.smaller{width:3rem;height:3rem}.AudioPlayer .toggle-play.smaller i{font-size:1.625rem;margin-top:-.025rem}.AudioPlayer .toggle-play i{position:absolute;font-size:1.9375rem;margin-top:-.05rem}.AudioPlayer .toggle-play i.icon-play{margin-left:.1rem}.AudioPlayer .toggle-play .icon-play,.AudioPlayer .toggle-play .icon-pause{opacity:1;transform:scale(1);transition:opacity 0.4s,transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}.AudioPlayer .toggle-play.play .icon-pause,.AudioPlayer .toggle-play.pause .icon-play,.AudioPlayer .toggle-play.loading .icon-play,.AudioPlayer .toggle-play.loading .icon-pause{opacity:0;transform:scale(0.5)}.AudioPlayer-content{display:flex;justify-content:center;flex-direction:column;flex-shrink:1;padding:.25rem .5rem;position:relative;overflow:hidden;cursor:pointer;max-width:15rem;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:0.875rem !important;line-height:1rem;height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.is-ios .AudioPlayer .AudioPlayer-content .title{font-size:.9375rem !important;line-height:.8125rem}.AudioPlayer-content .subtitle{font-size:0.85rem !important;color:var(--color-text-secondary);line-height:1.125rem;height:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.125rem 0 0}body.is-ios .AudioPlayer-content .subtitle{font-size:.9375rem !important}
|
|
|
|
.MiddleHeader{display:flex;align-items:center;width:100%;box-shadow:0 2px 2px var(--color-light-shadow);background:var(--color-background);padding:.5rem .8125rem .5rem 1.5rem;position:relative;z-index:var(--z-middle-header)}@media (max-width: 600px){.MiddleHeader{padding:0.5rem;position:relative;transform:translate3d(0, 0, 10px);transform-style:preserve-3d}}.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:0.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 0.375rem;border-radius:0.625rem;font-size:0.75rem;line-height:1.25rem;font-weight:500;text-align:center;position:absolute;top:-0.25rem;right:-0.5rem;background:var(--color-gray);color:white;pointer-events:none}.MiddleHeader .back-button .unread-count.active{background:var(--color-primary)}.MiddleHeader .chat-info-wrapper{flex-grow:1;overflow:hidden}.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 .HeaderPinnedMessage-wrapper,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(.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) .header-tools .HeaderPinnedMessage-wrapper,.MiddleHeader:not(.tools-stacked) .header-tools .AudioPlayer{opacity:1}#Main.right-column-open .MiddleHeader:not(.tools-stacked) .header-tools .HeaderPinnedMessage-wrapper,#Main.right-column-open .MiddleHeader:not(.tools-stacked) .header-tools .AudioPlayer{opacity:0}}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .header-tools .AudioPlayer{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-reverse;padding:0.375rem 0.5rem;padding-left:0.75rem;background:var(--color-background)}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage-wrapper::before,.MiddleHeader.tools-stacked .header-tools .AudioPlayer::before{content:"";display:block;position:absolute;top:-.1875rem;left:0;right:0;height:.125rem;box-shadow:0 0.125rem 0.125rem var(--color-light-shadow)}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader.tools-stacked .header-tools .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}.MiddleHeader.tools-stacked .header-tools .AudioPlayer{height:3.25rem;flex-direction:row;padding:0.375rem 0.5rem}.MiddleHeader.tools-stacked .header-tools .AudioPlayer-content{padding:0 0.5rem;flex-grow:1}.MiddleHeader.tools-stacked .header-tools .AudioPlayer>.Button{margin:0}.MiddleHeader.tools-stacked .header-tools .AudioPlayer>.player-close{margin-left:auto}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage{flex-grow:1;padding-top:0;padding-bottom:0}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage::before{top:0.125rem;bottom:0.125rem}.MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage .message-text{max-width:none}@media (min-width: 1150px){#Main.right-column-open .MiddleHeader.tools-stacked .header-tools .HeaderPinnedMessage-wrapper,#Main.right-column-open .MiddleHeader.tools-stacked .header-tools .AudioPlayer{padding-right:calc(0.5rem + var(--right-column-width))}}.MiddleHeader.tools-stacked.animated .header-tools .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked.animated .header-tools .AudioPlayer{animation:fade-in var(--layer-transition) forwards}body.animation-level-0 .MiddleHeader.tools-stacked.animated .header-tools .HeaderPinnedMessage-wrapper,body.animation-level-0 .MiddleHeader.tools-stacked.animated .header-tools .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:0.25rem;margin-top:0.05rem}.MiddleHeader .ChatInfo .user-status,.MiddleHeader .ChatInfo .status{unicode-bidi:plaintext}.MiddleHeader .Avatar{margin-right:.625rem;width:2.5rem;height:2.5rem;font-size:1.0625rem}.MiddleHeader .status,.MiddleHeader .typing-status{font-size:0.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}body.animation-level-1 .MiddleHeader .HeaderPinnedMessage-wrapper .ripple-container{display:none}.MiddleHeader .HeaderPinnedMessage-wrapper .HeaderPinnedMessage{min-width:16rem}.MiddleHeader .HeaderPinnedMessage-wrapper>.Button{flex-shrink:0}.MiddleHeader .HeaderPinnedMessage{display:flex;flex-shrink:1;margin-top:-0.25rem;margin-bottom:-0.25rem;padding:0.25rem;padding-left:0.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:0.125rem 0;width:0.125rem;min-width:0.125rem;overflow:hidden}.MiddleHeader .HeaderPinnedMessage .pinned-message-border .pinned-message-border-wrapper-1{height:2.25rem;width:0.125rem;border-radius:0.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:0.125rem;background:var(--color-primary);border-radius:0.0625rem;will-change:transform;transition:transform .25s ease-in-out}.MiddleHeader .HeaderPinnedMessage .message-text{overflow:hidden;margin-inline-start:0.375rem;margin-top:0.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:0.875rem;line-height:1rem;height:1rem;color:var(--color-primary);margin-bottom:0.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:0.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:0.25rem;margin-inline-start:0.375rem;margin-top:0.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 .HeaderPinnedMessage-wrapper .Button,.MiddleHeader .HeaderActions .Button{margin-left:0.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;overflow:hidden;box-shadow:0 2px 2px var(--color-light-shadow);display:flex;flex-direction:row-reverse;padding:0.375rem 0.5rem;padding-left:0.75rem;background:var(--color-background)}.MiddleHeader .HeaderPinnedMessage-wrapper::before,.MiddleHeader .AudioPlayer::before{content:"";display:block;position:absolute;top:-.1875rem;left:0;right:0;height:.125rem;box-shadow:0 0.125rem 0.125rem var(--color-light-shadow)}.MiddleHeader .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}.MiddleHeader .AudioPlayer{height:3.25rem;flex-direction:row;padding:0.375rem 0.5rem}.MiddleHeader .AudioPlayer-content{padding:0 0.5rem;flex-grow:1}.MiddleHeader .AudioPlayer>.Button{margin:0}.MiddleHeader .AudioPlayer>.player-close{margin-left:auto}.MiddleHeader .HeaderPinnedMessage{flex-grow:1;padding-top:0;padding-bottom:0}.MiddleHeader .HeaderPinnedMessage::before{top:0.125rem;bottom:0.125rem}.MiddleHeader .HeaderPinnedMessage .message-text{max-width:none}.MiddleHeader .HeaderPinnedMessage-wrapper,.MiddleHeader .AudioPlayer{transform:translate3d(0, 0, 0)}}@media (min-width: 925px) and (max-width: 1149.9px){.MiddleHeader .HeaderPinnedMessage-wrapper,.MiddleHeader .AudioPlayer{position:absolute}}@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 0.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:0.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:0.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:0.5rem;display:flex;flex-direction:column-reverse}.EmbeddedMessage .message-text .message-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.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:0.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:0.5625rem;margin: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)}
|
|
|
|
.MessageMeta{position:absolute;height:1.25rem;bottom:0;right:0;display:flex;align-items:center;background:rgba(153,153,153,0.6);border-radius:.625rem;padding:0 .25rem;color:white;cursor:pointer;max-width:100%}.MessageMeta .message-time,.MessageMeta .message-signature,.MessageMeta .message-views{font-size:.75rem;white-space:nowrap}.MessageMeta .message-time{margin-right:.1875rem}.MessageMeta .message-views{margin-left:.1875rem}.MessageMeta .message-signature{overflow:hidden;text-overflow:ellipsis;margin-right:0.375rem}.MessageMeta .icon-channelviews{margin-left:0.125rem;margin-right:0.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,0.2);--color-accent-own: white;--color-accent: white;color:white !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:0.935rem;right:0.8125rem}.emoji-only .MessageMeta{right:0}.Message.own .has-solid-background .MessageMeta{color:var(--color-message-meta-own)}.MessageMeta .MessageOutgoingStatus{margin-left:-.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}.Message:not(.own) .custom-shape .reply-message+.MessageMeta{right:auto;left:13.2rem;bottom:0.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:0.25rem}.Contact.interactive{cursor:pointer}.Contact .Avatar{margin-right:0.8rem}.Contact .contact-info{padding:0.5rem;padding-left:0;white-space:nowrap;overflow:hidden}.Contact .contact-info .contact-name{font-size:1rem;line-height:1rem;margin-bottom:0.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:0.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}.PollOption .poll-option-answer{position:relative}.PollOption .poll-option-line{position:relative;width:0;height:0.25rem;min-width:0.5rem;border-radius:0.125rem;margin-top:0.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:0.125rem 0;word-break:break-word}.Poll .poll-type,.Poll .poll-voters-count{color:var(--secondary-color);font-size:0.875rem}.Poll .poll-type{margin-bottom:0.5rem;display:flex;align-items:center;min-height:1.375rem}.Poll .poll-voters-count{margin:.4375rem 0 .3125rem;text-align:center}.Poll .poll-answers{padding-top:0.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:0.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:0.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:0.125rem}.Poll .Checkbox .Checkbox-main::after{left:0.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:1px solid var(--color-white);margin-right:0;box-sizing:content-box}.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:-.625rem 0 -.625rem auto}.Message:not(.own) .Poll .poll-quiz-help{color:var(--color-primary)}.Poll .poll-results,.Poll .poll-answers{padding-top:0.25rem;padding-bottom:0.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-top:-.125rem;margin-bottom:-.0625rem}
|
|
|
|
.WebPage{margin-top:0.25rem;margin-bottom:0.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:0.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:0.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:0.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:0.125rem}.WebPage .site-title{font-weight:500;margin-bottom:0.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,0.6);border-radius:var(--border-radius-messages-small);color:var(--color-text);font-weight:500}
|
|
|
|
.Album{position:relative;overflow:hidden}.message-content.media.text .Album{margin:-0.3125rem -0.5rem 0.3125rem}.forwarded-message .Album{margin-bottom:.125rem}.message-content.media.text .forwarded-message .Album{margin:0 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:200px;height:200px;cursor:pointer}.RoundVideo .thumbnail-wrapper{width:200px;height:200px;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:white;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:0.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:0.75rem;position:absolute;right:0.125rem;top:0.125rem;display:block;transform:rotate(-45deg)}.InlineButtons .row:first-of-type .Button{margin-top:0.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}body.animation-level-0 .CommentButton{transition:none !important}.Message .has-appendix .CommentButton::before{content:'';display:block;position:absolute;bottom:-.1875rem;left:-.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(%23a)" 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:0.375rem .3125rem .25rem;align-items:flex-start;color:white;background-color:rgba(0,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,0.28)}.Message:hover .custom-shape .CommentButton{opacity:1}.custom-shape .CommentButton::after{content:attr(data-cnt);position:absolute;bottom:-.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 -.5rem -.375rem}.message-content.voice .CommentButton{margin-bottom:-.5rem}.message-content.audio .CommentButton{margin-bottom:-.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:-.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:-.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}
|
|
|
|
.Message{display:flex;align-items:flex-end;margin-bottom:0.375rem;position:relative;--background-color: var(--color-background);--hover-color: var(--color-reply-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;--select-background-color: white}.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}@media (max-width: 600px){.Message>.Avatar{width:2.5rem;height:2.5rem}}.Message.last-in-group{margin-bottom:0.625rem}.Message.last-in-list{margin-bottom:0.375rem}.Message.is-in-selection-mode .Album{border:1px var(--select-background-color) solid;background-color:var(--select-background-color)}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: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:0.25rem}}.Message.own{flex-direction:row-reverse;--background-color: var(--color-background-own);--hover-color: var(--color-reply-own-hover);--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);--color-links-hover: var(--color-own-links);--meta-safe-area-base: 3.5rem;--deleting-translate-x: 50%;--color-text-green: var(--color-accent-own)}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:0.25rem}}.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 .ProgressSpinner{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMjE4IDcuNWw1LjYzMy01LjYzM2EuNTA4LjUwOCAwIDEwLS43MTgtLjcxOEw3LjUgNi43ODIgMS44NjcgMS4xNDlhLjUwOC41MDggMCAxMC0uNzE4LjcxOEw2Ljc4MiA3LjVsLTUuNjMzIDUuNjMzYS41MDguNTA4IDAgMTAuNzE4LjcxOEw3LjUgOC4yMThsNS42MzMgNS42MzNhLjUwNi41MDYgMCAwMC43MTggMCAuNTA4LjUwOCAwIDAwMC0uNzE4TDguMjE4IDcuNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjODA3QkQ1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);background-position:center;background-size:1rem}html.theme-dark .Message.own .Audio .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.own .Message .album-item-select-wrapper{background:var(--color-background-own)}.Message .album-item-select-wrapper .message-select-control{position:absolute;top:0.438rem;right:0.438rem;left:unset}.Message .album-item-select-wrapper .media-inner{border:0 var(--select-background-color) solid;transition:border-width var(--select-transition)}.Message .album-item-select-wrapper img,.Message .album-item-select-wrapper video{transition:transform var(--select-transition)}.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: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:white}.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:0.688rem;background:white;border:0.125rem rgba(0,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 .album-item-select-wrapper{position:absolute}.Message .album-item-select-wrapper .message-select-control{position:absolute;z-index:2}.Message .message-select-control{position:absolute;left:0;bottom:0.25rem;width:1.5rem;height:1.5rem;border:2px solid white;border-radius:50%;z-index:var(--z-message-select-control);display:flex;align-items:center;justify-content:center;color:white;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 .Avatar{margin-right:0.3rem}.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-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{--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)}.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.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}.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:0.25rem}.Message .message-action-button{position:absolute;bottom:0;color:white;background-color:rgba(0,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,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 .custom-shape .message-action-button{bottom:.25rem}.message-content{position:relative;max-width:var(--max-width)}@media (max-width: 600px){.message-content{max-width:calc(100vw - 5.5rem)}.Message.own .message-content,.MessageList.no-avatars .message-content{max-width:calc(100vw - 3rem)}@supports (max-width: min(29rem, 100vw - 5.5rem)){.message-content{max-width:min(29rem, 100vw - 5.5rem)}.MessageList.no-avatars .message-content{max-width:min(29rem, 100vw - 3rem)}.Message.own .message-content{max-width:min(30rem, 100vw - 3rem)}}.message-content.has-action-button{max-width:calc(100vw - 7rem)}.Message.own .message-content.has-action-button,.MessageList.no-avatars .message-content.has-action-button{max-width:calc(100vw - 4.5rem)}@supports (max-width: min(29rem, 100vw - 5.5rem)){.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 .text-content{margin:0;word-break:break-word;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:not(.with-meta)>.MessageMeta,.message-content.document>.MessageMeta{position:relative;top:.375rem;bottom:auto !important;float:right;line-height:1;margin-top:.125rem;margin-left:.4375rem;margin-right:-.5rem}.message-content:not(.custom-shape) .text-content:not(.with-meta):dir(rtl)>.MessageMeta,.message-content.document:dir(rtl)>.MessageMeta{float:left;margin-left:-.25rem;margin-right:.4375rem}.message-content.document:not(.text)::after{content:"";display:block;clear:both}.message-content.document:not(.text)>.MessageMeta{top:auto;bottom:-.5rem !important;margin-top:-.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}.theme-dark .Message.own .message-content .text-entity-link:hover{text-decoration:none}.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{background:#CAE3F7;border-radius:0.25rem;padding:0 0.125rem}.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:0.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:0.75rem;margin-top:-0.1rem;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.with-meta.with-outgoing-icon:last-child{--meta-icon-width: .5rem}.message-content.has-solid-background .forwarded-message .text-content.with-meta .MessageMeta{bottom:-.25rem}.message-content.has-solid-background .text-content.with-meta:last-child::after,.message-content.has-solid-background .forwarded-message>.text-content:not(.with-meta):last-child::after{content:'';display:inline-block;width:calc(var(--meta-safe-area-size) + var(--meta-icon-width, 0px));height:1rem;float:right}.message-content:not(.has-appendix) .svg-appendix{display:none}.message-content .svg-appendix{overflow:hidden;position:absolute;bottom:-.0875rem;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:-.551rem}.Message:not(.own) .message-content .svg-appendix{left:-.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:-.1875rem;margin-bottom:.1875rem}.message-content.voice{padding:.5rem !important}.message-content.voice .Voice+.text-content{margin-top:.5rem}.message-content.audio{min-width:17.1875rem;padding:.5rem .5rem .8125rem !important}.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 .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 .message-title{margin-left:-3rem}.message-content.custom-shape.is-via-bot .media-inner{margin-top:0.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}.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:0.375rem;margin-bottom:-0.375rem}.message-content.media.text .media-inner,.message-content.media.text .Album,.WebPage.text .media-inner,.WebPage.text .Album{margin-bottom:0.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:0.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:0.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,0.25)}.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-upload-progress,.WebPage .message-media-duration,.WebPage .message-upload-progress{background:rgba(0,0,0,0.25);color:#fff;font-size:0.75rem;position:absolute;left:.1875rem;top:.1875rem;z-index:1;padding:0 .375rem;border-radius:.75rem;line-height:1.125rem}.message-content.media .message-media-duration .icon-muted-chat,.WebPage .message-media-duration .icon-muted-chat{vertical-align:-.1875rem;margin-left:.375rem;font-size:1.0625rem}.message-content.custom-shape{line-height:1.2;font-size:10rem;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:0.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}.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}.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}.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}.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:0.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.poll .forwarded-message{margin-bottom:0.5rem}.message-content:not(.custom-shape) .forwarded-message{position:relative;margin-top:0.25rem;padding-left:0.625rem}.message-content:not(.custom-shape) .forwarded-message::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0.05rem;width:2px;background:var(--accent-color);border-radius:2px}.message-content:not(.custom-shape) .forwarded-message:dir(rtl){padding-inline-start:0.625rem}.message-content:not(.custom-shape) .forwarded-message:dir(rtl)::before{left:auto;right:0.05rem}.forwarded-message>.media-inner{margin:0 !important;margin-bottom:0.25rem !important}.long-word-break-all{word-break:break-all}.text-entity-link{color:var(--color-links) !important;text-decoration:none;word-break:break-word;cursor:pointer;unicode-bidi:initial}.text-entity-link:hover,.text-entity-link:active,.text-entity-link:visited{color:var(--color-links-hover) !important;text-decoration:underline}.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) - 0.0625rem)}
|
|
|
|
.MessageList{flex:1;width:100%;overflow-anchor:none;overflow:scroll;overflow-x:hidden;overflow-y:overlay;margin-bottom:.5rem}.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;touch-callout:none}.MessageList.select-mode-active{-webkit-user-select:auto;user-select:auto;touch-callout:default}}.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 0.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:0.125rem}.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:black;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:0.1}.MessageList>.empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.MessageList .sticky-date,.MessageList .local-action-message,.MessageList .ActionMessage,.MessageList .empty{text-align:center}.MessageList .sticky-date>span,.MessageList .local-action-message>span,.MessageList .ActionMessage>span,.MessageList .empty>span{display:inline-block;background:var(--pattern-color);color:white;font-size:calc(var(--message-text-size, 1rem) - .0625rem);font-weight:500;line-height:1.75;padding:0 .5rem;border-radius:2rem;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)}.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.rich>span,.MessageList .local-action-message.rich>span,.MessageList .ActionMessage.rich>span,.MessageList .empty.rich>span{max-width:80%;text-align:left}.MessageList .sticky-date.rich a,.MessageList .sticky-date.rich a:visited,.MessageList .local-action-message.rich a,.MessageList .local-action-message.rich a:visited,.MessageList .ActionMessage.rich a,.MessageList .ActionMessage.rich a:visited,.MessageList .empty.rich a,.MessageList .empty.rich a:visited{color:var(--color-links-darker) !important}.MessageList .sticky-date.rich a:hover,.MessageList .sticky-date.rich a:active,.MessageList .local-action-message.rich a:hover,.MessageList .local-action-message.rich a:active,.MessageList .ActionMessage.rich a:hover,.MessageList .ActionMessage.rich a:active,.MessageList .empty.rich a:hover,.MessageList .empty.rich a:active{color:var(--color-links-darker-hover) !important}.MessageList .sticky-date{margin-top:1rem;margin-bottom:1rem;z-index:var(--z-sticky-date);pointer-events:none;opacity:1;transition:opacity .3s ease}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:0.625rem}.MessageList.is-animating{overflow:hidden}.MessageList.is-animating .message-select-control{display:none !important}.has-header-tools .MessageList .sticky-date{top:3.75rem}.MessageList .local-action-message,.MessageList .ActionMessage{margin-top:0.5rem;margin-bottom:0.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)}}.MessageList.select-mode-active,.MessageList.has-focus-highlight,body.has-context-menu .MessageList,.animating>div>.MessageList{padding-right:0}.MessageList.select-mode-active::-webkit-scrollbar,.MessageList.has-focus-highlight::-webkit-scrollbar,body.has-context-menu .MessageList::-webkit-scrollbar,.animating>div>.MessageList::-webkit-scrollbar{width:0}@supports (scrollbar-width: none){.MessageList.select-mode-active,.MessageList.has-focus-highlight,body.has-context-menu .MessageList,.animating>div>.MessageList{padding-right:.6875rem;scrollbar-width:none}}.is-safari .MessageList.select-mode-active,.is-safari .MessageList.has-focus-highlight,.is-safari.has-context-menu .messages-layout .MessageList{padding-right:.375rem}
|
|
|
|
.ScrollDownButton{--base-bottom-pos: 6rem;position:absolute;bottom:var(--base-bottom-pos);right:1rem;opacity:0;transform:translateY(4.5rem);transition:transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),opacity 0.2s ease;z-index:10;pointer-events:none}body.animation-level-0 .ScrollDownButton{transform:none !important;transition:opacity .15s}@media (max-width: 600px){.ScrollDownButton{right:0.5rem;bottom:4.5rem}}.ScrollDownButton-inner{display:flex;flex-direction:column;align-items:center}.ScrollDownButton-inner>.Button{box-shadow:0 1px 2px var(--color-default-shadow)}.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{transform:translateY(4rem)}.ScrollDownButton .unread-count{min-width:1.5rem;height:1.5rem;padding:0 .45rem;border-radius:0.75rem;font-size:0.875rem;line-height:1.5rem;font-weight:500;text-align:center;position:absolute;top:-0.3rem;right:-0.3rem;background:var(--color-green);color:white;pointer-events:none}@media (max-width: 600px){.ScrollDownButton .unread-count{top:-0.7rem;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))}}
|
|
|
|
.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:0.625rem;padding-top:0.45rem}.ComposerEmbeddedMessage>div>.Button{flex-shrink:0;background:none !important;width:2.125rem;height:2.125rem;margin:0 0.625rem;padding:0;align-self:center}
|
|
|
|
.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:0.625rem;padding-top:0.45rem}.ComposerEmbeddedMessage+.WebPagePreview{margin-top:0.75rem}.WebPagePreview>div>.Button{flex-shrink:0;background:none !important;width:2.125rem;height:2.125rem;margin:0 0.625rem;padding:0;align-self:center}.WebPagePreview .WebPage{flex-grow:1;margin:0.1875rem 0 0.1875rem 0.125rem;max-width:calc(100% - 3.375rem)}.WebPagePreview .WebPage::before{top:.1rem;bottom:.05rem}.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:0.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:0}@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}.Composer>.Button{flex-shrink:0;margin-left:.5rem}@media (max-width: 600px){.Composer>.Button{width:2.875rem;height:2.875rem}}.Composer>.Button .icon-send,.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-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{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{animation:hide-icon .4s forwards ease-out}.Composer>.Button.edit .icon-send,.Composer>.Button.edit .icon-microphone-alt{animation:hide-icon .4s forwards ease-out}.Composer>.Button.edit .icon-check{animation:grow-icon .4s 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-1 .Composer>.Button .icon-send,body.animation-level-1 .Composer>.Button .icon-microphone-alt,body.animation-level-1 .Composer>.Button .icon-check{animation-duration:0ms !important}.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:-.1875rem;right:-.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% - 3rem)}}.message-input-wrapper{display:flex}.message-input-wrapper>.Spinner{align-self:center;--spinner-size: 1.5rem}.message-input-wrapper>.Button{flex-shrink:0;background:none !important;width:3.375rem;height:3.375rem;margin:0;padding:0.625rem;align-self:flex-end}@media (max-width: 600px){.message-input-wrapper>.Button{width:2.875rem;height:2.875rem;margin:0 0.25rem}}.message-input-wrapper>.Button+.Button{margin-left:-.25rem}.message-input-wrapper>.Button.scheduled-button i::after{content:'';position:absolute;top:.75rem;right:.75rem;border:0.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>.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}.message-input-wrapper .recording-state::after{content:'';width:10px;height:10px;background:var(--color-error);border-radius:5px;position:absolute;top:50%;margin-top:-5px;right:1.375rem}@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}#message-input-text .forced-placeholder,#caption-input-text .forced-placeholder{z-index:var(--z-below);left:0;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}#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{color:var(--color-links-hover) !important}#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;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:0.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:.90625rem}.composer-tooltip{position:absolute;bottom:calc(100% + .5rem);left:0;width:100%;background:var(--color-background);border-radius:var(--border-radius-messages);padding:0.5rem 0;max-height:15rem;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;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)}.composer-tooltip:not(.shown){display:none}.composer-tooltip.open{opacity:1;transform:translateY(0)}.composer-tooltip .Loading{margin:1rem 0}
|
|
|
|
#middle-column-bg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:-1}#middle-column-bg::before,#middle-column-bg::after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--theme-background-color)}#middle-column-bg::after{background-position:center;background-repeat:no-repeat;background-size:cover}.theme-light #middle-column-bg::after{background-image:url(chat-bg.f607e788298d8a7de37a3b39b76c1efa.jpg)}@media (max-width: 600px){.theme-light #middle-column-bg::after{background-image:url(chat-bg-mobile.3ebe59c803c10092f2233e6e00ab2492.jpg)}}body:not(.animation-level-0) #root #middle-column-bg::after{transition:transform var(--layer-transition),opacity 0.2s !important}body.animation-level-0 #middle-column-bg::after{transition:none}.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)}body.animation-level-2 #Main.right-column-open #middle-column-bg::after{transform:scale(0.67) !important}}#MiddleColumn{display:flex;justify-content:center;height:100%;position:relative;z-index:1}@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 .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 .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)}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 .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: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 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::before{content:"";position:absolute;top:-.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:0.5rem}}.Composer,.MessageSelectToolbar,.unpin-all-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 .messaging-disabled{box-shadow:0 0.25rem 0.5rem 0.125rem var(--color-default-shadow)}.unpin-button-container{width:100%;display:flex;justify-content:center;position:absolute;padding-bottom:1.25rem}.unpin-button-container .unpin-all-button{text-transform:capitalize;color:var(--color-black);height:3.5rem;overflow:visible;transform:scaleX(1);transition:transform var(--select-transition),background-color 0.15s,color 0.15s}.unpin-button-container .unpin-all-button:hover .icon-unpin{color:var(--color-white)}.select-mode-active+.middle-column-footer .unpin-button-container .unpin-all-button{box-shadow:none;transform:scaleX(var(--unpin-hidden-scale))}@media (max-width: 600px){.unpin-button-container .unpin-all-button{height:2.5rem}}.unpin-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}@media (max-width: 600px){.unpin-button-container{padding-bottom:0.75rem}}.mask-image-disabled .unpin-button-container::before{background:unset}
|
|
|
|
.RightHeader{display:flex;align-items:center;height:var(--header-height);padding:0.5rem .8125rem;pointer-events:auto}@media (max-width: 600px){.RightHeader{padding:0.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}
|
|
|
|
.ProfilePhoto{width:100%;height:100%;cursor:pointer;position:relative}.ProfilePhoto img{width:100%;object-fit:cover}.ProfilePhoto .prev-avatar-media{position:absolute;left:0;top:0;z-index:-1}.ProfilePhoto .spinner-wrapper{width:100%;height:100%}.ProfilePhoto .spinner-wrapper,.ProfilePhoto.deleted-account,.ProfilePhoto.no-photo,.ProfilePhoto.saved-messages{display:flex;align-items:center;justify-content:center;color:var(--color-white);background:linear-gradient(var(--color-white) -125%, var(--color-user));cursor:default}.ProfilePhoto.no-photo{font-size:14rem}.ProfilePhoto.deleted-account,.ProfilePhoto.saved-messages{font-size:20rem}
|
|
|
|
.ProfileInfo{aspect-ratio:1 / 1;position:relative}@supports not (aspect-ratio: 1/1){.ProfileInfo::before{float:left;padding-top:100%;content:""}.ProfileInfo::after{display:block;content:"";clear:both}}.ProfileInfo .photo-wrapper{width:100%;position:absolute;left:0;top:0;bottom:0}.ProfileInfo .photo-wrapper>.Transition{width:100%;height:100%}.ProfileInfo .photo-dashes{position:absolute;width:100%;height:.125rem;padding:0 .375rem;z-index:1;display:flex;top:.5rem;left:0}.ProfileInfo .photo-dash{flex:1 1 auto;background-color:var(--color-white);opacity:.5;border-radius:.125rem;margin:0 .125rem}.ProfileInfo .photo-dash.current{opacity:1}.ProfileInfo .navigation{position:absolute;top:0;bottom:0;width:25%;border:none;padding:0;margin:0;-webkit-appearance:none;appearance:none;background:transparent no-repeat;background-size:1.25rem;opacity:.25;transition:opacity .15s;outline:none;cursor:pointer;z-index:1}.ProfileInfo .navigation:hover,.is-touch-env .ProfileInfo .navigation{opacity:1}.ProfileInfo .navigation.prev{left:0;background-image:url(media_navigation_previous.11f3cfece8fead5a78e6349db2545210.svg);background-position:1.25rem 50%}.ProfileInfo .navigation.next{right:0;background-image:url(media_navigation_next.3d6e264d21e73ad725738beb8e9dbbb8.svg);background-position:calc(100% - 1.25rem) 50%}.ProfileInfo .info{position:absolute;bottom:0;left:0;width:100%;min-height:100px;padding:0 1.5rem .5rem;background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);color:var(--color-white);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.ProfileInfo .info:dir(rtl) .status{text-align:initial;unicode-bidi:plaintext}.ProfileInfo .info[dir=rtl] .status{text-align:initial;unicode-bidi:plaintext}.ProfileInfo .title{display:flex;align-items:center}.ProfileInfo .title h3{font-weight:500;font-size:1.25rem;line-height:1.375rem;white-space:pre-wrap;word-break:break-word;margin-bottom:.25rem}.ProfileInfo .title .VerifiedIcon{margin-left:0.25rem;margin-top:-0.125rem}.ProfileInfo .title .emoji{width:1.5rem;height:1.5rem;background-size:1.5rem}.ProfileInfo .status{font-size:0.875rem;opacity:.5}.ProfileInfo[dir=rtl] .navigation.prev{left:auto;right:0;transform:scaleX(-1)}.ProfileInfo[dir=rtl] .navigation.next{left:0;right:auto;transform:scaleX(-1)}
|
|
|
|
.Profile{height:100%;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden}@supports (overflow-y: overlay){.Profile{overflow-y:overlay !important}}.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:0.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 .25rem}.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-upload-progress{display:none}.shared-media .content.audio-list{padding:1.25rem}.shared-media .content.audio-list .Audio .media-loading{top:0;left:0;display:flex;align-items:center;justify-content:center}.shared-media .content.audio-list .Audio+.Audio{margin-top:1.6875rem}.shared-media .content.members-list{padding:0.5rem 1rem}@media (max-width: 600px){.shared-media .content.members-list{padding:.5rem 0}.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%;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}#RightColumn:not(:hover) .chat-item-clickable:not(.picker-list-item):nth-child(n+18){display:none !important}@media (max-width: 1275px){#RightColumn{box-shadow:0 0.25rem 0.5rem 0.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:0.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:0.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:black;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{display:flex;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)}}#LeftColumn{flex:1;min-width:18rem;max-width:26.5rem;height:100%}@media (max-width: 600px){#LeftColumn{height:calc(var(--vh, 1vh) * 100)}}@media (min-width: 1680px){#LeftColumn{border-left:1px solid var(--color-borders)}}@media (max-width: 1275px){#LeftColumn{flex:2}}@media (max-width: 925px){#LeftColumn{position:fixed;left:0;top:0;height:calc(var(--vh, 1vh) * 100);width:26.5rem;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:black;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;width:100vw;transform:translate3d(-20vw, 0, 0)}}@media (min-width: 1680px){#RightColumn{border-right:1px solid var(--color-borders)}}@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{flex:3;border-left:1px solid var(--color-borders);max-width:75vw}@media (max-width: 1275px){#MiddleColumn{max-width:calc(100vw - 26.5rem)}}@media (max-width: 66.25rem){#MiddleColumn{max-width:60vw}}@media (min-width: 1680px){#MiddleColumn{border-right:1px solid var(--color-borders);max-width:calc(1680px - 26.5rem)}}@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=4.f46a6915735f9deb48a8.css.map*/ |