2022-05-31 19:01:02 +02:00
|
|
|
|
.Modal{position:relative;z-index:var(--z-modal)}.Modal.confirm{z-index:var(--z-lock-screen)}.Modal.delete .modal-dialog,.Modal.error .modal-dialog,.Modal.confirm .modal-dialog,.Modal.pin .modal-dialog,.Modal.unpin-all .modal-dialog{max-width:23rem}.Modal.error .modal-content>div{margin-top:1rem}.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:rgba(0,0,0,0)}.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:translate3d(0, 0, 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-header-condensed .modal-action-button.danger{background-color:var(--color-error);color:var(--color-white)}.Modal .modal-header-condensed .modal-action-button.danger:hover,.Modal .modal-header-condensed .modal-action-button.danger:focus,.Modal .modal-header-condensed .modal-action-button.danger:active{background-color:var(--color-error-shade)}.Modal .modal-content{width:100%;flex-grow:1;padding:1rem;overflow-y:auto;max-height:90vh}.Modal .modal-content b,.Modal .modal-content strong{word-break:break-word}.Modal .modal-title,.Modal .modal-content,.Modal .modal-content>p{unicode-bidi:plaintext;text-align:initial}.Modal .modal-about{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-overflow:ellipsis;overflow:hidden}.Modal .modal-help{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.3}.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}
|
|
|
|
|
|
.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::before,.Radio.hidden-widget .Radio-main::after{visibility:hidden}.Radio>input{position:absolute;z-index:var(--z-below);opacity:0}.Radio .Radio-main::before,.Radio .Radio-main::after{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::before,.Radio.loading .Radio-main::after{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{from{opacity:0}to{opacity:1}}
|
2022-04-19 15:14:57 +02:00
|
|
|
|
.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+PHBhdGggZD0iTTEwLjcxNyA5Ljc1TDE4LjMgMi4xNjdhLjY4NC42ODQgMCAxMC0uOTY3LS45NjdMOS43NSA4Ljc4MyAyLjE2NyAxLjJhLjY4NC42ODQgMCAxMC0uOTY3Ljk2N0w4Ljc4MyA5Ljc1IDEuMiAxNy4zMzNhLjY4NC42ODQgMCAxMC45NjcuOTY3bDcuNTgzLTcuNTgzIDcuNTgzIDcuNTgzYS42ODEuNjgxIDAgMDAuOTY3IDAgLjY4NC42ODQgMCAwMDAtLjk2N0wxMC43MTcgOS43NXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii43NSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat 49% 49%;border-radius:50%;cursor:pointer}.ProgressSpinner.no-cross{background:rgba(0,0,0,0) !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-s,.ProgressSpinner.size-m{width:auto;height:auto;background:rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMjE4IDcuNWw1LjYzMy01LjYzM2EuNTA4LjUwOCAwIDEwLS43MTgtLjcxOEw3LjUgNi43ODIgMS44NjcgMS4xNDlhLjUwOC41MDggMCAxMC0uNzE4LjcxOEw2Ljc4MiA3LjVsLTUuNjMzIDUuNjMzYS41MDguNTA4IDAgMTAuNzE4LjcxOEw3LjUgOC4yMThsNS42MzMgNS42MzNhLjUwNi41MDYgMCAwMC43MTggMCAuNTA4LjUwOCAwIDAwMC0uNzE4TDguMjE4IDcuNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 49% 49%}.ProgressSpinner.size-s.square,.ProgressSpinner.size-m.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:rgba(0,0,0,0) !important}.ProgressSpinner svg{display:block;transform:rotate(-90deg);transform-origin:50% 50%;animation:4s linear 0s infinite ProgressSpinnerAnimation}.ProgressSpinner circle{transition:stroke-dashoffset .5s}@keyframes ProgressSpinnerAnimation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
|
|
|
|
|
.RangeSlider{--slider-color: var(--color-primary);margin-bottom:1rem}.RangeSlider.disabled{pointer-events:none;--slider-color: var(--color-text-secondary)}.RangeSlider .slider-top-row{display:flex;justify-content:space-between;margin-bottom:.625rem}.RangeSlider .slider-top-row .value{flex-shrink:0;margin-left:1rem;color:var(--color-text-secondary)}.RangeSlider .slider-top-row[dir=rtl] .value{margin-left:0;margin-right:1rem}.RangeSlider .slider-main{position:relative;z-index:1}.RangeSlider .slider-main::before{content:"";position:absolute;width:100%;left:0;top:.3125rem;height:.125rem;background-color:var(--color-borders);border-radius:.125rem;opacity:.5;z-index:-1}.RangeSlider .slider-fill-track{position:absolute;width:100%;left:0;top:.3125rem;height:.125rem;background-color:var(--slider-color);border-radius:.125rem;pointer-events:none}.RangeSlider.bold .slider-main::before{top:.25rem;height:.25rem}.RangeSlider.bold .slider-fill-track{top:.25rem;height:.25rem}.RangeSlider input[type=range]{-webkit-appearance:none;display:block;width:100%;height:.75rem;margin-bottom:.5rem;background:rgba(0,0,0,0)}.RangeSlider input[type=range]:focus{outline:none}.RangeSlider input[type=range]::-ms-track{width:100%;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.RangeSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.RangeSlider input[type=range]::-moz-slider-thumb{-moz-appearance:none}.RangeSlider input[type=range]::-webkit-slider-runnable-track{cursor:pointer}.RangeSlider input[type=range]::-moz-range-track,.RangeSlider input[type=range]::-moz-range-progress{cursor:pointer}.RangeSlider input[type=range]::-webkit-slider-thumb{background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.RangeSlider input[type=range]::-moz-range-thumb{background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.RangeSlider input[type=range]::-ms-thumb{background:var(--slider-color);border:none;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;transform:scale(1);-ms-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.RangeSlider input[type=range]::-ms-thumb:hover{transform:scale(1.2)}.RangeSlider .slider-options{display:grid;grid-template-rows:auto;grid-auto-columns:1fr;grid-auto-flow:column}.RangeSlider .slider-option{font-size:.8125rem;text-align:center;cursor:pointer;color:var(--color-text-secondary);transition:color .2s ease}.RangeSlider .slider-option:hover,.RangeSlider .slider-option.active{color:var(--color-text)}.RangeSlider .slider-option.active{font-weight:500}.RangeSlider .slider-option:first-child{text-align:left}.RangeSlider .slider-option:last-child{text-align:right}
|
2022-03-19 21:22:05 +01:00
|
|
|
|
.Avatar{--color-user: var(--color-primary);flex:none;align-items:center;justify-content:center;width:3.375rem;height:3.375rem;border-radius:50%;background:linear-gradient(var(--color-white) -125%, var(--color-user));color:#fff;font-weight:bold;display:flex;white-space:nowrap;-webkit-user-select:none;user-select:none}.Avatar__img{border-radius:50%;width:100%;height:100%}.Avatar .emoji{width:1rem;height:1rem}.Avatar__icon{font-size:2.5rem}.Avatar__icon.icon-reply-filled{transform:scale(0.7)}.Avatar.size-micro{width:1rem;height:1rem;font-size:.5rem}.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:.0625rem;right:.0625rem;width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--color-background);background-color:#0ac630;flex-shrink:0}.Avatar.interactive{cursor:pointer}
|
2022-02-20 12:49:20 +01:00
|
|
|
|
.ListItem{position:relative}body.is-ios .ListItem:not(:last-of-type)::after,body.is-android .ListItem:not(:last-of-type)::after{content:"";position:absolute;bottom:0;left:4.5rem;right:0;height:.5px;background:var(--color-dividers)}body.is-ios .ListItem.small-icon::after,body.is-android .ListItem.small-icon::after{left:3.875rem}body.is-ios .ListItem.no-icon::after,body.is-android .ListItem.no-icon::after{left:0}body.is-android .ListItem:not(:last-of-type)::after{height:.0625rem;transform:scaleY(0.25)}.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 .user-status,.ListItem .group-status,.ListItem .title,.ListItem .subtitle{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}body.cursor-ew-resize .ListItem:not(.disabled):not(.is-static) .ListItem-button{cursor:ew-resize !important}@media(hover: hover){.ListItem:not(.disabled):not(.is-static) .ListItem-button:hover,.ListItem:not(.disabled):not(.is-static) .ListItem-button:focus{--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}body.is-ios .ListItem.chat-item-clickable,body.is-macos .ListItem.chat-item-clickable{--color-text-secondary: var(--color-text-secondary-apple)}.ListItem.chat-item-clickable .ListItem-button{padding:.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 .title,.ListItem.chat-item-clickable .subtitle{overflow:hidden;display:flex;justify-content:flex-start;align-items:center}.ListItem.chat-item-clickable h3,.ListItem.chat-item-clickable .last-message,.ListItem.chat-item-clickable .status,.ListItem.chat-item-clickable .typing-status{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,
|
2022-03-25 13:31:23 +01:00
|
|
|
|
.VerifiedIcon{display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;--color-fill: var(--color-primary);--color-checkmark: #fff}
|
2022-01-25 03:27:56 +01:00
|
|
|
|
.DotAnimation{display:inline-flex;align-items:baseline}.DotAnimation .ellipsis{display:flex;width:1rem;overflow:hidden}.DotAnimation .ellipsis::after{content:"...";animation:dot-animation 1s steps(4, start) infinite}html[lang=ar] .DotAnimation .ellipsis::after,html[lang=fa] .DotAnimation .ellipsis::after{animation-name:dot-animation-rtl}@keyframes dot-animation{from{transform:translateX(-1rem)}}@keyframes dot-animation-rtl{from{transform:translateX(1rem)}}
|
|
|
|
|
|
.typing-status{display:flex;align-items:baseline}.typing-status .sender-name::after{content:" ";color:var(--color-text-secondary)}
|
2022-04-09 02:56:14 +02:00
|
|
|
|
.FakeIcon{border:1px solid var(--color-error);border-radius:.375rem;color:var(--color-error);font-size:.625rem;padding:.125rem .25rem;line-height:initial;margin-inline:.25rem;font-weight:500;text-transform:capitalize}
|
2021-08-16 13:23:25 +02:00
|
|
|
|
.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:hover,.Notification .text-entity-link:active{color:#fff !important;text-decoration:underline}.Notification .content{line-height:1.25;word-break:break-word;font-size:.9375rem}
|
2022-01-21 17:33:00 +01:00
|
|
|
|
.ReactionStaticEmoji{width:1rem;display:block}
|
2022-02-20 12:49:20 +01:00
|
|
|
|
.Tab{display:flex;justify-content:center;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 !important}@media(hover: hover){.Tab:not(.Tab--active):hover{background:var(--color-interactive-element-hover)}}@media(max-width: 600px){.Tab:not(.Tab--active):active{background:var(--color-interactive-element-hover)}}.Tab>span{position:relative;display:flex;align-items:center;white-space:nowrap}.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}body.is-ios .Tab .badge,body.is-macos .Tab .badge{line-height:1.25rem}.Tab__badge--active{background:var(--color-primary) !important}.Tab i{position:absolute;bottom:calc(-0.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:content-box;transform-origin:left}.Tab i.animate{transition:transform var(--slide-transition)}body.animation-level-0 .Tab i.animate{transition:none !important}
|
2021-12-10 18:35:23 +01:00
|
|
|
|
.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:rgba(0,0,0,0)}.TabList.big{font-size:1rem;--border-radius-messages-small: 0}.TabList::-webkit-scrollbar{height:0}.TabList::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);box-shadow:0 0 1px rgba(255,255,255,.01)}
|
2021-08-16 13:23:25 +02:00
|
|
|
|
.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:-0.625rem}
|
2022-04-19 15:14:57 +02:00
|
|
|
|
.SearchInput{position:relative;width:100%;color:rgba(var(--color-text-secondary-rgb), 0.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:rgba(0,0,0,0) !important;box-shadow:none !important;padding:calc(.4375rem - var(--border-width)) calc(2.625rem - var(--border-width)) calc(.5rem - var(--border-width)) calc(2.75rem - var(--border-width))}.SearchInput input::placeholder{color:var(--color-placeholders)}.SearchInput>i{position:absolute;top:.5rem;left:.75rem;font-size:1.375rem;pointer-events:none}.SearchInput .Loading{position:absolute;top:0;right:0;height:2.5rem;width:2.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}
|
2022-03-19 21:22:05 +01:00
|
|
|
|
.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), 0.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:-0.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 .Avatar__icon,.PickerSelectedItem .Avatar i,.PickerSelectedItem .item-icon .Avatar__icon,.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:-0.125rem}.PickerSelectedItem[dir=rtl] .item-name{margin-left:0;margin-right:.5rem}.PickerSelectedItem[dir=rtl] .item-remove{left:auto;right:0}
|
2022-03-11 19:41:56 +01:00
|
|
|
|
.Switcher{display:inline-flex;align-items:center;position:relative;margin:0}.Switcher.disabled{pointer-events:none;opacity:.5}.Switcher.inactive{pointer-events:none}body.animation-level-0 .Switcher .widget,body.animation-level-0 .Switcher .widget::after,.Switcher.no-animation .widget,.Switcher.no-animation .widget::after{transition:none !important}body.animation-level-0 .Switcher .widget:active:after,.Switcher.no-animation .widget:active:after{width:1.125rem}.Switcher input{height:0;width:0;visibility:hidden;position:absolute;z-index:var(--z-below);opacity:0}.Switcher .widget{cursor:pointer;text-indent:-999px;width:2.125rem;height:.875rem;background-color:var(--color-gray);display:inline-block;border-radius:.5rem;position:relative;transition:background-color .2s ease-in}.Switcher .widget:after{content:"";position:absolute;top:-0.125rem;left:0;width:1.125rem;height:1.125rem;background-color:var(--color-background);border-radius:.75rem;transition:border-color .2s ease-out;border:.125rem solid var(--color-gray)}.Switcher input:checked+.widget{background:var(--color-primary)}.Switcher input:checked+.widget:after{left:calc(100% - 1.125rem);transform:translateX(calc(-100% + 1.125rem));border-color:var(--color-primary)}.Switcher .widget:active:after{width:1.25rem}
|
2022-02-20 12:49:20 +01:00
|
|
|
|
.MessageOutgoingStatus{width:1.1875rem;height:1.1875rem;overflow:hidden;display:inline-block;line-height:1;font-size:1.1875rem}.MessageOutgoingStatus i{background:var(--background-color)}.MessageOutgoingStatus .icon-message-succeeded{padding-left:.125rem}.MessageOutgoingStatus .Transition{width:100%;height:100%}
|
|
|
|
|
|
.LastMessageMeta{margin-right:.1875rem;padding:.3125rem 0 .125rem;flex-shrink:0;font-size:.75rem;line-height:1;display:flex;align-items:center}.LastMessageMeta .MessageOutgoingStatus{color:var(--color-text-meta-colored);margin-right:.125rem;font-size:1.125rem}body.is-ios .LastMessageMeta .MessageOutgoingStatus{margin-bottom:-0.125rem}.LastMessageMeta .time{color:var(--color-text-meta);line-height:1.125rem}
|
2022-05-03 15:31:01 +02:00
|
|
|
|
.Badge-transition{opacity:1;transition:transform .3s cubic-bezier(0.34, 1.56, 0.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}body.is-macos .Badge{line-height:1.5rem}body.is-ios .Badge{line-height:1.375rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem}.Badge.mention,.Badge.unread:not(.muted){background:var(--color-green);color:var(--color-white)}.Badge.pinned{color:var(--color-pinned);background:rgba(0,0,0,0);width:1.5rem;padding:0}.Badge.pinned i{font-size:1.5rem}.Badge.reaction:not(.muted){background:#ed504f}.Badge.mention,.Badge.reaction{width:1.5rem;padding:.25rem}.Badge.mention i,.Badge.reaction i{font-size:1rem;vertical-align:super}body.is-ios .Badge.mention,body.is-ios .Badge.reaction{width:1.375rem;padding:.25rem}body.is-ios .Badge.mention i,body.is-ios .Badge.reaction i{font-size:.875rem}
|
2021-11-27 17:45:33 +01:00
|
|
|
|
@keyframes bar-animation-transform-1{0%{transform:scaleY(0.33)}12.5%{transform:scaleY(1.66)}25%{transform:scaleY(0.33)}37.5%{transform:scaleY(1)}50%{transform:scaleY(0.33)}62.5%{transform:scaleY(1.66)}75%{transform:scaleY(0.33)}87.5%{transform:scaleY(1.66)}100%{transform:scaleY(0.33)}}@keyframes bar-animation-transform-2{0%{transform:scaleY(1)}12.5%{transform:scaleY(0.33)}25%{transform:scaleY(1.66)}37.5%{transform:scaleY(0.33)}50%{transform:scaleY(1)}62.5%{transform:scaleY(0.33)}75%{transform:scaleY(1.66)}87.5%{transform:scaleY(0.33)}100%{transform:scaleY(1)}}.ChatCallStatus{position:absolute;right:6px;bottom:0;width:20px;height:20px;border-radius:50%;background-color:#0ac630;border:2px solid var(--color-background);overflow:hidden}.ChatCallStatus .indicator{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.ChatCallStatus .indicator>div{width:2px;height:6px;background:var(--color-background);border-radius:1px;margin:1px;will-change:transform;transform:translateZ(0)}.ChatCallStatus .indicator>div:nth-child(odd){transform:scaleY(0.8)}.ChatCallStatus .indicator>div:nth-child(even){transform:scaleY(1.33)}.ChatCallStatus.selected{background-color:var(--color-white);border-color:var(--color-chat-active)}.ChatCallStatus.selected .indicator div{background-color:var(--color-chat-active)}.ChatCallStatus.active .indicator div:nth-child(odd){animation:bar-animation-transform-2 3.2s normal infinite}.ChatCallStatus.active .indicator div:nth-child(even){animation:bar-animation-transform-1 3.2s normal infinite}
|
2022-04-01 21:03:25 +02:00
|
|
|
|
.Chat{--background-color: var(--color-background);position:absolute;top:0;left:0;margin:0;width:100%}body.is-ios .Chat,body.is-macos .Chat{--color-text-meta: var(--color-text-meta-apple)}.Chat.animate-opacity{will-change:opacity;transition:opacity .2s ease-out}.Chat.animate-transform{will-change:transform;transition:transform .2s ease-out}.Chat:hover .Avatar.online::after,.Chat.ListItem.has-menu-open .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 .VerifiedIcon,.Chat.selected:hover .VerifiedIcon{--color-fill: #fff;--color-checkmark: var(--color-primary) }.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.selected:hover .icon-muted{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)}}@media(max-width: 600px){.Chat .ListItem-button{border-radius:0 !important}}.Chat .status{position:relative;flex-shrink:0}.Chat .info .subtitle{margin-top:-0.125rem}.Chat .info h3{width:auto;max-width:80%}.Chat .info .icon-muted{font-size:1.25rem;margin-left:.25rem;margin-top:-0.0625rem;color:#c6c8ca}body.is-ios .Chat .info .icon-muted{margin-top:0;margin-right:.5rem}.Chat .info .LastMessageMeta{margin-left:auto}body.is-ios .Chat .info .LastMessageMeta{font-size:.875rem;margin-right:0}.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 .media-preview--image{width:1.25rem;height:1.25rem;object-fit:cover;border-radius:.125rem;vertical-align:-0.25rem;margin-inline-end:.25rem}body.is-ios .Chat .info .last-message .media-preview--image{width:1.125rem;height:1.125rem;vertical-align:-0.1875rem}.Chat .info .last-message .media-preview--image.round{border-radius:.625rem}.Chat .info .last-message .emoji-small{width:1rem;height:1rem;vertical-align:-0.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}body.is-ios .Chat .info .last-message .icon-play{margin-inline-start:-1.125rem;bottom:0}.Chat[dir=rtl] .info .LastMessageMeta{margin-left:0;margin-right:auto}.Chat[dir=rtl] .info .title,.Chat[dir=rtl] .info .subtitle{padding-left:.125rem;padding-right:0}.Chat[dir=rtl] .info .icon-muted{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}
|
2022-05-31 19:01:02 +02:00
|
|
|
|
.src-components-common-AnimatedIconWithPreview-module__root{position:relative}.src-components-common-AnimatedIconWithPreview-module__preview{position:absolute;left:0;top:0;width:100%;height:100%}
|
2021-08-16 13:23:25 +02:00
|
|
|
|
.EmptyFolder{width:100%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media(max-height: 480px){.EmptyFolder{height:100%}}.EmptyFolder .sticker{height:8rem;margin-bottom:1.875rem}.EmptyFolder .title{font-size:1.25rem;margin-bottom:.125rem}.EmptyFolder .description{font-size:.875rem;color:var(--color-text-secondary)}body.is-ios .EmptyFolder .description,body.is-macos .EmptyFolder .description{color:var(--color-text-secondary-apple)}.EmptyFolder .Button.pill{margin-top:.625rem;font-weight:500;padding-inline-start:.75rem;unicode-bidi:plaintext}.EmptyFolder .Button.pill i{margin-inline-end:.625rem;font-size:1.5rem}
|
|
|
|
|
|
.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);width:3rem;height:3rem;position:absolute;left:0;top:0;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{position:absolute;left:0;top:0;width:3rem;height:3rem;cursor:default !important;padding-bottom:unset !important;border-radius:var(--border-radius-messages-small) !important}.WebLink .site-name,.WebLink .site-description,.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}
|
2022-04-19 15:14:57 +02:00
|
|
|
|
.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-progress,.File .file-icon,.File .file-preview{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-color:rgba(0,0,0,0) var(--background-color) rgba(0,0,0,0) var(--background-color);border-width:0 1.125rem 1.125rem 0;border-style:solid;transition:border-width .15s ease-in}.File .file-preview{background:rgba(0,0,0,0);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;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{opacity:0}.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:" • "}.File.smaller{--background-color: var(--color-background);--border-radius-messages-small: 0.3125rem}.File.smaller .action-icon,.File.smaller .file-progress,.File.smaller .file-icon,.File.smaller .file-preview{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:-0.125rem}.File.smaller .file-title{font-weight:400}.File.smaller .file-subtitle{line-height:1rem}.File:dir(rtl) .file-progress,.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{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-progress.red,.File .file-icon.red{background-color:var(--color-error)}.File .file-progress.orange,.File .file-icon.orange{background-color:var(--color-warning)}.File .file-progress.green,.File .file-icon.green{background-color:var(--color-text-green)}
|
2022-06-06 00:02:10 +02:00
|
|
|
|
.Audio{display:flex;align-items:flex-start;position:relative}.Audio .media-loading{position:absolute;pointer-events:none}.Audio .media-loading.interactive{pointer-events:all}.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.translucent-white{color:rgba(255,255,255,.8)}.Audio .toggle-play.smaller{width:3rem;height:3rem;margin-inline-end:.75rem}.Audio .toggle-play.smaller i{font-size:1.625rem}.Audio .toggle-play.smaller i.icon-pause{font-size:1.5625rem}.Audio .toggle-play i{position:absolute}.Audio .toggle-play i.icon-play{margin-left:.1875rem}@media(max-width: 600px){.Audio .toggle-play i.icon-play{margin-left:.125rem}}.Audio .toggle-play .icon-play,.Audio .toggle-play .icon-pause{opacity:1;transform:scale(1);transition:opacity .4s,transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.Audio .toggle-play.play .icon-pause,.Audio .toggle-play.pause .icon-play,.Audio .toggle-play.loading .icon-play,.Audio .toggle-play.loading .icon-pause{opacity:0;transform:scale(0.5)}.Audio .download-button{position:absolute;width:1.1875rem !important;height:1.1875rem !important;padding:0;left:1.9375rem;top:1.9375rem;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Audio canvas{height:23px}.Audio .voice-duration{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;display:flex;align-items:flex-end}.Audio .voice-duration.unread::after{content:"";position:relative;margin:0 0 .375rem .25rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--accent-color)}body.is-ios .Audio .voice-duration.unread::after{margin-bottom:.4375rem}.Audio:not(.own) .voice-duration span{color:var(--color-primary)}.Audio .waveform{cursor:pointer;margin-left:1px;touch-action:none}.Audio .meta,.Audio .performer,.Audio .date{font-size:.875rem;color:var(--color-text-secondary);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;unicode-bidi:plaintext}.Audio .date{flex-shrink:0}.Audio .duration{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;font-variant-numeric:tabular-nums}.Audio .meta{display:flex;align-items:center;margin-top:.125rem;padding-inline-end:.5rem}.Audio .meta>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Audio .meta .performer{flex-shrink:1}.Audio .meta .duration.with-seekline{margin-inline-end:.625rem}.Audio .meta .bullet{margin:0 .25rem;flex-shrink:0}.Audio .seekline{flex-grow:1;height:1.25rem;position:relative;top:3px;cursor:pointer;touch-action:none}.Audio .seekline::before{content:"";position:absolute;width:100%;top:6px;height:2px;background-color:var(--color-interactive-inactive);border-radius:2px}.Audio .seekline-play-progress{position:absolute;height:2px;border-radius:2px;overflow:hidden;width:100%;top:6px}.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{height:2px;border-radius:2px;position:absol
|
2022-05-20 17:57:33 +02:00
|
|
|
|
.ProfilePhoto{width:100%;height:100%;cursor:pointer;position:relative}.ProfilePhoto .avatar-media{width:100%;object-fit:cover}.ProfilePhoto .spinner-wrapper{width:100%;height:100%}.ProfilePhoto .spinner-wrapper,.ProfilePhoto.deleted-account,.ProfilePhoto.replies-bot-account,.ProfilePhoto.no-photo,.ProfilePhoto.saved-messages{display:flex;align-items:center;justify-content:center;color:var(--color-white);background:linear-gradient(var(--color-white) -125%, var(--color-user));cursor:default}.ProfilePhoto.no-photo{font-size:14rem;white-space:nowrap}.ProfilePhoto.replies-bot-account,.ProfilePhoto.deleted-account,.ProfilePhoto.saved-messages{font-size:20rem}
|
2022-04-19 15:14:57 +02:00
|
|
|
|
.ProfileInfo{aspect-ratio:1/1;position:relative}@supports not (aspect-ratio: 1/1){.ProfileInfo::before{float:left;padding-top:100%;content:""}.ProfileInfo::after{display:block;content:"";clear:both}}.ProfileInfo .photo-wrapper{width:100%;position:absolute;left:0;top:0;bottom:0}.ProfileInfo .photo-wrapper>.Transition{width:100%;height:100%}.ProfileInfo .photo-dashes{position:absolute;width:100%;height:.125rem;padding:0 .375rem;z-index:1;display:flex;top:.5rem;left:0}.ProfileInfo .photo-dash{flex:1 1 auto;background-color:var(--color-white);opacity:.25;border-radius:.125rem;margin:0 .125rem;transition:opacity 300ms ease}.ProfileInfo .photo-dash.current{opacity:.75}.ProfileInfo .navigation{position:absolute;top:0;bottom:0;width:25%;border:none;padding:0;margin:0;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0) no-repeat;background-size:1.25rem;opacity:.25;transition:opacity .15s;outline:none;cursor:pointer;z-index:1}.ProfileInfo .navigation:hover,.is-touch-env .ProfileInfo .navigation{opacity:1}.ProfileInfo .navigation.prev{left:0;background-image:url(media_navigation_previous.11f3cfece8fead5a78e6..svg);background-position:1.25rem 50%}.ProfileInfo .navigation.next{right:0;background-image:url(media_navigation_next.3d6e264d21e73ad72573..svg);background-position:calc(100% - 1.25rem) 50%}.ProfileInfo .info{position:absolute;bottom:0;left:0;width:100%;min-height:100px;padding:0 1.5rem .5rem;background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);color:var(--color-white);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.ProfileInfo .info:dir(rtl) .status{text-align:right;unicode-bidi:plaintext}.ProfileInfo .info[dir=rtl] .status{text-align:right;unicode-bidi:plaintext}.ProfileInfo .title{display:flex;align-items:center}.ProfileInfo .title h3{font-weight:500;font-size:1.25rem;line-height:1.375rem;white-space:pre-wrap;word-break:break-word;margin-bottom:.25rem}.ProfileInfo .title .VerifiedIcon{margin-left:.25rem;margin-top:-0.125rem}.ProfileInfo .title .emoji{width:1.5rem;height:1.5rem;background-size:1.5rem}.ProfileInfo .status{font-size:.875rem;opacity:.5}.ProfileInfo[dir=rtl] .navigation.prev{left:auto;right:0;transform:scaleX(-1)}.ProfileInfo[dir=rtl] .navigation.next{left:0;right:auto;transform:scaleX(-1)}.ProfileInfo.self{margin:0 -0.5rem .75rem;overflow:hidden}.ProfileInfo.self.ghost{margin:0}.ProfileInfo.self .info{padding-bottom:.75rem}.ProfileInfo.self .status{line-height:1rem}
|
2022-03-11 19:41:56 +01:00
|
|
|
|
.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:.2s color,.2s background-image}.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:-0.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}}
|
2022-04-09 02:56:14 +02:00
|
|
|
|
.FloatingActionButton{position:absolute;right:1rem;bottom:1rem;transform:translateY(calc(5rem - var(--call-header-height, 0rem)));transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}body.animation-level-0 .FloatingActionButton{transition:none !important}.FloatingActionButton.revealed{transform:translateY(calc(0rem - var(--call-header-height, 0rem)))}
|
2021-11-12 16:47:33 +01:00
|
|
|
|
.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))}
|
2022-05-20 17:57:33 +02:00
|
|
|
|
.StickerButton{display:inline-block;width:4rem;height:4rem;margin:.5rem;border-radius:var(--border-radius-messages-small);background:rgba(0,0,0,0) no-repeat center;background-size:contain;transition:background-color .15s ease,opacity .3s ease !important;position:relative}.StickerButton.interactive{cursor:pointer}.StickerButton.interactive:hover{background-color:var(--color-interactive-element-hover)}.StickerButton.interactive:hover .sticker-remove-button{opacity:1}@media(max-width: 600px){.StickerButton{margin:.25rem}}.StickerButton.set-button{width:2.75rem !important;height:2.75rem;margin:0 .5rem}.StickerButton.large{width:10rem;height:10rem;margin:0}.StickerButton .AnimatedSticker,.StickerButton img,.StickerButton video{position:absolute;top:0;left:0;width:100%;height:100%}.StickerButton img,.StickerButton video{object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.StickerButton .sticker-remove-button{position:absolute;top:-0.5rem;right:-0.5rem;width:1.25rem;height:1.25rem;padding:.125rem;opacity:0}.StickerButton .sticker-remove-button i{font-size:1rem}.StickerButton .sticker-context-menu{position:absolute;cursor:default}.StickerButton .sticker-context-menu .bubble{width:auto}
|
2021-08-16 13:23:25 +02:00
|
|
|
|
.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::before,.TextFormatter-link-url-input-wrapper::after{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(to right, var(--color-background) 0.25rem, transparent 1rem)}.TextFormatter-link-url-input-wrapper::after{right:0;background:linear-gradient(to left, var(--color-background) 0.25rem, transparent 1rem)}.TextFormatter-link-url-input-wrapper.mask-left::before{opacity:1}.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 1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}
|
|
|
|
|
|
|
2022-06-27 22:04:23 +02:00
|
|
|
|
/*# sourceMappingURL=621.66195afc8a98e3fa4ccb.css.map*/
|
