danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-11 16:49:44 +01:00
Code Issues Packages Projects Releases Wiki Activity
ca5cf03ada
telegram-tt/dist/BundleMain.b3dc0ee7170367f52dfe.css

52 lines
142 KiB
CSS
Raw Normal View History

[Build]
2022-02-20 12:49:20 +01:00
.connection-state-wrapper{position:absolute;top:0;left:0;width:100%;transition:transform 300ms ease,opacity 300ms ease;opacity:1}.connection-state-wrapper:not(.open){transform:translateY(-3rem);opacity:0}.connection-state-wrapper:not(.shown){display:none}#ConnectionStatusOverlay{height:2.9375rem;flex:0 0 auto;display:flex;align-items:center;margin:.375rem .5rem;padding:0 .75rem;background:var(--color-yellow);border-radius:var(--border-radius-default)}#ConnectionStatusOverlay.interactive{cursor:pointer}#ConnectionStatusOverlay>.Spinner{--spinner-size: 1.75rem}#ConnectionStatusOverlay>.state-text{flex:1;color:var(--color-text-lighter);font-size:.9375rem;font-weight:500;padding-bottom:.0625rem;margin-inline-start:1.875rem;white-space:nowrap}@media(max-width: 950px){#ConnectionStatusOverlay>.state-text{margin-inline-start:1.25rem}}#ConnectionStatusOverlay .Transition{width:100%;min-width:0}#ConnectionStatusOverlay .Transition>div{display:flex;align-items:center;width:100%}
[Build]
2022-05-31 19:01:02 +02:00
#LeftMainHeader{position:relative}#LeftMainHeader .animated-menu-icon{position:absolute}#LeftMainHeader .animated-menu-icon,#LeftMainHeader .animated-menu-icon::before,#LeftMainHeader .animated-menu-icon::after{width:1.125rem;height:.125rem;border-radius:.125rem;background-color:var(--color-text-secondary);transition:transform .25s;transform:rotate(0)}#LeftMainHeader .animated-menu-icon::before,#LeftMainHeader .animated-menu-icon::after{position:absolute;left:0;content:""}#LeftMainHeader .animated-menu-icon::before{top:-0.3125rem}#LeftMainHeader .animated-menu-icon::after{top:.3125rem}#LeftMainHeader .animated-menu-icon.state-back{transform:rotate(180deg)}#LeftMainHeader .animated-menu-icon.state-back::before{transform:rotate(45deg) scaleX(0.75) translate(0.375rem, -0.1875rem)}#LeftMainHeader .animated-menu-icon.state-back::after{transform:rotate(-45deg) scaleX(0.75) translate(0.375rem, 0.1875rem)}#LeftMainHeader .animated-menu-icon.no-animation{transition:none}#LeftMainHeader .animated-menu-icon.no-animation::before,#LeftMainHeader .animated-menu-icon.no-animation::after{transition:none}#LeftMainHeader .archived-badge{min-width:1.5rem;height:1.5rem;margin-left:auto;background:var(--color-gray);border-radius:.75rem;padding:0 .4375rem;color:#fff;font-size:.875rem;line-height:1.5rem;font-weight:500;text-align:center;flex-shrink:0}#LeftMainHeader .MenuItem.compact .archived-badge{background:none;padding:0;color:var(--color-text-secondary)}#LeftMainHeader .MenuItem.compact .Switcher{transform:scale(0.75)}#LeftMainHeader [dir=rtl] .archived-badge{margin-left:0;margin-right:auto}#LeftMainHeader .Menu .bubble{min-width:17rem;max-height:calc(100*var(--vh) - 3.75rem);overflow-y:auto}@supports(overflow-y: overlay){#LeftMainHeader .Menu .bubble{overflow-y:overlay;overflow-x:hidden}}#LeftMainHeader .passcode-lock{margin-left:.8125rem}.Transition>div:not(.Transition__slide--active) #LeftMainHeader .Menu .bubble{transition:none !important}
[Build]
2022-08-31 15:12:25 +02:00
.NewChatButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.NewChatButton[dir=rtl]{right:auto;left:1rem}body.animation-level-0 .NewChatButton{transform:none !important;opacity:0;transition:opacity .15s}body.animation-level-0 .NewChatButton.revealed{opacity:1}.NewChatButton.revealed{transform:translateY(0)}@media(max-width: 600px){.NewChatButton.revealed{transform:translate3d(0, 0, 0.625rem);transform-style:preserve-3d}}.NewChatButton>.Button .icon-new-chat-filled,.NewChatButton>.Button .icon-close{position:absolute}.NewChatButton>.Button:not(.active) .icon-new-chat-filled{animation:grow-icon .4s ease-out}.NewChatButton>.Button:not(.active) .icon-close{animation:hide-icon .4s forwards ease-out}.NewChatButton>.Button.active .icon-close{animation:grow-icon .4s ease-out}.NewChatButton>.Button.active .icon-new-chat-filled{animation:hide-icon .4s forwards ease-out}
[Build]
2022-09-14 00:34:06 +02:00
#LeftColumn-main{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;z-index:1}#LeftColumn-main>.Transition{flex:1;overflow:hidden}#LeftColumn-main .ChatFolders{height:100%;display:flex;flex-direction:column;overflow:hidden}#LeftColumn-main .ChatFolders .tabs-placeholder{height:2.625rem;transition:height 150ms ease}#LeftColumn-main .ChatFolders .tabs-placeholder:not(.open){height:0}#LeftColumn-main .ChatFolders .TabList{justify-content:flex-start;padding-left:.5625rem;padding-bottom:1px;border-bottom:0;z-index:1}#LeftColumn-main .ChatFolders .Tab{flex:0 0 auto;padding-left:.625rem;padding-right:.625rem}#LeftColumn-main .ChatFolders .Tab>span{padding-left:.5rem;padding-right:.5rem;white-space:pre}#LeftColumn-main .ChatFolders>.Transition{flex:1;overflow:hidden}#LeftColumn-main .RecentContacts,#LeftColumn-main .LeftSearch,#LeftColumn-main .search-content{height:100%;overflow-y:auto}#LeftColumn-main .btn-update{position:absolute;bottom:1rem;left:50%;margin:0 auto;transform:translateX(-50%);white-space:nowrap}
[Build]
2022-07-08 16:49:16 +02:00
#NewChat{height:100%}.left-header{height:var(--header-height);padding:.375rem .8125rem .5rem .8125rem;display:flex;align-items:center;flex-shrink:0;background-color:var(--color-background)}.left-header h3{margin-bottom:0;font-size:1.25rem;font-weight:500;margin-left:1.375rem;margin-right:auto;-webkit-user-select:none;user-select:none}.left-header .SearchInput{margin-left:.8125rem;max-width:calc(100% - 3.25rem)}@media(max-width: 600px){.left-header .SearchInput{max-width:calc(100% - 3rem)}}@media(max-width: 600px){.left-header{padding:.5rem}}.left-header .Button.smaller{width:2.5rem;height:2.5rem}.left-header .Button.smaller+.DropdownMenu{margin-left:.25rem}
[Build]
2022-09-16 19:32:50 +02:00
.AudioPlayer{display:flex;margin-left:auto;margin-top:-0.25rem;margin-bottom:-0.25rem}body.animation-level-0 .AudioPlayer{transition:none !important}.AudioPlayer>.Button{flex-shrink:0;margin:.125rem}.AudioPlayer>.player-button{--color-text-secondary: var(--color-primary);--color-text-secondary-rgb: var(--color-primary-shade-rgb);--color-primary-shade: var(--color-green);--color-white: var(--color-background-own)}.AudioPlayer .player-button.smaller{width:3rem;height:3rem}.AudioPlayer .player-button.smaller i{font-size:1.625rem;margin-top:-0.0625rem}.AudioPlayer .player-button i{position:absolute;font-size:1.9375rem;margin-top:-0.0625rem}.AudioPlayer .player-button i.icon-play{margin-left:.125rem}.AudioPlayer .player-button .icon-play,.AudioPlayer .player-button .icon-pause{opacity:1;transform:scale(1);transition:opacity .4s,transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.AudioPlayer .player-button.play .icon-pause,.AudioPlayer .player-button.pause .icon-play,.AudioPlayer .player-button.loading .icon-play,.AudioPlayer .player-button.loading .icon-pause{opacity:0;transform:scale(0.5)}.AudioPlayer .volume-button{position:relative;overflow:visible}.AudioPlayer .volume-button .volume-slider-spacer{position:absolute;transform:translateY(100%);bottom:0;height:1rem;width:8rem;cursor:default;visibility:hidden}.AudioPlayer .volume-button:hover .volume-slider-spacer,.AudioPlayer .volume-button .volume-slider-spacer:hover{visibility:visible}.AudioPlayer .volume-button .volume-slider{opacity:0;visibility:hidden;position:absolute;background:var(--color-background);bottom:-1rem;transform:translateY(100%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;width:8rem;padding:.75rem;border-radius:.5rem;cursor:default;box-shadow:0 1px 2px var(--color-default-shadow)}.AudioPlayer .volume-button .volume-slider .RangeSlider{margin-bottom:0}.AudioPlayer .volume-button .volume-slider .RangeSlider input[type=range]{margin-bottom:0}.AudioPlayer .volume-button:hover .volume-slider,.AudioPlayer .volume-button .volume-slider:hover,.AudioPlayer .volume-button .volume-slider-spacer:hover+.volume-slider{opacity:1;visibility:visible}.AudioPlayer .playback-button.applied{--color-text-secondary: var(--color-primary)}.AudioPlayer .playback-button .playback-button-inner{transition:.2s color ease-in-out;font-size:.75rem;font-weight:bold;border:2px solid;border-radius:.375rem;padding:.125rem .25rem;font-variant-numeric:tabular-nums}.AudioPlayer-content{display:flex;justify-content:center;flex-direction:column;flex-shrink:1;max-width:14rem;padding:0 .5rem;position:relative;overflow:hidden;cursor:pointer;border-radius:var(--border-radius-messages-small)}.AudioPlayer-content:hover{background-color:var(--color-interactive-element-hover)}.right-column-shown .AudioPlayer-content{max-width:10rem}@media(max-width: 600px){.AudioPlayer-content{max-width:100%}}@media(min-width: 1440px){.AudioPlayer-content{max-width:24rem}.right-column-shown .AudioPlayer-content{max-width:14rem}}.AudioPlayer .AudioPlayer-content .title{display:block;margin-top:.125rem;font-weight:500;font-size:.875rem !important;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.is-ios .AudioPlayer .AudioPlayer-content .title{font-size:.9375rem !important;line-height:1.125rem}.AudioPlayer-content .subtitle{font-size:.8125rem !important;color:var(--color-text-secondary);line-height:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.125rem 0 0}body.is-ios .AudioPlayer-content .subtitle{font-size:.9375rem !important;line-height:1.125rem}
[Build]
2022-02-20 12:49:20 +01:00
.GroupCallTopPane{position:absolute;top:100%;left:0;right:0;height:2.875rem;overflow:hidden;box-shadow:0 2px 2px var(--color-light-shadow);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.375rem .5rem .375rem .75rem;background:var(--color-background);z-index:-1;cursor:pointer}.GroupCallTopPane::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.GroupCallTopPane.is-hidden{display:none}@media(max-width: 600px){.GroupCallTopPane.has-pinned-offset{top:calc(100% + 2.875rem)}}.GroupCallTopPane .info{display:flex;flex-direction:column}.GroupCallTopPane .info .title{font-size:.875rem;color:var(--color-text)}.GroupCallTopPane .info .participants{font-size:.75rem;color:var(--color-text-secondary)}.GroupCallTopPane .avatars{display:flex;flex-direction:row;align-items:center}.GroupCallTopPane .avatars .Avatar{margin:0 0 0 -0.75rem}.GroupCallTopPane .avatars .Avatar:first-child{width:2rem;height:2rem}.GroupCallTopPane .avatars .Avatar:not(:first-child){width:2.25rem;height:2.25rem;border:.125rem solid var(--color-background)}.GroupCallTopPane .join{height:1.5rem;border-radius:1.5rem;font-weight:500;padding:1rem 1rem;width:auto}@media(min-width: 1440px){#Main.right-column-open .MiddleHeader .GroupCallTopPane{width:calc(100% - var(--right-column-width))}}
[Build]
2022-03-19 21:22:05 +01:00
.ChatReportPanel{position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;margin-left:auto;background:var(--color-background);padding:.375rem .8125rem .25rem 1rem;box-shadow:0 .125rem .125rem var(--color-light-shadow),inset 0 .125rem .125rem var(--color-light-shadow);transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}body.animation-level-1 .ChatReportPanel .ripple-container{display:none}@media(min-width: 1276px){.ChatReportPanel{transform:translate3d(0, 0, 0);transition:opacity .15s ease,transform var(--layer-transition)}#Main.right-column-open .ChatReportPanel{padding-right:calc(var(--right-column-width) + 1rem)}}.ChatReportPanel .UserReportPanel--Button{margin-left:.25rem;flex:1 1 50%;white-space:nowrap}
[Build]
2022-08-31 15:12:25 +02:00
.MiddleHeader{display:flex;align-items:center;width:100%;box-shadow:0 2px 2px var(--color-light-shadow);background:var(--color-background);position:relative;z-index:var(--z-middle-header);padding-top:.5rem;padding-bottom:.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(.8125rem,env(safe-area-inset-right))}@media(max-width: 600px){.MiddleHeader{position:relative;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}}@supports not (padding-left: max(1.5rem, env(safe-area-inset-left))){.MiddleHeader{padding-left:1.5rem;padding-right:.8125rem}@media(max-width: 600px){.MiddleHeader{padding-left:.5rem;padding-right:.5rem}}}.MiddleHeader .Transition{width:100%;min-width:0}.MiddleHeader .Transition>div{display:flex;align-items:center;width:100%}.MiddleHeader .back-button{margin-left:-0.5rem;margin-right:.5rem;position:relative}@media(max-width: 600px){.MiddleHeader .back-button{margin-left:0}}.MiddleHeader .back-button .unread-count{min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:.625rem;font-size:.75rem;line-height:1.25rem;font-weight:500;text-align:center;position:absolute;top:-0.25rem;right:-0.5rem;background:var(--color-gray);color:#fff;pointer-events:none}.MiddleHeader .back-button .unread-count.active{background:var(--color-primary)}.MiddleHeader .chat-info-wrapper{flex-grow:1;overflow:hidden}body.animation-level-0 .MiddleHeader .HeaderPinnedMessage-wrapper{transition:none !important}.MiddleHeader .header-tools{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:0}body.animation-level-0 .MiddleHeader .header-tools,body.animation-level-0 .MiddleHeader .header-tools .AudioPlayer,body.animation-level-0 .MiddleHeader .header-tools .HeaderActions{transition:none !important}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader .header-tools .HeaderActions{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools .HeaderActions{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}@media(min-width: 1440px){.MiddleHeader .header-tools{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}#Main.right-column-animating .MiddleHeader .header-tools{pointer-events:none}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,.MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:1}#Main.right-column-open .MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,#Main.right-column-open .MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:0}}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{position:absolute;top:100%;left:0;right:0;height:2.875rem;box-shadow:0 .125rem .125rem var(--color-light-shadow);display:flex;flex-direction:row-reverse;padding-top:.375rem;padding-bottom:.375rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));background:var(--color-background)}@supports not (padding-left: max(0.75rem, env(safe-area-inset-left))){.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{padding-left:.75rem;padding-right:.5rem}}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper::before,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{flex-direction:row;margin-top:0;padding:.25rem .5rem}.MiddleHeader.tools-st
[Build]
2022-09-13 10:24:23 +02:00
.EmbeddedMessage{display:flex;align-items:center;font-size:calc(var(--message-text-size, 1rem) - .125rem);line-height:1.125rem;margin:0 -0.25rem .0625rem;padding:.1875rem .25rem .1875rem .4375rem;border-radius:var(--border-radius-messages-small);position:relative;overflow:hidden;cursor:pointer;direction:ltr}.EmbeddedMessage.color-1{--accent-color: var(--color-user-1)}.EmbeddedMessage.color-2{--accent-color: var(--color-user-2)}.EmbeddedMessage.color-3{--accent-color: var(--color-user-3)}.EmbeddedMessage.color-4{--accent-color: var(--color-user-4)}.EmbeddedMessage.color-5{--accent-color: var(--color-user-5)}.EmbeddedMessage.color-6{--accent-color: var(--color-user-6)}.EmbeddedMessage.color-7{--accent-color: var(--color-user-7)}.EmbeddedMessage.color-8{--accent-color: var(--color-user-8)}body.animation-level-1 .EmbeddedMessage .ripple-container{display:none}.custom-shape .EmbeddedMessage{max-width:15rem;padding:.5rem;margin:0;background-color:var(--background-color);box-shadow:0 1px 2px var(--color-default-shadow)}.custom-shape .EmbeddedMessage::before{left:.625rem;top:.625rem;bottom:.625rem}.custom-shape .EmbeddedMessage img:not(.emoji){margin-inline-start:.5rem}.custom-shape .EmbeddedMessage:dir(rtl){padding:.5rem}.EmbeddedMessage::before{content:"";display:block;position:absolute;top:.3125rem;bottom:.3125rem;left:.375rem;width:2px;background:var(--accent-color);border-radius:2px}.EmbeddedMessage:hover{background-color:var(--hover-color)}.EmbeddedMessage:active{background-color:var(--active-color)}.EmbeddedMessage .message-title{font-size:calc(var(--message-text-size, 1rem) - .125rem)}.EmbeddedMessage .message-text{overflow:hidden;margin-inline-start:.5rem;display:flex;flex-direction:column-reverse}.EmbeddedMessage .message-text .message-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem;flex:1;display:block}.EmbeddedMessage .message-text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.125rem;margin-bottom:0;flex:1}.EmbeddedMessage .message-text p::after{content:none;display:none}.EmbeddedMessage .message-text .emoji{width:calc(1.125*var(--message-text-size, 1rem)) !important;height:calc(1.125*var(--message-text-size, 1rem)) !important;vertical-align:text-bottom !important}.EmbeddedMessage .message-text .text-entity-custom-emoji{--custom-emoji-size: calc(1.125 * var(--message-text-size, 1rem) + 1px);margin-inline-end:1px}.EmbeddedMessage .message-text .text-entity-custom-emoji>img{border-radius:0}.EmbeddedMessage .embedded-action-message{color:var(---secondary-color);opacity:.75}.EmbeddedMessage img:not(.emoji){width:2rem;height:2rem;object-fit:cover;border-radius:.25rem;margin-left:.25rem;flex-shrink:0}.EmbeddedMessage img:not(.emoji).round{border-radius:1rem}.EmbeddedMessage.inside-input{padding-inline-start:.5625rem;width:100%;--accent-color: var(--color-primary);--hover-color: var(--color-interactive-element-hover);--active-color: var(--color-reply-active)}.EmbeddedMessage.inside-input::before{bottom:.3125rem}.EmbeddedMessage.inside-input img:not(.emoji){margin-left:.125rem}.EmbeddedMessage.inside-input .message-text{margin-inline-start:.375rem;flex-grow:1}.EmbeddedMessage.inside-input .message-title{font-weight:500;color:var(--accent-color)}.EmbeddedMessage.inside-input .embedded-more{font-size:1.5rem;opacity:.8;color:var(--color-text-secondary)}
[Build]
2022-05-03 15:31:01 +02:00
.ReactionAnimatedEmoji{position:relative;display:flex;align-items:center;justify-content:center}.ReactionAnimatedEmoji.is-animating{transform:translateZ(0);contain:layout}.ReactionAnimatedEmoji .AnimatedSticker{position:fixed;top:-0.375rem;left:-0.375rem;pointer-events:none}.ReactionAnimatedEmoji .AnimatedSticker.effect{top:-2.5rem;left:-2.5rem}.ReactionAnimatedEmoji .AnimatedSticker:not(.open){opacity:1 !important}.ReactionAnimatedEmoji .AnimatedSticker.closing{opacity:0 !important}.ReactionAnimatedEmoji.in-meta .AnimatedSticker{top:-0.4375rem;left:-0.4375rem}.ReactionAnimatedEmoji.in-meta .AnimatedSticker.effect{top:-2.5625rem;left:-2.5625rem}.ReactionAnimatedEmoji.in-meta .AnimatedSticker canvas{position:absolute;left:0;top:0}
[Build]
2022-07-08 16:49:16 +02:00
.MessageMeta{position:absolute;height:1.25rem;bottom:0;right:0;display:flex;align-items:center;background:rgba(153,153,153,.6);border-radius:.625rem;padding:0 .25rem;color:#fff;cursor:pointer;max-width:100%;-webkit-user-select:none;user-select:none}.MessageMeta .ReactionAnimatedEmoji{width:1rem;height:1rem;margin-right:.25rem}.MessageMeta .message-time,.MessageMeta .message-signature,.MessageMeta .message-views{font-size:.75rem;white-space:nowrap}.MessageMeta .message-time{margin-right:.1875rem}body.is-ios .MessageMeta .message-time{margin-right:.25rem}.MessageMeta .message-views{margin-inline-start:.1875rem}.MessageMeta .message-signature{overflow:hidden;text-overflow:ellipsis;margin-right:.375rem}.MessageMeta .icon-channelviews{margin-left:.125rem;margin-right:.375rem;font-size:1.125rem;position:relative;top:-0.0625rem}.has-solid-background .MessageMeta{color:rgba(var(--color-text-meta-rgb), 0.75);background:none}.media:not(.text) .MessageMeta,.Message .custom-shape .MessageMeta,.Message .invoice .MessageMeta{background:rgba(0,0,0,.2);--color-accent-own: white;--color-accent: white;color:#fff !important;opacity:1;bottom:.25rem;right:.25rem;left:auto;height:1.125rem;padding:0 .3125rem 0 .375rem}.media:not(.text) .MessageMeta .MessageOutgoingStatus i,.Message .custom-shape .MessageMeta .MessageOutgoingStatus i,.Message .invoice .MessageMeta .MessageOutgoingStatus i{background:rgba(0,0,0,0)}.voice .MessageMeta[dir=rtl]{right:auto !important;left:.25rem;padding:0 .375rem 0 .3125rem}.media:not(.text):dir(rtl) .MessageMeta,.Message .custom-shape:dir(rtl) .MessageMeta{right:auto !important;left:.25rem;padding:0 .375rem 0 .3125rem}.is-forwarded.media:not(.text):dir(rtl) .MessageMeta,.Message .is-forwarded.custom-shape:dir(rtl) .MessageMeta{left:.8125rem}.is-forwarded.media:not(.text) .MessageMeta{bottom:.9375rem;right:.8125rem}.emoji-only .MessageMeta{right:0}.Message.own .has-solid-background .MessageMeta{color:var(--color-message-meta-own)}.MessageMeta .MessageOutgoingStatus{margin-left:-0.1875rem;font-size:1.1875rem;border-radius:.625rem}.Message.own .MessageMeta .MessageOutgoingStatus{color:var(--color-accent-own)}.message-content.has-replies:not(.custom-shape) .MessageMeta{bottom:3.375rem}.message-content.has-replies.text:not(.custom-shape) .MessageMeta{bottom:3.4375rem}.MessageMeta[dir=rtl] .message-views{order:10}.MessageMeta[dir=rtl] .icon-channelviews{order:9}.Message:not(.own) .custom-shape .reply-message+.MessageMeta{right:auto;left:13.25rem;bottom:.25rem}.Message:not(.own) .emoji-only-1 .reply-message+.MessageMeta{left:2.5rem}.Message:not(.own) .emoji-only-2 .reply-message+.MessageMeta{left:5.5rem}.Message:not(.own) .emoji-only-3 .reply-message+.MessageMeta{left:6.5rem}
.Sticker{overflow:visible !important;contain:layout;position:relative}.Sticker.reversed{transform:scaleX(-1)}.Sticker:not(.inactive){cursor:pointer}.Sticker.inactive{pointer-events:none}.Sticker .effect-sticker{position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}
[Build]
2022-05-31 19:01:02 +02:00
.AnimatedEmoji{margin-bottom:.75rem}.AnimatedEmoji.like-sticker-thumb img{transform:scale(0.8)}
[Build]
2022-02-20 12:49:20 +01:00
.Contact{display:flex;align-items:center;padding:.25rem}.Contact.interactive{cursor:pointer}.Contact .Avatar{margin-right:.8125rem}.Contact .contact-info{padding:.5rem;padding-left:0;white-space:nowrap;overflow:hidden}.Contact .contact-info .contact-name{font-size:1rem;line-height:1rem;margin-bottom:.25rem;font-weight:500}.Contact .contact-info .contact-phone{line-height:1rem;color:var(--secondary-color)}
.PollOption{display:flex;flex-flow:row nowrap;margin-bottom:.75rem}.PollOption:last-child{margin-bottom:0}.PollOption .poll-option-text{word-break:break-word}.PollOption .poll-option-share{position:relative;margin-top:.125rem;width:1.75rem;margin-inline-end:.5rem;flex-shrink:0;font-weight:500;font-size:.875rem;text-align:right}.PollOption .poll-option-share.limit-width{display:inline-flex;justify-content:center;font-size:.75rem}.PollOption .poll-option-chosen{position:absolute;right:0;bottom:-5px;width:1rem;height:1rem;background:var(--accent-color);color:var(--background-color);border-radius:.5rem;font-size:.75rem;text-align:center}.PollOption .poll-option-chosen.wrong{background:var(--color-error)}.is-forwarded .PollOption .poll-option-chosen>i{margin-left:1px}.PollOption .poll-option-chosen.animate{opacity:0;animation-name:PollOptionIconAnimate;animation-delay:.09s;animation-duration:.3s;animation-fill-mode:forwards}.PollOption .poll-option-right{flex-grow:1;line-height:1.5rem}.PollOption .poll-option-answer{position:relative}.PollOption .poll-option-line{position:relative;width:0;height:.25rem;min-width:.5rem;border-radius:.125rem;margin-top:.5rem;background:var(--accent-color);transform-origin:0 0;transition:transform .3s;transition-delay:.09s}.PollOption .poll-line{width:30px;height:35px;position:absolute;left:-27px;bottom:-5px;transition:stroke-dashoffset .3s,stroke-dasharray .3s;stroke-dashoffset:0;stroke-dasharray:0,200%}.PollOption .poll-line path{stroke-width:4px;stroke-linecap:round;stroke:var(--accent-color);fill:none}.PollOption .wrong .poll-option-line{background:var(--color-error)}.PollOption .wrong .poll-line path{stroke:var(--color-error)}@keyframes PollOptionIconAnimate{0%{opacity:0}100%{opacity:1}}
[Build]
2022-07-08 16:49:16 +02:00
.Poll{min-width:15rem;text-align:initial}@media(max-width: 600px){.Poll{min-width:50vw}}.Poll .poll-question{font-weight:500;line-height:1.25rem;margin:.125rem 0;word-break:break-word}.Poll .poll-type,.Poll .poll-voters-count{color:var(--secondary-color);font-size:.875rem}.Poll .poll-type{margin-bottom:.5rem;display:flex;align-items:center;min-height:1.375rem}.Poll .poll-voters-count{margin:.4375rem 0 1.125rem;text-align:center}.Poll .poll-answers{padding-top:.25rem;padding-bottom:1rem}.Poll .Checkbox,.Poll .Radio{padding-left:2.25rem}.Poll .Checkbox:last-child,.Poll .Radio:last-child{margin-bottom:.75rem}.Poll .Checkbox.disabled,.Poll .Radio.disabled{opacity:1 !important;cursor:not-allowed}.Poll .Checkbox .Checkbox-main::before,.Poll .Checkbox .Radio-main::before,.Poll .Radio .Checkbox-main::before,.Poll .Radio .Radio-main::before{left:.125rem;background-color:var(--background-color);--color-borders-input: var(--secondary-color)}.Poll .Checkbox .Checkbox-main::after,.Poll .Checkbox .Radio-main::after,.Poll .Radio .Checkbox-main::after,.Poll .Radio .Radio-main::after{left:.4375rem;background-color:var(--accent-color)}.Poll .Checkbox input:checked~.Radio-main::before,.Poll .Checkbox input:checked~.Checkbox-main::before,.Poll .Radio input:checked~.Radio-main::before,.Poll .Radio input:checked~.Checkbox-main::before{border-color:var(--accent-color)}.Poll .Checkbox .Spinner,.Poll .Radio .Spinner{left:.125rem}.Poll .Checkbox .Checkbox-main::after{left:.125rem;background-color:var(--color-primary)}.Message.own .Poll .Checkbox .Checkbox-main::after{background-color:var(--accent-color)}.Poll .Spinner>div{background-image:var(--spinner-gray-data)}.theme-dark .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Message.own .Poll .Spinner>div{background-image:var(--spinner-green-data)}.theme-dark .Message.own .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Poll .poll-recent-voters{display:inline-flex;align-items:center;vertical-align:text-bottom;margin-left:.875rem;margin-right:.5rem;margin-top:-2px}.Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--color-white);margin-right:0;box-sizing:content-box}.Message.own .Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--secondary-color)}.Poll .poll-recent-voters .Avatar:not(:first-child){margin-left:-3px}.Poll .poll-countdown{margin-left:auto;font-size:.75rem;transition:color .2s}.Poll .poll-countdown.hurry-up{color:var(--color-error)}.Poll .poll-countdown.hurry-up .poll-countdown-progress{stroke:var(--color-error)}.Poll .poll-countdown svg{vertical-align:-3px}.Poll .poll-countdown-progress{stroke:var(--color-primary);fill:rgba(0,0,0,0);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 2s,stroke .2s}.Poll .poll-quiz-help{margin:-0.625rem 0 -0.625rem auto}.Message:not(.own) .Poll .poll-quiz-help{color:var(--color-primary)}.Poll .poll-results,.Poll .poll-answers{padding-top:.25rem;padding-bottom:.5rem}.Poll .Button{text-transform:none;font-size:1rem}.Message.own .Poll .Button{color:var(--accent-color);--color-primary-shade-rgb: var(--color-accent-own)}.Poll>.Button{margin-bottom:.625rem}
[Build]
2022-09-14 00:34:06 +02:00
.WebPage{margin-top:.25rem;margin-bottom:.125rem;padding-left:.625rem;font-size:calc(var(--message-text-size, 1rem) - .125rem);line-height:1.125rem;max-width:29rem;position:relative}.WebPage::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:.125rem;background:var(--accent-color);border-radius:.125rem}.WebPage-text{display:flex;flex-direction:column;align-items:flex-start}.WebPage .media-inner{margin:0 !important;margin-bottom:.375rem !important}.WebPage .media-inner,.WebPage .media-inner img,.WebPage .media-inner canvas,.WebPage .media-inner.small-image img{border-radius:var(--border-radius-messages-small) !important}.WebPage .media-inner.square-image{width:100%;height:100%;min-height:0;margin-bottom:0 !important}.WebPage .media-inner.square-image canvas,.WebPage .media-inner.square-image img{width:100% !important;height:100% !important}.WebPage.with-video .media-inner{margin-top:.5rem !important;margin-bottom:1rem !important}.message-content:not(.has-reactions) .WebPage.no-article:last-child{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 .media-inner.square-image{width:5rem;height:5rem;min-height:0;margin-bottom:0 !important}.WebPage.with-square-photo .media-inner.square-image img{width:100%;height:100%}.WebPage.with-square-photo:dir(rtl) .WebPage-text{padding-inline-end:1rem}.WebPage:not(.with-square-photo) .site-name:last-child::after,.WebPage:not(.with-square-photo) .site-title:last-child::after,.WebPage:not(.with-square-photo) .site-description:last-child::after{content:"";display:inline-block;width:var(--meta-safe-area-size);height:.75rem;float:right}.WebPage .site-name,.WebPage .site-description,.WebPage .site-title{word-break:break-word;max-width:100%}.WebPage .site-name{color:var(--accent-color);font-weight:500;margin-bottom:.125rem}.WebPage .site-title{font-weight:500;margin-bottom:.125rem}.WebPage .site-description{line-height:1.25;margin-bottom:0}body.is-ios .WebPage .site-description{line-height:1.125rem}.WebPage:dir(rtl){padding-inline-start:.625rem}.WebPage:dir(rtl)::before{left:auto;right:0}@media(min-width: 1921px){@supports(aspect-ratio: 1){.WebPage:not(.in-preview){max-width:none}.WebPage:not(.in-preview) .thumbnail,.WebPage:not(.in-preview) .full-media{width:100% !important;height:auto !important}}}
[Build]
2022-04-26 17:10:15 +02:00
.Invoice .title{color:var(--accent-color);font-weight:500}.Invoice .description{position:relative;margin-top:.5rem}.content-inner:not(.forwarded-message) .Invoice .description.has-image{margin:.5rem -0.5rem -0.375rem}.Invoice .description.has-image .invoice-image{width:100%;max-height:30rem;object-fit:cover;border-bottom-left-radius:var(--border-bottom-left-radius);border-bottom-right-radius:var(--border-bottom-right-radius)}.forwarded-message .Invoice .description.has-image .invoice-image{border-top-left-radius:var(--border-top-left-radius);border-top-right-radius:var(--border-top-right-radius)}.Invoice .description.has-image .description-text{position:absolute;top:0;padding:.25rem .5rem;margin:.25rem;background-color:rgba(0,0,0,.2);border-radius:var(--border-radius-messages-small);color:var(--color-white);font-weight:500}.Invoice .description.has-image .description-text span{margin-left:.5rem}
[Build]
2022-04-19 15:14:57 +02:00
.Location{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0 !important}.Location .location-accuracy{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;animation:accuracy-wave 5s ease-out infinite forwards}@keyframes accuracy-wave{0%{transform:translate(-50%, -50%) scale(0);background-color:var(--color-primary)}100%{transform:translate(-50%, -50%) scale(1);background-color:rgba(0,0,0,0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.Location .map-wrapper{overflow:hidden;position:relative}.Location .map{animation:fade-in .3s forwards}.Location .pin{position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);animation:fade-in .3s forwards;--pin-color: var(--color-primary)}.Location .geoLive::before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);width:1rem;height:1rem;background:var(--color-primary);border:2px solid #fff;border-radius:50%;z-index:3}.Location .geoLive .round-pin{bottom:.5rem}.Location .direction{position:absolute;top:50%;left:50%;transition:transform .3s ease-out;transform:translate(-50%, 0.3125rem) rotate(var(--direction));transform-origin:bottom;width:1.5rem;height:2rem;-webkit-clip-path:polygon(50% 100%, 0 0, 100% 0);clip-path:polygon(50% 100%, 0 0, 100% 0);background:radial-gradient(circle, var(--color-primary) -100%, transparent 100%);border-radius:40%;z-index:2}.Location .location-avatar{position:relative;overflow:hidden;margin-right:0;margin-bottom:1.3125rem;z-index:5}.Location .venue-icon{position:absolute;bottom:-0.5rem;left:50%;transform:translate(-50%, -50%);width:3rem;height:3rem;z-index:5}.Location .geo{height:2.5rem}.Location .geoLive,.Location .venue{filter:drop-shadow(0 0 2px var(--color-default-shadow))}.Location .expired{--pin-color: white}.Location .expired .location-avatar::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.3)}.Location .round-pin{fill:var(--pin-color);position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);width:5rem;z-index:4}.Location .location-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;width:100%;padding:.3125rem .5rem .375rem}.Location .location-info-title{font-weight:500;grid-area:1/1/2/2}.Location .location-info-subtitle{color:var(--color-text-secondary);line-height:1;font-size:.875rem;grid-area:2/1/2/2}.Message.own .Location .location-info-subtitle{color:var(--color-message-meta-own)}.Location .geo-countdown{grid-area:1/2/3/3;position:relative;width:2rem;height:2rem}.Location .geo-countdown-text{color:var(--accent-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500}.Location .geo-countdown-progress{stroke:var(--accent-color);fill:rgba(0,0,0,0);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 2s,stroke .2s}
[Build]
2022-08-07 18:43:53 +02:00
.Game .title{font-weight:500}.Game .description{line-height:1.2;margin-bottom:.75rem}.Game .preview{position:relative;max-width:100%;margin-bottom:.25rem;margin-top:.25rem;cursor:pointer}.Game .preview-content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.5rem;overflow:hidden}.Game .skeleton{aspect-ratio:16/9}@supports not (aspect-ratio: 16/9){.Game .skeleton{height:0 !important;padding-bottom:56.25%}}
[Build]
2022-03-02 13:12:48 +01:00
.Album{position:relative;overflow:hidden}.message-content.media.text .Album{margin:-0.3125rem -0.5rem .3125rem}body.is-ios .Message.own .message-content.has-solid-background :not(.forwarded-message) .Album{margin:-0.3125rem -0.5rem .3125rem -0.625rem}.forwarded-message .Album{margin-bottom:.125rem}.message-content.media.text .forwarded-message .Album{margin:0 0 .3125rem;--border-bottom-left-radius: inherit;--border-bottom-right-radius: inherit}.Album>.album-item-select-wrapper .media-inner,.message-content.media.text .Album>.album-item-select-wrapper .media-inner{margin:0 !important}.Album>.album-item-select-wrapper .media-inner,.Album>.album-item-select-wrapper .media-inner img,.Album>.album-item-select-wrapper .media-inner video{border-radius:0 !important;object-fit:cover}
[Build]
2022-04-19 15:14:57 +02:00
.RoundVideo{position:relative;width:15rem;height:15rem;cursor:pointer}.RoundVideo .thumbnail-wrapper{width:15rem;height:15rem;border-radius:50%;overflow:hidden}.RoundVideo .video-wrapper{position:absolute;left:0;top:0;border-radius:50%;overflow:hidden}.RoundVideo .progress{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.RoundVideo .progress-circle{stroke:#fff;fill:rgba(0,0,0,0);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}
[Build]
2022-06-06 00:02:10 +02:00
.InlineButtons{display:flex;flex-direction:column;max-width:var(--max-width)}.InlineButtons .row{display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column}.InlineButtons .Button{flex:1;width:auto;margin:.125rem;background:var(--pattern-color);border-radius:var(--border-radius-messages-small);font-weight:500;text-transform:none}.InlineButtons .Button::before{content:"";background-color:var(--color-white);opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-messages-small);z-index:var(--z-below);transition:opacity 200ms}.InlineButtons .Button:hover{background:var(--pattern-color) !important}.InlineButtons .Button:hover::before{opacity:.4}.InlineButtons .Button:first-of-type{margin-left:0}.InlineButtons .Button:last-of-type{margin-right:0}.InlineButtons .Button i{font-size:.875rem;position:absolute;right:.1875rem;top:.1875rem;display:block}.InlineButtons .Button i.icon-arrow-right{font-size:.75rem;top:.125rem;right:.125rem;transform:rotate(-45deg)}.InlineButtons .inline-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.InlineButtons .row:first-of-type .Button{margin-top:.25rem !important}.InlineButtons .row:last-of-type .Button{margin-bottom:0}.InlineButtons .row:last-of-type .Button:first-of-type{border-bottom-left-radius:var(--border-radius-messages)}.InlineButtons .row:last-of-type .Button:last-of-type{border-bottom-right-radius:var(--border-radius-messages)}
[Build]
2022-02-20 12:49:20 +01:00
.CommentButton{--background-color: var(--color-background);--hover-color: var(--color-chat-hover);display:flex;width:100%;align-items:center;padding:.5625rem .25rem .5625rem .625rem;padding-inline-start:.625rem;padding-inline-end:.25rem;background:var(--background-color);border-bottom-right-radius:var(--border-bottom-right-radius);border-bottom-left-radius:var(--border-bottom-left-radius);font-size:.9375rem;font-weight:500;line-height:2rem;color:var(--accent-color);white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s;-webkit-user-select:none;user-select:none}body.animation-level-0 .CommentButton{transition:none !important}.Message .has-appendix .CommentButton::before{content:"";display:block;position:absolute;bottom:-0.1875rem;left:-0.5625rem;width:.5625rem;height:1.25rem;background-position:bottom left;background-image:url("data:image/svg+xml,%3Csvg width=\"9\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"%3E%3Cdefs%3E%3Cfilter x=\"-50%25\" y=\"-14.7%25\" width=\"200%25\" height=\"141.2%25\" filterUnits=\"objectBoundingBox\" id=\"a\"%3E%3CfeOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"/%3E%3CfeGaussianBlur stdDeviation=\"1\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/%3E%3CfeColorMatrix values=\"0 0 0 0 0.0621962482 0 0 0 0 0.138574144 0 0 0 0 0.185037364 0 0 0 0.15 0\" in=\"shadowBlurOuter1\"/%3E%3C/filter%3E%3Cpath d=\"M3 17h6V0c-.193 2.84-.876 5.767-2.05 8.782-.904 2.325-2.446 4.485-4.625 6.48A1 1 0 003 17z\" id=\"b\"/%3E%3C/defs%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cuse fill=\"%23000\" filter=\"url%28%23a%29\" xlink:href=\"%23b\"/%3E%3Cuse fill=\"%23FFF\" xlink:href=\"%23b\"/%3E%3C/g%3E%3C/svg%3E");opacity:0;transition:opacity .15s,filter .15s}.theme-dark #root .Message .has-appendix .CommentButton::before{filter:invert(0.83)}body.animation-level-0 .Message .has-appendix .CommentButton::before{transition:none !important}.custom-shape .CommentButton{position:absolute;right:-3rem;width:2.25rem;bottom:3rem;height:3.375rem;border-radius:1.375rem;padding:.375rem .3125rem .25rem;align-items:flex-start;color:#fff;background-color:rgba(0,0,0,.2);opacity:0;transition:opacity .2s ease}@media(pointer: coarse){.custom-shape .CommentButton{opacity:1 !important}}.custom-shape .CommentButton:hover{background-color:rgba(0,0,0,.28)}.Message:hover .custom-shape .CommentButton{opacity:1}.custom-shape .CommentButton::after{content:attr(data-cnt);position:absolute;bottom:-0.0625rem;left:0;width:100%;text-align:center;font-size:12px;display:block}.custom-shape .CommentButton[data-cnt="0"]{height:2.25rem}.custom-shape .CommentButton[data-cnt="0"]::after{display:none}.custom-shape .CommentButton .icon-comments-sticker{display:block;font-size:1.5rem;margin:0 auto}.custom-shape .CommentButton .recent-repliers,.custom-shape .CommentButton .icon-comments,.custom-shape .CommentButton .label,.custom-shape .CommentButton .icon-next{display:none}.CommentButton:hover{background:var(--hover-color)}.Message .has-appendix .CommentButton:hover::before{opacity:1}.CommentButton:hover .Avatar{border-color:var(--hover-color) !important}.is-forwarded .CommentButton,.audio .CommentButton,.voice .CommentButton,.poll .CommentButton,.text .CommentButton{border-top:1px solid var(--color-borders)}.message-content.has-solid-background .CommentButton{margin:.375rem -0.5rem -0.375rem}.message-content.voice .CommentButton{margin-bottom:-0.5rem}.message-content.audio .CommentButton{margin-bottom:-0.8125rem}.message-content.audio .CommentButton,.message-content.voice .CommentButton,.message-content.poll .CommentButton,.message-content.has-solid-background.text .CommentButton,.message-content.has-solid-background.is-forwarded .CommentButton{width:calc(100% + 1rem)}.CommentButton .icon-comments-sticker{display:none}.CommentButton .icon-comments{font-size:1.5625rem;line-height:2rem;margin-inline-end:.875rem}.CommentButton .icon-next{margin-inline-start:auto;font-size:1.5rem}.CommentButton .recent-repliers{display:inline-flex;align-items:center;margin-inline-
[Build]
2022-07-20 16:06:10 +02:00
.Reactions{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;margin-top:.25rem;overflow:visible}.Reactions .Button{--reaction-background: var(--color-reaction);display:flex;flex-direction:row;height:1.75rem;white-space:nowrap;width:auto;margin:.125rem;padding:0 .5rem;border:2px solid rgba(0,0,0,0);background-color:var(--reaction-background) !important;border-radius:1.75rem;font-weight:500;font-variant-numeric:tabular-nums;text-transform:none;color:var(--accent-color);overflow:visible}.Reactions .Button .ReactionAnimatedEmoji,.Reactions .Button .icon-heart{width:1.125rem;height:1.125rem;margin-right:.25rem}.Reactions .Button .avatars{display:flex}.Reactions .Button .avatars .Avatar{margin:0 0 0 -0.25rem;border:.0625rem solid var(--reaction-background);width:1.25rem;height:1.25rem}.Reactions .Button .avatars .Avatar:first-child{margin:0}.Reactions .Button.chosen{border-color:var(--accent-color);position:relative;z-index:1}.Reactions .Button:hover{--reaction-background: var(--hover-color-reaction)}.Reactions .Button:first-of-type{margin-left:0}.Reactions .Button:last-of-type{margin-right:0}.Reactions.is-outside{margin-top:.125rem}.own .Reactions.is-outside{flex-direction:row-reverse}.own .Reactions.is-outside .Button:first-of-type{margin-left:.125rem;margin-right:0}.own .Reactions.is-outside .Button:last-of-type{margin-right:.125rem;margin-left:0}.Reactions.is-outside .Button{--reaction-background: var(--pattern-color);color:#fff}.theme-dark .Reactions.is-outside .Button{color:var(--accent-color)}.Reactions.is-outside .Button.chosen{border-color:#fff}.theme-dark .Reactions.is-outside .Button.chosen{border-color:var(--accent-color)}
[Build]
2022-08-07 18:43:53 +02:00
.vDeypQzM845_JE14qGId{display:flex}.OtJi45yywgt1n_y6VPkE{margin-inline-end:.5rem;color:var(--color-text) !important}._0BG8sziTJQ_NYrsspMg{margin-inline-end:.5rem;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.LWVSvxVjeEyHPBrCb2sD{font-weight:500}.wrUkWet7enyh9L1iPKvA{font-size:1.125rem;display:inline-block;transform:rotateZ(-45deg);color:#4fae4e}.wrUkWet7enyh9L1iPKvA.e0Vhbj8gfzQn1zJQoFLK{transform:rotateZ(135deg)}.wrUkWet7enyh9L1iPKvA.e0Vhbj8gfzQn1zJQoFLK.V5tKkKZpcY5yq_f5nO8l{color:var(--color-error)}.nuIsoCP15iD4ETadJ44R{display:flex;align-items:center;position:relative;left:-3px}.TJ2lYkLxYUie3A0JqtMR{margin-inline-start:.25rem;font-size:.875rem;color:var(--color-text-secondary)}.own .TJ2lYkLxYUie3A0JqtMR{color:var(--color-message-meta-own)}
[Build]
2022-09-14 00:34:06 +02:00
.message-content{position:relative;max-width:var(--max-width)}@media(max-width: 600px){.message-content{max-width:min(29rem,100vw - 6.25rem)}.MessageList.no-avatars .message-content{max-width:min(29rem,100vw - 3.75rem)}.Message.own .message-content{max-width:min(30rem,100vw - 3.75rem)}.message-content.has-action-button{max-width:min(29rem,100vw - 7rem)}.MessageList.no-avatars .message-content.has-action-button{max-width:min(29rem,100vw - 4.5rem)}.Message.own .message-content.has-action-button{max-width:min(30rem,100vw - 4.5rem)}}.message-content img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message-content .emoji{-webkit-user-drag:none;-webkit-user-select:text;user-select:text}.message-content .text-content,.message-content .transcription{margin:0;word-break:break-word;white-space:pre-wrap;line-height:1.3125;text-align:initial;display:flow-root;unicode-bidi:plaintext}.message-content .transcription+.text-content{margin-top:.5rem}.message-content .transcription .DotAnimation{display:inline}.message-content .transcription .DotAnimation .ellipsis{display:inline-flex}.message-content .transcription.transcription-error{color:var(--color-text-meta);font-size:.875rem}.own .message-content .transcription.transcription-error{color:var(--color-message-meta-own)}.message-content .text-entity-link{unicode-bidi:plaintext}.message-content.with-voice-transcription>.MessageMeta,.message-content:not(.custom-shape) .text-content>.MessageMeta,.message-content.document>.MessageMeta{position:relative;top:.375rem;bottom:auto !important;float:right;line-height:1.35;height:calc(var(--message-meta-height, 1rem));margin-left:.4375rem;margin-right:-0.5rem}.message-content.with-voice-transcription>.MessageMeta .MessageOutgoingStatus .Transition,.message-content:not(.custom-shape) .text-content>.MessageMeta .MessageOutgoingStatus .Transition,.message-content.document>.MessageMeta .MessageOutgoingStatus .Transition{max-height:calc(var(--message-meta-height, 1rem));overflow:hidden}html[data-message-text-size="12"] .message-content.with-voice-transcription>.MessageMeta,html[data-message-text-size="12"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="12"] .message-content.document>.MessageMeta{top:.25rem}html[data-message-text-size="17"] .message-content.with-voice-transcription>.MessageMeta,html[data-message-text-size="17"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="17"] .message-content.document>.MessageMeta{top:.4375rem}html[data-message-text-size="18"] .message-content.with-voice-transcription>.MessageMeta,html[data-message-text-size="19"] .message-content.with-voice-transcription>.MessageMeta,html[data-message-text-size="18"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="19"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="18"] .message-content.document>.MessageMeta,html[data-message-text-size="19"] .message-content.document>.MessageMeta{top:.5rem}html[data-message-text-size="20"] .message-content.with-voice-transcription>.MessageMeta,html[data-message-text-size="20"] .message-content:not(.custom-shape) .text-content>.MessageMeta,html[data-message-text-size="20"] .message-content.document>.MessageMeta{top:.5625rem}.message-content.with-voice-transcription:dir(rtl)>.MessageMeta,.message-content:not(.custom-shape) .text-content:dir(rtl)>.MessageMeta,.message-content.document:dir(rtl)>.MessageMeta{float:left;margin-left:-0.25rem;margin-right:.4375rem}.message-content .MessageMeta.reactions-offset{position:relative;top:.375rem;bottom:auto !important;float:right;line-height:1;height:calc(var(--message-meta-height, 1rem));margin-left:auto;margin-right:-0.5rem;align-self:flex-end}.message-content .MessageMeta.reactions-offset .MessageOutgoingStatus .Transition{max-height:calc(var(--message-meta-height, 1rem));overflow:hidden}html[data-message-text-size="12"] .message-content .MessageMeta.reactions-offset{top:.25rem}html[data-message-text-size="17"
[Build]
2022-02-20 12:49:20 +01:00
.SponsoredMessage{--border-top-left-radius: var(--border-radius-messages) !important;--border-bottom-left-radius: var(--border-radius-messages) !important;margin-top:-0.5rem;margin-bottom:.5rem}.SponsoredMessage::before{display:none}.SponsoredMessage__button.secondary{margin-top:.5rem;border:1px solid var(--color-primary);border-radius:var(--border-radius-default-tiny);color:var(--color-primary)}
.ContactGreeting{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.ContactGreeting .wrapper{display:inline-flex;flex-direction:column;align-items:center;background:var(--pattern-color);width:14.5rem;padding:.75rem 1rem;border-radius:1.5rem;color:#fff}.ContactGreeting .title{font-weight:500;margin-bottom:0}.ContactGreeting .description{font-size:.9375rem;margin-bottom:0}.ContactGreeting .sticker{margin:2rem 0 1rem;height:10rem;width:10rem;cursor:pointer}.ContactGreeting .sticker .thumbnail{height:10rem;width:10rem}
.NoMessages{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.NoMessages .icon{font-size:5rem;margin:0 auto 1rem}.NoMessages .wrapper{display:inline-flex;flex-direction:column;background:var(--pattern-color);max-width:20rem;padding:.75rem 1rem;border-radius:1.5rem;color:#fff}.NoMessages .wrapper[dir=rtl]{text-align:right}.NoMessages .title{font-weight:500;font-size:1rem;margin-bottom:.25rem;text-align:center;unicode-bidi:plaintext}.NoMessages .description{font-size:.9375rem;margin:0;padding:0;list-style:none;unicode-bidi:plaintext}.NoMessages .list-checkmarks{font-size:.9375rem;margin:.25rem 0 0;padding:0;list-style:none;unicode-bidi:plaintext;line-height:1.8}.NoMessages .list-checkmarks li::before{content:"✓";margin-inline-end:.5rem}
[Build]
2022-09-16 19:32:50 +02:00
.MessageList{flex:1;width:100%;margin-bottom:.5rem;overflow:scroll;overflow-x:hidden;overflow-y:auto;transition:transform var(--layer-transition);transition:bottom 150ms ease-out,transform var(--layer-transition)}@supports(overflow-y: overlay){.MessageList{overflow-y:overlay;overflow-x:hidden}}body.animation-level-0 .MessageList{transition:none !important}.mask-image-enabled .MessageList{-webkit-mask-image:linear-gradient(to top, transparent 0, #000 0.5rem);mask-image:linear-gradient(to top, transparent 0, #000 0.5rem)}@media(pointer: coarse){.MessageList{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.MessageList.select-mode-active{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}}body.keyboard-visible .MessageList{position:relative;bottom:calc(0px - env(safe-area-inset-bottom))}@supports not (bottom: calc(0px - env(safe-area-inset-bottom))){body.keyboard-visible .MessageList{bottom:0}}body.keyboard-visible.animation-level-0 body.keyboard-visible .MessageList{transition:none !important}.MessageList.no-avatars .Message>.Avatar{display:none}.MessageList .messages-container{width:100%;max-width:var(--messages-container-width);min-height:100%;margin:0 auto;display:flex;justify-content:flex-end;flex-direction:column;padding:1rem 1rem 0 1.125rem}.force-messages-scroll .MessageList .messages-container{margin-top:100vh !important}@media(max-width: 600px){.MessageList .messages-container{width:100vw;padding:2.75rem .5rem 0;margin:0}}.MessageList.no-composer{margin-bottom:0}.MessageList.no-composer .last-in-list{margin-bottom:1rem}.MessageList.select-mode-active,.MessageList.type-pinned{margin-bottom:0}.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:5.625rem}@media(max-width: 600px){.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:4.25rem}}.MessageList.select-mode-active .last-in-list.ActionMessage,.MessageList.type-pinned .last-in-list.ActionMessage{padding-bottom:.125rem}@media(max-width: 600px){.MessageList.with-bottom-shift{margin-bottom:0}.MessageList.with-bottom-shift .last-in-list{margin-bottom:4.25rem}body:not(.keyboard-visible) .MessageList.with-bottom-shift .last-in-list{margin-bottom:calc(4.25rem + env(safe-area-inset-bottom))}}.MessageList .Message,.MessageList .ActionMessage{position:relative;opacity:1;transform:scale(1);transition:opacity .2s ease,transform .2s ease}.MessageList .Message:not(.open),.MessageList .ActionMessage:not(.open){transform:scale(0.8);opacity:0}.MessageList .Message.open.shown,.MessageList .ActionMessage.open.shown{transform:none}.MessageList .Message::before,.MessageList .ActionMessage::before{content:"";position:absolute;top:-0.1875rem;bottom:-0.1875rem;left:-50vw;right:-50vw;background:#000;z-index:-1;opacity:0;transition:opacity var(--select-transition)}body.animation-level-0 .MessageList .Message::before,body.animation-level-0 .MessageList .ActionMessage::before{transition:none !important}.MessageList .Message:not(.last-in-group)::before,.MessageList .ActionMessage:not(.last-in-group)::before{bottom:-0.1875rem}.MessageList .Message:not(.first-in-group)::before,.MessageList .ActionMessage:not(.first-in-group)::before{top:-0.1875rem}.MessageList .Message.focused::before,.MessageList .ActionMessage.focused::before{transition:none !important}.MessageList .Message.focused::before,.MessageList .Message.is-forwarding::before,.MessageList .Message.is-selected::before,.MessageList .Message.has-menu-open::before,.MessageList .ActionMessage.focused::before,.MessageList .ActionMessage.is-forwarding::before,.MessageList .ActionMessage.is-selected::before,.MessageList .ActionMessage.has-menu-open::before{opacity:.1}.theme-dark .MessageList .Message.focused::before,.theme-dark .MessageList .Message.is-forwarding::before,.theme-dark .MessageList .Message.is-selected::before,.theme-dark .MessageList .Message.has-menu-open::before,.theme-dark .MessageList .ActionMessage.focused::before,.theme-dark .MessageList .ActionMessage.is-forwarding::before,.theme-dark .Me
[Build]
2022-08-07 18:43:53 +02:00
.KboxtoWkfx23zfklH_Zg{display:flex;flex-direction:column;align-items:center;position:relative;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;pointer-events:auto}.KboxtoWkfx23zfklH_Zg:not(:first-child){margin-top:.5rem}@media(min-width: 1276px){.KboxtoWkfx23zfklH_Zg{transform:translateX(0);transition:transform var(--layer-transition),opacity .2s ease}body.animation-level-0 .KboxtoWkfx23zfklH_Zg{transition:none !important}#Main.right-column-open .KboxtoWkfx23zfklH_Zg{transform:translateX(calc(-1 * var(--right-column-width)))}}.sgkkv3bmIMAZS9G9BHUz{box-shadow:0 1px 2px var(--color-default-shadow);color:var(--color-composer-button)}@media(max-width: 600px){.sgkkv3bmIMAZS9G9BHUz{width:2.875rem !important;height:2.875rem}}.AafG9_xBi_2eJ_bFNnNg{font-size:1.75rem !important}.yKN1kQ3YXf4SHHIBcotS{min-width:1.5rem;height:1.5rem;padding:0 .4375rem;border-radius:.75rem;font-size:.875rem;line-height:1.5rem;font-weight:500;text-align:center;position:absolute;top:-0.3125rem;right:-0.3125rem;background:var(--color-green);color:#fff;pointer-events:none}@media(max-width: 600px){.yKN1kQ3YXf4SHHIBcotS{top:-0.6875rem;right:auto}}
.quM3aP53TOfurCEOYgOE{--base-bottom-pos: 6rem;position:absolute;bottom:var(--base-bottom-pos);right:max(1rem,env(safe-area-inset-right));opacity:0;transform:translateY(4.5rem);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .2s ease;z-index:var(--z-scroll-down-button);pointer-events:none}.quM3aP53TOfurCEOYgOE .Hoi4yrJrfBHTmvB8TPce{pointer-events:none}body.animation-level-0 .quM3aP53TOfurCEOYgOE{transform:none !important;transition:opacity .15s}@media(max-width: 600px){.quM3aP53TOfurCEOYgOE{right:.5rem;bottom:4.5rem}body:not(.keyboard-visible) .quM3aP53TOfurCEOYgOE{bottom:calc(4.5rem + env(safe-area-inset-bottom))}}@supports not (right: max(1rem, env(safe-area-inset-right))){.quM3aP53TOfurCEOYgOE{right:1rem}@media(max-width: 600px){.quM3aP53TOfurCEOYgOE{right:.5rem}body:not(.keyboard-visible) .quM3aP53TOfurCEOYgOE{bottom:4.5rem}}}.quM3aP53TOfurCEOYgOE.Gutr8PrNAFFTnrIdgK_l{transform:translateY(0);opacity:1}.quM3aP53TOfurCEOYgOE.Gutr8PrNAFFTnrIdgK_l .Hoi4yrJrfBHTmvB8TPce{pointer-events:auto}.quM3aP53TOfurCEOYgOE.Gutr8PrNAFFTnrIdgK_l.r7RXnwv5TF4Cf2V0d5Mf.S98OqutuQVCNVHgTrKv4{transform:translateY(4rem)}.quM3aP53TOfurCEOYgOE.bHOz3QboabL0RvHuj3ku{transform:translateY(4rem)}.quM3aP53TOfurCEOYgOE.bHOz3QboabL0RvHuj3ku .Hoi4yrJrfBHTmvB8TPce{opacity:0;pointer-events:none}@media(max-width: 600px){body.yjxHiwr4SKNxYCGaxUua .quM3aP53TOfurCEOYgOE{bottom:calc(var(--base-bottom-pos) + var(--symbol-menu-height) + var(--symbol-menu-footer-height))}}
[Build]
2022-09-24 01:42:13 +02:00
.vL8HfVVnjTeFmp1ECFj8{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.vL8HfVVnjTeFmp1ECFj8.N3E1geoPu1vesCKf545F{width:1.25rem;height:1.25rem}.Fb4aIyDYEwOlaqY8oZkV{width:1.75rem;position:absolute}.Fb4aIyDYEwOlaqY8oZkV.N3E1geoPu1vesCKf545F{width:1.5rem}
[Build]
2022-04-19 15:14:57 +02:00
.AttachMenu{align-self:flex-end}.AttachMenu--button:focus{color:var(--color-primary)}.AttachMenu--menu{position:relative;top:-3.5rem}@media(max-width: 600px){.AttachMenu--menu{top:-2.875rem}}.AttachMenu--menu .bubble{max-height:20rem;overflow:auto}.is-pointer-env .AttachMenu--menu>.backdrop{position:absolute;top:-1rem;left:auto;right:0;width:3.5rem}.AttachMenu--menu .media-disabled>button{white-space:normal}.bot-attach-context-menu{position:absolute}
[Build]
2022-02-20 12:49:20 +01:00
.BotKeyboardMenu .bubble{width:100% !important;max-width:27rem;border-radius:var(--border-radius-default-small)}.BotKeyboardMenu .content{display:flex;flex-direction:column;padding:.1875rem .625rem;max-height:80vh;overflow:auto}@media(max-width: 600px){.BotKeyboardMenu .content{max-height:75vh}}.BotKeyboardMenu .content .row{display:flex;flex-direction:row}.BotKeyboardMenu .content .row+.row{margin-top:.375rem}.BotKeyboardMenu .content .Button{flex:1;width:auto;height:auto;min-height:3.0625rem;border-radius:var(--border-radius-messages-small);border:2px solid var(--color-primary);background:var(--color-background);color:var(--color-primary);font-weight:500;text-transform:none}.BotKeyboardMenu .content .Button:hover{color:#fff;border-color:var(--color-primary-shade);background:var(--color-primary-shade)}.BotKeyboardMenu .content .Button+.Button{margin-left:.375rem}
[Build]
2022-08-07 18:43:53 +02:00
.ComposerEmbeddedMessage{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out}.select-mode-active+.middle-column-footer .ComposerEmbeddedMessage{display:none}.ComposerEmbeddedMessage:not(.open){height:0 !important}body.animation-level-0 .ComposerEmbeddedMessage{transition:none !important}.ComposerEmbeddedMessage>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage .embedded-left-icon{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;display:grid;place-content:center;font-size:1.5rem;color:var(--color-primary)}@media(max-width: 600px){.ComposerEmbeddedMessage .embedded-left-icon{width:2.875rem}}.ComposerEmbeddedMessage .embedded-cancel{flex-shrink:0;background:none !important;width:2.25rem;height:2.875rem;margin:0 -0.0625rem 0 .75rem;padding:0;align-self:center}@media(max-width: 600px){.ComposerEmbeddedMessage .embedded-cancel{width:1.75rem}}.ComposerEmbeddedMessage .forward-context-menu{position:absolute}.ComposerEmbeddedMessage .forward-context-menu .bubble{width:auto}.ComposerEmbeddedMessage .forward-context-menu .icon-placeholder{width:1.25rem}
.WebPagePreview{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out;--accent-color: var(--color-primary)}body.animation-level-0 .WebPagePreview{transition:none !important}.select-mode-active+.middle-column-footer .WebPagePreview{display:none}.WebPagePreview:not(.open){height:0 !important}.WebPagePreview>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage+.WebPagePreview{margin-top:.75rem}.WebPagePreview .WebPagePreview-left-icon{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;display:grid;place-content:center;font-size:1.5rem;color:var(--color-primary)}@media(max-width: 600px){.WebPagePreview .WebPagePreview-left-icon{width:2.875rem}}.WebPagePreview .WebPagePreview-clear{flex-shrink:0;background:none !important;width:2.25rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;align-self:center}@media(max-width: 600px){.WebPagePreview .WebPagePreview-clear{width:1.75rem}}.WebPagePreview .WebPage{flex-grow:1;margin:.1875rem 0 .1875rem .125rem;max-width:calc(100% - 3.375rem);overflow:hidden}.WebPagePreview .WebPage::before{top:.125rem;bottom:.0625rem}.WebPagePreview .WebPage.with-video .media-inner{display:none}.WebPagePreview .WebPage .site-title,.WebPagePreview .WebPage .site-description{flex:1;max-width:100%;max-height:1rem}.WebPagePreview .WebPage .site-title{margin-top:.125rem;margin-bottom:.1875rem}.WebPagePreview .WebPage .site-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Composer{align-items:flex-end}.select-mode-active+.middle-column-footer .Composer{position:absolute;padding-right:2rem;bottom:env(safe-area-inset-bottom)}@supports not (bottom: env(safe-area-inset-bottom)){.select-mode-active+.middle-column-footer .Composer{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}@keyframes show-send-as-button{from{width:1rem;transform:scale(0)}to{width:3.5rem;transform:scale(1)}}.Composer>.Button{flex-shrink:0;margin-left:.5rem}.Composer>.Button:not(.danger){color:var(--color-composer-button)}@media(max-width: 600px){.Composer>.Button{width:2.875rem;height:2.875rem}}.Composer>.Button .icon-send,.Composer>.Button .icon-schedule,.Composer>.Button .icon-microphone-alt,.Composer>.Button .icon-check{position:absolute}.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-send,.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-schedule,.Composer>.Button:not(:active):not(:focus):not(:hover) .icon-check{color:var(--color-primary)}.Composer>.Button.cancel{position:relative;z-index:1}.Composer>.Button.cancel:hover,.Composer>.Button.cancel.active{background:var(--color-chat-hover)}.Composer>.Button.recording{position:relative;z-index:0;transition:box-shadow .1s}.Composer>.Button.send .icon-send{animation:grow-icon .4s ease-out}.Composer>.Button.send .icon-microphone-alt,.Composer>.Button.send .icon-check,.Composer>.Button.send .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.schedule .icon-schedule{animation:grow-icon .4s ease-out}.Composer>.Button.schedule .icon-microphone-alt,.Composer>.Button.schedule .icon-check,.Composer>.Button.schedule .icon-send{animation:hide-icon .4s forwards ease-out}.Composer>.Button.record .icon-microphone-alt{animation:grow-icon .4s ease-out}.Composer>.Button.record .icon-send,.Composer>.Button.record .icon-check,.Composer>.Button.record .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.edit .icon-check{animation:grow-icon .4s ease-out}.Composer>.Button.edit .icon-send,.Composer>.Button.edit .icon-microphone-alt,.Composer>.Button.edit .icon-schedule{animation:hide-icon .4s forwards ease-out}.Composer>.Button.not-ready>i{animation-duration:0ms !important}body.animation-level-0 .Composer>.Button .icon-send,body.animation-level-0 .Composer>.Button .icon-microphone-alt,body.animation-level-0 .Composer>.Button .icon-check,body.animation-level-0 .Composer>.Button .icon-schedule,body.animation-level-1 .Composer>.Button .icon-send,body.animation-level-1 .Composer>.Button .icon-microphone-alt,body.animation-level-1 .Composer>.Button .icon-check,body.animation-level-1 .Composer>.Button .icon-schedule{animation-duration:0ms !important}.Composer .send-as-button{z-index:1}body:not(.animation-level-0) .Composer .send-as-button.appear-animation{animation:.25s ease-in-out forwards show-send-as-button;transform-origin:right}.Composer .mobile-symbol-menu-button{width:2.875rem;height:2.875rem;position:relative}.Composer .mobile-symbol-menu-button .icon-smile,.Composer .mobile-symbol-menu-button .icon-keyboard,.Composer .mobile-symbol-menu-button .Spinner{position:absolute}.Composer .mobile-symbol-menu-button .Spinner{--spinner-size: 1.5rem}.Composer .mobile-symbol-menu-button .icon-smile{animation:grow-icon .4s ease-out}.Composer .mobile-symbol-menu-button .icon-keyboard,.Composer .mobile-symbol-menu-button .Spinner{animation:hide-icon .4s forwards ease-out}.Composer .mobile-symbol-menu-button.not-ready>i{animation-duration:0ms !important}.Composer .mobile-symbol-menu-button.is-loading .Spinner{animation:grow-icon .4s ease-out}.Composer .mobile-symbol-menu-button.is-loading .icon-keyboard,.Composer .mobile-symbol-menu-button.is-loading .icon-smile{animation:hide-icon .4s forwards ease
[Build]
2022-09-20 15:02:59 +02:00
#MiddleColumn{display:flex;justify-content:center;height:100%;position:relative;z-index:1;min-width:0}@media(max-width: 600px){#MiddleColumn{overflow:hidden}}#MiddleColumn .messages-layout{--slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}#MiddleColumn .messages-layout>.Transition{width:100%;height:100%;overflow:hidden}#MiddleColumn .messages-layout>.Transition>div{display:flex;flex-direction:column;align-items:center}#MiddleColumn .Composer #message-compose{transform:scaleX(1) translateX(0);transition:transform var(--select-transition),border-bottom-right-radius var(--select-transition)}#MiddleColumn .Composer #message-compose::before{transform:scaleX(-1) translateX(0);transition:transform var(--select-transition)}body.animation-level-0 #MiddleColumn .Composer #message-compose,body.animation-level-0 #MiddleColumn .Composer #message-compose::before{transition:none !important}#MiddleColumn .Composer .message-input-wrapper,#MiddleColumn .Composer::before{opacity:1;transition:opacity var(--select-transition)}body.animation-level-0 #MiddleColumn .Composer .message-input-wrapper,body.animation-level-0 #MiddleColumn .Composer::before{transition:none !important}#MiddleColumn .Composer>.Button{opacity:1;transform:scale(1);transition:opacity var(--select-transition),transform var(--select-transition),background-color .15s,color .15s}body.animation-level-0 #MiddleColumn .Composer>.Button{transition:none !important}#MiddleColumn .Composer.hover-disabled,#MiddleColumn .Composer:not(.shown){pointer-events:none}#MiddleColumn .Composer:not(.shown) .ComposerEmbeddedMessage{height:0}#MiddleColumn .Composer:not(.shown) #message-compose{transform:scaleX(var(--composer-hidden-scale, 1)) translateX(var(--composer-translate-x, 0));border-bottom-right-radius:var(--border-radius-messages)}#MiddleColumn .Composer:not(.shown) #message-compose::before{transform:scaleX(-1) translateX(200%)}#MiddleColumn .Composer:not(.shown) #editable-message-text{height:3.5rem !important}@media(max-width: 600px){#MiddleColumn .Composer:not(.shown) #editable-message-text{height:2.5rem !important}}#MiddleColumn .Composer:not(.shown) .message-input-wrapper,#MiddleColumn .Composer:not(.shown)::before{opacity:0}#MiddleColumn .Composer:not(.shown)>.Button{opacity:0 !important;transform:scale(0.5)}#MiddleColumn .messaging-disabled{transform:scaleX(1);transition:transform var(--select-transition)}#MiddleColumn .messaging-disabled .messaging-disabled-inner span{opacity:1;transition:opacity var(--select-transition)}body.animation-level-0 #MiddleColumn .messaging-disabled .messaging-disabled-inner span{transition:none !important}body.animation-level-0 #MiddleColumn .messaging-disabled{transition:none !important}#MiddleColumn .messaging-disabled:not(.shown){transform:scaleX(var(--composer-hidden-scale, 1));pointer-events:none}#MiddleColumn .messaging-disabled:not(.shown) .messaging-disabled-inner span{opacity:0}#MiddleColumn .messaging-disabled-inner{width:100%;padding:1rem;border-radius:var(--border-radius-messages);background:var(--color-background);color:var(--color-text-secondary);text-align:center;box-shadow:0 1px 2px var(--color-default-shadow)}#MiddleColumn .middle-column-footer{width:100%;max-width:var(--messages-container-width);padding:0 1rem;position:relative;display:flex;align-items:flex-end;z-index:var(--z-middle-footer);transform:translate3d(0, 0, 0);transition:top 200ms,transform var(--layer-transition)}body.animation-level-0 #MiddleColumn .middle-column-footer{transition:none !important}@media(min-width: 1276px){#MiddleColumn .middle-column-footer{width:calc(100% - var(--right-column-width))}#Main.right-column-open #MiddleColumn .middle-column-footer{transform:translate3d(calc(var(--right-column-width) / -2), 0, 0)}}@media(max-width: 600px){#MiddleColumn .middle-column-footer{padding:0 .5rem}body.is-symbol-menu-open #MiddleColumn .middle-column-footer{transform:translate3d(0, calc(-1 * (var(--symbol-menu-height) + var(--symbol-menu-footer-heigh
[Build]
2022-08-07 18:43:53 +02:00
.ON5E8MkEVA1mAlkuIxhG{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;overflow:hidden;background-color:var(--theme-background-color)}.ON5E8MkEVA1mAlkuIxhG::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-position:center;background-repeat:no-repeat;background-size:cover}html.theme-light .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk)::before{background-image:url(chat-bg-br.f34cc96fbfb048812820.png)}.ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk).avVozLQe3SaWcSkIt6pG::before{display:none}.ON5E8MkEVA1mAlkuIxhG.Ik9ZZlj3eKtKXRrUZKVk::before{background-image:var(--custom-background) !important;transform:scale(1.1)}body:not(.animation-level-0) .ON5E8MkEVA1mAlkuIxhG.OWFg9Wf1uioPWDz_IgS8{transition:background-color .2s}body:not(.animation-level-0) .ON5E8MkEVA1mAlkuIxhG.OWFg9Wf1uioPWDz_IgS8.Ik9ZZlj3eKtKXRrUZKVk::before{transition:background-image var(--layer-transition)}.ON5E8MkEVA1mAlkuIxhG.Ik9ZZlj3eKtKXRrUZKVk.Tipa66fYcSvl6w0587Xz::before{filter:blur(12px)}@media screen and (min-width: 1276px){body.animation-level-2 .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk)::before{overflow:hidden;transform:scale(1);transform-origin:left center}}@media screen and (min-width: 1276px){html.theme-light body.animation-level-2 .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk).vhOr8s3T_LCKSt2BF7fs::before{transform:scaleX(0.67) !important}}@media screen and (min-width: 1921px){html.theme-light body.animation-level-2 .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk).vhOr8s3T_LCKSt2BF7fs::before{transform:scaleX(0.8) !important}}@media screen and (min-width: 2600px){html.theme-light body.animation-level-2 .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk).vhOr8s3T_LCKSt2BF7fs::before{transform:scaleX(0.95) !important}}html.theme-light body.animation-level-2 .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk).vhOr8s3T_LCKSt2BF7fs.OWFg9Wf1uioPWDz_IgS8::before{transition:transform var(--layer-transition)}.ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk):not(.avVozLQe3SaWcSkIt6pG)::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:url(chat-bg-pattern-light.ee148af944f6580293ae.png);background-position:top right;background-size:510px auto;background-repeat:repeat;mix-blend-mode:overlay}html.theme-dark .ON5E8MkEVA1mAlkuIxhG:not(.Ik9ZZlj3eKtKXRrUZKVk):not(.avVozLQe3SaWcSkIt6pG)::after{background-image:url(chat-bg-pattern-dark.ad38368a9e8140d0ac7d.png);mix-blend-mode:unset}
[Build]
2022-02-20 12:49:20 +01:00
.RightHeader{display:flex;align-items:center;height:var(--header-height);padding:.5rem .8125rem;pointer-events:auto}@media(max-width: 600px){.RightHeader{padding:.5rem}}.RightHeader .close-button{flex-shrink:0}.RightHeader>.Transition{flex:1;height:100%}.RightHeader>.Transition>div{display:flex;align-items:center}.RightHeader h3{margin-bottom:0;font-size:1.25rem;font-weight:500;margin-left:1.375rem}.RightHeader .tools{display:flex;margin-left:auto}.RightHeader .SearchInput{margin-left:1rem}@media(min-width: 600px){.RightHeader .SearchInput{margin-right:1rem}}.RightHeader .DropdownMenu{margin-left:auto}
.Profile{height:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll}@supports(overflow-y: overlay){.Profile{overflow-y:overlay;overflow-x:hidden}}.Profile>.profile-info>.ChatInfo{grid-area:chat_info}.Profile>.profile-info>.ChatInfo .status.online{color:var(--color-primary)}.Profile>.profile-info>.ChatExtra{padding:.875rem .5rem .5rem;box-shadow:inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);border-bottom:.625rem solid var(--color-background-secondary)}.Profile>.profile-info>.ChatExtra .narrow{margin-bottom:0}.Profile>.profile-info>.ChatExtra .inactive.no-selection{user-select:auto;-webkit-user-select:auto !important}.Profile>.profile-info>.ChatExtra .Switcher{margin-left:auto}.Profile>.profile-info>.ChatExtra [dir=rtl] .Switcher{margin-left:0;margin-right:auto}.Profile .FloatingActionButton{z-index:1}.shared-media{display:flex;flex-direction:column-reverse}.shared-media .TabList{background:var(--color-background);top:-1px;z-index:1}.shared-media .TabList .Tab{padding:1rem .75rem}.shared-media .TabList .Tab span{white-space:nowrap}.shared-media .TabList .Tab i{bottom:-1rem}.shared-media .Transition{flex:1}.shared-media .content.empty-list{height:100%;padding-top:5rem;display:flex;align-items:flex-start;justify-content:center}.shared-media .content.empty-list .Spinner{--spinner-size: 2.75rem}.shared-media .content.media-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-gap:.0625rem}.shared-media .content.documents-list{padding:1.25rem}.shared-media .content.documents-list .File+.File{margin-top:1.25rem}.shared-media .content.links-list{padding:1.25rem}.shared-media .content.links-list .ProgressSpinner,.shared-media .content.links-list .message-transfer-progress{display:none}.shared-media .content.audio-list,.shared-media .content.voice-list{padding:1.25rem}.shared-media .content.audio-list .Audio .media-loading,.shared-media .content.voice-list .Audio .media-loading{top:0;left:0;display:flex;align-items:center;justify-content:center}.shared-media .content.audio-list .Audio+.Audio,.shared-media .content.voice-list .Audio+.Audio{margin-top:1.6875rem}.shared-media .content.commonChats-list,.shared-media .content.members-list{padding:.5rem 1rem}@media(max-width: 600px){.shared-media .content.commonChats-list,.shared-media .content.members-list{padding:.5rem 0}.shared-media .content.commonChats-list .ListItem.chat-item-clickable,.shared-media .content.members-list .ListItem.chat-item-clickable{margin:0}}
.AddChatMembers{height:100%;overflow:hidden;position:relative}.AddChatMembers-inner{height:100%;overflow:hidden}
[Build]
2022-08-18 16:18:06 +02:00
#RightColumn{position:absolute;top:0;right:0;width:var(--right-column-width);height:100%;padding-right:env(safe-area-inset-right);transform:translate3d(var(--right-column-width), 0, 0);background:var(--color-background);border-left:1px solid var(--color-borders);z-index:var(--z-right-column);transition:transform var(--layer-transition)}@supports not (padding-right: env(safe-area-inset-right)){#RightColumn{padding-right:0}}body.animation-level-0 #RightColumn{transition:none}@media(max-width: 1275px){#RightColumn{box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-left:none}}@media(max-width: 600px){#RightColumn{width:100vw;transform:translate3d(110vw, 0, 0)}}#RightColumn>.Transition{height:calc(100% - var(--header-height));overflow:hidden}#RightColumn .Management .section>.ChatInfo{padding:0 1.5rem;margin:1rem 0;text-align:center}#RightColumn .Management .section>.ChatInfo .Avatar{margin:0 auto .5rem}#RightColumn .Management .section>.ChatInfo .Avatar.no-photo{cursor:default !important}#RightColumn .Management .section>.ChatInfo .title{display:flex;justify-content:center;align-items:center}#RightColumn .Management .section>.ChatInfo .title h3{font-weight:500;font-size:1.25rem;line-height:2rem;white-space:pre-wrap;word-break:break-word}#RightColumn .Management .section>.ChatInfo .title .VerifiedIcon,#RightColumn .Management .section>.ChatInfo .title .PremiumIcon{margin-left:.25rem}#RightColumn .Management .section>.ChatInfo .title .emoji{width:1.5rem;height:1.5rem;background-size:1.5rem}#RightColumn .Management .section>.ChatInfo .status{font-size:.875rem;color:#868e96}#RightColumn-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--z-right-column);overflow:hidden;visibility:hidden;pointer-events:none}@media(max-width: 1275px){#RightColumn-wrapper{position:fixed}}#RightColumn-wrapper.is-hidden{display:none}#RightColumn-wrapper .overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000;opacity:0}@media(max-width: 600px){#RightColumn-wrapper .overlay-backdrop{transition:opacity var(--layer-transition)}body.animation-level-0 #RightColumn-wrapper .overlay-backdrop{transition:none}}#Main.right-column-shown #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)}
[Build]
2022-04-19 15:14:57 +02:00
.GameModal .modal-dialog{max-width:80%;height:100%;justify-content:center;background-color:rgba(0,0,0,0);border:none;box-shadow:none;margin:0}.GameModal .modal-header{display:none}.GameModal .modal-content{overflow:hidden}.GameModal .game-frame{width:100%;height:100%;border:0;border-radius:var(--border-radius-default)}@media(max-width: 600px){.GameModal .modal-dialog{background-color:var(--color-background);max-width:100% !important;border-radius:0}.GameModal .modal-header{display:flex;padding:.5rem}.GameModal .modal-content{max-height:none;padding:0}.GameModal .game-frame{border-radius:0}}
[Build]
2022-08-07 18:43:53 +02:00
.vfd0Bo1X6k19aaxQ577t{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-confetti);pointer-events:none;overflow:hidden}
[Build]
2022-09-14 13:58:43 +02:00
#Main{height:100%;text-align:left;overflow:hidden}@media(min-width: 1276px){#Main{position:relative}}@media(max-width: 600px){#Main{height:calc(var(--vh, 1vh)*100)}}@media(min-width: 926px){#Main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%}}.has-call-header{--call-header-height: 2rem}.has-call-header #LeftColumn,.has-call-header #MiddleColumn,.has-call-header #RightColumn-wrapper{height:calc(100% - 2rem);margin-top:2rem}#LeftColumn{min-width:12rem;width:33vw;max-width:26.5rem;height:100%;position:relative;background-color:var(--color-background)}#LeftColumn>div{height:100%;overflow:hidden}@media(max-width: 600px){#LeftColumn{height:calc(var(--vh, 1vh)*100)}}@media(min-width: 926px){#LeftColumn{max-width:40vw}}@media(min-width: 1276px){#LeftColumn{width:25vw;max-width:33vw}}@media(max-width: 925px){#LeftColumn{position:fixed;left:0;top:0;height:calc(var(--vh, 1vh)*100);width:26.5rem !important;transform:translate3d(-5rem, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #LeftColumn{transition:none}#LeftColumn::after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0;transition:opacity var(--layer-transition);z-index:1;pointer-events:none}body.animation-level-0 #LeftColumn::after{transition:none}body.is-android #LeftColumn::after{display:none}body.is-android #Main.left-column-animating #LeftColumn::after,body.is-android #Main:not(.left-column-open) #LeftColumn::after{display:block}body:not(.is-android) #Main:not(.left-column-open) #LeftColumn::after,body.android-left-blackout-open #LeftColumn::after{opacity:var(--layer-blackout-opacity)}#Main.left-column-open #LeftColumn{transform:translate3d(0, 0, 0)}#Main.history-animation-disabled #LeftColumn{transition:none}#Main.history-animation-disabled #LeftColumn:after{transition:none}}@media(max-width: 600px){#LeftColumn{max-width:none;transform:translate3d(-20vw, 0, 0);left:env(safe-area-inset-left) !important;width:calc(100vw - env(safe-area-inset-left)) !important}@supports not (left: env(safe-area-inset-left)){#LeftColumn{left:0 !important;width:100vw !important}}}@media(max-width: 600px){#RightColumn{height:calc(var(--vh, 1vh)*100 + 1px)}}#Main.history-animation-disabled #RightColumn{transition:none}#Main.history-animation-disabled #RightColumn .overlay-backdrop{transition:none}#Main.history-animation-disabled .overlay-backdrop{transition:none}#MiddleColumn{border-left:1px solid var(--color-borders)}@media(max-width: 925px){#MiddleColumn{max-width:none;position:fixed;left:0;top:0;bottom:0;right:0;transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #MiddleColumn{transition:none}#Main.left-column-open #MiddleColumn{transform:translate3d(26.5rem, 0, 0)}}@media(max-width: 600px){#MiddleColumn{border-left:none}#Main.left-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.left-column-open:not(.left-column-animating) #MiddleColumn{display:none}body.is-android.animation-level-1 #Main.left-column-open #MiddleColumn{transform:translate3d(10vw, 0, 0);opacity:0}body.is-android.animation-level-1 #Main:not(.left-column-open) #LeftColumn{transform:translate3d(0, 0, 0);opacity:0}body.is-android.animation-level-1 #Main:not(.right-column-open):not(.right-column-animating) #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,
[Build]
2022-08-07 18:43:53 +02:00
.sY59IPNwkaRsrfYPhEJc{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.DlErQEIDwmZ0duQgO_2b{display:inline-flex;flex-direction:column;background:var(--color-background);color:var(--color-text);max-width:20rem;padding:1.5rem 1rem 0;border-radius:var(--border-radius-default);z-index:2}.DlErQEIDwmZ0duQgO_2b[dir=rtl]{text-align:right}.ar9YdQbWJreREHmnZa9m{width:10rem;height:10rem;margin:0 auto 1rem}.uOmdTQr_cJEvuTkQipx7{margin-top:2rem}
[Build]
2022-02-20 12:49:20 +01:00
[Build]
2022-09-24 01:42:13 +02:00
/*# sourceMappingURL=BundleMain.b3dc0ee7170367f52dfe.css.map*/
Reference in New Issue Copy Permalink