mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-14 10:09:07 +01:00
163 lines
54 KiB
CSS
163 lines
54 KiB
CSS
.Link{color:inherit}.Link:hover{color:inherit}
|
|
#UiLoader{height:100%}@media(max-width: 600px){#UiLoader{height:calc(var(--vh, 1vh) * 100)}}#UiLoader .mask{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:1680px;height:100%;z-index:var(--z-ui-loader-mask);display:flex}#UiLoader .mask .left{flex:1;background:var(--color-background);min-width:15.5rem;max-width:26.5rem}@media(min-width: 1680px){#UiLoader .mask .left{border-left:1px solid var(--color-borders)}}@media(max-width: 1275px){#UiLoader .mask .left{flex:2}}@media(max-width: 925px){#UiLoader .mask .left{min-width:26.5rem}}@media(max-width: 600px){#UiLoader .mask .left{max-width:none;width:100vw}}#UiLoader .mask .middle{flex:3;border-left:1px solid var(--color-borders);border-right:1px solid var(--color-borders);position:relative;z-index:1;overflow:hidden}#UiLoader .mask .middle::before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:no-repeat center;background-size:cover;z-index:-1;transform-origin:left center}.theme-dark body.initial #UiLoader .mask .middle::before{background-color:#0f0f0f}.theme-light body.initial #UiLoader .mask .middle::before,body:not(.initial) #UiLoader .mask .middle::before{background-image:url(chat-bg.f607e788298d8a7de37a..jpg)}#UiLoader .mask .middle.with-right-column::before{transform:scale(0.67)}@media screen and (min-width: 1276px){#UiLoader .mask .middle::before{margin:-16rem -5rem -20rem 0}}#UiLoader .mask .middle.custom-bg-image::before{margin:-1rem;background-image:none !important}@media(max-width: 1275px){#UiLoader .mask .middle{flex:3;border-right:none}}@media(max-width: 600px){#UiLoader .mask .middle{display:none}}#UiLoader .mask .right{position:absolute;top:0;right:0;z-index:1;height:100%;width:var(--right-column-width);min-width:15.5rem;max-width:26.5rem;border-left:1px solid var(--color-borders);background:var(--color-background)}#UiLoader .blank{flex:1;background:var(--color-background)}
|
|
.Spinner{--spinner-size: 2rem;position:relative;display:flex;align-items:center;justify-content:center;width:var(--spinner-size);height:var(--spinner-size)}.Spinner>div{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:100%;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.Spinner.with-background::before{content:"";position:absolute;left:-0.125rem;top:-0.125rem;bottom:-0.125rem;right:-0.125rem;border-radius:50%;background:rgba(0,0,0,.25)}.Spinner.white>div{background-image:var(--spinner-white-data)}.Spinner.white.with-background>div{background-image:var(--spinner-white-thin-data)}.Spinner.blue>div{background-image:var(--spinner-blue-data)}.theme-dark .Spinner.blue>div{background-image:var(--spinner-dark-blue-data)}.Spinner.black>div{background-image:var(--spinner-black-data)}.Spinner.green>div{background-image:var(--spinner-green-data)}.Spinner.gray>div{background-image:var(--spinner-gray-data)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
|
@keyframes ripple-animation{from{transform:scale(0);opacity:1}50%{opacity:1}to{opacity:0;transform:scale(2)}}.ripple-container{position:absolute;top:0;left:0;bottom:0;right:0}body.animation-level-0 .ripple-container{display:none}.ripple-container span{position:absolute;display:block;background-color:var(--ripple-color, rgba(0, 0, 0, 0.08));border-radius:50%;transform:scale(0);animation:ripple-animation 700ms}
|
|
.Button{outline:none !important;display:flex;align-items:center;justify-content:center;width:100%;height:3.5rem;border:0;border-radius:var(--border-radius-default);background:transparent;padding:.625rem;color:#fff;line-height:1.2;cursor:pointer;text-transform:uppercase;flex-shrink:0;position:relative;overflow:hidden;transition:background-color .15s,color .15s;text-decoration:none !important}.Button:active,.Button.clicked,body.animation-level-0 .Button{transition:none !important}.Button.disabled{opacity:.5 !important;cursor:default;pointer-events:none}.Button.round{width:3.5rem;border-radius:50%}.Button.round i{font-size:1.5rem}.Button.primary{background:var(--color-primary);color:var(--color-white);--ripple-color: rgba(0, 0, 0, .08)}.Button.primary:not(.disabled):not(:disabled):active,.Button.primary:not(.disabled):not(:disabled).active,.Button.primary:not(.disabled):not(:disabled):focus{background:var(--color-primary-shade)}@media(hover: hover){.Button.primary:not(.disabled):not(:disabled):hover{background:var(--color-primary-shade)}}body.animation-level-0 .Button.primary:not(.disabled):not(:disabled):active{background:var(--color-primary-shade-darker)}.Button.secondary{background:var(--color-background);color:rgba(var(--color-text-secondary-rgb), 0.75);--ripple-color: rgba(0, 0, 0, .08)}.Button.secondary:not(.disabled):not(:disabled):active,.Button.secondary:not(.disabled):not(:disabled).active,.Button.secondary:not(.disabled):not(:disabled):focus{background:var(--color-primary);color:#fff}@media(hover: hover){.Button.secondary:not(.disabled):not(:disabled):hover{background:var(--color-primary);color:#fff}}body.animation-level-0 .Button.secondary:not(.disabled):not(:disabled):active{background:var(--color-primary-shade)}.Button.gray{background:var(--color-background);color:var(--color-text-secondary);--ripple-color: rgba(0, 0, 0, .08)}.Button.gray:not(.disabled):not(:disabled):active,.Button.gray:not(.disabled):not(:disabled).active,.Button.gray:not(.disabled):not(:disabled):focus{color:var(--color-primary)}@media(hover: hover){.Button.gray:not(.disabled):not(:disabled):hover{color:var(--color-primary)}}body.animation-level-0 .Button.gray:not(.disabled):not(:disabled):active{background:var(--color-chat-hover)}.Button.danger{background:var(--color-background);color:var(--color-error);--ripple-color: rgba(var(--color-error-rgb), .16)}.Button.danger:not(.disabled):not(:disabled):active,.Button.danger:not(.disabled):not(:disabled).active,.Button.danger:not(.disabled):not(:disabled):focus{background:var(--color-error);color:var(--color-white)}@media(hover: hover){.Button.danger:not(.disabled):not(:disabled):hover{background:var(--color-error);color:var(--color-white)}}body.animation-level-0 .Button.danger:not(.disabled):not(:disabled):active{background:var(--color-error-shade)}.Button.text{background:none}.Button.text.primary{color:var(--color-primary);background:none}.Button.text.primary:not(.disabled):not(:disabled):active,.Button.text.primary:not(.disabled):not(:disabled).active,.Button.text.primary:not(.disabled):not(:disabled):focus{background:rgba(var(--color-primary-shade-rgb), 0.08)}@media(hover: hover){.Button.text.primary:not(.disabled):not(:disabled):hover{background:rgba(var(--color-primary-shade-rgb), 0.08)}}body.animation-level-0 .Button.text.primary:not(.disabled):not(:disabled):active{background:rgba(var(--color-primary-shade-rgb), 0.16)}.Button.text.secondary{background:none;color:var(--color-text-secondary)}.Button.text.danger:not(.disabled):not(:disabled):active,.Button.text.danger:not(.disabled):not(:disabled).active,.Button.text.danger:not(.disabled):not(:disabled):focus{background:rgba(var(--color-error-rgb), 0.08);color:var(--color-error)}@media(hover: hover){.Button.text.danger:not(.disabled):not(:disabled):hover{background:rgba(var(--color-error-rgb), 0.08);color:var(--color-error)}}body.animation-level-0 .Button.text.danger:not(.disabled):not(:disabled):active{background:rgba(var(--color-error-rgb), 0.16)}.Button.faded{opacity:.75}.Button.faded:not(.disabled):not(:disabled):active,.Button.faded:not(.disabled):not(:disabled).active,.Button.faded:not(.disabled):not(:disabled):focus{opacity:1}@media(hover: hover){.Button.faded:not(.disabled):not(:disabled):hover{opacity:1}}.Button.faded.activated{opacity:1}.Button.translucent{background-color:transparent;color:var(--color-text-secondary);--ripple-color: var(--color-interactive-element-hover)}.Button.translucent:not(.disabled):not(:disabled):active,.Button.translucent:not(.disabled):not(:disabled).active,.Button.translucent:not(.disabled):not(:disabled):focus{background-color:var(--color-interactive-element-hover)}@media(hover: hover){.Button.translucent:not(.disabled):not(:disabled):hover{background-color:var(--color-interactive-element-hover)}}body.animation-level-0 .Button.translucent:not(.disabled):not(:disabled):active{background-color:rgba(var(--color-text-secondary-rgb), 0.16)}.Button.translucent.activated{color:var(--color-primary)}.Button.translucent-white{background-color:transparent;color:rgba(255,255,255,.5);--ripple-color: rgba(255, 255, 255, 0.08)}.Button.translucent-white:not(.disabled):not(:disabled):active,.Button.translucent-white:not(.disabled):not(:disabled).active,.Button.translucent-white:not(.disabled):not(:disabled):focus{background-color:rgba(255,255,255,.08);color:#fff}@media(hover: hover){.Button.translucent-white:not(.disabled):not(:disabled):hover{background-color:rgba(255,255,255,.08);color:#fff}}body.animation-level-0 .Button.translucent-white:not(.disabled):not(:disabled):active{background-color:rgba(255,255,255,.16)}.Button.dark{background-color:rgba(0,0,0,.75);color:#fff;--ripple-color: rgba(255, 255, 255, 0.08)}.Button.dark:not(.disabled):not(:disabled):active,.Button.dark:not(.disabled):not(:disabled).active,.Button.dark:not(.disabled):not(:disabled):focus{background-color:rgba(0,0,0,.85);color:#fff}@media(hover: hover){.Button.dark:not(.disabled):not(:disabled):hover{background-color:rgba(0,0,0,.85);color:#fff}}body.animation-level-0 .Button.dark:not(.disabled):not(:disabled):active{background-color:rgba(0,0,0,.95)}.Button.smaller{height:2.75rem;padding:.3125rem}.Button.smaller.round{width:2.75rem}.Button.smaller.pill{height:2.5rem;border-radius:1.25rem;padding:.3125rem 1rem}.Button.smaller.with-icon{padding-left:.75rem;padding-right:1.25rem}.Button.smaller.with-icon i{font-size:1.5rem;margin-right:.5rem}.Button.smaller.with-icon[dir=rtl]{padding-left:1.25rem;padding-right:.75rem}.Button.smaller.with-icon[dir=rtl] i{margin-left:.5rem;margin-right:0}@media(max-width: 600px){.Button.smaller{height:2.5rem}.Button.smaller.round{width:2.5rem}}.Button.tiny{height:2.25rem;padding:.4375rem;border-radius:var(--border-radius-default-small);font-size:.875rem;font-weight:500}.Button.tiny.round{width:2.25rem;height:2.25rem;border-radius:50%}.Button.tiny i{font-size:1.25rem}.Button.tiny.pill{height:2rem;border-radius:1rem;padding:.3125rem 1rem;font-size:1rem}.Button.fluid{padding-left:1.75rem;padding-right:1.75rem;width:auto}.Button.fluid.tiny{padding-left:1.375rem;padding-right:1.375rem}.Button.pill{border-radius:1.75rem;padding-left:1.75rem;padding-right:1.75rem;text-transform:none}.Button.loading{position:relative;pointer-events:none}.Button.loading .Spinner{position:absolute;right:.875rem;top:.875rem;--spinner-size: 1.8rem}.Button .emoji{vertical-align:-3px}
|
|
.Checkbox{display:block;position:relative;padding-left:4.5rem;text-align:left;margin-bottom:1.5rem;line-height:1.5rem;cursor:pointer}.Checkbox.disabled{pointer-events:none;opacity:.5}.Checkbox.round .Checkbox-main::before{border-radius:50%}.Checkbox.round .Checkbox-main::after{background:var(--color-primary) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat 50% 50%;background-size:12px;border-radius:50%}.Checkbox.loading .Checkbox-main::before,.Checkbox.loading .Checkbox-main::after{opacity:0 !important}.Checkbox.loading .Spinner{position:absolute;left:.375rem;top:.125rem;opacity:0;animation:fade-in .2s ease forwards;--spinner-size: 1.25rem}.Checkbox.blocking input:not(:checked)~.Checkbox-main::before{border-color:var(--color-error)}.Checkbox.blocking input:not(:checked)~.Checkbox-main::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBvbHlnb24gcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ii8+CiAgICA8cGF0aCBmaWxsPSIjZTUzOTM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xOCwzIEMxOS42NTY4NTQyLDMgMjEsNC4zNDMxNDU3NSAyMSw2IEwyMSwxOCBDMjEsMTkuNjU2ODU0MiAxOS42NTY4NTQyLDIxIDE4LDIxIEw2LDIxIEM0LjM0MzE0NTc1LDIxIDMsMTkuNjU2ODU0MiAzLDE4IEwzLDYgQzMsNC4zNDMxNDU3NSA0LjM0MzE0NTc1LDMgNiwzIEwxOCwzIFogTTE2LDExIEw4LDExIEM3LjQ0NzcxNTI1LDExIDcsMTEuNDQ3NzE1MyA3LDEyIEM3LDEyLjU1MjI4NDcgNy40NDc3MTUyNSwxMyA4LDEzIEwxNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgWiIvPgogIDwvZz4KPC9zdmc+Cg==);opacity:1;background-size:1.375rem;background-position:-0.125rem -0.125rem}.Checkbox input{position:absolute;z-index:var(--z-below);opacity:0}.Checkbox .Checkbox-main::before,.Checkbox .Checkbox-main::after{content:"";display:block;position:absolute;left:1.1875rem;top:.1875rem;width:1.125rem;height:1.125rem}.Checkbox .Checkbox-main::before{border:2px solid var(--color-borders-input);border-radius:.25rem;background-color:var(--color-background);transition:border-color .1s ease,background-color .1s ease}.Checkbox .Checkbox-main::after{background:center no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);background-size:.875rem;opacity:0;transition:opacity .1s ease}.Checkbox .Checkbox-main .label{display:block;text-align:initial}.Checkbox .Checkbox-main .subLabel{display:block;font-size:.875rem;line-height:1rem;color:var(--color-text-secondary)}.Checkbox input:checked~.Checkbox-main::before{border-color:var(--color-primary);background-color:var(--color-primary)}.Checkbox input:checked~.Checkbox-main::after{opacity:1}.Checkbox[dir=rtl]{padding-left:0;padding-right:4.5rem}.Checkbox[dir=rtl].loading .Spinner{left:auto;right:.375rem}.Checkbox[dir=rtl] .label,.Checkbox[dir=rtl] .subLabel{text-align:right}.Checkbox[dir=rtl] .Checkbox-main::before,.Checkbox[dir=rtl] .Checkbox-main::after{left:auto;right:1.1875rem}
|
|
.Loading{display:flex;height:100%;align-items:center;justify-content:center}.Loading .Spinner{--spinner-size: 2.75rem}
|
|
.Menu.fluid .bubble{min-width:13.5rem;width:auto}.Menu .backdrop{position:fixed;left:-100vw;right:-100vw;top:-100vh;bottom:-100vh;z-index:var(--z-menu-backdrop)}.Menu .bubble{overflow:hidden;display:block;list-style:none;padding:.5rem 0;margin:0;position:absolute;background-color:var(--color-background);box-shadow:0 .25rem .5rem .125rem var(--color-default-shadow);border-radius:var(--border-radius-default);min-width:13.5rem;z-index:var(--z-menu-bubble);transform:scale(0.2);transition:opacity .2s cubic-bezier(0.2, 0, 0.2, 1),transform .2s cubic-bezier(0.2, 0, 0.2, 1) !important;--offset-y: calc(100% + 0.5rem);--offset-x: 0}.Menu .bubble.open{transform:scale(1)}.Menu .bubble.closing{transition:opacity .2s ease-in,transform .2s ease-in !important}body.animation-level-0 .Menu .bubble{transform:none !important;transition:opacity .15s !important}body.has-open-dialog .Menu .bubble{transition:none !important}.Menu .bubble.top{top:var(--offset-y)}.Menu .bubble.bottom{bottom:var(--offset-y)}.Menu .bubble.left{left:var(--offset-x)}.Menu .bubble.right{right:var(--offset-x)}.Menu .bubble.with-footer{padding-bottom:0}.Menu .footer{padding:.5rem 0;background:var(--color-chat-hover);color:var(--color-text-secondary);font-size:.8125rem;text-align:center}
|
|
.DropdownMenu{position:relative}
|
|
.MenuItem{width:100%;background:none;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);--ripple-color: rgba(0, 0, 0, .08);cursor:pointer;unicode-bidi:plaintext}@media(hover: hover){.MenuItem:hover,.MenuItem:focus{background-color:var(--color-chat-hover);text-decoration:none;color:inherit}}@media(max-width: 600px){.MenuItem:focus,.MenuItem:hover,.MenuItem:active{text-decoration:none;color:inherit}.MenuItem:active{background-color:var(--color-chat-hover)}}.MenuItem i{font-size:1.5rem;margin-right:2rem;color:var(--color-text-secondary)}.MenuItem .menu-item-name{margin-right:2rem}.MenuItem .menu-item-name.capitalize{text-transform:capitalize}.MenuItem.disabled{opacity:.5 !important;cursor:default !important}.MenuItem.destructive{color:var(--color-error)}.MenuItem.destructive i{color:inherit}.MenuItem:not(.has-ripple):not(.disabled):active{background-color:var(--color-item-active);transition:none !important}.MenuItem>.Switcher{margin-left:auto}.MenuItem[dir=rtl] i{margin-left:2rem;margin-right:0}.MenuItem[dir=rtl] .menu-item-name{margin-left:2rem;margin-right:0}.MenuItem[dir=rtl]>.Switcher{margin-left:0;margin-right:auto}
|
|
.CountryCodeInput .input-group{cursor:pointer;z-index:var(--z-country-code-input-group)}.CountryCodeInput .input-group .Spinner{position:absolute;top:1rem;right:.75rem;opacity:.5;--spinner-size: 1.5rem}.CountryCodeInput .input-group .css-icon-down{position:absolute;top:1.125rem;right:1rem;width:.75rem;height:.75rem;border:2px solid var(--color-text-secondary);border-top:0;border-left:0;transform:scaleY(1) rotate(45deg);transition:color .2s ease,transform .2s ease,top .2s ease}.CountryCodeInput .input-group .css-icon-down.open{border-color:var(--color-primary);transform:scaleY(-1) rotate(45deg);top:1.5rem}.CountryCodeInput .bubble{width:100%;max-height:23.5rem;overflow-y:auto;transform-origin:top center !important;transform:scale(0.95)}.CountryCodeInput .bubble.open{transform:scaleY(1)}.CountryCodeInput .MenuItem button{display:flex;align-items:center}.CountryCodeInput .MenuItem.no-results button{justify-content:center;padding:.5rem 1rem}.CountryCodeInput .MenuItem.no-results button span{font-size:.875rem}.CountryCodeInput .country-flag{font-size:2rem;margin-right:2rem}.CountryCodeInput .country-flag .emoji{width:2rem;height:2rem;display:inline-block;vertical-align:4px;margin:-0.5rem .125rem}.CountryCodeInput .country-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem;text-align:left}.CountryCodeInput .country-code{margin-left:auto;opacity:.5}
|
|
.auth-form{width:100%;max-width:25.5rem;margin:0 auto;padding:1rem;padding-top:6rem;text-align:center}@media(min-width: 600px)and (min-height: 450px){.auth-form{padding:1.5rem;padding-top:6.8rem}.auth-form.qr{padding-top:5rem}}.auth-form #logo,.auth-form .AvatarEditable label{display:block;margin-left:auto;margin-right:auto;width:7.5rem;height:7.5rem;margin-bottom:1.75rem}@media(min-width: 600px)and (min-height: 450px){.auth-form #logo,.auth-form .AvatarEditable label{width:10rem;height:10rem;margin-bottom:2.5rem}}.auth-form #logo{background-size:100%;background:url(telegram-logo.df3a91becaa9678c529b..svg) center no-repeat}.auth-form h2{font-size:1.25rem;line-height:1}@media(min-width: 600px){.auth-form h2{font-size:2rem;line-height:1.5}}.auth-form .note{font-size:.875rem;line-height:1.35;margin-bottom:2.5rem;color:var(--color-text-secondary)}@media(min-width: 600px){.auth-form .note{font-size:1rem;margin-bottom:3rem}}#auth-registration-form,#auth-phone-number-form,#auth-code-form,#auth-password-form,#auth-qr-form{height:100%;overflow-y:auto}#auth-phone-number-form form{min-height:26.25rem}#auth-phone-number-form .Button{margin-top:2.75rem}#auth-phone-number-form .Button+.Button{margin-top:1rem}#auth-code-form h2,#auth-password-form h2{display:flex;align-items:center;justify-content:center}.auth-number-edit{width:2.5rem;height:2.5rem;padding:.5rem;font-size:1.5rem;color:var(--color-text-secondary);opacity:.75;display:flex;align-items:center;justify-content:center;cursor:pointer}.auth-number-edit:hover,.auth-number-edit:focus{opacity:1}#auth-qr-form .qr-container,#auth-qr-form .qr-loading{height:280px}#auth-qr-form .qr-container{opacity:1;transform:scale(1);transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 300ms}#auth-qr-form .qr-container.pre-animate{opacity:.5;transform:scale(0.8)}#auth-qr-form h3{margin:1.5rem 0 1rem 0}#auth-qr-form ol{list-style:none;counter-reset:item;padding:0 1.75rem}#auth-qr-form ol li{counter-increment:item;text-align:left;margin:.75rem 0;display:flex}#auth-qr-form ol li::before{content:counter(item);display:flex;justify-content:center;align-items:center;min-width:1.4rem;height:1.4rem;padding:0;margin:0 .75rem 0 0;background:var(--color-primary);border-radius:50%;font-size:smaller;color:#fff}#sign-in-password{word-break:normal !important}
|
|
#AppInactive{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#AppInactive .content{max-width:28rem;margin:auto;padding:1.5rem;text-align:center}#AppInactive .title{margin-top:1rem}#AppInactive .description{color:var(--color-text-secondary);font-size:.875rem}#AppInactive img{width:100%;max-width:20rem}#AppInactive .Button{margin-top:1rem}
|
|
/* cyrillic-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.499af208fa04aa805317..woff2) format('woff2');
|
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.6b69287db14836e8ccee..woff2) format('woff2');
|
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
/* greek-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.350ec982325895563ada..woff2) format('woff2');
|
|
unicode-range: U+1F00-1FFF;
|
|
}
|
|
/* greek */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.af30acd9d70ade5b828d..woff2) format('woff2');
|
|
unicode-range: U+0370-03FF;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.62afd8a72052ca925aaf..woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.009379f5feecd3ef689a..woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu4mxKKTU1Kg.465390c6e54c60f4a15f..woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
/* cyrillic-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.66efaee062df58309edc..woff2) format('woff2');
|
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.3e1bb90afe5eb4a94c5f..woff2) format('woff2');
|
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
/* greek-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.acd64c8bf32762464b8f..woff2) format('woff2');
|
|
unicode-range: U+1F00-1FFF;
|
|
}
|
|
/* greek */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.cab892ae9aa422233ea4..woff2) format('woff2');
|
|
unicode-range: U+0370-03FF;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.01bafbfbc1e4ebe0139d..woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.d3c211af53a789d2f9fd..woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.324b1e6d0f5ae7c6ab42..woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* Persian, v30.0.0, https://github.com/rastikerdar/vazir-font */
|
|
@font-face {
|
|
font-family: Vazir;
|
|
src: url(Vazir-Regular-WOL.4a4990b236f65249e659..woff2) format('woff2'),
|
|
url(Vazir-Regular-WOL.a6f663c7a4c514c9de99..woff) format('woff');
|
|
font-weight: normal;
|
|
font-display:swap;
|
|
unicode-range:U+0627-06FF;
|
|
}
|
|
|
|
/* Persian, v30.0.0, https://github.com/rastikerdar/vazir-font */
|
|
@font-face {
|
|
font-family: Vazir;
|
|
src: url(Vazir-Medium-WOL.107ead8042d2d2a10827..woff2) format('woff2'),
|
|
url(Vazir-Medium-WOL.25ba8d95080e1e2952f4..woff) format('woff');
|
|
font-weight: 500;
|
|
font-display:swap;
|
|
unicode-range: U+0600-06FF;
|
|
}
|
|
|
|
*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:none !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:500}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:var(--color-links);text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font:.9375rem/1.25 "Courier","Courier New","Nimbus Mono L","Courier 10 Pitch","FreeMono",sans-serif-monospace,monospace;font-size-adjust:.43}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none !important}:root{--color-background: #ffffff;--color-background-selected: #f4f4f5;--color-background-secondary: #f4f4f5;--color-background-secondary-accent: #E4E4E5;--color-background-own: #eefedf;--color-background-own-selected: #d4fcae;--color-background-own-rgb: 238, 254, 223;--color-text: #000000;--color-text-lighter: #2e3939;--color-text-secondary: #707579;--color-text-secondary-rgb: 112, 117, 121;--color-text-secondary-apple: #8A8A90;--color-text-meta: #686c72;--color-text-meta-rgb: 104, 108, 114;--color-text-meta-colored: #4fae4e;--color-text-meta-apple: #8C8C91;--color-text-green: #4fae4e;--color-text-green-rgb: 79, 174, 78;--color-borders: #DADCE0;--color-borders-input: #DADCE0;--color-dividers: #C8C6CC;--color-webpage-initial-background: #2e3939;--color-interactive-active: var(--color-primary);--color-interactive-inactive: rgba(var(--color-text-secondary-rgb), 0.25);--color-interactive-buffered: rgba(var(--color-text-secondary-rgb), 0.25);--color-interactive-element-hover: rgba(var(--color-text-secondary-rgb), 0.08);--color-primary: #50a2e9;--color-primary-rgb: 80, 162, 233;--color-primary-shade: #4a95d6;--color-primary-shade-darker: #4388c4;--color-primary-shade-rgb: 74, 149, 214;--color-primary-opacity: rgba(var(--color-primary), 0.50);--color-green: #4dcd5e;--color-green-darker: #41ac4f;--color-error: #e53935;--color-error-shade: #d33431;--color-error-rgb: 229, 57, 53;--color-warning: #fb8c00;--color-yellow: #FDD764;--color-links: #52a1ef;--color-links-hover: #2d8dec;--color-links-darker: #157be0;--color-links-darker-hover: #1166ba;--color-own-links: #ffffff;--color-placeholders: #A2ACB4;--color-pinned: #ffffff;--color-code: #4a729a;--color-code-bg: rgba(112, 117, 121, 0.08);--color-code-own: #3c7940;--color-code-own-bg: rgba(112, 117, 121, 0.08);--color-accent-own: #4fae4e;--color-message-meta-own: #4fae4e;--color-reply-hover: #f4f4f4;--color-reply-active: #e8e9ea;--color-reply-own-hover: #dbf4ce;--color-reply-own-active: #c8ebbc;--color-background-own-apple: #E7FDCC;--color-reply-own-hover-apple: #d9f9c1;--color-reply-own-active-apple: #d5edc2;--color-white: #ffffff;--color-gray: #c4c9cc;--color-chat-hover: #f4f4f5;--color-chat-active: #5B90E0;--color-item-active: #ededed;--color-selection-highlight: #3993fb;--color-selection-highlight-emoji: rgba(57, 147, 251, .7);--color-user-1: #E17076;--color-user-2: #7BC862;--color-user-4: #65aadd;--color-user-5: #a695e7;--color-user-6: #ee7aae;--color-user-7: #6ec9cb;--color-user-8: #faa774;--color-default-shadow: #72727240;--color-light-shadow: #7272722B;--vh: 1vh;--border-radius-default: 0.75rem;--border-radius-default-small: 0.625rem;--border-radius-default-tiny: 0.375rem;--border-radius-messages: 0.75rem;--border-radius-messages-small: 0.375rem;--messages-container-width: 45.5rem;--right-column-width: 26.5rem;--header-height: 3.5rem;--symbol-menu-width: 26.25rem;--symbol-menu-height: 23.25rem;--symbol-menu-footer-height: 3rem;--z-ui-loader-mask: 2000;--z-notification: 1000;--z-right-column: 900;--z-header-menu: 990;--z-header-menu-backdrop: 980;--z-modal: 1000;--z-media-viewer: 1500;--z-drop-area: 55;--z-animation-fade: 50;--z-menu-bubble: 21;--z-menu-backdrop: 20;--z-message-highlighted: 14;--z-message-context-menu: 13;--z-scroll-down-button: 12;--z-mobile-search: 12;--z-middle-header: 11;--z-middle-footer: 11;--z-country-code-input-group: 10;--z-message-select-control: 9;--z-message-select-area: 8;--z-sticky-date: 9;--z-register-add-avatar: 5;--z-media-viewer-head: 3;--z-below: -1;--spinner-white-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==);--spinner-white-thin-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEyIDIzQzUuOSAyMyAxIDE4LjEgMSAxMlM1LjkgMSAxMiAxVjBDNS40IDAgMCA1LjQgMCAxMnM1LjQgMTIgMTIgMTIgMTItNS40IDEyLTEyaC0xYzAgNi4xLTQuOSAxMS0xMSAxMXoiLz48L3N2Zz4=);--spinner-blue-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzRlYTRmNiIvPjwvc3ZnPg==);--spinner-dark-blue-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzgzNzhEQiIvPjwvc3ZnPg==);--spinner-black-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzJlMzkzOSIvPjwvc3ZnPg==);--spinner-green-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzRmYWU0ZSIvPjwvc3ZnPg==);--spinner-gray-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzcwNzU3OSIvPjwvc3ZnPg==);--drag-target-border: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%278%27 ry=%278%27 stroke=%27%23DDDFE0%27 stroke-width=%274%27 stroke-dasharray=%279.1%2c 10.5%27 stroke-dashoffset=%273%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");--drag-target-border-hovered: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%278%27 ry=%278%27 stroke=%27%2363A2E3%27 stroke-width=%274%27 stroke-dasharray=%279.1%2c 10.5%27 stroke-dashoffset=%273%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");--layer-transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);--layer-blackout-opacity: 0.3;--slide-transition: 300ms cubic-bezier(0.25, 1, 0.5, 1);--select-transition: 200ms ease-out}@media(min-width: 1276px)and (max-width: 1680px){:root{--right-column-width: 25vw}}@media(max-width: 600px){:root{--right-column-width: 100vw;--symbol-menu-width: 100vw;--symbol-menu-height: 14.6875rem}}@media(max-width: 600px){:root{--layer-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1)}}:root body.is-android{--slide-transition: 200ms ease-in-out}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:2rem !important}.mt-5,.my-5{margin-top:2rem !important}.mr-5,.mx-5{margin-right:2rem !important}.mb-5,.my-5{margin-bottom:2rem !important}.ml-5,.mx-5{margin-left:2rem !important}.m-6{margin:3rem !important}.mt-6,.my-6{margin-top:3rem !important}.mr-6,.mx-6{margin-right:3rem !important}.mb-6,.my-6{margin-bottom:3rem !important}.ml-6,.mx-6{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:2rem !important}.pt-5,.py-5{padding-top:2rem !important}.pr-5,.px-5{padding-right:2rem !important}.pb-5,.py-5{padding-bottom:2rem !important}.pl-5,.px-5{padding-left:2rem !important}.p-6{padding:3rem !important}.pt-6,.py-6{padding-top:3rem !important}.pr-6,.px-6{padding-right:3rem !important}.pb-6,.py-6{padding-bottom:3rem !important}.pl-6,.px-6{padding-left:3rem !important}.input-group{position:relative;margin-bottom:1.5rem}.input-group label{display:block;padding:0 .25rem;position:absolute;left:.75rem;top:.95rem;background-color:var(--color-background);font-size:1rem;font-weight:400;color:var(--color-placeholders);transition:transform .15s ease-out,color .15s ease-out;cursor:text;pointer-events:none;transform-origin:left center;white-space:nowrap}.input-group.with-arrow::after{content:"";position:absolute;height:.75rem;width:.75rem;border-left:1px var(--color-text-secondary) solid;border-bottom:1px var(--color-text-secondary) solid;transform:rotate(-45deg);right:2rem;top:1rem}.input-group.touched label,.input-group.error label,.input-group.success label,.input-group .form-control:focus+label,.input-group .form-control.focus+label{transform:scale(0.75) translate(-0.5rem, -2.25rem)}.input-group input::placeholder,.input-group .form-control::placeholder{color:var(--color-placeholders)}.input-group.touched label{color:var(--color-text-secondary)}.input-group.error label{color:var(--color-error) !important}.input-group.success label{color:var(--color-text-green) !important}.input-group.disabled{opacity:.5;pointer-events:none}.input-group[dir=rtl] input{text-align:right}.input-group[dir=rtl] label{left:auto;right:.75rem}.input-group[dir=rtl].with-arrow::after{border-left:none;border-right:1px var(--color-text-secondary) solid;right:auto;left:2rem}.input-group[dir=rtl].touched label,.input-group[dir=rtl].error label,.input-group[dir=rtl].success label,.input-group[dir=rtl] .form-control:focus+label,.input-group[dir=rtl] .form-control.focus+label{transform:scale(0.75) translate(1.5rem, -2.25rem)}.form-control{--border-width: 1px;display:block;width:100%;height:3.375rem;padding:calc(0.75rem - var(--border-width)) calc(.9rem - var(--border-width));border:var(--border-width) solid var(--color-borders-input);border-radius:var(--border-radius-default);color:var(--color-text);background-color:var(--color-background);outline:none;transition:border-color .15s ease;word-break:break-word;-webkit-appearance:none;font-size:1rem;line-height:1.25rem}.form-control[dir]{text-align:initial}.form-control:hover{border-color:var(--color-primary)}.form-control:hover+label{color:var(--color-primary)}.form-control:focus,.form-control.focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);caret-color:var(--color-primary)}.form-control:focus+label,.form-control.focus+label{color:var(--color-primary)}.form-control:disabled{background:none !important}.error .form-control{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error);caret-color:var(--color-error)}.success .form-control{border-color:var(--color-text-green);box-shadow:inset 0 0 0 1px var(--color-text-green);caret-color:var(--color-text-green)}select.form-control option{line-height:2rem}textarea.form-control{resize:none;overflow:hidden;line-height:1.3125rem;padding-top:calc(1rem - var(--border-width));padding-bottom:calc(1rem - var(--border-width))}.input-group.password-input{position:relative}.input-group.password-input .form-control{padding-right:3.375rem}.input-group.password-input .toggle-password{position:absolute;top:0;right:0;width:3.375rem;height:3.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none !important;color:var(--color-text-secondary);opacity:.7;font-size:1.5rem}.input-group.password-input .toggle-password:hover,.input-group.password-input .toggle-password:focus{opacity:1}.input-group.password-input[dir=rtl] .form-control{padding-left:3.375rem;padding-right:calc(.9rem - var(--border-width))}.input-group.password-input[dir=rtl] .toggle-password{left:0;right:auto}@font-face{font-family:"icomoon";src:url(icomoon.580bc3e2c3dee26e29f8..woff2) format("woff2"),url(icomoon.9038252296eb264b5aa7..woff) format("woff");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=icon-char-]::before,[class*=" icon-char-"]::before{font-family:Roboto,"Helvetica Neue",sans-serif;content:attr(data-char);width:1.5rem;text-align:center;display:block}.icon-bot-commands-filled:before{content:""}.icon-reply-filled:before{content:""}.icon-bug:before{content:""}.icon-data:before{content:""}.icon-darkmode:before{content:""}.icon-animations:before{content:""}.icon-enter:before{content:""}.icon-fontsize:before{content:""}.icon-permissions:before{content:""}.icon-card:before{content:""}.icon-truck:before{content:""}.icon-share-filled:before{content:""}.icon-bold:before{content:""}.icon-bot-command:before{content:""}.icon-calendar-filter:before{content:""}.icon-comments:before{content:""}.icon-comments-sticker:before{content:""}.icon-arrow-down:before{content:""}.icon-email:before{content:""}.icon-italic:before{content:""}.icon-link:before{content:""}.icon-mention:before{content:""}.icon-monospace:before{content:""}.icon-next:before{content:""}.icon-password-off:before{content:""}.icon-pin-list:before{content:""}.icon-previous:before{content:""}.icon-replace:before{content:""}.icon-schedule:before{content:""}.icon-strikethrough:before{content:""}.icon-underlined:before{content:""}.icon-zoom-in:before{content:""}.icon-zoom-out:before{content:""}.icon-select:before{content:""}.icon-folder:before{content:""}.icon-bots:before{content:""}.icon-calendar:before{content:""}.icon-cloud-download:before{content:""}.icon-colorize:before{content:""}.icon-forward:before{content:""}.icon-reply:before{content:""}.icon-help:before{content:""}.icon-info:before{content:""}.icon-info-filled:before{content:""}.icon-delete-filled:before{content:""}.icon-delete:before{content:""}.icon-edit:before{content:""}.icon-new-chat-filled:before{content:""}.icon-send:before{content:""}.icon-send-outline:before{content:""}.icon-add-user-filled:before{content:""}.icon-add-user:before{content:""}.icon-delete-user:before{content:""}.icon-microphone:before{content:""}.icon-microphone-alt:before{content:""}.icon-poll:before{content:""}.icon-revote:before{content:""}.icon-photo:before{content:""}.icon-document:before{content:""}.icon-camera:before{content:""}.icon-camera-add:before{content:""}.icon-logout:before{content:""}.icon-saved-messages:before{content:""}.icon-settings:before{content:""}.icon-phone:before{content:""}.icon-attach:before{content:""}.icon-copy:before{content:""}.icon-channel:before{content:""}.icon-group:before{content:""}.icon-user:before{content:""}.icon-non-contacts:before{content:""}.icon-active-sessions:before{content:""}.icon-admin:before{content:""}.icon-download:before{content:""}.icon-location:before{content:""}.icon-stop:before{content:""}.icon-archive:before{content:""}.icon-unarchive:before{content:""}.icon-readchats:before{content:""}.icon-unread:before{content:""}.icon-message:before{content:""}.icon-lock:before{content:""}.icon-unlock:before{content:""}.icon-mute:before{content:""}.icon-unmute:before{content:""}.icon-pin:before{content:""}.icon-unpin:before{content:""}.icon-smallscreen:before{content:""}.icon-fullscreen:before{content:""}.icon-large-pause:before{content:""}.icon-large-play:before{content:""}.icon-pause:before{content:""}.icon-play:before{content:""}.icon-channelviews:before{content:""}.icon-message-succeeded:before{content:""}.icon-message-read:before{content:""}.icon-message-pending:before{content:""}.icon-message-failed:before{content:""}.icon-favorite:before{content:""}.icon-keyboard:before{content:""}.icon-delete-left:before{content:""}.icon-recent:before{content:""}.icon-gifs:before{content:""}.icon-stickers:before{content:""}.icon-smile:before{content:""}.icon-animals:before{content:""}.icon-eats:before{content:""}.icon-sport:before{content:""}.icon-car:before{content:""}.icon-lamp:before{content:""}.icon-language:before{content:""}.icon-flag:before{content:""}.icon-more:before{content:""}.icon-search:before{content:""}.icon-remove:before{content:""}.icon-add:before{content:""}.icon-check:before{content:""}.icon-close:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-down:before{content:""}.icon-up:before{content:""}.icon-eye-closed:before{content:""}.icon-eye:before{content:""}.icon-muted-chat:before{content:""}.icon-avatar-archived-chats:before{content:""}.icon-avatar-deleted-account:before{content:""}.icon-avatar-saved-messages:before{content:""}.icon-pinned-chat:before{content:""}.media-inner{position:relative}.media-inner video,.media-inner img{display:block}.media-inner img,.media-inner video{object-fit:cover}.media-inner video{background:no-repeat 50% 50%;background-size:contain}.media-inner .thumbnail~.thumbnail,.media-inner .thumbnail~.full-media,.media-inner .media-loading{position:absolute}.animated-close-icon{position:absolute;transform:rotate(-45deg)}.animated-close-icon,.animated-close-icon::before,.animated-close-icon::after{width:1.125rem;height:.125rem;border-radius:.125rem;background-color:var(--color-text-secondary);transition:transform var(--slide-transition)}.animated-close-icon::before,.animated-close-icon::after{position:absolute;left:0;top:0;content:""}.animated-close-icon::before{transform:rotate(90deg)}.animated-close-icon.no-transition,.animated-close-icon.no-transition::before,.animated-close-icon.no-transition::after{transition:none}.animated-close-icon.state-back{transform:rotate(180deg)}.animated-close-icon.state-back::before{transform:rotate(45deg) scaleX(0.75) translate(0, -0.375rem)}.animated-close-icon.state-back::after{transform:rotate(-45deg) scaleX(0.75) translate(0, 0.375rem)}.chat-list{background:var(--color-background);height:100%;overflow-y:auto;padding:.5rem .125rem .5rem .4375rem}.chat-list .scroll-container{position:relative}.chat-list .ListItem.chat-item-clickable{margin:0}@media(max-width: 600px){.chat-list{padding-left:0;padding-right:0}}.chat-list .no-results{color:var(--color-text-meta);margin-top:2rem;text-align:center}div.color-bg-1{--color-user: var(--color-user-1)}div.color-bg-2{--color-user: var(--color-user-2)}div.color-bg-4{--color-user: var(--color-user-4)}div.color-bg-5{--color-user: var(--color-user-5)}div.color-bg-6{--color-user: var(--color-user-6)}div.color-bg-7{--color-user: var(--color-user-7)}div.color-bg-8{--color-user: var(--color-user-8)}div.saved-messages{--color-user: var(--color-primary)}div.deleted-account{--color-user: var(--color-gray)}html,body{width:100%;height:100%;background:var(--color-background);margin:0;padding:0;font-size:16px;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Helvetica Neue",sans-serif;color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width: 600px){html,body{height:calc(var(--vh, 1vh) * 100)}}body.is-ios,body.is-macos{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Roboto","Apple Color Emoji","Helvetica Neue",sans-serif}html[lang=fa],html[lang=fa] body{font-family:"Vazir","Roboto",-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Helvetica Neue",sans-serif}html[lang=fa].is-ios,html[lang=fa].is-macos,html[lang=fa] body.is-ios,html[lang=fa] body.is-macos{font-family:"Vazir",-apple-system,BlinkMacSystemFont,"Roboto","Apple Color Emoji","Helvetica Neue",sans-serif}body.cursor-grabbing,body.cursor-grabbing *{cursor:grabbing !important}#root{height:100%;max-width:1680px;margin:0 auto}@media(max-width: 600px){#root{height:calc(var(--vh, 1vh) * 100)}}#middle-column-portals,#portals{position:absolute;top:0;left:0;right:0}.hidden{visibility:hidden}.no-selection{user-select:none;-webkit-user-select:none !important}.visually-hidden{position:absolute !important;width:0;height:0;overflow:hidden;clip:rect(0, 0, 0, 0);z-index:-1}.not-implemented{opacity:.5}.not-implemented,.not-implemented *{cursor:not-allowed !important}*{box-sizing:border-box}.no-animations #root *,.no-animations #root *::before,.no-animations #root *::after{transition:none !important}.custom-scroll,.custom-scroll-x{scrollbar-width:thin;scrollbar-color:rgba(90,90,90,0) transparent;transition:scrollbar-color .3s ease;-webkit-overflow-scrolling:touch;pointer-events:auto}.custom-scroll::-webkit-scrollbar-thumb,.custom-scroll-x::-webkit-scrollbar-thumb{background-color:rgba(90,90,90,0);border-radius:.35rem}.custom-scroll:hover,.custom-scroll:focus,.custom-scroll:focus-within,.custom-scroll-x:hover,.custom-scroll-x:focus,.custom-scroll-x:focus-within{scrollbar-color:rgba(90,90,90,.3) transparent}.custom-scroll:hover::-webkit-scrollbar-thumb,.custom-scroll:focus::-webkit-scrollbar-thumb,.custom-scroll:focus-within::-webkit-scrollbar-thumb,.custom-scroll-x:hover::-webkit-scrollbar-thumb,.custom-scroll-x:focus::-webkit-scrollbar-thumb,.custom-scroll-x:focus-within::-webkit-scrollbar-thumb{background-color:rgba(90,90,90,.3)}.custom-scroll::-webkit-scrollbar{width:.375rem}.custom-scroll-x::-webkit-scrollbar{height:.35rem}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.emoji-small{background:no-repeat;background-size:1.25rem;color:transparent;display:inline-block;width:1.25rem;height:1.25rem;margin-inline-end:1px;overflow:hidden;flex-shrink:0}.emoji-small::selection{background-color:var(--color-selection-highlight-emoji);color:transparent}div[role=button]{outline:none !important;cursor:pointer}.opacity-transition{opacity:1;transition:opacity .15s ease}.opacity-transition:not(.open){opacity:0}.opacity-transition:not(.shown){display:none}.opacity-transition.slow{transition-duration:.3s}.color-primary{color:var(--color-primary) !important}.color-danger{color:var(--color-error) !important}.text-muted{color:var(--color-text-secondary) !important}.for-ios-autocapitalization-fix{position:fixed;font-size:16px;opacity:0;bottom:1rem;z-index:-1}@keyframes grow-icon{0%{transform:scale(0.5);opacity:.8}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}@keyframes hide-icon{from{transform:scale(1);opacity:.4}to{transform:scale(0.5);opacity:0}}
|
|
|
|
/*# sourceMappingURL=main.3c84c2c0a12a9b5026fa.css.map*/ |