2021-12-10 18:35:23 +01: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 .45rem;color:#fff;font-size:.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}@supports(overflow-y: overlay){#LeftMainHeader .Menu .bubble{overflow-y:overlay;overflow-x:hidden}}.Transition>div:not(.Transition__slide--active) #LeftMainHeader .Menu .bubble,body.animating-right-column #LeftMainHeader .Menu .bubble{transition:none !important}
|
2021-10-13 13:42:27 +02:00
|
|
|
#ConnectionState{flex:0 0 auto;display:flex;align-items:center;margin:0 .5rem .5rem;padding:.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}}
|
2021-10-15 13:04:11 +02:00
|
|
|
.NewChatButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}body.animation-level-0 .NewChatButton{transform:none !important;opacity:0;transition:opacity .15s}body.animation-level-0 .NewChatButton.revealed{opacity:1}.NewChatButton.revealed{transform:translateY(0)}@media(max-width: 600px){.NewChatButton.revealed{transform:translate3d(0, 0, 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}
|
2021-10-13 13:42:27 +02:00
|
|
|
#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:.625rem;padding-right:.625rem}#LeftColumn-main .ChatFolders .Tab>span{padding-left:.5rem;padding-right:.5rem}#LeftColumn-main .ChatFolders>.Transition{flex:1;overflow:hidden}#LeftColumn-main .RecentContacts,#LeftColumn-main .LeftSearch,#LeftColumn-main .search-content{height:100%;overflow-y:auto}#LeftColumn-main .btn-update{position:absolute;bottom:1rem;left:1rem;right:1rem;margin:0 auto}
|
|
|
|
|
#NewChat{height:100%}.left-header{height:var(--header-height);padding:.375rem 1rem .5rem .8125rem;display:flex;align-items:center;flex-shrink:0;background-color:var(--color-background)}.left-header h3{margin-bottom:0;font-size:1.25rem;font-weight:500;margin-left:1.375rem;margin-right:auto}.left-header .SearchInput{margin-left:.875rem;max-width:calc(100% - 3.25rem)}@media(max-width: 600px){.left-header .SearchInput{max-width:calc(100% - 3rem)}}@media(max-width: 600px){.left-header{padding:.5rem}}.left-header .Button.smaller{width:2.5rem;height:2.5rem}.left-header .Button.smaller+.DropdownMenu{margin-left:.25rem}
|
2021-11-05 20:12:14 +01: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.025rem}.AudioPlayer .player-button i{position:absolute;font-size:1.9375rem;margin-top:-0.05rem}.AudioPlayer .player-button i.icon-play{margin-left:.1rem}.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:.15rem .25rem;font-variant-numeric:tabular-nums}.AudioPlayer-content{display:flex;justify-content:center;flex-direction:column;flex-shrink:1;padding:0 .5rem;position:relative;overflow:hidden;cursor:pointer;border-radius:var(--border-radius-messages-small)}.AudioPlayer-content:hover{background-color:var(--color-interactive-element-hover)}@media(min-width: 1440px)and (max-width: 1500px){.AudioPlayer-content{max-width:14rem}}.AudioPlayer .AudioPlayer-content .title{display:block;font-weight:500;font-size:.875rem !important;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.is-ios .AudioPlayer .AudioPlayer-content .title{font-size:.9375rem !important;line-height:1.125rem}.AudioPlayer-content .subtitle{font-size:.85rem !important;color:var(--color-text-secondary);line-height:.85rem;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}
|
2021-11-27 17:45:33 +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))}}
|
2021-12-10 18:35:23 +01:00
|
|
|
.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)}@supports(padding-left: env(safe-area-inset-left)){.MiddleHeader{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(.8125rem, env(safe-area-inset-right))}}@media(max-width: 600px){.MiddleHeader{padding:.5rem;position:relative}@supports(padding-left: env(safe-area-inset-left)){.MiddleHeader{padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right))}}}.MiddleHeader .Transition{width:100%;min-width:0}.MiddleHeader .Transition>div{display:flex;align-items:center;width:100%}.MiddleHeader .back-button{margin-left:-0.5rem;margin-right:.5rem;position:relative}@media(max-width: 600px){.MiddleHeader .back-button{margin-left:0}}.MiddleHeader .back-button .unread-count{min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:.625rem;font-size:.75rem;line-height:1.25rem;font-weight:500;text-align:center;position:absolute;top:-0.25rem;right:-0.5rem;background:var(--color-gray);color:#fff;pointer-events:none}.MiddleHeader .back-button .unread-count.active{background:var(--color-primary)}.MiddleHeader .chat-info-wrapper{flex-grow:1;overflow:hidden}body.animation-level-0 .MiddleHeader .HeaderPinnedMessage-wrapper{transition:none !important}.MiddleHeader .header-tools{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:0}body.animation-level-0 .MiddleHeader .header-tools,body.animation-level-0 .MiddleHeader .header-tools .AudioPlayer,body.animation-level-0 .MiddleHeader .header-tools .HeaderActions{transition:none !important}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader .header-tools .HeaderActions{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools .HeaderActions{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}@media(min-width: 1440px){.MiddleHeader .header-tools{transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}#Main.right-column-open .MiddleHeader .header-tools{transform:translate3d(calc(var(--right-column-width) * -1), 0, 0)}}.Transition>div:not(.Transition__slide--active) .MiddleHeader .header-tools,body.animating-right-column .MiddleHeader .header-tools{pointer-events:none}@media(min-width: 1276px)and (max-width: 1439px){.MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,.MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:1}#Main.right-column-open .MiddleHeader:not(.tools-stacked) .HeaderPinnedMessage-wrapper,#Main.right-column-open .MiddleHeader:not(.tools-stacked) .AudioPlayer{opacity:0}}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{position:absolute;top:100%;left:0;right:0;height:2.875rem;box-shadow:0 .125rem .125rem var(--color-light-shadow);display:flex;flex-direction:row-reverse;padding:.375rem .5rem;padding-left:.75rem;background:var(--color-background)}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper::before,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer::before{content:"";display:block;position:absolute;top:-0.1875rem;left:0;right:0;height:.125rem;box-shadow:0 .125rem .125rem var(--color-light-shadow)}.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper .HeaderPinnedMessage,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer .HeaderPinnedMessage{max-width:unset;margin-top:-0.1875rem}@supports(padding-left: env(safe-area-inset-left)){.MiddleHeader.tools-stacked .AudioPlayer .HeaderPinnedMessage-wrapper,.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{padding-left:max(0.75rem, env(safe-area-inset-left));padding-right:max(0.5rem, env(safe-area-inset-right))}}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer{flex-direction:row;margin-top:0;padding:.25rem .5rem}.MiddleHeader.tools-stacked .AudioPlayer .AudioPlayer-content{
|
2021-10-13 13:42:27 +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}body.animation-level-1 .EmbeddedMessage .ripple-container{display:none}.custom-shape .EmbeddedMessage{max-width:15rem;padding:.5rem;margin:0;background-color:var(--background-color);box-shadow:0 1px 2px var(--color-default-shadow)}.custom-shape .EmbeddedMessage::before{left:.625rem;top:.625rem;bottom:.625rem}.custom-shape .EmbeddedMessage img:not(.emoji){margin-inline-start:.5rem}.custom-shape .EmbeddedMessage:dir(rtl){padding:.5rem}.EmbeddedMessage::before{content:"";display:block;position:absolute;top:.3125rem;bottom:.3125rem;left:.3125rem;width:2px;background:var(--accent-color);border-radius:2px}.EmbeddedMessage:hover{background-color:var(--hover-color)}.EmbeddedMessage:active{background-color:var(--active-color)}.EmbeddedMessage .message-title{font-size:calc(var(--message-text-size, 1rem) - .125rem)}.EmbeddedMessage .message-text{overflow:hidden;margin-inline-start:.5rem;display:flex;flex-direction:column-reverse}.EmbeddedMessage .message-text .message-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem;flex:1;display:block}.EmbeddedMessage .message-text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.125rem;margin-bottom:0;flex:1}.EmbeddedMessage .message-text p::after{content:none;display:none}.EmbeddedMessage .message-text .emoji{width:calc(1.125 * var(--message-text-size, 1rem)) !important;height:calc(1.125 * var(--message-text-size, 1rem)) !important;vertical-align:text-bottom !important}.EmbeddedMessage .embedded-action-message{color:var(--accent-color);opacity:.75}.EmbeddedMessage img:not(.emoji){width:2rem;height:2rem;object-fit:cover;border-radius:.25rem;margin-left:.25rem;flex-shrink:0}.EmbeddedMessage img:not(.emoji).round{border-radius:1rem}.EmbeddedMessage.inside-input{padding-inline-start:.5625rem;margin:0 0 -0.125rem -0.1875rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;width:100%;--accent-color: var(--color-primary);--hover-color: var(--color-interactive-element-hover)}.EmbeddedMessage.inside-input::before{bottom:.3125rem}.EmbeddedMessage.inside-input img:not(.emoji){margin-left:.125rem}.EmbeddedMessage.inside-input .message-text{margin-inline-start:.375rem}.EmbeddedMessage.inside-input .message-title{font-weight:500;color:var(--accent-color)}
|
|
|
|
|
.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;-moz-user-select:none;user-select:none}.MessageMeta .message-time,.MessageMeta .message-signature,.MessageMeta .message-views{font-size:.75rem;white-space:nowrap}.MessageMeta .message-time{margin-inline-end:.1875rem}body.is-ios .MessageMeta .message-time{margin-inline-end:.25rem}.MessageMeta .message-views{margin-inline-start:.1875rem}.MessageMeta .message-signature{overflow:hidden;text-overflow:ellipsis;margin-right:.375rem}.MessageMeta .icon-channelviews{margin-inline-start:.125rem;margin-inline-end:.375rem;font-size:1.125rem;position:relative;top:-0.0625rem}.has-solid-background .MessageMeta{color:rgba(var(--color-text-meta-rgb), 0.75);background:none}.media:not(.text) .MessageMeta,.Message .custom-shape .MessageMeta{background:rgba(0,0,0,.2);--color-accent-own: white;--color-accent: white;color:#fff !important;opacity:1;bottom:.25rem;right:.25rem;left:auto;height:1.125rem;padding:0 .3125rem 0 .375rem}.media:not(.text) .MessageMeta .MessageOutgoingStatus i,.Message .custom-shape .MessageMeta .MessageOutgoingStatus i{background:transparent}.media:not(.text):dir(rtl) .MessageMeta,.Message .custom-shape:dir(rtl) .MessageMeta{right:auto !important;left:.25rem;padding:0 .375rem 0 .3125rem}.is-forwarded.media:not(.text):dir(rtl) .MessageMeta,.Message .is-forwarded.custom-shape:dir(rtl) .MessageMeta{left:.8125rem}.is-forwarded.media:not(.text) .MessageMeta{bottom:.935rem;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}.Message:not(.own) .custom-shape .reply-message+.MessageMeta{right:auto;left:13.2rem;bottom:.25rem}.Message:not(.own) .emoji-only-1 .reply-message+.MessageMeta{left:2.5rem}.Message:not(.own) .emoji-only-2 .reply-message+.MessageMeta{left:5.5rem}.Message:not(.own) .emoji-only-3 .reply-message+.MessageMeta{left:6.5rem}
|
|
|
|
|
.Sticker:not(.inactive){cursor:pointer}.Sticker.inactive{pointer-events:none}
|
|
|
|
|
.Contact{display:flex;align-items:center;padding:.25rem}.Contact.interactive{cursor:pointer}.Contact .Avatar{margin-right:.8rem}.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}}
|
2021-10-15 14:07:58 +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)}.theme-dark .Poll .Checkbox .Checkbox-main::before,.theme-dark .Poll .Checkbox .Radio-main::before,.theme-dark .Poll .Radio .Checkbox-main::before,.theme-dark .Poll .Radio .Radio-main::before{--color-borders: var(--color-borders-input)}.Message.own .Poll .Checkbox .Checkbox-main::before,.Message.own .Poll .Checkbox .Radio-main::before,.Message.own .Poll .Radio .Checkbox-main::before,.Message.own .Poll .Radio .Radio-main::before{--color-borders: var(--accent-color)}.Poll .Checkbox .Checkbox-main::after,.Poll .Checkbox .Radio-main::after,.Poll .Radio .Checkbox-main::after,.Poll .Radio .Radio-main::after{left:.4375rem;background-color:var(--accent-color)}.Poll .Checkbox input:checked~.Radio-main::before,.Poll .Checkbox input:checked~.Checkbox-main::before,.Poll .Radio input:checked~.Radio-main::before,.Poll .Radio input:checked~.Checkbox-main::before{border-color:var(--accent-color)}.Poll .Checkbox .Spinner,.Poll .Radio .Spinner{left:.125rem}.Poll .Checkbox .Checkbox-main::after{left:.125rem;background-color:var(--color-primary)}.Message.own .Poll .Checkbox .Checkbox-main::after{background-color:var(--accent-color)}.Poll .Spinner>div{background-image:var(--spinner-gray-data)}.theme-dark .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Message.own .Poll .Spinner>div{background-image:var(--spinner-green-data)}.theme-dark .Message.own .Poll .Spinner>div{background-image:var(--spinner-white-data)}.Poll .poll-recent-voters{display:inline-flex;align-items:center;vertical-align:text-bottom;margin-left:.875rem;margin-right:.5rem;margin-top:-2px}.Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--color-white);margin-right:0;box-sizing:content-box}.Message.own .Poll .poll-recent-voters .Avatar{border:.0625rem solid var(--secondary-color)}.Poll .poll-recent-voters .Avatar:not(:first-child){margin-left:-3px}.Poll .poll-countdown{margin-left:auto;font-size:.75rem;transition:color .2s}.Poll .poll-countdown.hurry-up{color:var(--color-error)}.Poll .poll-countdown.hurry-up .poll-countdown-progress{stroke:var(--color-error)}.Poll .poll-countdown svg{vertical-align:-3px}.Poll .poll-countdown-progress{stroke:var(--color-primary);fill:transparent;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 2s,stroke .2s}.Poll .poll-quiz-help{margin:-0.625rem 0 -0.625rem auto}.Message:not(.own) .Poll .poll-quiz-help{color:var(--color-primary)}.Poll .poll-results,.Poll .poll-answers{padding-top:.25rem;padding-bottom:.5rem}.Poll .Button{text-transform:none;font-size:1rem}.Message.own .Poll .Button{color:var(--accent-color);--color-primary-shade-rgb: var(--color-accent-own)}.Poll>.Button{margin-bottom:.625rem}
|
2021-10-13 13:42:27 +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.small-image img{border-radius:var(--border-radius-messages-small) !important}.WebPage .media-inner.square-image{width:5rem;height:5rem;min-height:0;margin-bottom:0 !important}.WebPage .media-inner.square-image img{width:100%;height:100%}.WebPage.with-video .media-inner{margin-top:.5rem !important;margin-bottom:1rem !important}.WebPage.with-square-photo{display:flex;margin-bottom:1rem}.WebPage.with-square-photo .WebPage-text{order:1;padding-right:1rem}.WebPage.with-square-photo .media-inner{order:2;flex-shrink:0}.WebPage.with-square-photo:dir(rtl) .WebPage-text{padding-inline-end:1rem}.WebPage:not(.with-square-photo) .site-name:last-child::after,.WebPage:not(.with-square-photo) .site-title:last-child::after,.WebPage:not(.with-square-photo) .site-description:last-child::after{content:"";display:inline-block;width:var(--meta-safe-area-size);height:.75rem;float:right}.WebPage .site-name,.WebPage .site-description,.WebPage .site-title{word-break:break-word;max-width:100%}.WebPage .site-name{color:var(--accent-color);font-weight:500;margin-bottom:.125rem}.WebPage .site-title{font-weight:500;margin-bottom:.125rem}.WebPage .site-description{line-height:1.25;margin-bottom:0}body.is-ios .WebPage .site-description{line-height:1.125rem}.WebPage:dir(rtl){padding-inline-start:.625rem}.WebPage:dir(rtl)::before{left:auto;right:0}
|
|
|
|
|
.Invoice .title{color:var(--accent-color);font-weight:500}.Invoice .description{position:relative}.Invoice .description.has-image .invoice-image{max-width:100%;height:20rem}@media(max-width: 600px){.Invoice .description.has-image .invoice-image{height:10rem}}.Invoice .description.has-image .description-text{position:absolute;top:0;padding:.25rem .5rem;margin:.25rem;background-color:rgba(90,110,70,.6);border-radius:var(--border-radius-messages-small);color:var(--color-text);font-weight:500}.Invoice .description.has-image .description-text span{margin-left:.5rem}
|
|
|
|
|
.Album{position:relative;overflow:hidden}.message-content.media.text .Album{margin:-0.3125rem -0.5rem .3125rem}.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}
|
2021-10-22 01:28:48 +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: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}
|
2021-10-13 13:42:27 +02:00
|
|
|
.InlineButtons{display:flex;flex-direction:column}.InlineButtons .row{display:flex;flex-direction:row}.InlineButtons .Button{flex:1;width:auto;margin:.125rem;background:var(--pattern-color);border-radius:var(--border-radius-messages-small);font-weight:500;text-transform:none}.InlineButtons .Button::before{content:"";background-color:var(--color-white);opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-messages-small);z-index:var(--z-below);transition:opacity 200ms}.InlineButtons .Button:hover{background:var(--pattern-color) !important}.InlineButtons .Button:hover::before{opacity:.4}.InlineButtons .Button:first-of-type{margin-left:0}.InlineButtons .Button:last-of-type{margin-right:0}.InlineButtons .Button i{font-size:.875rem;position:absolute;right:.1875rem;top:.1875rem;display:block}.InlineButtons .Button i.icon-arrow-right{font-size:.75rem;top:.125rem;right:.125rem;transform:rotate(-45deg)}.InlineButtons .row:first-of-type .Button{margin-top:.25rem !important}.InlineButtons .row:last-of-type .Button{margin-bottom:0}.InlineButtons .row:last-of-type .Button:first-of-type{border-bottom-left-radius:var(--border-radius-messages)}.InlineButtons .row:last-of-type .Button:last-of-type{border-bottom-right-radius:var(--border-radius-messages)}
|
|
|
|
|
.CommentButton{--background-color: var(--color-background);--hover-color: var(--color-chat-hover);display:flex;width:100%;align-items:center;padding:.5625rem .25rem .5625rem .625rem;padding-inline-start:.625rem;padding-inline-end:.25rem;background:var(--background-color);border-bottom-right-radius:var(--border-bottom-right-radius);border-bottom-left-radius:var(--border-bottom-left-radius);font-size:.9375rem;font-weight:500;line-height:2rem;color:var(--accent-color);white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s;-webkit-user-select:none;-moz-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
|
2021-12-10 18:35:23 +01:00
|
|
|
.Message{display:flex;align-items:flex-end;margin-bottom:.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}@media(min-width: 1921px){.Message{--max-width: calc(30vw - 1rem)}}.Message.is-swiped{transform:translateX(-2.5rem) !important}.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:.625rem}.Message.last-in-list{margin-bottom:.375rem}body.is-android .Message.is-in-selection-mode .can-select-text{z-index:var(--z-message-select-control)}body.is-android .Message.is-in-selection-mode .media-inner{pointer-events:none}.Message.has-inline-buttons .message-content{border-bottom-right-radius:var(--border-radius-messages-small)}.Message:not(.own){padding-left:2.5rem}.no-avatars .Message:not(.own),.Message:not(.own).is-thread-top{padding-left:0}@media(max-width: 600px){.Message:not(.own){padding-left:2.875rem}.no-avatars .Message:not(.own),.Message:not(.own).is-thread-top{padding-left:.25rem}}.Message.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);--meta-safe-area-base: 3.5rem;--deleting-translate-x: 50%;--color-text-green: var(--color-accent-own)}@media(min-width: 1921px){.Message.own{--max-width: 30vw}}body.is-ios .Message.own,body.is-macos .Message.own{--color-background-own: var(--color-background-own-apple);--color-reply-own-hover: var(--color-reply-own-hover-apple);--color-reply-own-active: var(--color-reply-own-active-apple)}@media(max-width: 600px){.Message.own{padding-right:.25rem}}.Message.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;-moz-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
|
2021-10-13 13:42:27 +02:00
|
|
|
.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}
|
2021-12-10 18:35:23 +01:00
|
|
|
.MessageList{flex:1;width:100%;margin-bottom:.5rem;overflow-anchor:none;overflow:scroll;overflow-x:hidden;overflow-y:auto;transition: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;-moz-user-select:none;user-select:none;touch-callout:none}.MessageList.select-mode-active{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;touch-callout:default}}@supports(padding-bottom: env(safe-area-inset-bottom)){.MessageList{transition:bottom 150ms ease-out,transform var(--layer-transition)}body.keyboard-visible .MessageList{position:relative;bottom:calc(0px - env(safe-area-inset-bottom))}body.keyboard-visible.animation-level-0 body.keyboard-visible .MessageList{transition:none !important}}.MessageList.no-avatars .Message>.Avatar{display:none}.MessageList .messages-container{width:100%;max-width:var(--messages-container-width);min-height:100%;margin:0 auto;display:flex;justify-content:flex-end;flex-direction:column;padding:1rem 1rem 0 1.125rem}.force-messages-scroll .MessageList .messages-container{margin-top:100vh !important}@media(max-width: 600px){.MessageList .messages-container{width:100vw;padding:2.75rem .5rem 0;margin:0}}.MessageList.no-composer{margin-bottom:0}.MessageList.no-composer .last-in-list{margin-bottom:1rem}.MessageList.select-mode-active,.MessageList.type-pinned{margin-bottom:0}.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:5.625rem}@media(max-width: 600px){.MessageList.select-mode-active .last-in-list,.MessageList.type-pinned .last-in-list{margin-bottom:4.25rem}}.MessageList.select-mode-active .last-in-list.ActionMessage,.MessageList.type-pinned .last-in-list.ActionMessage{padding-bottom:.125rem}@media(max-width: 600px){.MessageList.with-bottom-shift{margin-bottom:0}.MessageList.with-bottom-shift .last-in-list{margin-bottom:4.25rem}@supports(padding-bottom: env(safe-area-inset-bottom)){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
|
2021-10-13 13:42:27 +02:00
|
|
|
.ScrollDownButton{--base-bottom-pos: 6rem;position:absolute;bottom:var(--base-bottom-pos);right:1rem;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}@supports(right: env(safe-area-inset-right)){.ScrollDownButton{right:max(1rem, env(safe-area-inset-right))}}body.animation-level-0 .ScrollDownButton{transform:none !important;transition:opacity .15s}@media(max-width: 600px){.ScrollDownButton{right:.5rem;bottom:4.5rem}@supports(padding-bottom: env(safe-area-inset-bottom)){body:not(.keyboard-visible) .ScrollDownButton{bottom:calc(4.5rem + env(safe-area-inset-bottom))}}}.ScrollDownButton-inner{display:flex;flex-direction:column;align-items:center}.ScrollDownButton-inner>.Button{box-shadow:0 1px 2px var(--color-default-shadow);color:var(--color-composer-button)}.ScrollDownButton-inner>.Button i{font-size:1.75rem}@media(min-width: 1276px){.ScrollDownButton-inner{transform:translateX(0);transition:transform var(--layer-transition)}body.animation-level-0 .ScrollDownButton-inner{transition:none !important}#Main.right-column-open .ScrollDownButton-inner{transform:translateX(calc(-1 * var(--right-column-width)))}}@media(max-width: 600px){.ScrollDownButton-inner>.Button{width:2.875rem;height:2.875rem}}.ScrollDownButton.revealed{transform:translateY(0);opacity:1;pointer-events:all}.ScrollDownButton.revealed.no-composer:not(.with-extra-shift){transform:translateY(4rem)}.ScrollDownButton .unread-count{min-width:1.5rem;height:1.5rem;padding:0 .45rem;border-radius:.75rem;font-size:.875rem;line-height:1.5rem;font-weight:500;text-align:center;position:absolute;top:-0.3rem;right:-0.3rem;background:var(--color-green);color:#fff;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))}}
|
|
|
|
|
.BotKeyboardMenu .bubble{width:100% !important;max-width:27rem;border-radius:var(--border-radius-default-small)}.BotKeyboardMenu .content{display:flex;flex-direction:column;padding:.1875rem .625rem;max-height:80vh;overflow:auto}@media(max-width: 600px){.BotKeyboardMenu .content{max-height:75vh}}.BotKeyboardMenu .content .row{display:flex;flex-direction:row}.BotKeyboardMenu .content .row+.row{margin-top:.375rem}.BotKeyboardMenu .content .Button{flex:1;width:auto;height:auto;min-height:3.0625rem;border-radius:var(--border-radius-messages-small);border:2px solid var(--color-primary);background:var(--color-background);color:var(--color-primary);font-weight:500;text-transform:none}.BotKeyboardMenu .content .Button:hover{color:#fff;border-color:var(--color-primary-shade);background:var(--color-primary-shade)}.BotKeyboardMenu .content .Button+.Button{margin-left:.375rem}
|
|
|
|
|
.ComposerEmbeddedMessage{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out}.select-mode-active+.middle-column-footer .ComposerEmbeddedMessage{display:none}.ComposerEmbeddedMessage:not(.open){height:0 !important}body.animation-level-0 .ComposerEmbeddedMessage{transition:none !important}.ComposerEmbeddedMessage>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage>div>.Button{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;align-self:center}@media(max-width: 600px){.ComposerEmbeddedMessage>div>.Button{width:2.875rem}}
|
|
|
|
|
.WebPagePreview{height:2.625rem;transition:height 150ms ease-out,opacity 150ms ease-out;--accent-color: var(--color-primary)}body.animation-level-0 .WebPagePreview{transition:none !important}.select-mode-active+.middle-column-footer .WebPagePreview{display:none}.WebPagePreview:not(.open){height:0 !important}.WebPagePreview>div{display:flex;align-items:center;padding-right:.625rem;padding-top:.1875rem}.ComposerEmbeddedMessage+.WebPagePreview{margin-top:.75rem}.WebPagePreview>div>.Button{flex-shrink:0;background:none !important;width:3.5rem;height:2.875rem;margin:0 -0.0625rem 0 0;padding:0;align-self:center}@media(max-width: 600px){.WebPagePreview>div>.Button{width:2.875rem}}.WebPagePreview .WebPage{flex-grow:1;margin:.1875rem 0 .1875rem .125rem;max-width:calc(100% - 3.375rem)}.WebPagePreview .WebPage::before{top:.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:.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}@supports(padding-bottom: env(safe-area-inset-bottom)){.select-mode-active+.middle-column-footer .Composer{bottom:env(safe-area-inset-bottom)}}@media(max-width: 600px){.select-mode-active+.middle-column-footer .Composer{padding-right:1rem}}.select-mode-active+.middle-column-footer .Composer::before{right:2.125rem}@media(max-width: 600px){.select-mode-active+.middle-column-footer .Composer::before{right:1rem}}.select-mode-active+.middle-column-footer .Composer .svg-appendix{opacity:0}.Composer .form-control{--border-width: 0}.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-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:-0.1875rem;right:-0.551rem;width:.5625rem;height:1.25rem;transition:opacity 200ms;font-size:1rem !important}#message-compose .svg-appendix .corner{fill:var(--color-background)}@media(max-width: 600px){#message-compose{max-width:calc(100% - 3.375rem)}}.message-input-wrapper{display:flex}.message-in
|
2021-12-10 18:35:23 +01:00
|
|
|
#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.f607e788298d8a7de37a..jpg)}@media(max-width: 600px){.theme-light #middle-column-bg::after{background-image:url(chat-bg-mobile.3ebe59c803c10092f223..jpg)}}body:not(.animation-level-0) #root #middle-column-bg::after{transition:transform var(--layer-transition),opacity .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}}@media screen and (min-width: 1921px){body.animation-level-2 #Main.right-column-open #middle-column-bg::after{transform:scale(0.8) !important}}@media screen and (min-width: 2600px){body.animation-level-2 #Main.right-column-open #middle-column-bg::after{transform:scale(0.95) !important}}#MiddleColumn{display:flex;justify-content:center;height:100%;position:relative;z-index:1;min-width:0}@media(max-width: 600px){#MiddleColumn{overflow:hidden}}#MiddleColumn .messages-layout{--slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}#MiddleColumn .messages-layout>.Transition{width:100%;height:100%;overflow:hidden}#MiddleColumn .messages-layout>.Transition>div{display:flex;flex-direction:column;align-items:center}#MiddleColumn .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),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{heigh
|
2021-10-13 13:42:27 +02: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}
|
2021-11-17 16:03:09 +01:00
|
|
|
.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{-moz-user-select:auto;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}}
|
2021-10-13 13:42:27 +02:00
|
|
|
.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 .25rem .5rem .125rem var(--color-default-shadow);border-left:none}}@media(max-width: 600px){#RightColumn{width:100vw;transform:translate3d(110vw, 0, 0)}}@supports(padding-right: env(safe-area-inset-right)){#RightColumn{padding-right:env(safe-area-inset-right)}}#RightColumn>.Transition{height:calc(100% - var(--header-height));overflow:hidden}#RightColumn .Management .section>.ChatInfo{padding:0 1.5rem;margin:1rem 0;text-align:center}#RightColumn .Management .section>.ChatInfo .Avatar{margin:0 auto .5rem}#RightColumn .Management .section>.ChatInfo .Avatar.no-photo{cursor:default !important}#RightColumn .Management .section>.ChatInfo .title{display:flex;justify-content:center;align-items:center}#RightColumn .Management .section>.ChatInfo .title h3{font-weight:500;font-size:1.25rem;line-height:2rem;white-space:pre-wrap;word-break:break-word}#RightColumn .Management .section>.ChatInfo .title .VerifiedIcon{margin-left:.25rem;margin-bottom:.5rem}#RightColumn .Management .section>.ChatInfo .title .emoji{width:1.5rem;height:1.5rem;background-size:1.5rem}#RightColumn .Management .section>.ChatInfo .status{font-size:.875rem;color:#868e96}#RightColumn-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--z-right-column);overflow:hidden;visibility:hidden;pointer-events:none}@media(max-width: 1275px){#RightColumn-wrapper{position:fixed}}#RightColumn-wrapper.is-hidden{display:none}#RightColumn-wrapper .overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000;opacity:0}@media(max-width: 600px){#RightColumn-wrapper .overlay-backdrop{transition:opacity var(--layer-transition)}body.animation-level-0 #RightColumn-wrapper .overlay-backdrop{transition:none}}#Main.right-column-open #RightColumn-wrapper,body.animating-right-column #RightColumn-wrapper{visibility:visible}@media(max-width: 600px){#Main.right-column-open #RightColumn-wrapper .overlay-backdrop{opacity:var(--layer-blackout-opacity)}}#Main.right-column-open #RightColumn-wrapper #RightColumn{pointer-events:auto;transform:translate3d(0, 0, 0)}
|
2021-12-10 18:35:23 +01: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-group-call-header{--group-call-header-height: 2rem}.has-group-call-header #LeftColumn,.has-group-call-header #MiddleColumn,.has-group-call-header #RightColumn-wrapper{height:calc(100% - 2rem);margin-top:2rem}#LeftColumn{min-width:12rem;width:33vw;max-width:26.5rem;height:100%;position:relative}#LeftColumn>div{height:100%;overflow:hidden}@media(max-width: 600px){#LeftColumn{height:calc(var(--vh, 1vh) * 100)}}@media(min-width: 926px){#LeftColumn{max-width:40vw}}@media(min-width: 1276px){#LeftColumn{width:25vw;max-width:33vw}}@media(max-width: 925px){#LeftColumn{position:fixed;left:0;top:0;height:calc(var(--vh, 1vh) * 100);width:26.5rem !important;transform:translate3d(-5rem, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #LeftColumn{transition:none}#LeftColumn::after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:var(--layer-blackout-opacity);transition:opacity var(--layer-transition);z-index:1}body.animation-level-0 #LeftColumn::after{transition:none}body.is-android #LeftColumn::after{display:none}body.is-android .middle-column-shown #LeftColumn::after{display:block}#Main:not(.middle-column-open) #LeftColumn{transform:translate3d(0, 0, 0)}#Main:not(.middle-column-open) #LeftColumn::after{opacity:0;pointer-events:none}#Main.history-animation-disabled #LeftColumn{transition:none}#Main.history-animation-disabled #LeftColumn:after{transition:none}}@media(max-width: 600px){#LeftColumn{max-width:none;width:100vw !important;transform:translate3d(-20vw, 0, 0)}@supports(left: env(safe-area-inset-left)){#LeftColumn{left:env(safe-area-inset-left) !important;width:calc(100vw - env(safe-area-inset-left))}}}@media(max-width: 600px){#RightColumn{height:calc(var(--vh, 1vh) * 100 + 1px)}}#Main.history-animation-disabled #RightColumn{transition:none}#Main.history-animation-disabled #RightColumn .overlay-backdrop{transition:none}#Main.history-animation-disabled .overlay-backdrop{transition:none}#MiddleColumn{border-left:1px solid var(--color-borders)}@media(max-width: 925px){#MiddleColumn{max-width:none;position:fixed;left:0;top:0;bottom:0;right:0;transform:translate3d(0, 0, 0);transition:transform var(--layer-transition)}body.animation-level-0 #MiddleColumn{transition:none}#Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(26.5rem, 0, 0)}}@media(max-width: 600px){#MiddleColumn{border-left:none}#Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(100vw, 0, 0)}#Main.right-column-open #MiddleColumn{transform:translate3d(-20vw, 0, 0)}}#Main.history-animation-disabled #MiddleColumn{transition:none}#Main.history-animation-disabled #MiddleColumn:after{transition:none}body.is-android.animation-level-1{--layer-transition: 250ms ease-in-out}body.is-android.animation-level-1 #LeftColumn,body.is-android.animation-level-1 #MiddleColumn,body.is-android.animation-level-1 #RightColumn{transition:transform var(--layer-transition),opacity var(--layer-transition)}body.is-android.animation-level-1 #Main:not(.middle-column-shown) #MiddleColumn{display:none}body.is-android.animation-level-1 #Main:not(.middle-column-open) #MiddleColumn{transform:translate3d(10vw, 0, 0);opacity:0}body.is-android.animation-level-1 #Main.middle-column-open #LeftColumn{transform:translate3d(0, 0, 0);opacity:0}body.is-android.animation-level-1 #Main:not(.right-column-shown) #RightColumn{display:none}body.is-android.animation-level-1 #Main:not(.right-column-open) #RightColumn{transform:translate3d(10vw, 0, 0);opacity:0}body.is-android.animation-level-1 #Main.right-column-open #MiddleColumn{transform:translate3d(0, 0, 0);opacity:0}
|
2021-10-13 13:42:27 +02:00
|
|
|
|
2021-12-10 18:35:23 +01:00
|
|
|
/*# sourceMappingURL=977.76997e6cc7995b917c37.css.map*/
|
