mirror of
https://github.com/danog/telegram-tt.git
synced 2024-11-30 04:39:00 +01:00
1 line
49 KiB
CSS
1 line
49 KiB
CSS
.Transition{position:relative}.Transition>*{width:100%;height:100%;animation-fill-mode:forwards!important;transition:background-color .2s}.Transition>.from,.Transition>.to{position:absolute;top:0;left:0}.Transition>:not(.active):not(.from):not(.to){display:none!important}.Transition.skip-slide-transition{transition:none!important}.Transition.scroll-slide{width:100%;height:100%;overflow:hidden;display:flex;flex-wrap:nowrap}.Transition.scroll-slide>*{position:static;flex-shrink:0}.Transition.scroll-slide>:not(.active):not(.from):not(.to){display:block!important;transform:scale(0)}.Transition.scroll-slide>:not(.active):not(.from):not(.to).through{display:none!important}.Transition.slide>.to{transform:translateX(100%)}.Transition.slide.animating>.from{animation:slide-out var(--slide-transition)}.Transition.slide.animating>.to{animation:slide-in var(--slide-transition)}.Transition.slide.backwards>.to{transform:translateX(-100%)}.Transition.slide.backwards.animating>.from{animation:slide-in-backwards var(--slide-transition)}.Transition.slide.backwards.animating>.to{animation:slide-out-backwards var(--slide-transition)}.Transition.slide-reversed>.to{transform:translateX(-100%)}.Transition.slide-reversed.animating>.from{animation:slide-out var(--slide-transition)}.Transition.slide-reversed.animating>.to{animation:slide-in var(--slide-transition)}.Transition.slide-reversed.backwards>.to{transform:translateX(100%)}.Transition.slide-reversed.backwards.animating>.from{animation:slide-in-backwards var(--slide-transition)}.Transition.slide-reversed.backwards.animating>.to{animation:slide-out-backwards var(--slide-transition)}.Transition.mv-slide>*>div{animation-fill-mode:forwards!important}.Transition.mv-slide>.to>div{transform:translateX(100vw)}.Transition.mv-slide.animating>.from>div{animation:mv-slide-out .4s ease}.Transition.mv-slide.animating>.to>div{animation:mv-slide-in .4s ease}.Transition.mv-slide.backwards>.to>div{transform:translateX(-100vw)}.Transition.mv-slide.backwards.animating>.from>div{animation:mv-slide-in-backwards .4s ease}.Transition.mv-slide.backwards.animating>.to>div{animation:mv-slide-out-backwards .4s ease}.Transition.slide-fade>.from{transform-origin:left;transform:translateX(0);opacity:1}.Transition.slide-fade>.to{transform-origin:left;transform:translateX(1.5rem);opacity:0}.Transition.slide-fade.animating>.from{animation:fade-out-opacity var(--slide-transition),slide-fade-out-move var(--slide-transition)}.Transition.slide-fade.animating>.to{animation:fade-in-opacity var(--slide-transition),slide-fade-in-move var(--slide-transition)}.Transition.slide-fade.backwards>.from{transform:translateX(0);opacity:1}.Transition.slide-fade.backwards>.to{transform:translateX(-1.5rem);opacity:0}.Transition.slide-fade.backwards.animating>.from{animation:fade-in-backwards-opacity var(--slide-transition),slide-fade-in-backwards-move var(--slide-transition)}.Transition.slide-fade.backwards.animating>.to{animation:fade-out-backwards-opacity var(--slide-transition),slide-fade-out-backwards-move var(--slide-transition)}.Transition.zoom-fade>.from{transform-origin:center;transform:scale(1);opacity:1}.Transition.zoom-fade>.to{transform-origin:center;opacity:0}.Transition.zoom-fade.animating>.from{animation:fade-out-opacity .15s ease}.Transition.zoom-fade.animating>.to{animation:fade-in-opacity .15s ease,zoom-fade-in-move .15s ease}.Transition.zoom-fade.backwards>.from{transform:scale(1)}.Transition.zoom-fade.backwards>.to{transform:scale(.95)}.Transition.zoom-fade.backwards.animating>.from{animation:fade-in-backwards-opacity .1s ease,zoom-fade-in-backwards-move .15s ease}.Transition.zoom-fade.backwards.animating>.to{animation:fade-out-backwards-opacity .15s ease,zoom-fade-out-backwards-move .15s ease}.Transition.fade>.from{opacity:1}.Transition.fade>.to{opacity:0}.Transition.fade.animating>.from{animation:fade-out-opacity .15s ease}.Transition.fade.animating>.to{animation:fade-in-opacity .15s ease}.Transition.slide-layers{--background-color:var(--color-background);background:#000}.Transition.slide-layers>div{background:var(--background-color)}.Transition.slide-layers>.to{transform:translateX(100%)}.Transition.slide-layers.animating>.from{animation:slide-layers-out var(--layer-transition)}.Transition.slide-layers.animating>.to{animation:slide-in var(--layer-transition)}.Transition.slide-layers.backwards>.to{transform:translateX(-20%);opacity:.75}.Transition.slide-layers.backwards.animating>.from{animation:slide-in-backwards var(--layer-transition)}.Transition.slide-layers.backwards.animating>.to{animation:slide-layers-out-backwards var(--layer-transition)}.Transition.push-slide>div{background:var(--color-background)}.Transition.push-slide>.from{transform-origin:center;transform:scale(1);opacity:1}.Transition.push-slide>.from .custom-scroll{scrollbar-color:transparent!important}.Transition.push-slide>.from .custom-scroll::-webkit-scrollbar-thumb{background-color:initial!important}.Transition.push-slide>.to{transform:translateX(100%)}.Transition.push-slide.animating>.from{animation:push-out .3s ease-in-out}.Transition.push-slide.animating>.to{animation:slide-in-200 .3s ease-in-out}.Transition.push-slide.backwards>.to{transform:scale(.7)}.Transition.push-slide.backwards.animating>.from{animation:slide-in-200-backwards .3s ease-in-out}.Transition.push-slide.backwards.animating>.to{animation:push-out-backwards .3s ease-in-out}.Transition.reveal>.to{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.Transition.reveal.animating>.to{animation:reveal-in .35s ease-in}.Transition.reveal.backwards>.from{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.Transition.reveal.backwards>.to{-webkit-clip-path:none;clip-path:none}.Transition.reveal.backwards.animating>.from{animation:reveal-in-backwards .35s ease-out}.Transition.reveal.backwards.animating>.to{animation:none}@keyframes fade-in-opacity{0%{opacity:0}to{opacity:1}}@keyframes fade-out-opacity{0%{opacity:1}to{opacity:0}}@keyframes fade-in-backwards-opacity{0%{opacity:1}to{opacity:0}}@keyframes fade-out-backwards-opacity{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-backwards{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-out-backwards{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes mv-slide-in{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes mv-slide-out{0%{transform:translateX(0)}to{transform:translateX(-100vw)}}@keyframes mv-slide-in-backwards{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes mv-slide-out-backwards{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes slide-fade-in-move{0%{transform:translateX(1.5rem)}to{transform:translateX(0)}}@keyframes slide-fade-out-move{0%{transform:translateX(0)}to{transform:translateX(-1.5rem)}}@keyframes slide-fade-in-backwards-move{0%{transform:translateX(0)}to{transform:translateX(1.5rem)}}@keyframes slide-fade-out-backwards-move{0%{transform:translateX(-1.5rem)}to{transform:translateX(0)}}@keyframes zoom-fade-in-move{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes zoom-fade-in-backwards-move{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes zoom-fade-out-backwards-move{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slide-layers-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(-20%);opacity:calc(1 - var(--layer-blackout-opacity))}}@keyframes slide-layers-out-backwards{0%{transform:translateX(-20%);opacity:calc(1 - var(--layer-blackout-opacity))}to{transform:translateX(0);opacity:1}}@keyframes push-out{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}@keyframes push-out-backwards{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in-200{0%{transform:translateX(200%)}to{transform:translateX(0)}}@keyframes slide-in-200-backwards{0%{transform:translateX(0)}to{transform:translateX(200%)}}@keyframes reveal-in{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes reveal-in-backwards{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}.Avatar{--color-user:var(--color-primary);flex:none;align-items:center;justify-content:center;width:3.375rem;height:3.375rem;background:linear-gradient(var(--color-white) -125%,var(--color-user));color:#fff;font-weight:700;display:flex;white-space:nowrap}.Avatar,.Avatar img:not(.emoji){border-radius:50%}.Avatar .emoji{width:1rem;height:1rem}.Avatar i{font-size:2.5rem}.Avatar.size-micro{width:1rem;height:1rem;font-size:.5125rem}.Avatar.size-micro .emoji{width:.5625rem;height:.5625rem}.Avatar.size-tiny{width:2rem;height:2rem;font-size:.875rem}.Avatar.size-tiny .emoji{width:.875rem;height:.875rem}.Avatar.size-small{width:2.125rem;height:2.125rem;font-size:.875rem}.Avatar.size-small .emoji{width:.875rem;height:.875rem}.Avatar.size-medium{width:2.75rem;height:2.75rem;font-size:1.1875rem}.Avatar.size-medium .emoji{width:1rem;height:1rem}.Avatar.size-large{font-size:1.3125rem}.Avatar.size-large i{font-size:3.5rem}.Avatar.size-large .emoji{width:1.3125rem;height:1.3125rem}.Avatar.size-jumbo{width:7.5rem;height:7.5rem;font-size:3.5rem}.Avatar.size-jumbo i{font-size:6rem}.Avatar.size-jumbo .emoji{width:3.5rem;height:3.5rem}.Avatar.online{position:relative}.Avatar.online:after{content:"";display:block;position:absolute;bottom:.05rem;right:.05rem;width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--color-background);background-color:#0ac630;flex-shrink:0}.Avatar.interactive{cursor:pointer}.Avatar img:not(.emoji){width:100%;height:100%}.ProgressSpinner{position:relative;z-index:1;width:3.375rem;height:3.375rem;background:rgba(0,0,0,.25) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjcxNyA5Ljc1TDE4LjMgMi4xNjdhLjY4NC42ODQgMCAxMC0uOTY3LS45NjdMOS43NSA4Ljc4MyAyLjE2NyAxLjJhLjY4NC42ODQgMCAxMC0uOTY3Ljk2N0w4Ljc4MyA5Ljc1IDEuMiAxNy4zMzNhLjY4NC42ODQgMCAxMC45NjcuOTY3bDcuNTgzLTcuNTgzIDcuNTgzIDcuNTgzYS42ODEuNjgxIDAgMDAuOTY3IDAgLjY4NC42ODQgMCAwMDAtLjk2N0wxMC43MTcgOS43NXoiIGZpbGw9IiNGRkYiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNzUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 49% 49%;border-radius:50%;cursor:pointer}.ProgressSpinner.no-cross{background:transparent!important;pointer-events:none}.ProgressSpinner.square{background-image:none}.ProgressSpinner.square:after{content:"";position:absolute;width:.8125rem;height:.8125rem;border-radius:.125rem;background-color:#fff;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.ProgressSpinner.size-m,.ProgressSpinner.size-s{width:auto;height:auto;background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMjE4IDcuNWw1LjYzMy01LjYzM2EuNTA4LjUwOCAwIDEwLS43MTgtLjcxOEw3LjUgNi43ODIgMS44NjcgMS4xNDlhLjUwOC41MDggMCAxMC0uNzE4LjcxOEw2Ljc4MiA3LjVsLTUuNjMzIDUuNjMzYS41MDguNTA4IDAgMTAuNzE4LjcxOEw3LjUgOC4yMThsNS42MzMgNS42MzNhLjUwNi41MDYgMCAwMC43MTggMCAuNTA4LjUwOCAwIDAwMC0uNzE4TDguMjE4IDcuNXoiIGZpbGw9IiNGRkYiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat 49% 49%}.ProgressSpinner.size-m.square,.ProgressSpinner.size-s.square{background-image:none;width:.75rem;height:.75rem}.ProgressSpinner.size-xl{width:3.25rem;height:3.25rem}.ProgressSpinner.size-xl svg{width:3rem;height:3rem;margin:.125rem}.ProgressSpinner.size-xl circle{stroke-width:3px}.ProgressSpinner.transparent{background-color:initial!important}.ProgressSpinner svg{display:block;transform:rotate(-90deg);transform-origin:50% 50%;animation:ProgressSpinnerAnimation 4s linear 0s infinite}.ProgressSpinner circle{transition:stroke-dashoffset .5s}@keyframes ProgressSpinnerAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Modal{position:relative;z-index:var(--z-modal)}.Modal.confirm .modal-dialog,.Modal.delete .modal-dialog,.Modal.error .modal-dialog,.Modal.pin .modal-dialog,.Modal.unpin-all .modal-dialog{max-width:23rem}.Modal.narrow .modal-dialog{max-width:20rem}.Modal.report .modal-dialog{max-width:15rem}.Modal .modal-container{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.Modal .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.25)}.Modal.transparent-backdrop .modal-backdrop{background-color:initial}.Modal .modal-dialog{position:relative;display:inline-flex;flex-direction:column;width:100%;max-width:35rem;min-width:17.5rem;margin:2rem auto;background-color:var(--color-background);box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-radius:var(--border-radius-default);transform:translate3d(0,-1rem,0);transition:transform .2s ease,opacity .2s ease}body.animation-level-0 .Modal .modal-dialog{transition:none;transform:none!important}@media (max-width:450px){.Modal .modal-dialog{max-width:calc(100vw - 3rem)!important}}.Modal.open .modal-dialog{transform:translateZ(0)}.Modal.closing .modal-dialog{transform:translate3d(0,1rem,0)}.Modal .modal-header,.Modal .modal-header-condensed{padding:1rem 1rem 0;display:flex;align-items:center;flex-shrink:0}.Modal .modal-title{font-size:1.25rem;font-weight:500;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.Modal .modal-title:not(:only-child){margin:0 1.3125rem}.Modal .modal-header-condensed{padding:.5rem 1.25rem 0 .9375rem!important}.Modal .modal-header-condensed .modal-action-button{font-size:.875rem;height:2.25rem;width:auto;line-height:1.625rem;margin-left:auto;padding-left:1.25rem;padding-right:1.25rem;min-width:5rem}.Modal .modal-content{width:100%;flex-grow:1;padding:1rem;overflow-y:auto}.Modal .modal-content b,.Modal .modal-content strong{word-break:break-word}.Modal .modal-content,.Modal .modal-content>p,.Modal .modal-title{unicode-bidi:plaintext;text-align:initial}.Modal .dialog-buttons{display:flex;align-items:flex-end}.Modal .dialog-buttons .confirm-dialog-button+.confirm-dialog-button{margin-left:1rem}.Modal .confirm-dialog-button{width:auto;height:auto;margin-left:auto;text-align:right;font-weight:500;white-space:pre-wrap}.ListItem{position:relative}.ListItem .ListItem-button{width:100%;background-color:var(--background-color);border:none!important;box-shadow:none!important;outline:none!important;display:flex;padding:1rem;position:relative;overflow:hidden;line-height:1.5rem;white-space:nowrap;color:var(--color-text);border-radius:var(--border-radius-default);--ripple-color:rgba(0,0,0,0.08)}.ListItem .ListItem-button>i{font-size:1.5rem;margin-right:2rem;color:var(--color-text-secondary)}.ListItem .group-status,.ListItem .subtitle,.ListItem .title,.ListItem .user-status{text-align:initial;unicode-bidi:plaintext}.ListItem.multiline .ListItem-button>i{position:relative;top:.25rem}.ListItem.disabled{pointer-events:none}.ListItem.disabled .ListItem-button{opacity:.5}.ListItem:not(.disabled):not(.is-static) .ListItem-button{cursor:pointer}@media (hover:hover){.ListItem:not(.disabled):not(.is-static) .ListItem-button:focus,.ListItem:not(.disabled):not(.is-static) .ListItem-button:hover{--background-color:var(--color-chat-hover)}}@media (max-width:600px){.ListItem:not(.disabled):not(.is-static) .ListItem-button.active{--background-color:var(--color-chat-hover)}}@media (min-width:600px){.ListItem:not(.has-ripple):not(.is-static) .ListItem-button:active,body.animation-level-0 .ListItem .ListItem-button:active{--background-color:var(--color-item-active)!important}}.ListItem.has-menu-open .ListItem-button{--background-color:var(--color-chat-hover)}.ListItem.narrow{margin-bottom:.75rem}.ListItem.narrow .ListItem-button{padding:.5rem 1rem}.ListItem.inactive{pointer-events:none}.ListItem.focus{--background-color:var(--color-chat-hover)}.ListItem.destructive .ListItem-button{color:var(--color-error)}.ListItem.destructive .ListItem-button i{color:inherit}.ListItem-context-menu{position:absolute}.ListItem-context-menu .bubble{width:auto}.ListItem-context-menu .bubble .MenuItem button{padding-left:1rem!important;padding-right:2rem!important}.ListItem.chat-item-clickable{margin:0 -.5rem}.ListItem.chat-item-clickable .ListItem-button{padding:.5625rem .6975rem .5625rem .5625rem}.ListItem.chat-item-clickable .Avatar{flex-shrink:0;margin-right:.5rem}.ListItem.chat-item-clickable .info{flex-grow:1;overflow:hidden}.ListItem.chat-item-clickable .subtitle,.ListItem.chat-item-clickable .title{overflow:hidden;display:flex;justify-content:flex-start;align-items:center}.ListItem.chat-item-clickable .last-message,.ListItem.chat-item-clickable .status,.ListItem.chat-item-clickable .typing-status,.ListItem.chat-item-clickable h3{font-size:1rem;line-height:1.6875rem;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:initial}.ListItem.chat-item-clickable .title h3{font-weight:500}.ListItem.chat-item-clickable .title .VerifiedIcon{width:1.25rem;height:1.25rem;margin-left:.25rem}.ListItem.chat-item-clickable .title .emoji{vertical-align:text-bottom;background-position:0 0;flex-shrink:0}.ListItem.chat-item-clickable .contact-phone,.ListItem.chat-item-clickable .contact-username{font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary)}.ListItem.chat-item-clickable .ChatInfo{display:flex;align-items:center;flex-grow:1;overflow:hidden}.ListItem.chat-item-clickable .ChatInfo .status,.ListItem.chat-item-clickable .ChatInfo .typing-status{font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary);display:inline-block}.ListItem.chat-item-clickable .ChatInfo .status.online,.ListItem.chat-item-clickable .ChatInfo .typing-status.online{color:var(--color-primary)}.ListItem.chat-item-clickable .ChatInfo .status[dir=auto],.ListItem.chat-item-clickable .ChatInfo .status[dir=rtl],.ListItem.chat-item-clickable .ChatInfo .typing-status[dir=auto],.ListItem.chat-item-clickable .ChatInfo .typing-status[dir=rtl]{text-align:initial;width:100%}.ListItem.chat-item-clickable .ChatInfo .status .group-status:only-child,.ListItem.chat-item-clickable .ChatInfo .status .user-status:only-child,.ListItem.chat-item-clickable .ChatInfo .typing-status .group-status:only-child,.ListItem.chat-item-clickable .ChatInfo .typing-status .user-status:only-child{display:flow-root}.ListItem.chat-item-clickable .contact-phone,.ListItem.chat-item-clickable .contact-username,.ListItem.chat-item-clickable .last-message,.ListItem.chat-item-clickable .status,.ListItem.chat-item-clickable .typing-status,.ListItem.chat-item-clickable h3{text-align:initial;unicode-bidi:plaintext}.ListItem.chat-item-clickable[dir=rtl] .ListItem-button{padding:.5625rem .5625rem .5625rem .6975rem}.ListItem.chat-item-clickable[dir=rtl] .Avatar{margin-left:.5rem;margin-right:0}.ListItem.chat-item-clickable[dir=rtl] .info>.status{width:100%}.ListItem.search-result-message .title{padding-right:.15rem}.ListItem.search-result-message h3{max-width:80%}.ListItem.search-result-message .subtitle,.ListItem.search-result-message h3{font-size:1rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ListItem.search-result-message .LastMessageMeta{margin-left:auto;margin-right:0}.ListItem.search-result-message .subtitle{color:var(--color-text-secondary);margin-right:2rem}.ListItem.search-result-message .subtitle .matching-text-highlight{color:var(--color-text);background:#cae3f7;border-radius:.25rem;padding:0 .125rem}.ListItem.search-result-message[dir=rtl] .LastMessageMeta{margin-left:0;margin-right:auto}.ListItem.search-result-message[dir=rtl] .subtitle{margin-right:0;display:block}.ListItem.picker-list-item{margin:0}.ListItem.picker-list-item .ListItem-button{padding-left:0;display:flex;align-items:center}.ListItem.picker-list-item .Avatar{width:3rem;height:3rem}.ListItem.picker-list-item .Checkbox{flex-shrink:0;height:1.5rem;margin:0;padding-left:4rem}.ListItem.picker-list-item[dir=rtl] .Checkbox{padding-left:0;padding-right:4rem}.ListItem .multiline-item{white-space:normal;overflow:hidden}.ListItem .multiline-item .subtitle,.ListItem .multiline-item .title{display:block;text-align:initial}.ListItem .multiline-item .title{line-height:1.25rem;overflow:hidden;text-overflow:ellipsis}.ListItem .multiline-item .subtitle{font-size:.875rem;line-height:1.5rem;color:var(--color-text-secondary)}.ListItem .multiline-item .subtitle+.subtitle{margin-top:-.25rem}.ListItem .multiline-item .subtitle.black{color:var(--color-text)}.ListItem[dir=rtl] .ListItem-button>i{margin-left:2rem;margin-right:0}.VerifiedIcon{display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;background-image:url(icon-verified.a2a4fb48197a45cb301b64e39d1a8427.svg);background-repeat:no-repeat;background-size:100%;background-position:50%}.typing-status{display:flex;align-items:baseline}.typing-status .sender-name:after{content:"\00a0";color:var(--color-text-secondary)}.typing-status .ellipsis{display:flex;width:1rem;overflow:hidden}.typing-status .ellipsis:after{content:"...";animation:typing-animation 1s steps(4,start) infinite}html[lang=ar] .typing-status .ellipsis:after,html[lang=fa] .typing-status .ellipsis:after{animation-name:typing-animation-rtl}@keyframes typing-animation{0%{transform:translateX(-1rem)}}@keyframes typing-animation-rtl{0%{transform:translateX(1rem)}}.Notification-container{position:relative;width:24rem;max-width:100vw;margin:.25rem auto;z-index:var(--z-notification)}@media (min-width:1276px){.Notification-container{transition:transform var(--layer-transition)}}.Notification-container:first-of-type{margin-top:4.25rem}.has-header-tools .Notification-container:first-of-type{margin-top:7.375rem}.Notification{background:rgba(32,32,32,.8) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMTIiIGN5PSI2LjUiIHI9IjEuNSIvPjxwYXRoIGQ9Ik0xMiA5LjVjLS41NTIgMC0xIC4zNy0xIC44MjZ2Ny4zNDhjMCAuNDU2LjQ0OC44MjYgMSAuODI2czEtLjM3IDEtLjgyNnYtNy4zNDhjMC0uNDU2LS40NDgtLjgyNi0xLS44MjZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+") no-repeat .9375rem 50%;background-size:1.5rem;border-radius:var(--border-radius-default);padding:.9375rem .9375rem .9375rem 3.375rem;color:#fff;margin:0 .5rem}.Notification .text-entity-link,.Notification .text-entity-link:active,.Notification .text-entity-link:hover{color:#fff!important;text-decoration:underline}.Notification .content{line-height:1.25;word-break:break-word;font-size:.9375rem}.Radio{display:block;position:relative;padding-left:4.5rem;text-align:left;margin-bottom:1.5rem;line-height:1.5rem;cursor:pointer}.Radio.disabled{pointer-events:none;opacity:.5}.Radio.hidden-widget{cursor:default}.Radio.hidden-widget .Radio-main:after,.Radio.hidden-widget .Radio-main:before{visibility:hidden}.Radio>input{position:absolute;z-index:var(--z-below);opacity:0}.Radio .Radio-main:after,.Radio .Radio-main:before{content:"";display:block;position:absolute;left:1.0625rem;top:50%;width:1.25rem;height:1.25rem;transform:translateY(-50%)}.Radio .Radio-main:before{border:2px solid var(--color-borders-input);border-radius:50%;background-color:var(--color-background);opacity:1;transition:border-color .1s ease,opacity .1s ease}.Radio .Radio-main:after{left:1.375rem;width:.625rem;height:.625rem;border-radius:50%;background:var(--color-primary);opacity:0;transition:opacity .1s ease}.Radio .Radio-main .label{display:block;word-break:break-word;unicode-bidi:plaintext;text-align:left}.Radio .Radio-main .subLabel{display:block;font-size:.875rem;line-height:1rem;color:var(--color-text-secondary);unicode-bidi:plaintext}.Radio input:checked~.Radio-main:before{border-color:var(--color-primary)}.Radio input:checked~.Radio-main:after{opacity:1}.Radio.loading .Radio-main:after,.Radio.loading .Radio-main:before{opacity:0!important}.Radio.loading .Spinner{position:absolute;left:1.0625rem;top:50%;transform:translateY(-50%);opacity:0;animation:fade-in .2s ease forwards;--spinner-size:1.25rem}.Radio[dir=rtl]{padding-left:0;padding-right:4.5rem}.Radio[dir=rtl] .Radio-main{text-align:right}.Radio[dir=rtl] .Radio-main:before{left:auto;right:1.0625rem}.Radio[dir=rtl] .Radio-main:after{left:auto;right:1.375rem}.Radio[dir=rtl] .label,.Radio[dir=rtl] .subLabel{text-align:right}.Radio[dir=rtl].loading .Spinner{left:auto;right:1.0625rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.Tab{flex:1 1 auto;-webkit-appearance:none;appearance:none;background:none;width:auto;margin:0;border:none;padding:.625rem .25rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-top-left-radius:var(--border-radius-messages-small);border-top-right-radius:var(--border-radius-messages-small)}.Tab,.Tab:active,.Tab:focus{outline:none}.Tab.active{cursor:default;color:var(--color-primary)}.Tab.active i{opacity:1}.Tab:not(.active):hover{background:var(--color-interactive-element-hover)}.Tab>span{position:relative;display:inline-flex;align-items:center}.Tab .badge{min-width:1.25rem;height:1.25rem;margin-inline-start:.5rem;background:var(--color-gray);border-radius:.75rem;padding:0 .3125rem;color:#fff;font-size:.875rem;line-height:1.3125rem;font-weight:500;text-align:center;flex-shrink:0}.Tab .badge.active{background:var(--color-primary)}.Tab i{position:absolute;bottom:calc(-.625rem - 1px);left:0;opacity:0;background-color:var(--color-primary);height:.1875rem;width:100%;border-radius:.1875rem .1875rem 0 0;pointer-events:none;box-sizing:initial;transform-origin:left}.Tab i.animate{transition:transform var(--slide-transition)}body.animation-level-0 .Tab i.animate{transition:none!important}.TabList{position:sticky;top:0;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-end;font-size:.875rem;flex-wrap:nowrap;box-shadow:0 2px 2px var(--color-light-shadow);background-color:var(--color-background);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scrollbar-color:transparent}.TabList.big{font-size:1rem;--border-radius-messages-small:0}.TabList::-webkit-scrollbar{height:0}.TabList::-webkit-scrollbar-thumb{background-color:transparent}.DeleteChatModal .modal-dialog{max-width:20rem}.DeleteChatModal .modal-header{padding:1.125rem 1.25rem 0}.DeleteChatModal .modal-title:not(:only-child){margin:0 0 0 .75rem}.DeleteChatModal .modal-content{padding:.5rem 1.25rem}.DeleteChatModal .confirm-dialog-button{margin-right:-.625rem}.SearchInput{position:relative;width:100%;color:rgba(var(--color-text-secondary-rgb),.5);background-color:var(--color-chat-hover);border:2px solid var(--color-chat-hover);border-radius:1.375rem;transition:border-color .15s ease}.SearchInput.with-picker-item{display:flex}.SearchInput.with-picker-item .icon-search{display:none}.SearchInput.with-picker-item input{padding-left:.5rem}.SearchInput.with-picker-item[dir=rtl] input{padding-right:.5rem;padding-left:0}.SearchInput.has-focus{border-color:var(--color-primary);caret-color:var(--color-primary);background-color:var(--color-background)}.SearchInput.has-focus input+i{color:var(--color-primary)}.SearchInput input{height:2.5rem;margin-bottom:0;border:none!important;border-radius:1.375rem;background-color:initial!important;box-shadow:none!important;padding:calc(.4375rem - var(--border-width)) calc(2.625rem - var(--border-width)) calc(.5rem - var(--border-width)) calc(2.625rem - var(--border-width))}.SearchInput input::placeholder{color:var(--color-placeholders)}.SearchInput>i{position:absolute;top:.5rem;left:.75rem;font-size:1.5rem}.SearchInput .Loading{position:absolute;top:.5rem;right:.5rem;height:1.5rem}.SearchInput .Loading .Spinner{--spinner-size:1.5rem}.SearchInput .Button{position:absolute;top:.125rem;right:.125rem;font-size:1rem}@media (max-width:600px){.SearchInput input{height:2.5rem;border-radius:1.25rem;padding-left:calc(2.625rem - var(--border-width))}.SearchInput i{top:.5rem}}.SearchInput[dir=rtl] input{direction:rtl}.SearchInput[dir=rtl]>i{left:auto;right:.75rem}.SearchInput[dir=rtl] .Loading{left:.5rem;right:auto}.SearchInput[dir=rtl] .Button{left:.125rem;right:auto}.PickerSelectedItem{display:flex;align-items:center;background:var(--color-chat-hover);height:2rem;min-width:2rem;margin-left:.5rem;margin-bottom:.5rem;padding-right:1rem;border-radius:1rem;cursor:pointer;position:relative;overflow:hidden;flex-shrink:1;transition:background-color .15s ease;max-width:calc(50% - .5rem)}.PickerSelectedItem.minimized{padding-right:0}.PickerSelectedItem:hover{background-color:var(--color-item-active)}.PickerSelectedItem.closeable:hover{background-color:rgba(var(--color-error-rgb),.16)}.PickerSelectedItem.closeable:hover .item-remove{opacity:1}.PickerSelectedItem.closeable:hover .Avatar,.PickerSelectedItem.closeable:hover .item-icon{opacity:0}.PickerSelectedItem.search-date .item-remove{background:var(--color-primary)}.PickerSelectedItem.search-date:hover{background:var(--color-chat-hover)}.PickerSelectedItem.search-date .item-name{font-size:.875rem}.SearchInput .PickerSelectedItem{flex:1 0 auto;position:relative;top:.25rem;left:-.125rem;color:var(--color-text-secondary)}.PickerSelectedItem .Avatar,.PickerSelectedItem .item-icon{width:2rem;height:2rem;opacity:1;flex-shrink:0;transition:opacity .15s ease}.PickerSelectedItem .Avatar i,.PickerSelectedItem .item-icon i{font-size:2rem}.PickerSelectedItem .item-icon{display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:50%;background-color:var(--color-primary);color:#fff}.PickerSelectedItem .item-icon i{font-size:1.25rem;position:relative;top:-1px}.PickerSelectedItem .item-name{margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PickerSelectedItem .item-name .emoji.emoji-small{width:1.125rem;height:1.125rem;background-size:1.125rem;vertical-align:-2px}.PickerSelectedItem .item-remove{position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);font-size:1.5rem;color:#fff;opacity:0;transition:opacity .15s ease}.PickerSelectedItem[dir=rtl]{padding-left:1rem;padding-right:0}.PickerSelectedItem[dir=rtl].minimized{padding-right:0;padding-left:0}.SearchInput .PickerSelectedItem[dir=rtl]{left:auto;right:-.125rem}.PickerSelectedItem[dir=rtl] .item-name{margin-left:0;margin-right:.5rem}.PickerSelectedItem[dir=rtl] .item-remove{left:auto;right:0}.MessageOutgoingStatus{width:1.19rem;height:1.19rem;overflow:hidden;display:inline-block;line-height:1;font-size:1.1875rem}.MessageOutgoingStatus i{background:var(--background-color)}.MessageOutgoingStatus .icon-message-succeeded{padding-left:.13rem}.MessageOutgoingStatus .Transition{width:100%;height:100%}.LastMessageMeta{margin-right:.2rem;padding:.3rem 0 .15rem;flex-shrink:0;font-size:.75rem;line-height:1;display:flex;align-items:center}.LastMessageMeta .MessageOutgoingStatus{color:var(--color-text-meta-colored);margin-right:.1rem;font-size:1.15rem}.LastMessageMeta .time{color:var(--color-text-meta);line-height:1.15rem}.Badge-transition{opacity:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.Badge-transition:not(.open){transform:scale(0);opacity:0}.Badge-transition:not(.shown){display:none}.Badge-transition.closing{transition:transform .2s ease-out,opacity .2s ease-out}.Badge-wrapper{display:flex}.Badge-wrapper .Badge{margin-inline-start:.5rem}.Badge{min-width:1.5rem;height:1.5rem;background:var(--color-gray);border-radius:.75rem;padding:0 .4375rem;color:#fff;font-size:.875rem;line-height:1.5625rem;font-weight:500;text-align:center;flex-shrink:0}.Badge.mention,.Badge.unread:not(.muted){background:var(--color-green);color:var(--color-white)}.Badge.pinned:not(.unread){color:var(--color-pinned);background:transparent;width:1.5rem;padding:0}.Badge.pinned:not(.unread) i{font-size:1.5rem}.Badge.mention{width:1.5rem;padding:.25rem}.Badge.mention i{font-size:1rem;vertical-align:super}.Chat{--background-color:var(--color-background);position:absolute;top:0;left:0;margin:0;width:100%}.Chat.animate-opacity{will-change:opacity;transition:opacity .2s ease-out}.Chat.animate-transform{will-change:transform;transition:transform .2s ease-out}.Chat.ListItem.has-menu-open .Avatar.online:after,.Chat:hover .Avatar.online:after{border-color:var(--color-chat-hover)}@media (max-width:600px){.Chat.selected{--background-color:var(--color-chat-hover)!important}.Chat.selected .Avatar.online:after{border-color:var(--color-chat-hover)}}@media (min-width:600px){.Chat.selected,.Chat.selected:hover{--background-color:var(--color-chat-active)!important}.Chat.selected .Avatar.online:after,.Chat.selected:hover .Avatar.online:after{border-color:var(--color-chat-active)!important;background:var(--color-white)}.Chat.selected .ListItem-button,.Chat.selected:hover .ListItem-button{--background-color:var(--color-chat-active)!important;--color-text:var(--color-white);--color-text-meta-colored:var(--color-white);--color-text-meta:var(--color-white);--color-text-secondary:var(--color-white);--color-error:var(--color-white);--color-pinned:var(--color-white)}.Chat.selected .icon-muted-chat,.Chat.selected:hover .icon-muted-chat{color:var(--color-white)!important}.Chat.selected .Badge:not(.pinned),.Chat.selected:hover .Badge:not(.pinned){background:var(--color-white);color:var(--color-chat-active)}}.Chat .status{flex-shrink:0}.Chat .info .subtitle,.Chat .info .title{padding-right:.125rem}.Chat .info h3{width:auto;max-width:80%}.Chat .info .icon-muted-chat{font-size:1.25rem;margin-left:.25rem;margin-top:-.0625rem;color:#c6c8ca}.Chat .info .LastMessageMeta{margin-left:auto}.Chat .info .last-message,.Chat .info .typing-status{padding-right:.25rem;flex-grow:1;color:var(--color-text-secondary);unicode-bidi:plaintext}.Chat .info .last-message[dir=ltr],.Chat .info .typing-status[dir=ltr]{text-align:left}.Chat .info .last-message .sender-name,.Chat .info .typing-status .sender-name{color:var(--color-text)}.Chat .info .last-message .draft,.Chat .info .typing-status .draft{color:var(--color-error)}.Chat .info .last-message .draft:after{content:": "}.Chat .info .last-message .colon{margin-inline-end:.25rem}.Chat .info .last-message img{width:1.25rem;height:1.25rem;object-fit:cover;border-radius:.125rem;vertical-align:-.25rem;margin-inline-end:.25rem}.Chat .info .last-message img.round{border-radius:.625rem}.Chat .info .last-message .emoji-small{width:1rem;height:1rem;vertical-align:-.125rem}.Chat .info .last-message .icon-play{position:relative;display:inline-block;font-size:.75rem;color:#fff;margin-inline-start:-1.25rem;margin-inline-end:.5rem;bottom:.0625rem}.Chat[dir=rtl] .info .LastMessageMeta{margin-left:0;margin-right:auto}.Chat[dir=rtl] .info .subtitle,.Chat[dir=rtl] .info .title{padding-left:.15rem;padding-right:0}.Chat[dir=rtl] .info .icon-muted-chat{margin-left:0;margin-right:.25rem}.Chat[dir=rtl] .info .last-message,.Chat[dir=rtl] .info .typing-status{padding-left:.5rem;padding-right:0;text-align:right;unicode-bidi:plaintext}.NothingFound{display:flex;align-items:center;justify-content:center;color:var(--color-text-meta)}.NothingFound.with-description{flex-direction:column}.NothingFound .AnimatedSticker{margin:0 auto}.NothingFound .description{color:var(--color-text-secondary);font-size:.875rem;text-align:center;margin:1rem 0 0;unicode-bidi:plaintext}.Media{height:0;padding-bottom:100%;overflow:hidden;position:relative;cursor:pointer}.Media .video-duration{position:absolute;left:.25rem;top:.25rem;background:rgba(0,0,0,.25);color:#fff;font-size:.75rem;padding:0 .3125rem;border-radius:.1875rem;line-height:1.125rem}.Media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.WebLink{min-height:3rem;padding:.25rem 0 0 3.75rem;font-size:.875rem;line-height:1.125rem;position:relative}.WebLink+.WebLink{margin-top:1.5rem}.WebLink.without-media:before{content:attr(data-initial);background-color:var(--color-webpage-initial-background);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-messages-small);text-transform:uppercase;font-weight:500;font-size:1.5rem}.WebLink .Media,.WebLink.without-media:before{width:3rem;height:3rem;position:absolute;left:0;top:0}.WebLink .Media{cursor:default!important;padding-bottom:unset!important;border-radius:var(--border-radius-messages-small)!important}.WebLink .site-description,.WebLink .site-name,.WebLink .site-title{word-break:break-word;text-align:initial}.WebLink .site-name{display:block;color:var(--color-links);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.WebLink .site-title{font-size:1rem;font-weight:400;margin-bottom:.0625rem;line-height:1.3125rem}.WebLink .sender-name,.WebLink .site-description{margin-bottom:0;color:var(--color-text-secondary);line-height:1.125rem;max-height:2.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.WebLink .sender-name{margin-top:.25rem}.WebLink .site-description .emoji{width:1rem!important;height:1rem!important}.WebLink[dir=rtl]{padding:.25rem 3.75rem 0 0}.WebLink[dir=rtl] .Media,.WebLink[dir=rtl].without-media:before{left:auto;right:0}.WebLink[dir=rtl] .content{text-align:right}.File{--secondary-color:var(--color-text-secondary);display:flex;align-items:center}.Message.own .File{--secondary-color:var(--color-text-green)}.content-inner .File{min-width:14rem}@media (max-width:340px){.content-inner .File{min-width:11rem}}.File .file-icon-container{position:relative}.File .file-icon,.File .file-preview,.File .file-progress{width:3.375rem;height:3.375rem;margin-inline-end:.75rem;border-radius:var(--border-radius-messages-small);background:var(--color-primary);display:flex;align-items:center;justify-content:center}.File .file-progress{position:absolute;top:0;left:0}.File .file-icon{padding:1rem .75rem .5rem;align-items:flex-end;flex-shrink:0;position:relative;color:#fff}.File .file-icon .file-ext{font-size:1rem;font-weight:500;transition:opacity .15s}.File .file-icon:after{content:"";display:block;position:absolute;top:0;right:0;border-bottom-left-radius:.25rem;background:rgba(0,0,0,.25);border-left:0 solid var(--background-color);border-bottom:1.125rem solid transparent;border-right:1.125rem solid var(--background-color);border-top:0 solid transparent;transition:border-width .15s ease-in}.File .file-preview{background:transparent;overflow:hidden}.File .file-preview+.action-icon,.File .file-preview+.file-progress{background:rgba(0,0,0,.5);border-radius:var(--border-radius-messages-small)}.File .file-preview img{object-fit:cover}.File .action-icon{color:#fff;font-size:1.5rem;position:absolute;top:0;start:0;width:3.375rem;height:3.375rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.File.interactive .file-icon-container{cursor:pointer}.File.interactive .file-icon-container:hover .file-icon:after{border-width:0}.File.interactive .file-icon-container:hover .action-icon{opacity:1}.File.interactive .file-icon-container:hover .action-icon.hidden,.File.interactive .file-icon-container:hover .file-ext{opacity:0}.File .file-info{margin-top:.1875rem;margin-right:.125rem;white-space:nowrap;overflow:hidden;flex-grow:1}.File .file-info+.Link{font-size:.75rem;color:var(--color-text-secondary);padding-left:1rem;white-space:nowrap}.File .file-title{font-size:1rem;line-height:1.5rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.File .file-title .emoji{vertical-align:-4px}.File .file-subtitle{font-size:.875rem;line-height:.9375rem;color:var(--secondary-color);max-width:100%;overflow:hidden;text-overflow:ellipsis}.File .file-subtitle span+span:before{content:"\00a0\2022\00a0"}.File.smaller{--background-color:var(--color-background);--border-radius-messages-small:.3125rem}.File.smaller .action-icon,.File.smaller .file-icon,.File.smaller .file-preview,.File.smaller .file-progress{width:3rem;height:3rem}.File.smaller .file-icon{padding-bottom:.375rem}.File.smaller .file-icon:after{border-width:0 1rem 1rem 0}.File.smaller .file-info{margin-top:-.125rem}.File.smaller .file-title{font-weight:400}.File.smaller .file-subtitle{line-height:1rem}.File:dir(rtl) .file-icon,.File:dir(rtl) .file-preview,.File:dir(rtl) .file-progress,.File[dir=rtl] .file-icon,.File[dir=rtl] .file-preview,.File[dir=rtl] .file-progress{margin-left:.75rem;margin-right:0}.File:dir(rtl) .file-info,.File[dir=rtl] .file-info{text-align:right}.File:dir(rtl) .file-info+.Link,.File[dir=rtl] .file-info+.Link{padding-left:0;padding-right:1rem}.File:dir(rtl) .action-icon,.File[dir=rtl] .action-icon{left:auto;right:0}.File .file-icon.red,.File .file-progress.red{background-color:var(--color-error)}.File .file-icon.orange,.File .file-progress.orange{background-color:var(--color-warning)}.File .file-icon.green,.File .file-progress.green{background-color:var(--color-text-green)}.Audio{display:flex;align-items:flex-start}.Audio.media-inner{overflow:visible}.Audio.own{--color-text-secondary:var(--accent-color);--color-interactive-active:var(--color-text-green);--color-interactive-inactive:rgba(var(--color-text-green-rgb),0.4);--color-interactive-buffered:rgba(var(--color-text-green-rgb),0.4)}.theme-dark .Audio.own{--color-text-green-rgb:255,255,255;--color-text-green:var(--color-white)}.Audio.own .Button{--color-primary:var(--color-text-green);--color-primary-shade:var(--color-green);--color-primary-shade-darker:var(--color-green-darker);--color-white:var(--color-background-own)}.theme-dark .Audio.own .Button{--color-primary-shade:#fff;--color-primary-shade-darker:#fff}.Audio .toggle-play{margin-inline-end:.5rem}.Audio .toggle-play.smaller{width:3rem;height:3rem;margin-inline-end:.75rem}.Audio .toggle-play.smaller i{font-size:1.625rem;margin-top:-.025rem}.Audio .toggle-play i{position:absolute}.Audio .toggle-play i.icon-play{margin-left:.125rem}@media (max-width:600px){.Audio .toggle-play i.icon-play{margin-left:.0625rem}}.Audio .toggle-play .icon-pause,.Audio .toggle-play .icon-play{opacity:1;transform:scale(1);transition:opacity .4s,transform .6s cubic-bezier(.34,1.56,.64,1)}.Audio .toggle-play.loading .icon-pause,.Audio .toggle-play.loading .icon-play,.Audio .toggle-play.pause .icon-play,.Audio .toggle-play.play .icon-pause{opacity:0;transform:scale(.5)}.Audio .media-loading{pointer-events:none}.Audio .media-loading .interactive{pointer-events:auto}.Audio .download-button{position:absolute;width:1.125rem!important;height:1.125rem!important;padding:0;left:1.5rem;top:1.5rem;border:.125rem solid var(--background-color);z-index:1}.Audio .download-button i{font-size:.8125rem}.Audio.bigger .download-button{left:2rem;top:2rem;border:.125rem solid var(--color-background)}.Audio .content{align-self:center;min-width:0;flex-grow:1;text-align:initial}.Audio .content-row{display:flex;justify-content:space-between}.Audio .title{font-weight:500;margin:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.Audio .voice-duration{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.Audio .voice-duration span{margin-left:.25rem;font-size:1.5rem;line-height:.875rem;vertical-align:middle}.Audio:not(.own) .voice-duration span{color:var(--color-primary)}.Audio .waveform{cursor:pointer;margin-left:1px}.Audio .date,.Audio .meta,.Audio .performer{font-size:.875rem;line-height:1;color:var(--color-text-secondary);margin:0}.Audio .duration{margin:.1875rem 0 0;font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Audio .seekline{width:calc(100% - 2px);padding-left:6px;margin-bottom:.3125rem;height:12px;position:relative;margin-left:-6px;top:1px;cursor:pointer}.Audio .seekline:before{content:"";position:absolute;width:100%;left:6px;top:6px;height:2px;background-color:var(--color-interactive-inactive);border-radius:2px}.Audio .seekline-buffered-progress,.Audio .seekline-play-progress{position:absolute;height:2px;border-radius:2px;overflow:hidden;width:100%;top:6px;left:6px}.Audio .seekline-buffered-progress i,.Audio .seekline-play-progress i{position:absolute;width:100%;background-color:var(--color-interactive-active);height:2px;border-radius:2px;right:100%}.Audio .seekline-buffered-progress i{background-color:var(--color-interactive-buffered)!important}.Audio .seekline-thumb{position:absolute;width:100%;top:7px;left:0}.Audio .seekline-thumb i{pointer-events:none;position:absolute;width:100%;right:100%}.Audio .seekline-thumb i:after{content:"";position:absolute;top:-6px;right:-12px;width:12px;height:12px;border-radius:6px;background:var(--color-interactive-active)}.Audio.bigger .content{margin-top:.1875rem}.Audio.bigger .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;line-height:1.5rem}.Audio.bigger .date,.Audio.bigger .meta,.Audio.bigger .performer{line-height:1.0625rem}.Audio.bigger .seekline{top:2px;margin-bottom:.5rem}.Audio.bigger .duration{line-height:1rem}.Audio.bigger .media-loading{top:.1875rem;left:.1875rem}.Audio.bigger[dir=rtl] .media-loading{left:auto!important;right:0}.Audio .ProgressSpinner.size-s svg{width:2.25rem;height:2.25rem}.Audio[dir=rtl] .toggle-play{margin-left:.5rem;margin-right:0}.Audio[dir=rtl] .toggle-play.smaller{margin-left:.75rem;margin-right:0}.Audio[dir=rtl] .content,.Audio[dir=rtl] .duration{text-align:right}.Audio[dir=rtl] .download-button{left:auto;right:1.5rem}.DropTarget{border-radius:var(--border-radius-default);background:var(--color-background);padding:1.25rem;flex:1 1 auto;width:100%;max-width:43.75rem;margin-left:auto;margin-right:auto;margin-bottom:.3125rem;display:flex;color:#a4acb3;box-shadow:0 1px 2px var(--color-default-shadow)}@media (max-height:350px){.DropTarget{padding:.75rem}}.DropTarget.hovered .target-content{color:var(--color-primary);background-image:var(--drag-target-border-hovered)}.DropTarget+.DropTarget{margin-top:.3125rem}.DropTarget:last-child{margin-bottom:0}.DropTarget .target-content{pointer-events:none;background-image:var(--drag-target-border);border-radius:.5rem;flex:1 1 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .2s,background .2s}.DropTarget .icon{font-size:6.25rem;line-height:4.6875rem;margin-bottom:2.25rem}@media (max-height:520px){.DropTarget .icon{font-size:4.25rem;line-height:3.5rem;margin-bottom:1rem}}@media (max-height:450px){.DropTarget .icon{font-size:2rem;line-height:1rem;margin-bottom:.5rem;margin-top:.25rem}}.DropTarget .title{font-size:1.3125rem;font-weight:500;letter-spacing:-.18px}@media (max-height:450px){.DropTarget .title{font-size:1rem}}.DropTarget .description{font-size:1rem;letter-spacing:.3px}@media (max-height:450px){.DropTarget .description{font-size:.875rem}}.FloatingActionButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(5rem);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}body.animation-level-0 .FloatingActionButton{transition:none!important}.FloatingActionButton.revealed{transform:translateY(0)}.DropArea{position:absolute;top:0;right:0;left:0;height:100vh;z-index:var(--z-drop-area);padding:80px 20px 20px;display:flex;flex-direction:column}#Main.right-column-open .DropArea{max-width:calc(100% - var(--right-column-width))}.AnimatedEmoji{margin-bottom:.75rem}.AnimatedEmoji img{position:absolute;width:100%;height:100%}.AnimatedEmoji img.like-sticker-thumb{transform:scale(.8)}.TextFormatter{transform:translate(-50%,-3.25rem)}.TextFormatter,.TextFormatter-link-control{position:absolute;background:var(--color-background);border-radius:var(--border-radius-messages);padding:.5rem .375rem;box-shadow:0 1px 2px var(--color-default-shadow)}.TextFormatter-link-control{left:0;top:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.Modal .TextFormatter-link-control{max-width:100%}@media (max-width:600px){.TextFormatter-link-control{max-width:calc(100vw - var(--text-formatter-left) + 3rem)}}.TextFormatter-link-control input{border:none!important;outline:none!important;width:100%;color:var(--color-text);background-color:var(--color-background)}.TextFormatter-buttons,.TextFormatter-link-url-confirm{display:flex;flex-wrap:nowrap;align-items:center}.TextFormatter-divider{width:1px;height:1.75rem;margin:0 .25rem;background-color:var(--color-borders)}.TextFormatter-link-url-input-wrapper{width:20rem;position:relative;max-width:100%}@media (max-width:600px){.TextFormatter-link-url-input-wrapper{max-width:90vw}}.TextFormatter-link-url-input-wrapper:after,.TextFormatter-link-url-input-wrapper:before{content:"";display:block;position:absolute;top:0;bottom:0;width:1rem;z-index:2;opacity:0;transition:opacity .2s ease}.TextFormatter-link-url-input-wrapper:before{left:0;background:linear-gradient(90deg,var(--color-background) .25rem,transparent 1rem)}.TextFormatter-link-url-input-wrapper:after{right:0;background:linear-gradient(270deg,var(--color-background) .25rem,transparent 1rem)}.TextFormatter-link-url-input-wrapper.mask-left:before,.TextFormatter-link-url-input-wrapper.mask-right:after{opacity:1}.TextFormatter-link-url-confirm{flex-shrink:0;opacity:0;transition:opacity .3s ease}.TextFormatter-link-url-confirm.shown{opacity:1}.TextFormatter.link-control-shown .TextFormatter-link-control{opacity:1;pointer-events:all}.TextFormatter .Button{width:2rem;height:2rem;padding:.25rem;font-size:1.5rem;margin:0 .125rem;border-radius:var(--border-radius-messages-small);flex-shrink:0;cursor:pointer}.TextFormatter .Button.active{background-color:var(--color-primary)!important;color:#fff}.TextFormatter .Button.disabled{opacity:.5;pointer-events:none}.Picker{height:100%;display:flex;flex-direction:column;overflow:hidden}.Picker .picker-header{padding:0 1rem .25rem .75rem;border-bottom:1px solid var(--color-borders);display:flex;flex-flow:row wrap;flex-shrink:0;overflow-y:auto;max-height:20rem}.Picker .picker-header .input-group{margin-bottom:.5rem;margin-left:.5rem;flex-grow:1}.Picker .picker-header .form-control{height:2rem;border:none;border-radius:0;padding:0;box-shadow:none}.Picker .picker-list{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:.5rem}@media (max-width:600px){.Picker .picker-list{padding-left:0!important;padding-right:0!important}}.Picker .no-results{height:100%;margin:0;padding:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)} |