/* stylelint-disable */
/* 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, v33.001, https://github.com/rastikerdar/vazirmatn */
@font-face {
    font-family: Vazirmatn;
    src: url(Vazirmatn-NL-Regular.572a8ef6359a125a67f0.woff2) format('woff2'), url(Vazirmatn-NL-Regular.f0ab1c74565ee5cdb33d.woff) format('woff');
    font-weight: normal;
    font-display: swap;
    unicode-range: U+0627-06FF;
}

/* Persian, v33.003, https://github.com/rastikerdar/vazirmatn */
@font-face {
    font-family: Vazirmatn;
    src: url(Vazirmatn-NL-Medium.26007b3a50dbbab53c15.woff2) format('woff2'), url(Vazirmatn-NL-Medium.f3b8e058aff7dd59279b.woff) format('woff');
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0600-06FF;
}

@font-face {
    font-family: 'Numbers Rounded';
    src: url(Numbers-Rounded.d2aed6be561097433e8e.woff2) format('woff2');
    unicode-range: U+0030-0039, U+002B, U+002D;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(Roboto-Condensed-Regular.0f37b67952f89e6ed45e.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;
}

*,*::before,*::after {
    box-sizing: border-box
}
:root {
    --color-background: #ffffff;
    --color-background-compact-menu: #FFFFFFBB;
    --color-background-compact-menu-reactions: #FFFFFFEB;
    --color-background-compact-menu-hover: #000000B2;
    --color-background-menu-separator: #0000001a;
    --color-background-selected: #f4f4f5;
    --color-background-secondary: #f4f4f5;
    --color-background-secondary-accent: #e4e4e5;
    --color-background-own: #eeffde;
    --color-background-own-selected: color . adjust($ color-light-green, -10%);
    --color-text: #000000;
    --color-text-rgb: 0, 0, 0;
    --color-text-lighter: #2e3939;
    --color-text-secondary: #707579;
    --color-icon-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-borders-alternate: rgba(0, 0, 0, 0.1);
    --color-borders-read-story: #C4C9CC;
    --color-dividers: #c8c6cc;
    --color-dividers-android: #E7E7E7;
    --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-composer-button: #707579CC;
    --color-voice-transcribe-button: #e8f3ff;
    --color-voice-transcribe-button-own: #cceebf;
    --color-primary: #3390ec;
    --color-primary-shade: #2f84d9;
    --color-primary-shade-darker: #2b79c6;
    --color-primary-shade-rgb: 47, 132, 217;
    --color-primary-opacity: rgba(rgb(135,116,225), 0.15);
    --color-primary-opacity-hover: rgba(rgb(135,116,225), 0.25);
    --color-primary-tint: rgba(rgb(135,116,225), 0.1);
    --color-green: #00c73e;
    --color-green-darker: #00a734;
    --color-success: #00c73e;
    --accent-color: var(--color-primary);
    --accent-background-color: var(--color-primary-tint);
    --accent-background-active-color: var(--color-primary-opacity);
    --color-error: #e53935;
    --color-error-shade: #d33431;
    --color-error-rgb: 229, 57, 53;
    --color-warning: #fb8c00;
    --color-yellow: #fdd764;
    --color-orange: #d08a31;
    --color-light-coral: rgba(208, 138, 49, 0.2);
    --color-links: #3390ec;
    --color-own-links: #ffffff;
    --color-placeholders: #a2acb4;
    --color-list-icon: #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-accent-own-rgb: 79, 174, 78;
    --color-message-meta-own: #4fae4e;
    --color-message-reaction: $color-message-reaction;
    --color-message-reaction-hover: $color-message-reaction-hover;
    --color-message-reaction-own: $color-message-reaction-own;
    --color-message-reaction-hover-own: $color-message-reaction-own-hover;
    --color-message-reaction-chosen-hover: $color-message-reaction-chosen-hover;
    --color-message-reaction-chosen-hover-own: $color-message-reaction-chosen-hover-own;
    --color-message-story-mention-from: $color-message-story-mention-from;
    --color-message-story-mention-to: $color-message-story-mention-to;
    --color-reply-hover: rgb(244, 244, 244);
    --color-reply-active: rgb(232, 233, 234);
    --color-reply-own-hover: rgb(219, 245, 205);
    --color-reply-own-active: rgb(200, 236, 187);
    --color-background-own-apple: #dcf8c5;
    --color-reply-own-hover-apple: #cbefb7;
    --color-reply-own-active-apple: #bae6a8;
    --color-white: #ffffff;
    --color-gray: #c4c9cc;
    --color-chat-username: #3C7EB0;
    --color-chat-hover: #f4f4f5;
    --color-chat-active: #3390ec;
    --color-item-hover: #f4f4f5;
    --color-item-active: #ededed;
    --color-selection-highlight: #3993fb;
    --color-selection-highlight-emoji: rgba(57, 147, 251, 0.7);
    --color-avatar-story-unread-from: #34c578;
    --color-avatar-story-unread-to: #3ca3f3;
    --color-avatar-story-friend-unread-from: #c9eb38;
    --color-avatar-story-friend-unread-to: #09c167;
    --color-default-shadow: #72727240;
    --color-light-shadow: #7272722b;
    --color-skeleton-background: rgba(33, 33, 33, 0.15);
    --color-skeleton-foreground: rgba(232, 232, 232, 0.2);
    --color-scrollbar: rgba(90, 90, 90, 0.3);
    --color-scrollbar-code: rgba(200, 200, 200, 0.3);
    --color-telegram-blue: #3390ec;
    --color-forum-hover-unread-topic: #e9e9e9;
    --color-forum-hover-unread-topic-hover: #dcdcdc;
    --color-deleted-account: #9eaab5;
    --color-archive: #9eaab5;
    --stars-gradient: linear-gradient(90deg, #FFAA00 0%, #FFCD3A 100%);
    --color-heart: #ff3c32;
    --vh: 1vh;
    --border-radius-modal: 1rem;
    --border-radius-default: 0.75rem;
    --border-radius-default-small: 0.625rem;
    --border-radius-default-tiny: 0.375rem;
    --border-radius-messages: 0.9375rem;
    --border-radius-messages-small: 0.375rem;
    --border-radius-forum-avatar: 33.3333%;
    --messages-container-width: 45.5rem;
    --right-column-width: 26.5rem;
    --header-height: 3.4375rem;
    --custom-emoji-size: 1.25rem;
    --emoji-size: 1.25rem;
    --custom-emoji-border-radius: 0;
    --symbol-menu-width: 24rem;
    --symbol-menu-height: 22.375rem;
    --symbol-menu-footer-height: 3rem;
    --scrollbar-width: 0;
    --z-overlay-effects: 10001;
    --z-modal-confirm: 10000;
    --z-portal-menu: 10000;
    --z-symbol-menu-modal: 5000;
    --z-lock-screen: 3000;
    --z-ui-loader-mask: 2000;
    --z-notification: 1700;
    --z-confetti: 1600;
    --z-reaction-picker: 1200;
    --z-story-viewer: 1150;
    --z-reaction-interaction-effect: 1100;
    --z-right-column: 900;
    --z-right-column-menu: 950;
    --z-header-menu: 990;
    --z-header-menu-backdrop: 980;
    --z-modal: 1510;
    --z-modal-menu: 1600;
    --z-resize-grip: 1000;
    --z-media-viewer: 1500;
    --z-modal-low-priority: 1400;
    --z-video-player-controls: 3;
    --z-drop-area: 55;
    --z-animation-fade: 50;
    --z-menu-bubble: 21;
    --z-menu-backdrop: 20;
    --z-message-effect: 15;
    --z-message-highlighted: 14;
    --z-forum-panel: 13;
    --z-message-context-menu: 13;
    --z-scroll-down-button: 12;
    --z-local-search: 12;
    --z-left-header: 11;
    --z-middle-header: 11;
    --z-middle-footer: 11;
    --z-story-ribbon: 10;
    --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-symbol-menu-mobile: calc(var(--z-story-viewer) + 1);
    --z-resize-handle: 2;
    --z-below: -1;
    --z-chat-ripple: 6;
    --z-chat-float-button: calc(var(--z-chat-ripple) + 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==);
    --spinner-yellow-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iI0ZERDc2NCIvPjwvc3ZnPg==);
    --premium-gradient: linear-gradient(84.4deg, #6C93FF -4.85%, #976FFF 51.72%, #DF69D1 110.7%);
    --layer-blackout-opacity: 0.1;
    --layer-transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);
    --layer-transition-behind: 300ms cubic-bezier(0.33, 1, 0.68, 1);
    --slide-transition: 300ms cubic-bezier(0.25, 1, 0.5, 1);
    --select-transition: 200ms ease-out;
    --safe-area-top: env(safe-area-inset-top);
    --safe-area-right: env(safe-area-inset-right);
    --safe-area-bottom: env(safe-area-inset-bottom);
    --safe-area-left: env(safe-area-inset-left);
    --picker-title-shift: 1rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --middle-header-panes-height: 0px;
}
html[theme="dark"] {
    --scrollbar-width: 0px;
    --vh: 8.8px;
    --composer-text-size: 16px;
    --message-meta-height: 21px;
    --message-text-size: 16px;
    --color-primary: rgb(135, 116, 225);
    --color-primary-opacity: rgb(131, 120, 219, 0.118);
    --color-primary-opacity-hover: rgb(131, 120, 219, 0.251);
    --color-primary-tint: rgb(135, 116, 225, 0.102);
    --color-primary-shade: rgb(123, 113, 198);
    --color-primary-shade-rgb: 123, 113, 198;
    --color-background: rgb(33, 33, 33);
    --color-background-compact-menu: rgb(33, 33, 33, 0.867);
    --color-web-app-browser: rgb(3, 3, 3, 0.561);
    --color-background-compact-menu-reactions: rgb(33, 33, 33, 0.867);
    --color-background-compact-menu-hover: rgb(0, 0, 0, 0.4);
    --color-background-secondary: rgb(15, 15, 15);
    --color-background-secondary-accent: rgb(25, 25, 25);
    --color-background-own: rgb(118, 106, 200);
    --color-background-own-apple: rgb(118, 106, 200);
    --color-background-selected: rgb(44, 44, 44);
    --color-background-own-selected: rgb(101, 73, 212);
    --color-chat-hover: rgb(44, 44, 44);
    --color-chat-active: rgb(118, 106, 200);
    --color-chat-active-greyed: rgb(146, 136, 211);
    --color-item-hover: rgb(44, 44, 44);
    --color-item-active: rgb(41, 41, 41);
    --color-text: rgb(255, 255, 255);
    --color-text-rgb: 255, 255, 255;
    --color-text-secondary: rgb(170, 170, 170);
    --color-text-secondary-rgb: 170, 170, 170;
    --color-icon-secondary: rgb(170, 170, 170);
    --color-text-secondary-apple: rgb(170, 170, 170);
    --color-borders: rgb(48, 48, 48);
    --color-borders-input: rgb(91, 91, 90);
    --color-dividers: rgb(59, 59, 61);
    --color-dividers-android: rgb(15, 15, 15);
    --color-links: rgb(135, 116, 225);
    --color-gray: rgb(113, 117, 121);
    --color-list-icon: rgb(162, 162, 162);
    --color-default-shadow: rgb(16, 16, 16, 0.612);
    --color-light-shadow: rgb(0, 0, 0, 0.251);
    --color-green: rgb(135, 116, 225);
    --color-green-darker: rgb(123, 113, 198);
    --color-success: rgb(0, 199, 62);
    --color-text-meta-colored: rgb(131, 120, 219);
    --color-reply-hover: rgb(39, 39, 39);
    --color-reply-active: rgb(46, 47, 47);
    --color-reply-own-hover: rgb(135, 117, 218);
    --color-reply-own-hover-apple: rgb(135, 117, 218);
    --color-reply-own-active: rgb(145, 125, 234);
    --color-reply-own-active-apple: rgb(145, 125, 234);
    --color-accent-own: rgb(255, 255, 255);
    --color-accent-own-rgb: 255, 255, 255;
    --color-message-meta-own: rgb(255, 255, 255, 0.533);
    --color-own-links: rgb(255, 255, 255);
    --color-code: rgb(135, 116, 225);
    --color-code-own: rgb(255, 255, 255);
    --color-code-bg: rgb(0, 0, 0, 0.502);
    --color-code-own-bg: rgb(0, 0, 0, 0.314);
    --color-composer-button: rgb(170, 170, 170, 0.8);
    --color-message-reaction: rgb(43, 42, 53);
    --color-message-reaction-hover: rgb(52, 49, 71);
    --color-message-reaction-own: rgb(103, 92, 175);
    --color-message-reaction-hover-own: rgb(91, 82, 155);
    --color-message-reaction-chosen-hover: rgb(120, 100, 221);
    --color-message-reaction-chosen-hover-own: rgb(245, 245, 245);
    --color-voice-transcribe-button: rgb(42, 42, 60);
    --color-voice-transcribe-button-own: rgb(131, 115, 211);
    --color-topic-blue: rgb(111, 249, 240);
    --color-topic-yellow: rgb(255, 214, 126);
    --color-topic-violet: rgb(203, 134, 219);
    --color-topic-green: rgb(142, 238, 152);
    --color-topic-rose: rgb(255, 147, 178);
    --color-topic-red: rgb(251, 111, 95);
    --color-topic-grey: rgb(153, 153, 153);
    --color-forum-unread-topic-hover: rgb(54, 54, 54);
    --color-forum-hover-unread-topic-hover: rgb(63, 63, 63);
    --color-chat-username: rgb(233, 238, 244);
    --color-borders-read-story: rgb(115, 115, 115);
    --color-background-menu-separator: rgb(255, 255, 255, 0.102);
    --color-hover-overlay: rgb(255, 255, 255, 0.024);
}

body {
    width: 100%;
    height: 100%;
    background-color: var(--color-background);
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--color-text);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    overscroll-behavior: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    user-select: none;
    --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-family-monospace: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono", "SF Mono", "Menlo", "Ubuntu Mono", "Consolas", monospace;
    --font-family-rounded: -ui-rounded, "Numbers Rounded", "Roboto", "Helvetica Neue", sans-serif;
    --font-family-condensed: "Roboto Condensed", "Roboto", "Helvetica Neue", sans-serif;
    --font-weight-semibold: 500;
}
button {
    border-radius: 0;
    -webkit-appearance: button;
}
a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
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;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: var(--font-weight-medium);
}
p, ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
.hidden {
    visibility: hidden;
}
.auth-form {
    width: 100%;
    max-width: 25.5rem;
    margin: 0 auto;
    padding: 6rem 1rem 1rem;
    text-align: center;
}

.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;
}

.auth-form #logo {
    background: url(../img/telegram-logo.1b2bb5b107f046ea9325.svg) center no-repeat;
    background-size: 100%;
}

.auth-form h1 {
    font-size: 1.25rem;
    line-height: 1;
}

.auth-form .note {
    font-size: .875rem;
    line-height: 1.35;
    margin-bottom: 2.5rem;
    color: var(--color-text-secondary);
}

.auth-form .form {
    min-height: 26.25rem;
}

.DropdownMenu {
    position: relative;
}

.CountryCodeInput .input-group {
    cursor: pointer;
    z-index: 10;
}

.input-group {
    position: relative;
    margin-bottom: 1.125rem;
}

.Checkbox {
    position: relative;
    min-height: 3rem;
    display: flex;
    align-items: center;
    padding-inline-start: 4.25rem;
    text-align: left;
    cursor: var(--custom-cursor, pointer);
    margin-bottom: 0;
}

.form-control {
    --border-width: 1px;
    display: block;
    width: 100%;
    height: 3rem;
    padding: calc(.75rem - var(--border-width)) calc(1.1875rem - var(--border-width)) .6875rem;
    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:hover {
    border-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);
}
a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}
.input-group label {
    display: block;
    position: absolute;
    left: 1rem;
    top: .6875rem;
    padding: 0 .3125rem;
    background-color: var(--color-background);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    color: var(--color-placeholders);
    transition: transform .15s ease-out, color .15s ease-out;
    cursor: var(--custom-cursor, text);
    pointer-events: none;
    transform-origin: left center;
    white-space: nowrap;
}
.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, -2rem);
}
.input-group.touched label {
    color: var(--color-text-secondary);
}
.CountryCodeInput .input-group .css-icon-down {
    position: absolute;
    top: 1rem;
    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;
}
.custom-scroll, .custom-scroll-x {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transition: scrollbar-color .3s ease;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
}
.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);
    overscroll-behavior: contain;
    color: var(--color-text);
    transform: scale(0.85);
    transition: opacity 150ms cubic-bezier(0.2, 0, 0.2, 1), transform 150ms cubic-bezier(0.2, 0, 0.2, 1) !important;
    --offset-y: calc(100% + 0.5rem);
    --offset-x: 0;
}
.CountryCodeInput .bubble {
    width: 100%;
    max-height: 23.5rem;
    overflow-y: auto;
    transform-origin: top center !important;
    transform: scale(0.95);
}
.opacity-transition.not-open {
    opacity: 0;
}
.opacity-transition.not-shown {
    display: none;
}
.MenuItem {
    width: 100%;
    background: none;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    position: relative;
    overflow: hidden;
    line-height: 1.5rem;
    white-space: nowrap;
    color: var(--color-text);
    --ripple-color: rgba(0, 0, 0, 0.08);
    cursor: var(--custom-cursor, pointer);
    unicode-bidi: plaintext;
}
.Menu .bubble.top {
    top: var(--offset-y);
}
.Menu .bubble.open {
    transform: scale(1);
}
.Menu .bubble.left {
    left: var(--offset-x);
}
.CountryCodeInput .bubble.open {
    transform: scaleY(1);
}
.CountryCodeInput .country-flag {
    font-size: 2rem;
    margin-right: 1rem;
}
.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;
    padding-right: .25rem;
}
.opacity-transition {
    opacity: 1;
    transition: opacity .15s ease;
}
.opacity-transition.slow {
    transition-duration: .3s;
}
.CountryCodeInput .country-flag .emoji {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: 4px;
    margin: -0.5rem .125rem;
}
.Checkbox input {
    position: absolute;
    z-index: var(--z-below);
    opacity: 0;
}
a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
input[type=radio], input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}
.Checkbox .Checkbox-main {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    flex-grow: 1;
}
.Checkbox .Checkbox-main::before, .Checkbox .Checkbox-main::after {
    content: "";
    display: block;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    left: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.Checkbox .Checkbox-main::before, .Checkbox .Checkbox-main::after {
    content: "";
    display: block;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    left: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.Checkbox .Checkbox-main::before {
    border: .125rem 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 input:checked~.Checkbox-main::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}
.Checkbox input:checked~.Checkbox-main::after {
    opacity: 1;
}
.Checkbox .Checkbox-main .label {
    word-break: break-word;
    unicode-bidi: plaintext;
    text-align: left;
    line-height: 1.25rem;
}
.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-color: rgba(0, 0, 0, 0);
    background-size: cover;
    padding: .625rem;
    color: #fff;
    line-height: 1.2;
    cursor: var(--custom-cursor, pointer);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    transition: background-color .15s, color .15s;
    text-decoration: none !important;
    text-transform: uppercase;
    --premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);
}
.Button.primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    --ripple-color: rgba(0, 0, 0, 0.08);
}
.Button.smaller {
    height: 2.75rem;
    padding: .3125rem;
}
@media (max-width: 600px) {
    .Button.smaller {
        height: 2.5rem;
    }
}
#auth-phone-number-form .Button {
    margin-top: 2.75rem;
}
.ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.Button.text.primary {
    color: var(--color-primary);
    background-color: rgba(0, 0, 0, 0);
}
#auth-phone-number-form .Button {
    margin-top: 2.75rem;
}
#auth-phone-number-form .Button+.Button {
    margin-top: 1rem;
}
#monkey {
    position: relative;
    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) {
    #monkey {
        width:10rem;
        height: 10rem;
        margin-bottom: 2.5rem
    }
}

#monkey.big {
    width: 10rem;
    height: 10rem
}

#monkey .AnimatedSticker {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#monkey .AnimatedSticker.hidden {
    display: none
}

#monkey .monkey-preview {
    width: 100%;
    height: 100%;
    background: url(../img/monkey.a3d5fcdc50b18dc55695.svg) center;
    background-size: 100%
}
#monkey .monkey-close-eye-preview {
    width: 100%;
    height: 100%;
    background: url(../img/monkey-close-eye.png) center;
    background-size: 100%
}
.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: var(--custom-cursor, pointer);
}
.div-button {
    outline: none !important;
    cursor: var(--custom-cursor, pointer);
}
.icon {
    font-family: "icons" !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;
}
.icon-edit::before {
    content: "";
}
.KU67Uur0 {
    display: inline-block;
    width: 100%
}

.y_uRZXtA .m3sD7_cn {
    max-height: 4lh
}

.JNVT2DU9 {
    margin-top: .125rem;
    margin-bottom: .125rem;
    max-height: inherit
}

.y_uRZXtA .JNVT2DU9 {
    -webkit-mask-image: linear-gradient(to top, transparent 0px, black 1rem);
    mask-image: linear-gradient(to top, transparent 0px, black 1rem)
}

.pyX4NpPB {
    position: absolute;
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    bottom: 0;
    right: 0
}

.RmvXwV0W {
    cursor: var(--custom-cursor, pointer)
}

.pTWe_CYU {
    color: var(--accent-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.nRjVJOQv {
    position: relative;
    overflow: hidden;
    padding-inline-start:.5625rem;padding-inline-end:.375rem;border-radius: .25rem;
    background-color: var(--accent-background-color);
    color: var(--accent-color);
    --peer-color-wrapper-bar-color: var(--bar-gradient, var(--accent-color))
}

.nRjVJOQv::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: .1875rem;
    background: var(--peer-color-wrapper-bar-color)
}

.pMUccFN9 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.auCNtLQ4,.a44ZN3hD {
    display: flex;
    font-size: 1.25rem;
    padding: .125rem;
    border-radius: .125rem;
    margin: .125rem;
    transition: background-color .15s ease-in-out;
    cursor: var(--custom-cursor, pointer)
}

.auCNtLQ4:hover,.auCNtLQ4.jq1KLfVD,.a44ZN3hD:hover,.a44ZN3hD.jq1KLfVD {
    background-color: var(--color-background-compact-menu-hover)
}

.L95Dh7wN {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: .125rem;
    background-color: var(--color-background-compact-menu);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-bottom-left-radius: .25rem;
    pointer-events: auto
}

.L95Dh7wN.zctwFUQ8 {
    display: none
}

.CodeBlock {
    background-color: var(--color-code-bg);
    color: var(--color-text);
    margin: 0;
    padding-block:.1875rem;margin-block:.25rem;border-radius: .25rem;
    position: relative;
    overflow: hidden
}

.CodeBlock .code-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: var(--font-weight-medium);
    margin-bottom: .5rem;
    color: var(--accent-color);
    font-size: calc(var(--message-text-size, 1rem) - .125rem)
}

.CodeBlock .code-block {
    margin: 0;
    white-space: pre-wrap;
    overflow: hidden
}

.CodeBlock .code-block:hover .code-overlay {
    opacity: 1
}

.CodeBlock .code-block.no-word-wrap {
    white-space: pre;
    padding-bottom: .25rem
}

html.theme-light .CodeBlock .code-block {
    --color-type: #0053d4;
    --color-keyword: #388e22;
    --color-class: #3e6c20;
    --color-string: #9a1111;
    --color-template: #9a5334;
    --color-selector: #9a5334;
    --color-function: #a753b7;
    --color-comment: #616161;
    --color-section: #9a1111;
    --color-variable: #bd63c5;
    --color-attribute: #276b8f;
    --color-link: #276b8f;
    --color-tag: #000000
}

html.theme-dark :not(.own) .CodeBlock .code-block {
    --color-type: #56b6c2;
    --color-keyword: #c678dd;
    --color-class: #e06c75;
    --color-string: #98c379;
    --color-template: #d19a66;
    --color-selector: #e06c75;
    --color-function: #61aeee;
    --color-comment: #5c6370;
    --color-section: #e06c75;
    --color-variable: #d19a66;
    --color-attribute: #d19a66;
    --color-link: #d19a66;
    --color-tag: #e06c75
}

html.theme-dark .own .CodeBlock .code-block {
    --color-type: #9effff;
    --color-keyword: #ffe900;
    --color-class: #b2f5ff;
    --color-string: #fedcad;
    --color-template: #ffe900;
    --color-selector: #b2f5ff;
    --color-function: #87ff91;
    --color-comment: #cbcbcb;
    --color-section: #b2f5ff;
    --color-variable: #ffe900;
    --color-attribute: #ffe900;
    --color-link: #ffe900;
    --color-tag: #b2f5ff
}

.CodeBlock .code-block .hljs {
    display: block;
    overflow-x: auto;
    color: var(--color-text)
}

.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name {
    color: var(--color-keyword)
}

.hljs-link {
    color: var(--color-link);
    text-decoration: underline
}

.hljs-built_in,.hljs-type {
    color: var(--color-type)
}

.hljs-number,.hljs-class {
    color: var(--color-class)
}

.hljs-string,.hljs-meta .hljs-string {
    color: var(--color-string)
}

.hljs-regexp,.hljs-template-tag {
    color: var(--color-template)
}

.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula {
    color: var(--color-function)
}

.hljs-comment,.hljs-quote {
    color: var(--color-comment);
    font-style: italic
}

.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag,.hljs-doctag {
    color: var(--color-tag)
}

.hljs-variable,.hljs-template-variable {
    color: var(--color-variable)
}

.hljs-attr,.hljs-attribute {
    color: var(--color-attribute)
}

.hljs-section {
    color: var(--color-section)
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: bold
}

.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo {
    color: var(--color-selector)
}

.fWE9Tkfe {
    position: absolute;
    inset: 0;
    line-height: 1;
    pointer-events: none
}

.F0JPgXgb {
    --_progress: 0;
    z-index: 0;
    font-size: .75rem;
    opacity: .8;
    overflow: hidden
}

.B94KQ3c0 {
    font-size: .5rem
}

.wapdILU7 {
    --_duration-shift: 0s;
    --_shift-x: 0;
    --_shift-y: 0;
    position: absolute;
    width: .5rem;
    height: .5rem;
    animation: AS3Scly3 5s infinite;
    animation-delay: var(--_duration-shift)
}

@keyframes AS3Scly3 {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }

    15% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate(var(--_shift-x), var(--_shift-y))
    }
}

.gYSfUe37 {
    width: 100%;
    height: 100%;
    z-index: 1
}

.gYSfUe37.closing {
    transition-delay: 150ms
}

.vbcXDDxa {
    transition-delay: 0s
}

.AvU_FtMd {
    transition: none !important
}

.RrEzFxte {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gYSfUe37:not(.shown),.RrEzFxte:not(.shown) {
    display: block !important
}

.CEFe1FhH {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: text-bottom;
    position: relative;
    width: var(--custom-emoji-size);
    height: var(--custom-emoji-size);
    flex: 0 0 var(--custom-emoji-size)
}

.CEFe1FhH .rlottie-canvas {
    display: block
}

.yjv4Sc_e {
    position: relative
}

.iOlUvSI8 {
    position: absolute;
    inset: -0.25rem
}

.DKi1177s {
    width: 85%;
    height: 85%;
    background-color: rgba(119,119,119,.0980392157);
    border-radius: .3125rem
}

.O_TaDxWg {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.wqju02hR {
    width: var(--custom-emoji-size) !important;
    height: var(--custom-emoji-size) !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.CEFe1FhH,.wqju02hR,.O_TaDxWg {
    border-radius: var(--custom-emoji-border-radius) !important
}

.a8dMNkh3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: auto !important;
    user-select: auto !important;
    z-index: 1
}

.Spoiler--concealed {
    cursor: var(--custom-cursor, pointer);
    background-image: url(spoiler-dots-black.b2dd6e4f4a5a520c4ccd.png);
    background-size: auto min(100%,1.125rem);
    border-radius: .5rem
}

html.theme-dark .Spoiler--concealed,html.theme-light .ListItem.selected .Spoiler--concealed,.ActionMessage .Spoiler--concealed,.MediaViewerFooter .Spoiler--concealed,#StoryViewer .Spoiler--concealed {
    background-image: url(spoiler-dots-white.ab45f83c6ba729884808.png)
}

.emoji-only .Spoiler--concealed {
    background-size: auto 1.125rem
}

.Spoiler--animated {
    animation: pulse-opacity-light 1.75s linear infinite
}

.Spoiler__content {
    opacity: 1;
    transition: opacity 250ms ease
}

.Spoiler--concealed .Spoiler__content {
    -webkit-user-select: none;
    user-select: none;
    opacity: 0
}

@keyframes pulse-opacity-light {
    25% {
        opacity: 1
    }

    50% {
        opacity: .25
    }

    75% {
        opacity: 1
    }
}

.qEhgJEpm {
    --color-fill: var(--color-primary);
    flex-shrink: 0;
    display: flex;
    width: 1rem;
    height: 1rem
}

.GjxPnwZR {
    width: 1.25rem;
    height: 1.25rem
}

.HRLrnZvQ {
    width: 1.5rem;
    height: 1.5rem
}

.ebO2WJkv {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: text-top
}

.lbK6aMGA {
    width: 100%;
    height: 100%
}

.hqg1cKl7 {
    cursor: var(--custom-cursor, pointer);
    pointer-events: auto
}

.swBnOk1h {
    color: inherit
}

.swBnOk1h:hover {
    color: inherit
}

.swBnOk1h:hover.GroupCallLink {
    text-decoration: none
}

.Jz1SC8nz {
    color: var(--color-primary)
}

.Jz1SC8nz:hover {
    color: var(--color-primary)
}

.W4ndaFuS {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding-block:.125rem;word-break: break-word
}

.W4ndaFuS .star-amount-icon {
    vertical-align: text-bottom;
    margin-inline:0 !important}

.qIESjPFU {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    max-width: 15rem;
    padding: .5rem .75rem;
    border-radius: var(--border-radius-messages);
    background-color: var(--action-message-bg);
    color: #fff;
    position: relative;
    z-index: 0
}

.cgQoy2xy {
    display: inline-block;
    padding: .1875rem .5rem;
    background-color: var(--action-message-bg);
    color: #fff;
    border-radius: var(--border-radius-messages);
    max-width: 100%;
    position: relative;
    z-index: 0
}

.x0D811xX>.cgQoy2xy,.x0D811xX>.CrZTrncJ {
    margin-bottom: .5rem
}

.j1bGIpWD .cgQoy2xy {
    display: inline-flex;
    white-space: pre
}

.d5ep97lr {
    font-weight: var(--font-weight-medium)
}

.Soqky8rY {
    overflow: hidden;
    min-width: 0
}

.j1bGIpWD,.Soqky8rY {
    text-overflow: ellipsis;
    white-space: nowrap
}

.CrZTrncJ {
    grid-area: 1/1;
    max-width: 100%
}

.Rz1leKMF {
    grid-area: 1/1
}

.oL3NoM4Y {
    background-color: rgba(0,0,0,0)
}

.oL3NoM4Y .faqkTF52,.oL3NoM4Y .cgQoy2xy {
    display: inline;
    text-wrap: pretty;
    padding: .1875rem .5rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: var(--border-radius-messages)
}

.oL3NoM4Y .faqkTF52 {
    pointer-events: none;
    background-color: #000;
    color: #000
}

.oL3NoM4Y .cgQoy2xy {
    background-color: rgba(0,0,0,0) !important
}

.Jcta1qBG {
    font-size: .9375rem;
    position: relative
}

.F8w9vDlr {
    position: relative
}

.wnjg6GZj {
    --radius: var(--border-radius-messages)
}

.ClHX4zX1 {
    margin-top: .25rem .125rem
}

.jT6o01vL {
    text-wrap: balance
}

.LB5i9s3a {
    position: relative;
    display: inline-block;
    border-radius: 1.25rem;
    padding: .5rem 1.25rem;
    background-color: var(--action-message-bg);
    font-weight: var(--font-weight-semibold);
    transition: opacity .15s;
    cursor: var(--custom-cursor, pointer)
}

.LB5i9s3a:hover,.LB5i9s3a:focus {
    opacity: .8
}

.Cp_BJqe5 {
    margin-bottom: 0;
    font-size: inherit
}

.VCJyqpS8 {
    font-size: .8125rem;
    text-wrap: balance
}

.lcncBNHa {
    width: 13.75rem
}

.jxcv_A2w {
    margin-block:.25rem}

.jxcv_A2w::before {
    content: "";
    position: absolute;
    inset: -0.25rem;
    background: var(--action-message-bg);
    border-radius: calc(var(--border-radius-messages) + .25rem);
    z-index: -1
}

.lsTgPDw1 {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit
}

.uzTnIOE7 {
    position: absolute;
    inset: 0;
    top: -6rem
}

.pae10ItJ {
    color: #fff
}

.A72KeAmh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0
}

.eLEPgwPj {
    position: absolute;
    width: 100%;
    height: 100%
}

.ZQJO2BKn {
    z-index: 1;
    color: #fff;
    font-weight: var(--font-weight-medium);
    font-size: .75em;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ZQJO2BKn .emoji {
    width: 1em;
    height: 1em
}

.Transition {
    position: relative;
    width: 100%;
    height: 100%
}

.Transition_slide {
    width: 100%;
    height: 100%;
    animation-fill-mode: forwards !important
}

.Transition_slide-from,.Transition_slide-to {
    position: absolute;
    top: 0;
    left: 0
}

.Transition_slide-from {
    pointer-events: none
}

.Transition_slide-inactive {
    display: none !important
}

.Transition-slideOptimized,.Transition-slideOptimizedBackwards,.Transition-slideOptimizedRtl,.Transition-slideOptimizedRtlBackwards {
    contain: strict
}

#root .Transition-slideOptimized>.Transition_slide,#root .Transition-slideOptimizedBackwards>.Transition_slide,#root .Transition-slideOptimizedRtl>.Transition_slide,#root .Transition-slideOptimizedRtlBackwards>.Transition_slide {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: transform var(--slide-transition)
}

.Transition-slide>.Transition_slide-to {
    transform: translateX(100%);
    animation: slide-in var(--slide-transition)
}

.Transition-slide>.Transition_slide-from {
    animation: slide-out var(--slide-transition)
}

.Transition-slideBackwards>.Transition_slide-to {
    transform: translateX(-100%);
    animation: slide-out-backwards var(--slide-transition)
}

.Transition-slideBackwards>.Transition_slide-from {
    animation: slide-in-backwards var(--slide-transition)
}

.Transition-slideRtl>.Transition_slide-to {
    transform: translateX(-100%);
    animation: slide-in var(--slide-transition)
}

.Transition-slideRtl>.Transition_slide-from {
    animation: slide-out var(--slide-transition)
}

.Transition-slideRtlBackwards>.Transition_slide-to {
    transform: translateX(100%);
    animation: slide-out-backwards var(--slide-transition)
}

.Transition-slideRtlBackwards>.Transition_slide-from {
    animation: slide-in-backwards var(--slide-transition)
}

.Transition-slideVertical>.Transition_slide-to {
    transform: translateY(100%);
    animation: slide-vertical-in var(--slide-transition)
}

.Transition-slideVertical>.Transition_slide-from {
    animation: slide-vertical-out var(--slide-transition)
}

.Transition-slideVerticalBackwards>.Transition_slide-to {
    transform: translateY(-100%);
    animation: slide-vertical-out-backwards var(--slide-transition)
}

.Transition-slideVerticalBackwards>.Transition_slide-from {
    animation: slide-vertical-in-backwards var(--slide-transition)
}

.Transition-slideVerticalFade>.Transition_slide-to {
    transform: translateY(100%);
    animation: slide-vertical-fade-in var(--slide-transition)
}

.Transition-slideVerticalFade>.Transition_slide-from {
    animation: slide-vertical-fade-out var(--slide-transition)
}

.Transition-slideVerticalFadeBackwards>.Transition_slide-to {
    transform: translateY(-100%);
    animation: slide-vertical-fade-out-backwards var(--slide-transition)
}

.Transition-slideVerticalFadeBackwards>.Transition_slide-from {
    animation: slide-vertical-fade-in-backwards var(--slide-transition)
}

.Transition-slideFade>.Transition_slide-from {
    transform: translateX(0);
    transform-origin: left;
    opacity: 1;
    animation: fade-out-opacity var(--slide-transition),slide-fade-out-move var(--slide-transition)
}

.Transition-slideFade>.Transition_slide-to {
    transform: translateX(1.5rem);
    transform-origin: left;
    opacity: 0;
    animation: fade-in-opacity var(--slide-transition),slide-fade-in-move var(--slide-transition)
}

.Transition-slideFadeBackwards>.Transition_slide-from {
    transform: translateX(0);
    opacity: 1;
    animation: fade-in-backwards-opacity var(--slide-transition),slide-fade-in-backwards-move var(--slide-transition)
}

.Transition-slideFadeBackwards>.Transition_slide-to {
    transform: translateX(-1.5rem);
    opacity: 0;
    animation: fade-out-backwards-opacity var(--slide-transition),slide-fade-out-backwards-move var(--slide-transition)
}

.Transition-slideFadeAndroid {
    --background-color: var(--color-background)
}

.Transition-slideFadeAndroid>.Transition_slide {
    z-index: 0;
    background: var(--background-color)
}

.Transition-slideFadeAndroid>.Transition_slide-to {
    transform: translateX(1.5rem);
    transform-origin: left;
    opacity: 0;
    animation: fade-in-opacity var(--slide-transition),slide-fade-in-move-android var(--slide-transition)
}

.Transition-slideFadeAndroidBackwards {
    --background-color: var(--color-background)
}

.Transition-slideFadeAndroidBackwards>.Transition_slide {
    z-index: 0;
    background: var(--background-color)
}

.Transition-slideFadeAndroidBackwards>.Transition_slide-from {
    transform: translateX(0);
    opacity: 1;
    animation: fade-in-backwards-opacity var(--slide-transition),slide-fade-in-backwards-move-android var(--slide-transition)
}

.Transition-zoomFade>.Transition_slide-from {
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
    animation: fade-out-opacity .15s ease
}

.Transition-zoomFade>.Transition_slide-to {
    transform-origin: center;
    opacity: 0;
    animation: fade-in-opacity .15s ease,zoom-fade-in-move .15s ease
}

.Transition-zoomFadeBackwards>.Transition_slide-from {
    transform: scale(1);
    animation: fade-in-backwards-opacity .1s ease,zoom-fade-in-backwards-move .15s ease
}

.Transition-zoomFadeBackwards>.Transition_slide-to {
    transform: scale(0.95);
    animation: fade-out-backwards-opacity .15s ease,zoom-fade-out-backwards-move .15s ease
}

.Transition-zoomBounceSemiFade>.Transition_slide-from,.Transition-zoomBounceSemiFadeBackwards>.Transition_slide-from {
    animation: zoom-bounce .25s ease-in-out
}

.Transition-zoomBounceSemiFade>.Transition_slide-to,.Transition-zoomBounceSemiFadeBackwards>.Transition_slide-to {
    animation: fade-in-opacity 250ms ease,zoom-bounce .25s ease-in-out
}

.Transition-fade>.Transition_slide-from,.Transition-fadeBackwards>.Transition_slide-from {
    opacity: 1;
    animation: fade-out-opacity .15s ease
}

.Transition-fade>.Transition_slide-to,.Transition-fadeBackwards>.Transition_slide-to {
    opacity: 0;
    animation: fade-in-opacity .15s ease
}

.Transition-semiFade>.Transition_slide {
    isolation: isolate
}

.Transition-semiFade>.Transition_slide-from {
    opacity: 1
}

.Transition-semiFade>.Transition_slide-to {
    opacity: 0;
    animation: fade-in-opacity 250ms ease
}

.Transition-semiFadeBackwards>.Transition_slide-from {
    opacity: 1;
    animation: fade-in-backwards-opacity 250ms ease
}

.Transition-semiFadeBackwards>.Transition_slide-to {
    opacity: 1;
    animation: none !important
}

.Transition-slideLayers {
    --background-color: var(--color-background);
    background: #000 !important
}

.Transition-slideLayers>.Transition_slide {
    background: var(--background-color)
}

.Transition-slideLayers>.Transition_slide-to {
    transform: translateX(100%);
    animation: slide-in var(--layer-transition)
}

.Transition-slideLayers>.Transition_slide-from {
    animation: slide-layers-out var(--layer-transition-behind)
}

.Transition-slideLayersBackwards {
    --background-color: var(--color-background);
    background: #000 !important
}

.Transition-slideLayersBackwards>.Transition_slide {
    background: var(--background-color)
}

.Transition-slideLayersBackwards>.Transition_slide-to {
    transform: translateX(-20%);
    opacity: calc(1 - var(--layer-blackout-opacity));
    animation: slide-layers-out-backwards var(--layer-transition-behind);
    animation-duration: 450ms
}

.Transition-slideLayersBackwards>.Transition_slide-from {
    animation: slide-in-backwards var(--layer-transition)
}

.Transition-pushSlide>.Transition_slide {
    background: var(--color-background)
}

.Transition-pushSlide>.Transition_slide-from {
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
    animation: push-out .25s ease-in-out
}

.Transition-pushSlide>.Transition_slide-from .custom-scroll {
    scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0) !important
}

.Transition-pushSlide>.Transition_slide-from .custom-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0) !important
}

.Transition-pushSlide>.Transition_slide-to {
    transform: translateX(100%);
    animation: slide-in-200 .25s ease-in-out
}

.Transition-pushSlideBackwards>.Transition_slide {
    background: var(--color-background)
}

.Transition-pushSlideBackwards>.Transition_slide-to {
    transform: scale(0.7);
    opacity: 0;
    animation: push-out-backwards .25s ease-in-out
}

.Transition-pushSlideBackwards>.Transition_slide-from {
    animation: slide-in-200-backwards .25s ease-in-out
}

.Transition-reveal>.Transition_slide-to {
    clip-path: inset(0 100% 0 0);
    animation: reveal-in 350ms ease-in
}

.Transition-revealBackwards>.Transition_slide-from {
    clip-path: inset(0 0 0 0);
    animation: reveal-in-backwards 350ms ease-out
}

.Transition-revealBackwards>.Transition_slide-to {
    clip-path: none;
    animation: none
}

@keyframes fade-in-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out-opacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in-backwards-opacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-out-backwards-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slide-in {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes slide-in-backwards {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes slide-out-backwards {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-vertical-in {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes slide-vertical-out {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}

@keyframes slide-vertical-in-backwards {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

@keyframes slide-vertical-out-backwards {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes slide-vertical-fade-in {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-vertical-fade-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    100% {
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes slide-vertical-fade-in-backwards {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    100% {
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes slide-vertical-fade-out-backwards {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-fade-in-move {
    0% {
        transform: translateX(1.5rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-fade-out-move {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-1.5rem)
    }
}

@keyframes slide-fade-in-backwards-move {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(1.5rem)
    }
}

@keyframes slide-fade-out-backwards-move {
    0% {
        transform: translateX(-1.5rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-fade-in-move-android {
    0% {
        transform: translateX(20%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-fade-in-backwards-move-android {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(15%)
    }
}

@keyframes zoom-fade-in-move {
    0% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoom-fade-in-backwards-move {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@keyframes zoom-fade-out-backwards-move {
    0% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes slide-layers-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-20%);
        opacity: calc(1 - var(--layer-blackout-opacity))
    }
}

@keyframes slide-layers-out-backwards {
    0% {
        transform: translateX(-20%);
        opacity: calc(1 - var(--layer-blackout-opacity))
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes push-out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.7);
        opacity: 0
    }
}

@keyframes push-out-backwards {
    0% {
        transform: scale(0.7);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes slide-in-200 {
    0% {
        transform: translateX(200%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-in-200-backwards {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(200%)
    }
}

@keyframes reveal-in {
    0% {
        clip-path: inset(0 100% 0 0)
    }

    100% {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-backwards {
    0% {
        clip-path: inset(0 0 0 0)
    }

    100% {
        clip-path: inset(0 100% 0 0)
    }
}

@keyframes zoom-bounce {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

.Spinner {
    --spinner-size: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--spinner-size);
    height: var(--spinner-size)
}

.Spinner.with-background::before {
    content: "";
    position: absolute;
    left: -0.125rem;
    top: -0.125rem;
    bottom: -0.125rem;
    right: -0.125rem;
    border-radius: 50%
}

.Spinner.with-background.bg-dark::before {
    background: rgba(0,0,0,.25)
}

.Spinner.with-background.bg-light::before {
    background: rgba(255,255,255,.4)
}

.Spinner.white .Spinner__inner {
    background-image: var(--spinner-white-data)
}

.Spinner.white.with-background .Spinner__inner {
    background-image: var(--spinner-white-thin-data)
}

.Spinner.blue .Spinner__inner {
    background-image: var(--spinner-blue-data)
}

.theme-dark .Spinner.blue .Spinner__inner {
    background-image: var(--spinner-dark-blue-data)
}

.Spinner.black .Spinner__inner {
    background-image: var(--spinner-black-data)
}

.Spinner.green .Spinner__inner {
    background-image: var(--spinner-green-data)
}

.Spinner.gray .Spinner__inner {
    background-image: var(--spinner-gray-data)
}

.Spinner.yellow .Spinner__inner {
    background-image: var(--spinner-yellow-data)
}

.Spinner__inner {
    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
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.Loading {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    height: 100vh;
    width: 100vw;
    z-index: 999999;
    justify-content: center;
    align-items: center;
    background-color: rgb(112 117 121 / 50%);
}

.Loading.interactive {
    cursor: var(--custom-cursor, pointer)
}

.Loading .Spinner {
    --spinner-size: 2.75rem
}

@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.no-page-transitions .ripple-container {
    display: none
}

.ripple-container .ripple-wave {
    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;
    pointer-events: none
}

.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-color: rgba(0,0,0,0);
    background-size: cover;
    padding: .625rem;
    color: #fff;
    line-height: 1.2;
    cursor: var(--custom-cursor, pointer);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    transition: background-color .15s,color .15s;
    text-decoration: none !important;
    text-transform: uppercase;
    --premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%)
}

.Button:active,.Button.clicked,body.no-page-transitions .Button {
    transition: none !important
}

.Button.no-upper-case {
    text-transform: none
}

.Button.disabled {
    cursor: var(--custom-cursor, default)
}

.Button.disabled:not(.non-interactive) {
    opacity: .5 !important
}

.Button.disabled:not(.click-allowed) {
    pointer-events: none
}

.Button.primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    --ripple-color: rgba(0, 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-color: var(--color-primary-shade)
}

@media(hover: hover) {
    .Button.primary:not(.disabled):not(:disabled):hover {
        background-color:var(--color-primary-shade)
    }
}

body.no-page-transitions .Button.primary:not(.disabled):not(:disabled):active {
    background-color: var(--color-primary-shade-darker)
}

.Button.secondary {
    background-color: var(--color-background);
    color: rgba(var(--color-text-secondary-rgb), 0.75);
    --ripple-color: rgba(0, 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-color: var(--color-primary);
    color: #fff
}

@media(hover: hover) {
    .Button.secondary:not(.disabled):not(:disabled):hover {
        background-color:var(--color-primary);
        color: #fff
    }
}

body.no-page-transitions .Button.secondary:not(.disabled):not(:disabled):active {
    background-color: var(--color-primary-shade)
}

.Button.gray {
    background-color: var(--color-background);
    color: var(--color-text-secondary);
    --ripple-color: rgba(0, 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.no-page-transitions .Button.gray:not(.disabled):not(:disabled):active {
    background-color: var(--color-chat-hover)
}

.Button.danger {
    background-color: var(--color-background);
    color: var(--color-error);
    --ripple-color: rgba(var(--color-error-rgb), 0.16)
}

.Button.danger:not(.disabled):not(:disabled):active,.Button.danger:not(.disabled):not(:disabled).active,.Button.danger:not(.disabled):not(:disabled):focus {
    background-color: var(--color-error);
    color: var(--color-white)
}

@media(hover: hover) {
    .Button.danger:not(.disabled):not(:disabled):hover {
        background-color:var(--color-error);
        color: var(--color-white)
    }
}

body.no-page-transitions .Button.danger:not(.disabled):not(:disabled):active {
    background-color: var(--color-error-shade)
}

.Button.text {
    background-color: rgba(0,0,0,0)
}

.Button.text.primary {
    color: var(--color-primary);
    background-color: rgba(0,0,0,0)
}

.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-color: rgba(var(--color-primary-shade-rgb), 0.08)
}

@media(hover: hover) {
    .Button.text.primary:not(.disabled):not(:disabled):hover {
        background-color:rgba(var(--color-primary-shade-rgb), 0.08)
    }
}

body.no-page-transitions .Button.text.primary:not(.disabled):not(:disabled):active {
    background-color: rgba(var(--color-primary-shade-rgb), 0.16)
}

.Button.text.secondary {
    background-color: rgba(0,0,0,0);
    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-color: rgba(var(--color-error-rgb), 0.08);
    color: var(--color-error)
}

@media(hover: hover) {
    .Button.text.danger:not(.disabled):not(:disabled):hover {
        background-color:rgba(var(--color-error-rgb), 0.08);
        color: var(--color-error)
    }
}

body.no-page-transitions .Button.text.danger:not(.disabled):not(:disabled):active {
    background-color: rgba(var(--color-error-rgb), 0.16)
}

.Button.faded {
    opacity: .8
}

.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 {
    --ripple-color: var(--color-interactive-element-hover);
    background-color: rgba(0,0,0,0);
    color: var(--color-text-secondary)
}

.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.no-page-transitions .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 {
    --ripple-color: rgba(255, 255, 255, 0.08);
    background-color: rgba(0,0,0,0);
    color: rgba(255,255,255,.5)
}

.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.no-page-transitions .Button.translucent-white:not(.disabled):not(:disabled):active {
    background-color: rgba(255,255,255,.16)
}

.Button.translucent-black {
    --ripple-color: rgba(0, 0, 0, 0.08);
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.8)
}

.Button.translucent-black:not(.disabled):not(:disabled):active,.Button.translucent-black:not(.disabled):not(:disabled).active,.Button.translucent-black:not(.disabled):not(:disabled):focus {
    background-color: rgba(0,0,0,.08)
}

@media(hover: hover) {
    .Button.translucent-black:not(.disabled):not(:disabled):hover {
        background-color:rgba(0,0,0,.08)
    }
}

body.no-page-transitions .Button.translucent-black:not(.disabled):not(:disabled):active {
    background-color: rgba(0,0,0,.16)
}

.Button.translucent-bordered {
    --ripple-color: rgba(0, 0, 0, 0.08);
    background-color: rgba(0,0,0,0);
    color: var(--accent-color);
    border: 1px solid var(--accent-color)
}

.Button.translucent-bordered:not(.disabled):not(:disabled):active,.Button.translucent-bordered:not(.disabled):not(:disabled).active,.Button.translucent-bordered:not(.disabled):not(:disabled):focus {
    background-color: var(--accent-color);
    color: var(--color-white)
}

@media(hover: hover) {
    .Button.translucent-bordered:not(.disabled):not(:disabled):hover {
        background-color:var(--accent-color);
        color: var(--color-white)
    }
}

body.no-page-transitions .Button.translucent-bordered:not(.disabled):not(:disabled):active {
    background-color: var(--active-color)
}

.Button.adaptive {
    --ripple-color: var(--accent-background-active-color);
    background-color: var(--accent-background-color);
    color: var(--accent-color)
}

.Button.adaptive:not(.disabled):not(:disabled):active,.Button.adaptive:not(.disabled):not(:disabled).active,.Button.adaptive:not(.disabled):not(:disabled):focus {
    background-color: var(--accent-background-active-color)
}

@media(hover: hover) {
    .Button.adaptive:not(.disabled):not(:disabled):hover {
        background-color:var(--accent-background-active-color)
    }
}

body.no-page-transitions .Button.adaptive:not(.disabled):not(:disabled):active {
    background-color: var(--accent-background-active-color)
}

.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.no-page-transitions .Button.dark:not(.disabled):not(:disabled):active {
    background-color: rgba(0,0,0,.95)
}

.Button.green {
    background-color: var(--color-green);
    color: var(--color-white);
    --ripple-color: rgba(0, 0, 0, 0.08)
}

.Button.green:not(.disabled):not(:disabled):active,.Button.green:not(.disabled):not(:disabled).active,.Button.green:not(.disabled):not(:disabled):focus {
    background-color: var(--color-green-darker)
}

@media(hover: hover) {
    .Button.green:not(.disabled):not(:disabled):hover {
        background-color:var(--color-green-darker)
    }
}

body.no-page-transitions .Button.green:not(.disabled):not(:disabled):active {
    background-color: var(--color-green)
}

.Button.stars {
    background-color: #ffb727;
    color: var(--color-white);
    --ripple-color: rgba(0, 0, 0, 0.08)
}

.theme-dark .Button.stars {
    background-color: #cf8920
}

.Button.stars:not(.disabled):not(:disabled):active,.Button.stars:not(.disabled):not(:disabled).active,.Button.stars:not(.disabled):not(:disabled):focus {
    background-color: rgba(255,183,39,.8)
}

@media(hover: hover) {
    .Button.stars:not(.disabled):not(:disabled):hover {
        background-color:rgba(255,183,39,.8)
    }
}

body.no-page-transitions .Button.stars:not(.disabled):not(:disabled):active {
    background-color: #ffb727
}

.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 .icon {
    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] .icon {
    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: var(--font-weight-medium)
}

.Button.tiny.round {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%
}

.Button.tiny .icon {
    font-size: 1.25rem
}

.Button.tiny.pill {
    height: 1.875rem;
    border-radius: 1rem;
    padding: .3125rem 1rem;
    font-size: 1rem
}

.Button.round {
    width: 3.5rem;
    border-radius: 50%
}

.Button.round .icon {
    font-size: 1.5rem
}

.Button.fluid {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    width: auto
}

.Button.fluid.tiny {
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.Button.fluid.pill {
    padding: .5rem .75rem
}

.Button.fluid.badge {
    padding: .5rem 1.75rem
}

.Button.pill,.Button.badge {
    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: 50%;
    transform: translateY(-50%);
    --spinner-size: 1.8125rem
}

.Button .emoji {
    vertical-align: -3px
}

.Button.shiny::before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);
    animation: wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes wave {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.Button.premium {
    background: var(--premium-gradient)
}

.Button.rectangular {
    border-radius: 0
}

.Checkbox {
    position: relative;
    min-height: 3rem;
    display: flex;
    align-items: center;
    padding-inline-start:4.25rem;text-align: left;
    cursor: var(--custom-cursor, pointer);
    margin-bottom: 0
}

.Checkbox:hover,.Checkbox:focus-visible {
    background-color: var(--color-chat-hover);
    border-radius: var(--border-radius-default)
}

.Checkbox.disabled {
    cursor: var(--custom-cursor, default);
    opacity: .5
}

.Checkbox.disabled:hover {
    background: none !important
}

.Checkbox.round .Checkbox-main::before,.Checkbox.round .Checkbox-main::after {
    border-radius: 50%
}

.Checkbox.withIcon {
    padding-inline-start:1rem}

.Checkbox.withIcon .Checkbox-main::before,.Checkbox.withIcon .Checkbox-main::after {
    left: auto;
    right: 1.1875rem
}

.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.5rem;
    background-position: -0.125rem -0.125rem
}

.Checkbox input {
    position: absolute;
    z-index: var(--z-below);
    opacity: 0
}

.Checkbox .Checkbox-main {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    flex-grow: 1
}

.Checkbox .Checkbox-main::before,.Checkbox .Checkbox-main::after {
    content: "";
    display: block;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    left: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.Checkbox .Checkbox-main::before {
    border: .125rem 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 {
    word-break: break-word;
    unicode-bidi: plaintext;
    text-align: left;
    line-height: 1.25rem
}

.Checkbox .Checkbox-main .right-icon {
    grid-column: 2;
    grid-row: span 2;
    margin-left: auto;
    margin-right: .5rem;
    color: var(--color-text-secondary);
    font-size: 1.25rem;
    align-self: center
}

.Checkbox .Checkbox-main .subLabel {
    grid-column: 1;
    grid-row: 2;
    font-size: .875rem;
    line-height: 1rem;
    color: var(--color-text-secondary);
    unicode-bidi: plaintext;
    margin-top: .25rem
}

.Checkbox.withSubLabel:hover,.Checkbox.withSubLabel:focus-visible {
    background-color: var(--color-chat-hover);
    border-radius: var(--border-radius-default)
}

.Checkbox.withSubLabel .Checkbox-main {
    padding: .4375rem 0 .5625rem 0
}

.Checkbox .Nested-avatar-list::before,.Checkbox .Nested-avatar-list::after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    left: 1.125rem;
    width: 1.125rem;
    height: 1.125rem
}

.Checkbox .Nested-avatar-list .label {
    display: flex;
    align-items: center;
    column-gap: .6875rem
}

.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].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: 1rem
}

.Checkbox.nested {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .3125rem;
    margin-block:0;padding: 0 0 0 4.1875rem
}

.Checkbox.nested:hover,.Checkbox.nested:focus-visible {
    background-color: var(--color-chat-hover);
    border-radius: var(--border-radius-default)
}

.Checkbox.withNestedList {
    background-color: var(--color-background);
    margin: 0
}

.Checkbox.withNestedList:hover,.Checkbox.withNestedList:focus-visible {
    background-color: var(--color-chat-hover);
    border-radius: var(--border-radius-default)
}

.Checkbox.permission-group {
    padding-inline-start:3.625rem}

.Checkbox.permission-group .Checkbox-main::before,.Checkbox.permission-group .Checkbox-main::after {
    left: 1rem
}

.Checkbox.permission-group.withNestedList {
    margin-bottom: 1rem
}

.Checkbox.avatar {
    padding-inline-start:3.5rem;margin-inline-start:3.125rem}

.Checkbox .button {
    color: var(--color-text);
    display: flex;
    gap: .1875rem
}

.Checkbox .group-icon {
    font-size: .75rem
}

.Checkbox.nested-checkbox-group .Checkbox.Checkbox-main::before,.Checkbox.nested-checkbox-group .Checkbox.Checkbox-main::after {
    top: 1.875rem;
    left: 2.875rem
}

.Checkbox.onlyInput {
    min-height: auto;
    position: relative;
    padding-inline-start:.8125rem}

.Checkbox.onlyInput .Checkbox-main::before,.Checkbox.onlyInput .Checkbox-main::after {
    left: 0;
    right: 0;
    top: 0
}

.nested-checkbox-group {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.nested-checkbox-group-open {
    max-height: 100vh;
    transition: max-height .6s ease-in-out
}

.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);
    overscroll-behavior: contain;
    color: var(--color-text);
    transform: scale(0.85);
    transition: opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),transform 150ms cubic-bezier(0.2, 0, 0.2, 1) !important;
    --offset-y: calc(100% + 0.5rem);
    --offset-x: 0
}

.Menu .bubble.open {
    transform: scale(1)
}

.active-view-transition .Menu .bubble.open {
    view-transition-name: open-menu-bubble
}

.Menu .bubble.closing {
    transition: opacity .2s ease-in,transform .2s ease-in !important
}

.Menu .bubble.close-fast {
    transition-duration: 70ms !important
}

body.no-context-menu-animations .Menu .bubble {
    transform: none !important;
    transition: opacity .15s !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
}

body.has-open-dialog .Menu:not(.with-menu-transitions) .bubble {
    transition: none !important
}

.Menu .footer {
    padding: .5rem 0;
    background: var(--color-chat-hover);
    color: var(--color-text-secondary);
    font-size: .8125rem;
    text-align: center
}

.Menu.compact .bubble {
    background: var(--color-background-compact-menu);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .25rem 0
}

body.no-menu-blur .Menu.compact .bubble {
    background: var(--color-background);
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.Menu.compact .footer {
    background: none
}

.Menu.compact.no-blur .bubble {
    background: var(--color-background)
}

.Menu .menu-loading-row {
    margin: .125rem 1rem;
    width: calc(100% - 2rem)
}

.Menu.in-portal {
    z-index: var(--z-portal-menu);
    position: absolute
}

html::view-transition-group(open-menu-bubble) {
    z-index: var(--z-portal-menu)
}

.DropdownMenu {
    position: relative
}

.MenuItem {
    width: 100%;
    background: none;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    position: relative;
    overflow: hidden;
    line-height: 1.5rem;
    white-space: nowrap;
    color: var(--color-text);
    --ripple-color: rgba(0, 0, 0, 0.08);
    cursor: var(--custom-cursor, pointer);
    unicode-bidi: plaintext
}

.MenuItem .right-badge {
    min-width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    background: var(--color-gray);
    border-radius: .75rem;
    padding: 0 .4375rem;
    color: #fff;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: var(--font-weight-medium);
    text-align: center;
    flex-shrink: 0
}

.MenuItem.compact .right-badge {
    background: none;
    padding: 0;
    color: var(--color-text-secondary)
}

.MenuItem[dir=rtl] .right-badge {
    margin-left: 0;
    margin-right: auto
}

@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 .icon {
    font-size: 1.5rem;
    margin-right: 2rem;
    color: var(--color-icon-secondary)
}

.MenuItem .menu-item-name {
    margin-right: 2rem
}

.MenuItem .menu-item-name.capitalize {
    text-transform: capitalize
}

.MenuItem.disabled {
    opacity: .5 !important;
    cursor: var(--custom-cursor, default) !important
}

.MenuItem.destructive {
    color: var(--color-error)
}

.MenuItem.destructive .icon {
    color: inherit
}

.MenuItem:not(.has-ripple):not(.disabled):not(.compact):active {
    background-color: var(--color-item-active);
    transition: none !important
}

.MenuItem .Switcher,.MenuItem .menu-item-badge {
    margin-left: auto
}

.MenuItem .menu-item-badge {
    margin-right: .25rem;
    font-size: .75rem;
    color: var(--color-primary);
    font-weight: normal;
    line-height: normal
}

.MenuItem[dir=rtl] .icon {
    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
}

.MenuItem.compact {
    font-size: .875rem;
    margin: .125rem .25rem;
    padding: .25rem;
    padding-inline-end:.75rem;border-radius: .375rem;
    width: auto;
    font-weight: var(--font-weight-medium);
    transform: scale(1);
    transition: .15s ease-in-out transform
}

.MenuItem.compact .icon {
    max-width: 1.25rem;
    font-size: 1.25rem;
    margin-inline:.5rem 1.25rem}

.MenuItem.compact .icon::before {
    max-width: 1.25rem
}

@media(hover: hover) {
    .MenuItem.compact:hover,.MenuItem.compact:focus,.MenuItem.compact:active {
        background:var(--color-background-compact-menu-hover);
        text-decoration: none
    }

    .MenuItem.compact:active {
        transform: scale(0.98)
    }
}

.MenuItem b {
    font-weight: var(--font-weight-semibold)
}

.MenuItem.wrap {
    display: block;
    white-space: normal
}

.MenuItem.menu-custom-emoji-sets {
    margin: 0 .25rem;
    padding: .5rem .75rem;
    font-weight: var(--font-weight-normal);
    font-size: small;
    line-height: 1.125rem
}

.CountryCodeInput .input-group {
    cursor: var(--custom-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: 1rem;
    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.3125rem
}

.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: 1rem
}

.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;
    padding-right: .25rem
}

.Auth {
    height: 100%
}

.auth-form {
    width: 100%;
    max-width: 25.5rem;
    margin: 0 auto;
    padding: 6rem 1rem 1rem;
    text-align: center
}

@media(min-width: 600px)and (min-height: 450px) {
    .auth-form {
        padding:6.8125rem 1.5rem 1.5rem
    }

    .auth-form.qr {
        padding-top: 4rem
    }
}

.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
    }
}

body.is-electron .auth-form #logo,body.is-electron .auth-form .AvatarEditable label {
    width: 6rem;
    height: 6rem;
    margin-bottom: 1.75rem
}

.auth-form #logo {
    background: url(../img/telegram-logo.1b2bb5b107f046ea9325.svg) center no-repeat;
    background-size: 100%
}

.auth-form h1 {
    font-size: 1.25rem;
    line-height: 1
}

@media(min-width: 600px) {
    .auth-form h1 {
        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
    }
}

body.is-electron #auth-phone-number-form .auth-form {
    padding-top: 3rem
}

body.is-electron #auth-phone-number-form .auth-form .form {
    min-height: 0
}

#auth-registration-form,#auth-phone-number-form,#auth-code-form,#auth-password-form,#auth-qr-form {
    height: 100%;
    overflow-y: auto
}

body.is-electron.is-macos #auth-registration-form,body.is-electron.is-macos #auth-phone-number-form,body.is-electron.is-macos #auth-code-form,body.is-electron.is-macos #auth-password-form,body.is-electron.is-macos #auth-qr-form {
    -webkit-app-region: drag
}

body.is-electron.is-macos #auth-registration-form .input-group,body.is-electron.is-macos #auth-phone-number-form .input-group,body.is-electron.is-macos #auth-code-form .input-group,body.is-electron.is-macos #auth-password-form .input-group,body.is-electron.is-macos #auth-qr-form .input-group {
    -webkit-app-region: no-drag
}

#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 h1,#auth-password-form h1 {
    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: var(--custom-cursor, pointer)
}

.auth-number-edit:hover,.auth-number-edit:focus {
    opacity: 1
}

#auth-qr-form .qr-outer {
    height: 280px;
    position: relative
}

#auth-qr-form .qr-inner,#auth-qr-form .qr-loading {
    height: 280px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center
}

#auth-qr-form .qr-inner {
    transition: none !important
}

#auth-qr-form .qr-inner.open {
    animation: qr-show 400ms ease-in-out forwards
}

#auth-qr-form .qr-inner:not(.shown) {
    display: none
}

#auth-qr-form .qr-loading {
    transition: opacity 1ms
}

#auth-qr-form .qr-plane {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 50%;
    background-color: var(--color-telegram-blue)
}

#auth-qr-form .qr-container {
    background-color: #fff;
    border-radius: 1.5rem;
    overflow: hidden
}

#auth-qr-form h1 {
    margin: 1.5rem 0 1rem 0;
    font-size: 1.25rem
}

#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.375rem;
    height: 1.375rem;
    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
}

.test-server-badge {
    position: fixed;
    bottom: .5rem;
    right: .5rem
}

@keyframes qr-show {
    0% {
        opacity: 0;
        transform: scale(0.7)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.Modal {
    position: relative;
    z-index: var(--z-modal);
    color: var(--color-text)
}

.Modal.confirm {
    z-index: var(--z-modal-confirm)
}

.Modal.low-priority {
    z-index: var(--z-modal-low-priority)
}

.Modal.delete .modal-dialog,.Modal.error .modal-dialog,.Modal.confirm .modal-dialog,.Modal.pin .modal-dialog,.Modal.unpin-all .modal-dialog {
    max-width: 24rem
}

.Modal.error .modal-content .dialog-buttons {
    margin-top: 1rem
}

.Modal.narrow .modal-dialog {
    max-width: 20rem
}

.Modal.slim .modal-dialog {
    max-width: 26.25rem
}

.Modal.slim .modal-content {
    max-height: min(92vh,36rem)
}

.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-modal);
    transform: translate3d(0, -1rem, 0);
    transition: transform .2s ease,opacity .2s ease
}

body.no-page-transitions .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: 1.3125rem 1.375rem 0;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.Modal .modal-title {
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.Modal .modal-title:not(:only-child) {
    margin: 0 1.5rem
}

.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 1.5rem 1.1875rem;
    overflow-y: auto;
    max-height: 92vh
}

.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
}

.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;
    flex-direction: row-reverse;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .5rem 1rem
}

.Modal .dialog-buttons-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.Modal .dialog-buttons-centered {
    justify-content: center
}

.Modal .dialog-checkbox {
    margin: 1rem -1.125rem
}

.Modal .dialog-checkbox-group {
    margin: 0 -1.125rem 1rem
}

.Modal .confirm-dialog-button {
    width: auto;
    height: auto;
    text-align: right;
    font-weight: var(--font-weight-semibold);
    white-space: pre-wrap
}

.Modal .dialog-button-spacer {
    flex-grow: 1
}

.Modal .modal-absolute-close-button {
    position: absolute;
    top: .375rem;
    left: .375rem;
    z-index: 1
}

.Avatar {
    --premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);
    --color-user: var(--color-primary);
    --radius: 50%;
    --_size: 0px;
    --_font-size: max(calc(var(--_size) / 2 - 2px), 0.5rem);
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--radius);
    color: #fff;
    font-weight: bold;
    display: flex;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    font-size: var(--_font-size)
}

.Avatar .emoji {
    width: var(--_font-size);
    height: var(--_font-size)
}

.Avatar__icon {
    font-size: calc(var(--_size)/2)
}

.Avatar>.inner {
    overflow: hidden;
    border-radius: var(--radius);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(var(--color-white) -300%, var(--color-user))
}

.Avatar__media {
    width: 100%;
    height: 100%
}

.Avatar.force-fit .Avatar__media {
    object-fit: cover
}

.Avatar.interactive {
    cursor: var(--custom-cursor, pointer)
}

.Avatar.with-story-circle {
    z-index: 1
}

.Avatar.with-story-circle>.inner {
    width: calc(100% - .375rem);
    height: calc(100% - .375rem);
    left: .1875rem;
    top: .1875rem
}

.Avatar.with-story-solid {
    width: calc(var(--_size) - .25rem);
    height: calc(var(--_size) - .25rem);
    margin: .1875rem
}

.Avatar.with-story-solid::before {
    content: "";
    position: absolute;
    width: calc(var(--_size) + .25rem);
    height: calc(var(--_size) + .25rem);
    left: -0.25rem;
    top: -0.25rem;
    border-radius: 50%;
    background: var(--color-borders-read-story)
}

.Avatar.with-story-solid::after {
    content: "";
    position: absolute;
    width: var(--_size);
    height: var(--_size);
    left: -0.125rem;
    top: -0.125rem;
    border-radius: 50%;
    z-index: 0;
    background: var(--color-background)
}

.Avatar.with-story-solid.online::after {
    bottom: -0.125rem;
    right: -0.125rem
}

.Avatar.has-unread-story::before {
    background-image: linear-gradient(215.87deg, var(--color-avatar-story-unread-from) -1.61%, var(--color-avatar-story-unread-to) 97.44%)
}

.Avatar.has-unread-story.close-friend::before {
    background-image: linear-gradient(215.87deg, var(--color-avatar-story-friend-unread-from) -1.61%, var(--color-avatar-story-friend-unread-to) 97.44%)
}

.Avatar .poster {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.Avatar.forum {
    --radius: var(--border-radius-forum-avatar)
}

.Avatar.hidden-user {
    --color-user: var(--color-deleted-account)
}

.Avatar.premium-gradient-bg>.inner {
    background-image: var(--premium-gradient)
}

.ThfRMqwq {
    height: 100%;
    background-color: var(--theme-background-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media(max-width: 600px) {
    .ThfRMqwq {
        height:calc(var(--vh, 1vh)*100)
    }
}

html.theme-light .ThfRMqwq {
    background-image: url(chat-bg-br.f34cc96fbfb048812820.png)
}

.ThfRMqwq::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(chat-bg-pattern-light.ee148af944f6580293ae.png);
    background-position: top right;
    background-size: 510px auto;
    background-repeat: repeat;
    mix-blend-mode: overlay
}

html.theme-dark .ThfRMqwq::before {
    background-image: url(chat-bg-pattern-dark.ad38368a9e8140d0ac7d.png);
    mix-blend-mode: unset
}

@media(max-width: 600px) {
    .ThfRMqwq::before {
        bottom:auto;
        height: calc(var(--vh, 1vh)*100)
    }
}

.U9MowLv_ {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: var(--z-ui-loader-mask);
    display: flex
}

.RcG6eRZw {
    flex: 1
}

@media(min-width: 926px) {
    .RcG6eRZw {
        display:grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: 100%
    }
}

.oL7XcRwI {
    flex: 1;
    background: var(--color-background);
    min-width: 16rem;
    width: 33vw;
    max-width: 26.5rem;
    height: 100%
}

@media(min-width: 926px) {
    .oL7XcRwI {
        max-width:40vw
    }
}

@media(min-width: 1276px) {
    .oL7XcRwI {
        width:25vw;
        max-width: 33vw
    }
}

@media(max-width: 1275px) {
    .oL7XcRwI {
        flex:2
    }
}

@media(max-width: 925px) {
    .oL7XcRwI {
        width:26.5rem !important
    }
}

@media(max-width: 600px) {
    .oL7XcRwI {
        max-width:none;
        width: 100vw !important
    }
}

.LYe7IaQO {
    flex: 3;
    border-left: 1px solid var(--color-borders);
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-size: cover !important
}

@media(max-width: 1275px) {
    .LYe7IaQO {
        border-right:none
    }
}

@media(max-width: 600px) {
    .LYe7IaQO {
        display:none
    }
}

.wYSGQZXX {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    width: var(--right-column-width);
    border-left: 1px solid var(--color-borders);
    background: var(--color-background)
}

.kN2M6u9m {
    flex: 1;
    background-color: var(--color-background)
}

#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;
    background: var(--color-background);
    border-radius: var(--border-radius-default)
}

#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
}

/* stylelint-disable */
/* 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, v33.001, https://github.com/rastikerdar/vazirmatn */
@font-face {
    font-family: Vazirmatn;
    src: url(Vazirmatn-NL-Regular.572a8ef6359a125a67f0.woff2) format('woff2'), url(Vazirmatn-NL-Regular.f0ab1c74565ee5cdb33d.woff) format('woff');
    font-weight: normal;
    font-display: swap;
    unicode-range: U+0627-06FF;
}

/* Persian, v33.003, https://github.com/rastikerdar/vazirmatn */
@font-face {
    font-family: Vazirmatn;
    src: url(Vazirmatn-NL-Medium.26007b3a50dbbab53c15.woff2) format('woff2'), url(Vazirmatn-NL-Medium.f3b8e058aff7dd59279b.woff) format('woff');
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0600-06FF;
}

@font-face {
    font-family: 'Numbers Rounded';
    src: url(Numbers-Rounded.d2aed6be561097433e8e.woff2) format('woff2');
    unicode-range: U+0030-0039, U+002B, U+002D;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(Roboto-Condensed-Regular.0f37b67952f89e6ed45e.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;
}

*,*::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,blockquote {
    margin: 0
}

[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: var(--font-weight-medium)
}

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
}

p,ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

dt,b,strong {
    font-weight: var(--font-weight-medium)
}

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]),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: .5
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

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;
    -webkit-appearance: button
}

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::-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-compact-menu: #FFFFFFBB;
    --color-background-compact-menu-reactions: #FFFFFFEB;
    --color-background-compact-menu-hover: #000000B2;
    --color-background-menu-separator: #0000001a;
    --color-background-selected: #f4f4f5;
    --color-background-secondary: #f4f4f5;
    --color-background-secondary-accent: #e4e4e5;
    --color-background-own: #eeffde;
    --color-background-own-selected: color.adjust($color-light-green, -10%);
    --color-text: #000000;
    --color-text-rgb: 0, 0, 0;
    --color-text-lighter: #2e3939;
    --color-text-secondary: #707579;
    --color-icon-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-borders-alternate: rgba(0, 0, 0, 0.1);
    --color-borders-read-story: #C4C9CC;
    --color-dividers: #c8c6cc;
    --color-dividers-android: #E7E7E7;
    --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-composer-button: #707579CC;
    --color-voice-transcribe-button: #e8f3ff;
    --color-voice-transcribe-button-own: #cceebf;
    --color-primary: #3390ec;
    --color-primary-shade: #2f84d9;
    --color-primary-shade-darker: #2b79c6;
    --color-primary-shade-rgb: 47, 132, 217;
    --color-primary-opacity: rgba(var(--color-primary), 0.15);
    --color-primary-opacity-hover: rgba(var(--color-primary), 0.25);
    --color-primary-tint: rgba(var(--color-primary), 0.1);
    --color-green: #00c73e;
    --color-green-darker: #00a734;
    --color-success: #00c73e;
    --accent-color: var(--color-primary);
    --accent-background-color: var(--color-primary-tint);
    --accent-background-active-color: var(--color-primary-opacity);
    --color-error: #e53935;
    --color-error-shade: #d33431;
    --color-error-rgb: 229, 57, 53;
    --color-warning: #fb8c00;
    --color-yellow: #fdd764;
    --color-orange: #d08a31;
    --color-light-coral: rgba(208, 138, 49, 0.2);
    --color-links: #3390ec;
    --color-own-links: #ffffff;
    --color-placeholders: #a2acb4;
    --color-list-icon: #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-accent-own-rgb: 79, 174, 78;
    --color-message-meta-own: #4fae4e;
    --color-message-reaction: $color-message-reaction;
    --color-message-reaction-hover: $color-message-reaction-hover;
    --color-message-reaction-own: $color-message-reaction-own;
    --color-message-reaction-hover-own: $color-message-reaction-own-hover;
    --color-message-reaction-chosen-hover: $color-message-reaction-chosen-hover;
    --color-message-reaction-chosen-hover-own: $color-message-reaction-chosen-hover-own;
    --color-message-story-mention-from: $color-message-story-mention-from;
    --color-message-story-mention-to: $color-message-story-mention-to;
    --color-reply-hover: rgb(244, 244, 244);
    --color-reply-active: rgb(232, 233, 234);
    --color-reply-own-hover: rgb(219, 245, 205);
    --color-reply-own-active: rgb(200, 236, 187);
    --color-background-own-apple: #dcf8c5;
    --color-reply-own-hover-apple: #cbefb7;
    --color-reply-own-active-apple: #bae6a8;
    --color-white: #ffffff;
    --color-gray: #c4c9cc;
    --color-chat-username: #3C7EB0;
    --color-chat-hover: #f4f4f5;
    --color-chat-active: #3390ec;
    --color-item-hover: #f4f4f5;
    --color-item-active: #ededed;
    --color-selection-highlight: #3993fb;
    --color-selection-highlight-emoji: rgba(57, 147, 251, 0.7);
    --color-avatar-story-unread-from: #34c578;
    --color-avatar-story-unread-to: #3ca3f3;
    --color-avatar-story-friend-unread-from: #c9eb38;
    --color-avatar-story-friend-unread-to: #09c167;
    --color-default-shadow: #72727240;
    --color-light-shadow: #7272722b;
    --color-skeleton-background: rgba(33, 33, 33, 0.15);
    --color-skeleton-foreground: rgba(232, 232, 232, 0.2);
    --color-scrollbar: rgba(90, 90, 90, 0.3);
    --color-scrollbar-code: rgba(200, 200, 200, 0.3);
    --color-telegram-blue: #3390ec;
    --color-forum-hover-unread-topic: #e9e9e9;
    --color-forum-hover-unread-topic-hover: #dcdcdc;
    --color-deleted-account: #9eaab5;
    --color-archive: #9eaab5;
    --stars-gradient: linear-gradient(90deg, #FFAA00 0%, #FFCD3A 100%);
    --color-heart: #ff3c32;
    --vh: 1vh;
    --border-radius-modal: 1rem;
    --border-radius-default: 0.75rem;
    --border-radius-default-small: 0.625rem;
    --border-radius-default-tiny: 0.375rem;
    --border-radius-messages: 0.9375rem;
    --border-radius-messages-small: 0.375rem;
    --border-radius-forum-avatar: 33.3333%;
    --messages-container-width: 45.5rem;
    --right-column-width: 26.5rem;
    --header-height: 3.4375rem;
    --custom-emoji-size: 1.25rem;
    --emoji-size: 1.25rem;
    --custom-emoji-border-radius: 0;
    --symbol-menu-width: 24rem;
    --symbol-menu-height: 22.375rem;
    --symbol-menu-footer-height: 3rem;
    --scrollbar-width: 0;
    --z-overlay-effects: 10001;
    --z-modal-confirm: 10000;
    --z-portal-menu: 10000;
    --z-symbol-menu-modal: 5000;
    --z-lock-screen: 3000;
    --z-ui-loader-mask: 2000;
    --z-notification: 1700;
    --z-confetti: 1600;
    --z-reaction-picker: 1200;
    --z-story-viewer: 1150;
    --z-reaction-interaction-effect: 1100;
    --z-right-column: 900;
    --z-right-column-menu: 950;
    --z-header-menu: 990;
    --z-header-menu-backdrop: 980;
    --z-modal: 1510;
    --z-modal-menu: 1600;
    --z-resize-grip: 1000;
    --z-media-viewer: 1500;
    --z-modal-low-priority: 1400;
    --z-video-player-controls: 3;
    --z-drop-area: 55;
    --z-animation-fade: 50;
    --z-menu-bubble: 21;
    --z-menu-backdrop: 20;
    --z-message-effect: 15;
    --z-message-highlighted: 14;
    --z-forum-panel: 13;
    --z-message-context-menu: 13;
    --z-scroll-down-button: 12;
    --z-local-search: 12;
    --z-left-header: 11;
    --z-middle-header: 11;
    --z-middle-footer: 11;
    --z-story-ribbon: 10;
    --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-symbol-menu-mobile: calc(var(--z-story-viewer) + 1);
    --z-resize-handle: 2;
    --z-below: -1;
    --z-chat-ripple: 6;
    --z-chat-float-button: calc(var(--z-chat-ripple) + 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==);
    --spinner-yellow-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iI0ZERDc2NCIvPjwvc3ZnPg==);
    --premium-gradient: linear-gradient(84.4deg, #6C93FF -4.85%, #976FFF 51.72%, #DF69D1 110.7%);
    --layer-blackout-opacity: 0.1;
    --layer-transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);
    --layer-transition-behind: 300ms cubic-bezier(0.33, 1, 0.68, 1);
    --slide-transition: 300ms cubic-bezier(0.25, 1, 0.5, 1);
    --select-transition: 200ms ease-out;
    --safe-area-top: env(safe-area-inset-top);
    --safe-area-right: env(safe-area-inset-right);
    --safe-area-bottom: env(safe-area-inset-bottom);
    --safe-area-left: env(safe-area-inset-left);
    --picker-title-shift: 1rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --middle-header-panes-height: 0px
}

@media(min-width: 1276px)and (max-width: 1920px) {
    :root {
        --right-column-width: 25vw
    }
}

@media(min-width: 1921px) {
    :root {
        --messages-container-width: 50vw
    }
}

@media(max-width: 600px) {
    :root {
        --right-column-width: 100vw;
        --symbol-menu-width: 100vw;
        --symbol-menu-height: 17.6875rem
    }
}

:root body.is-ios {
    --layer-transition: 650ms cubic-bezier(0.22, 1, 0.36, 1);
    --layer-transition-behind: 650ms cubic-bezier(0.33, 1, 0.68, 1);
    --slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1)
}

:root body.is-android {
    --slide-transition: 350ms cubic-bezier(0.16, 1, 0.3, 1)
}

.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
}

.max-length-indicator {
    position: absolute;
    right: .75rem;
    bottom: -0.5625rem;
    padding: 0 .25rem;
    border-radius: .25rem;
    color: var(--color-text-secondary);
    font-size: .75rem;
    background: var(--color-background)
}

.input-group {
    position: relative;
    margin-bottom: 1.125rem
}

.input-group label {
    display: block;
    position: absolute;
    left: 1rem;
    top: .6875rem;
    padding: 0 .3125rem;
    background-color: var(--color-background);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    color: var(--color-placeholders);
    transition: transform .15s ease-out,color .15s ease-out;
    cursor: var(--custom-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, -2rem)
}

.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: 3rem;
    padding: calc(.75rem - var(--border-width)) calc(1.1875rem - var(--border-width)) .6875rem;
    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)
}

.form-control:-webkit-autofill {
    box-shadow: inset 0 0 0 10rem var(--color-background);
    -webkit-text-fill-color: var(--color-text)
}

.form-control:autofill,.form-control:-webkit-autofill-strong-password,.form-control:-webkit-autofill-strong-password-viewable,.form-control:-webkit-autofill-and-obscured {
    box-shadow: inset 0 0 0 10rem var(--color-background);
    -webkit-text-fill-color: var(--color-text)
}

.form-control::-webkit-strong-password-auto-fill-button {
    opacity: 0;
    width: 0 !important;
    overflow: hidden !important;
    max-width: 0 !important;
    min-width: 0 !important;
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.form-control::-ms-clear,.form-control::-ms-reveal {
    display: none
}

select.form-control option {
    line-height: 2rem
}

textarea.form-control {
    resize: none;
    overflow: hidden;
    line-height: 1.3125rem;
    padding-top: calc(.8125rem - 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: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: var(--custom-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
}

.icon-char::before {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    content: attr(data-char);
    width: 1em;
    text-align: center;
    display: block
}

.icon-placeholder::before {
    content: "";
    display: block;
    width: 1em
}

.icon {
    font-family: "icons" !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
}

.icon-active-sessions::before {
    content: ""
}

.icon-add-one-badge::before {
    content: ""
}

.icon-add-user-filled::before {
    content: ""
}

.icon-add-user::before {
    content: ""
}

.icon-add::before {
    content: ""
}

.icon-admin::before {
    content: ""
}

.icon-allow-speak::before {
    content: ""
}

.icon-animals::before {
    content: ""
}

.icon-animations::before {
    content: ""
}

.icon-archive-filled::before {
    content: ""
}

.icon-archive-from-main::before {
    content: ""
}

.icon-archive-to-main::before {
    content: ""
}

.icon-archive::before {
    content: ""
}

.icon-arrow-down-circle::before {
    content: ""
}

.icon-arrow-down::before {
    content: ""
}

.icon-arrow-left::before {
    content: ""
}

.icon-arrow-right::before {
    content: ""
}

.icon-ask-support::before {
    content: ""
}

.icon-attach::before {
    content: ""
}

.icon-auction::before {
    content: ""
}

.icon-author-hidden::before {
    content: ""
}

.icon-avatar-archived-chats::before {
    content: ""
}

.icon-avatar-deleted-account::before {
    content: ""
}

.icon-avatar-saved-messages::before {
    content: ""
}

.icon-bold::before {
    content: ""
}

.icon-boost-outline::before {
    content: ""
}

.icon-boost::before {
    content: ""
}

.icon-boostcircle::before {
    content: ""
}

.icon-boosts::before {
    content: ""
}

.icon-bot-command::before {
    content: ""
}

.icon-bot-commands-filled::before {
    content: ""
}

.icon-bots::before {
    content: ""
}

.icon-bug::before {
    content: ""
}

.icon-calendar-filter::before {
    content: ""
}

.icon-calendar::before {
    content: ""
}

.icon-camera-add::before {
    content: ""
}

.icon-camera::before {
    content: ""
}

.icon-car::before {
    content: ""
}

.icon-card::before {
    content: ""
}

.icon-cash-circle::before {
    content: ""
}

.icon-channel-filled::before {
    content: ""
}

.icon-channel::before {
    content: ""
}

.icon-channelviews::before {
    content: ""
}

.icon-chat-badge::before {
    content: ""
}

.icon-chats-badge::before {
    content: ""
}

.icon-check::before {
    content: ""
}

.icon-clock-edit::before {
    content: ""
}

.icon-clock::before {
    content: ""
}

.icon-close-circle::before {
    content: ""
}

.icon-close-topic::before {
    content: ""
}

.icon-close::before {
    content: ""
}

.icon-cloud-download::before {
    content: ""
}

.icon-collapse-modal::before {
    content: ""
}

.icon-collapse::before {
    content: ""
}

.icon-colorize::before {
    content: ""
}

.icon-comments-sticker::before {
    content: ""
}

.icon-comments::before {
    content: ""
}

.icon-copy-media::before {
    content: ""
}

.icon-copy::before {
    content: ""
}

.icon-crown-take-off::before {
    content: ""
}

.icon-crown-wear::before {
    content: ""
}

.icon-darkmode::before {
    content: ""
}

.icon-data::before {
    content: ""
}

.icon-delete-filled::before {
    content: ""
}

.icon-delete-left::before {
    content: ""
}

.icon-delete-user::before {
    content: ""
}

.icon-delete::before {
    content: ""
}

.icon-diamond::before {
    content: ""
}

.icon-document::before {
    content: ""
}

.icon-double-badge::before {
    content: ""
}

.icon-down::before {
    content: ""
}

.icon-download::before {
    content: ""
}

.icon-eats::before {
    content: ""
}

.icon-edit::before {
    content: ""
}

.icon-email::before {
    content: ""
}

.icon-enter::before {
    content: ""
}

.icon-expand-modal::before {
    content: ""
}

.icon-expand::before {
    content: ""
}

.icon-eye-crossed-outline::before {
    content: ""
}

.icon-eye-crossed::before {
    content: ""
}

.icon-eye-outline::before {
    content: ""
}

.icon-eye::before {
    content: ""
}

.icon-favorite-filled::before {
    content: ""
}

.icon-favorite::before {
    content: ""
}

.icon-file-badge::before {
    content: ""
}

.icon-flag::before {
    content: ""
}

.icon-folder-badge::before {
    content: ""
}

.icon-folder::before {
    content: ""
}

.icon-fontsize::before {
    content: ""
}

.icon-forums::before {
    content: ""
}

.icon-forward::before {
    content: ""
}

.icon-fragment::before {
    content: ""
}

.icon-fullscreen::before {
    content: ""
}

.icon-gifs::before {
    content: ""
}

.icon-gift::before {
    content: ""
}

.icon-group-filled::before {
    content: ""
}

.icon-group::before {
    content: ""
}

.icon-grouped-disable::before {
    content: ""
}

.icon-grouped::before {
    content: ""
}

.icon-hand-stop::before {
    content: ""
}

.icon-hashtag::before {
    content: ""
}

.icon-heart-outline::before {
    content: ""
}

.icon-heart::before {
    content: ""
}

.icon-help::before {
    content: ""
}

.icon-info-filled::before {
    content: ""
}

.icon-info::before {
    content: ""
}

.icon-install::before {
    content: ""
}

.icon-italic::before {
    content: ""
}

.icon-key::before {
    content: ""
}

.icon-keyboard::before {
    content: ""
}

.icon-lamp::before {
    content: ""
}

.icon-language::before {
    content: ""
}

.icon-large-pause::before {
    content: ""
}

.icon-large-play::before {
    content: ""
}

.icon-link-badge::before {
    content: ""
}

.icon-link-broken::before {
    content: ""
}

.icon-link::before {
    content: ""
}

.icon-location::before {
    content: ""
}

.icon-lock-badge::before {
    content: ""
}

.icon-lock::before {
    content: ""
}

.icon-logout::before {
    content: ""
}

.icon-loop::before {
    content: ""
}

.icon-mention::before {
    content: ""
}

.icon-message-failed::before {
    content: ""
}

.icon-message-pending::before {
    content: ""
}

.icon-message-read::before {
    content: ""
}

.icon-message-succeeded::before {
    content: ""
}

.icon-message::before {
    content: ""
}

.icon-microphone-alt::before {
    content: ""
}

.icon-microphone::before {
    content: ""
}

.icon-monospace::before {
    content: ""
}

.icon-more-circle::before {
    content: ""
}

.icon-more::before {
    content: ""
}

.icon-move-caption-down::before {
    content: ""
}

.icon-move-caption-up::before {
    content: ""
}

.icon-mute::before {
    content: ""
}

.icon-muted::before {
    content: ""
}

.icon-my-notes::before {
    content: ""
}

.icon-new-chat-filled::before {
    content: ""
}

.icon-next::before {
    content: ""
}

.icon-nochannel::before {
    content: ""
}

.icon-noise-suppression::before {
    content: ""
}

.icon-non-contacts::before {
    content: ""
}

.icon-one-filled::before {
    content: ""
}

.icon-open-in-new-tab::before {
    content: ""
}

.icon-password-off::before {
    content: ""
}

.icon-pause::before {
    content: ""
}

.icon-permissions::before {
    content: ""
}

.icon-phone-discard-outline::before {
    content: ""
}

.icon-phone-discard::before {
    content: ""
}

.icon-phone::before {
    content: ""
}

.icon-photo::before {
    content: ""
}

.icon-pin-badge::before {
    content: ""
}

.icon-pin-list::before {
    content: ""
}

.icon-pin::before {
    content: ""
}

.icon-pinned-chat::before {
    content: ""
}

.icon-pinned-message::before {
    content: ""
}

.icon-pip::before {
    content: ""
}

.icon-play-story::before {
    content: ""
}

.icon-play::before {
    content: ""
}

.icon-poll::before {
    content: ""
}

.icon-previous::before {
    content: ""
}

.icon-privacy-policy::before {
    content: ""
}

.icon-proof-of-ownership::before {
    content: ""
}

.icon-quote-text::before {
    content: ""
}

.icon-quote::before {
    content: ""
}

.icon-radial-badge::before {
    content: ""
}

.icon-readchats::before {
    content: ""
}

.icon-recent::before {
    content: ""
}

.icon-reload::before {
    content: ""
}

.icon-remove-quote::before {
    content: ""
}

.icon-remove::before {
    content: ""
}

.icon-reopen-topic::before {
    content: ""
}

.icon-replace::before {
    content: ""
}

.icon-replies::before {
    content: ""
}

.icon-reply-filled::before {
    content: ""
}

.icon-reply::before {
    content: ""
}

.icon-revenue-split::before {
    content: ""
}

.icon-revote::before {
    content: ""
}

.icon-save-story::before {
    content: ""
}

.icon-saved-messages::before {
    content: ""
}

.icon-schedule::before {
    content: ""
}

.icon-search::before {
    content: ""
}

.icon-select::before {
    content: ""
}

.icon-send-outline::before {
    content: ""
}

.icon-send::before {
    content: ""
}

.icon-settings-filled::before {
    content: ""
}

.icon-settings::before {
    content: ""
}

.icon-share-filled::before {
    content: ""
}

.icon-share-screen-outlined::before {
    content: ""
}

.icon-share-screen-stop::before {
    content: ""
}

.icon-share-screen::before {
    content: ""
}

.icon-show-message::before {
    content: ""
}

.icon-sidebar::before {
    content: ""
}

.icon-skip-next::before {
    content: ""
}

.icon-skip-previous::before {
    content: ""
}

.icon-smallscreen::before {
    content: ""
}

.icon-smile::before {
    content: ""
}

.icon-sort::before {
    content: ""
}

.icon-speaker-muted-story::before {
    content: ""
}

.icon-speaker-outline::before {
    content: ""
}

.icon-speaker-story::before {
    content: ""
}

.icon-speaker::before {
    content: ""
}

.icon-spoiler-disable::before {
    content: ""
}

.icon-spoiler::before {
    content: ""
}

.icon-sport::before {
    content: ""
}

.icon-star::before {
    content: ""
}

.icon-stars-lock::before {
    content: ""
}

.icon-stats::before {
    content: ""
}

.icon-stealth-future::before {
    content: ""
}

.icon-stealth-past::before {
    content: ""
}

.icon-stickers::before {
    content: ""
}

.icon-stop-raising-hand::before {
    content: ""
}

.icon-stop::before {
    content: ""
}

.icon-story-caption::before {
    content: ""
}

.icon-story-expired::before {
    content: ""
}

.icon-story-priority::before {
    content: ""
}

.icon-story-reply::before {
    content: ""
}

.icon-strikethrough::before {
    content: ""
}

.icon-tag-add::before {
    content: ""
}

.icon-tag-crossed::before {
    content: ""
}

.icon-tag-filter::before {
    content: ""
}

.icon-tag-name::before {
    content: ""
}

.icon-tag::before {
    content: ""
}

.icon-timer::before {
    content: ""
}

.icon-toncoin::before {
    content: ""
}

.icon-trade::before {
    content: ""
}

.icon-transcribe::before {
    content: ""
}

.icon-truck::before {
    content: ""
}

.icon-unarchive::before {
    content: ""
}

.icon-underlined::before {
    content: ""
}

.icon-unique-profile::before {
    content: ""
}

.icon-unlock-badge::before {
    content: ""
}

.icon-unlock::before {
    content: ""
}

.icon-unmute::before {
    content: ""
}

.icon-unpin::before {
    content: ""
}

.icon-unread::before {
    content: ""
}

.icon-up::before {
    content: ""
}

.icon-user-filled::before {
    content: ""
}

.icon-user-online::before {
    content: ""
}

.icon-user::before {
    content: ""
}

.icon-video-outlined::before {
    content: ""
}

.icon-video-stop::before {
    content: ""
}

.icon-video::before {
    content: ""
}

.icon-view-once::before {
    content: ""
}

.icon-voice-chat::before {
    content: ""
}

.icon-volume-1::before {
    content: ""
}

.icon-volume-2::before {
    content: ""
}

.icon-volume-3::before {
    content: ""
}

.icon-web::before {
    content: ""
}

.icon-webapp::before {
    content: ""
}

.icon-word-wrap::before {
    content: ""
}

.icon-zoom-in::before {
    content: ""
}

.icon-zoom-out::before {
    content: ""
}

.media-inner {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.media-inner video.full-media,.media-inner img.full-media,.media-inner img.thumbnail,.media-inner canvas.thumbnail {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.media-inner .full-media.with-blurred-bg {
    position: relative;
    border-radius: 0 !important
}

.media-inner video {
    background: no-repeat 50% 50%;
    background-size: contain
}

.media-inner .thumbnail {
    position: absolute;
    top: 0;
    left: 0
}

.media-inner .thumbnail.with-blurred-bg {
    border-radius: 0 !important;
    left: 50%;
    transform: translateX(-50%)
}

.media-inner .media-loading {
    position: absolute
}

.media-inner.fix-min-height {
    min-height: 5rem
}

.media-inner .message-media-last-progress {
    --_progress: 0%;
    --_color: var(--color-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .25rem;
    background-color: rgba(255,255,255,.3)
}

.theme-dark .media-inner .message-media-last-progress {
    --_color: white
}

.media-inner .message-media-last-progress::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--_progress);
    height: 100%;
    background-color: var(--_color);
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125
}

.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)
}

.overscroll-trigger {
    display: none;
    height: 1px
}

.chat-list {
    background: var(--color-background);
    height: 100%;
    padding: .5rem;
    padding-inline-end:calc(.5rem - var(--scrollbar-width));overflow-x: hidden;
    overflow-y: scroll
}

.chat-list.forum-panel-open .info {
    opacity: 0;
    transform: translateX(-20%)
}

.chat-list.forum-panel-open .Chat[dir=rtl] .info {
    transform: translateX(20%)
}

.chat-list.forum-panel-open .Avatar {
    transform: scale(0.9)
}

@media(min-width: 600px) {
    .chat-list.forum-panel-open .selected-forum .Avatar {
        transform:none
    }
}

.chat-list .scroll-container {
    position: relative
}

.chat-list .no-results {
    color: var(--color-text-meta);
    margin-top: 2rem;
    text-align: center
}

.chat-list .Avatar {
    transition: transform var(--layer-transition)
}

body.no-page-transitions .chat-list .Avatar {
    transition: none
}

.chat-list .ListItem.chat-item-clickable {
    margin: 0
}

@media(max-width: 600px) {
    .chat-list {
        padding-left:0;
        padding-right: 0
    }
}

body.is-ios .chat-list,body.is-android .chat-list {
    padding-left: 0;
    padding-right: 0
}

body.is-ios .chat-list .ListItem::after,body.is-android .chat-list .ListItem::after {
    opacity: 1;
    transition: opacity var(--layer-transition)
}

body.is-ios .chat-list.forum-panel-open .ListItem::after,body.is-android .chat-list.forum-panel-open .ListItem::after {
    opacity: 0
}

.Avatar,.ProfilePhoto {
    --color-user: var(--accent-color)
}

.Avatar.replies-bot-account,.Avatar.anonymous-forwards,.Avatar.saved-messages,.ProfilePhoto.replies-bot-account,.ProfilePhoto.anonymous-forwards,.ProfilePhoto.saved-messages {
    --color-user: var(--color-primary)
}

.Avatar.deleted-account,.ProfilePhoto.deleted-account {
    --color-user: var(--color-deleted-account)
}

.fab-padding-bottom {
    padding-bottom: 5rem !important
}

.with-story-ribbon {
    --story-ribbon-height: 5.5rem;
    height: calc(100% - var(--extra-height, 0px) + var(--story-ribbon-height)) !important;
    transform: translateY(calc(var(--story-ribbon-height) * -1))
}

.with-story-ribbon.open,.with-story-ribbon.closing {
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.with-story-ribbon.open {
    transform: translateY(0)
}

.peer-color-0 {
    --accent-color: var(--color-peer-0, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-0);
    --accent-background-color: var(--color-peer-bg-0, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-0, var(--active-color))
}

.peer-color-1 {
    --accent-color: var(--color-peer-1, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-1);
    --accent-background-color: var(--color-peer-bg-1, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-1, var(--active-color))
}

.peer-color-2 {
    --accent-color: var(--color-peer-2, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-2);
    --accent-background-color: var(--color-peer-bg-2, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-2, var(--active-color))
}

.peer-color-3 {
    --accent-color: var(--color-peer-3, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-3);
    --accent-background-color: var(--color-peer-bg-3, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-3, var(--active-color))
}

.peer-color-4 {
    --accent-color: var(--color-peer-4, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-4);
    --accent-background-color: var(--color-peer-bg-4, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-4, var(--active-color))
}

.peer-color-5 {
    --accent-color: var(--color-peer-5, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-5);
    --accent-background-color: var(--color-peer-bg-5, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-5, var(--active-color))
}

.peer-color-6 {
    --accent-color: var(--color-peer-6, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-6);
    --accent-background-color: var(--color-peer-bg-6, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-6, var(--active-color))
}

.peer-color-7 {
    --accent-color: var(--color-peer-7, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-7);
    --accent-background-color: var(--color-peer-bg-7, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-7, var(--active-color))
}

.peer-color-8 {
    --accent-color: var(--color-peer-8, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-8);
    --accent-background-color: var(--color-peer-bg-8, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-8, var(--active-color))
}

.peer-color-9 {
    --accent-color: var(--color-peer-9, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-9);
    --accent-background-color: var(--color-peer-bg-9, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-9, var(--active-color))
}

.peer-color-10 {
    --accent-color: var(--color-peer-10, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-10);
    --accent-background-color: var(--color-peer-bg-10, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-10, var(--active-color))
}

.peer-color-11 {
    --accent-color: var(--color-peer-11, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-11);
    --accent-background-color: var(--color-peer-bg-11, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-11, var(--active-color))
}

.peer-color-12 {
    --accent-color: var(--color-peer-12, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-12);
    --accent-background-color: var(--color-peer-bg-12, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-12, var(--active-color))
}

.peer-color-13 {
    --accent-color: var(--color-peer-13, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-13);
    --accent-background-color: var(--color-peer-bg-13, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-13, var(--active-color))
}

.peer-color-14 {
    --accent-color: var(--color-peer-14, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-14);
    --accent-background-color: var(--color-peer-bg-14, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-14, var(--active-color))
}

.peer-color-15 {
    --accent-color: var(--color-peer-15, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-15);
    --accent-background-color: var(--color-peer-bg-15, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-15, var(--active-color))
}

.peer-color-16 {
    --accent-color: var(--color-peer-16, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-16);
    --accent-background-color: var(--color-peer-bg-16, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-16, var(--active-color))
}

.peer-color-17 {
    --accent-color: var(--color-peer-17, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-17);
    --accent-background-color: var(--color-peer-bg-17, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-17, var(--active-color))
}

.peer-color-18 {
    --accent-color: var(--color-peer-18, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-18);
    --accent-background-color: var(--color-peer-bg-18, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-18, var(--active-color))
}

.peer-color-19 {
    --accent-color: var(--color-peer-19, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-19);
    --accent-background-color: var(--color-peer-bg-19, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-19, var(--active-color))
}

.peer-color-20 {
    --accent-color: var(--color-peer-20, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-20);
    --accent-background-color: var(--color-peer-bg-20, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-20, var(--active-color))
}

.peer-color-21 {
    --accent-color: var(--color-peer-21, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-21);
    --accent-background-color: var(--color-peer-bg-21, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-21, var(--active-color))
}

.peer-color-22 {
    --accent-color: var(--color-peer-22, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-22);
    --accent-background-color: var(--color-peer-bg-22, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-22, var(--active-color))
}

.peer-color-23 {
    --accent-color: var(--color-peer-23, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-23);
    --accent-background-color: var(--color-peer-bg-23, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-23, var(--active-color))
}

.peer-color-24 {
    --accent-color: var(--color-peer-24, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-24);
    --accent-background-color: var(--color-peer-bg-24, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-24, var(--active-color))
}

.peer-color-25 {
    --accent-color: var(--color-peer-25, var(--color-text));
    --bar-gradient: var(--color-peer-gradient-25);
    --accent-background-color: var(--color-peer-bg-25, var(--hover-color));
    --accent-background-active-color: var(--color-peer-bg-active-25, var(--active-color))
}

.peer-color-count-1,.peer-color-count-2,.peer-color-count-3 {
    --accent-background-color: var(--hover-color);
    --accent-background-active-color: var(--active-color)
}

.peer-color-count-2 {
    --_accent-color-rgb: var(--color-accent-own-rgb);
    --bar-gradient: repeating-linear-gradient(-45deg, rgb(var(--_accent-color-rgb), 100%), rgb(var(--_accent-color-rgb), 100%) 5px, rgb(var(--_accent-color-rgb), 35%) 5px, rgb(var(--_accent-color-rgb), 35%) 10px)
}

.peer-color-count-2 html.theme-dark {
    --_accent-color-rgb: var(--color-text-rgb)
}

.peer-color-count-3 {
    --_accent-color-rgb: var(--color-accent-own-rgb);
    --bar-gradient: repeating-linear-gradient(-45deg, rgb(var(--_accent-color-rgb), 100%), rgb(var(--_accent-color-rgb), 100%) 5px, rgb(var(--_accent-color-rgb), 60%) 5px, rgb(var(--_accent-color-rgb), 60%) 10px, rgb(var(--_accent-color-rgb), 20%) 10px, rgb(var(--_accent-color-rgb), 20%) 15px)
}

.peer-color-count-3 html.theme-dark {
    --_accent-color-rgb: var(--color-text-rgb)
}

@media print {
    body,html,.messages-layout {
        background: #fff
    }

    #LeftColumn,#RightColumn-wrapper,.ChatOrUserPicker,#Notifications,.Modal,.ActiveCallHeader,.unread-count,#middle-column-portals,.header-tools,.ScrollDownButton,.middle-column-footer {
        display: none !important
    }

    #MiddleColumn {
        border-left: none !important
    }

    html,body,#root,#Main,#MiddleColumn,.MessageList,.messages-layout,.Transition,.Transition>.Transition_slide {
        height: auto !important;
        overflow: visible !important;
        display: block !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important
    }

    .messages-container {
        max-width: 100rem !important;
        width: 100% !important
    }

    .MessageList .sticky-date>span,.MessageList .local-action-message>span,.MessageList .ActionMessage>span,.MessageList .empty>span {
        background: var(--color-background-own) !important;
        color: var(--color-text) !important
    }

    .hide-on-print {
        visibility: hidden !important
    }
}

@font-face {
    font-family: "icons";
    src: url(icons.1713d63761177b48b3f9.woff2) format("woff2"),url(icons.000bd88405c7e177105e.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

html,body {
    width: 100%;
    height: 100%;
    background-color: var(--color-background);
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--color-text);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    overscroll-behavior: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    user-select: none;
    --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-family-monospace: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono", "SF Mono", "Menlo", "Ubuntu Mono", "Consolas", monospace;
    --font-family-rounded: -ui-rounded, "Numbers Rounded", "Roboto", "Helvetica Neue", sans-serif;
    --font-family-condensed: "Roboto Condensed", "Roboto", "Helvetica Neue", sans-serif;
    --font-weight-semibold: 500
}

@media(max-width: 600px) {
    html,body {
        height:calc(var(--vh, 1vh)*100)
    }
}

noscript {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    justify-items: center
}

noscript .nojs-video {
    pointer-events: none
}

noscript .nojs-video::-webkit-media-controls {
    display: none
}

html.theme-dark {
    color-scheme: dark
}

body.is-ios,body.is-macos {
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue", sans-serif;
    --font-weight-semibold: 600
}

html[lang=fa],html[lang=fa] body {
    --font-family: "Vazirmatn", "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "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: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

body.is-ios {
    --border-radius-messages: 1rem;
    --border-radius-messages-small: 0.5rem
}

body.is-electron {
    --custom-cursor: default
}

body.cursor-grabbing {
    --custom-cursor: grabbing;
    cursor: grabbing !important
}

body.cursor-ew-resize {
    --custom-cursor: ew-resize;
    cursor: ew-resize !important
}

#root,.full-height {
    height: 100%
}

@media(max-width: 600px) {
    #root,.full-height {
        height:calc(var(--vh, 1vh)*100)
    }
}

#root.is-auth,.full-height.is-auth {
    background: var(--color-background)
}

#middle-column-portals,#portals {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0
}

#middle-column-portals {
    top: calc(0rem - var(--call-header-height, 0rem))
}

.hidden {
    visibility: hidden
}

.svg-definitions {
    position: fixed;
    top: -99999px
}

.allow-selection {
    -webkit-user-select: text;
    user-select: text
}

.no-selection {
    -webkit-user-select: none !important;
    user-select: none !important
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

.visually-hidden {
    position: absolute !important;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    z-index: -1
}

.custom-scroll,.custom-scroll-x {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
    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(0,0,0,0);
    border-radius: .375rem;
    box-shadow: 0 0 1px rgba(255,255,255,.01)
}

.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: var(--color-scrollbar) rgba(0,0,0,0)
}

.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: var(--color-scrollbar)
}

body:not(.is-ios) .custom-scroll::-webkit-scrollbar {
    width: .375rem
}

body:not(.is-ios) .custom-scroll-x::-webkit-scrollbar {
    height: .375rem
}

.no-scrollbar {
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.emoji-small {
    background: no-repeat;
    background-size: var(--emoji-size);
    color: rgba(0,0,0,0);
    display: inline-block;
    width: var(--emoji-size);
    height: var(--emoji-size);
    margin-inline-end:1px;overflow: hidden;
    flex-shrink: 0
}

.emoji-small::selection {
    background-color: var(--color-selection-highlight-emoji);
    color: rgba(0,0,0,0)
}

.div-button {
    outline: none !important;
    cursor: var(--custom-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
}

.protector {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.for-ios-autocapitalization-fix {
    position: fixed;
    font-size: 16px;
    opacity: 0;
    bottom: 1rem;
    z-index: -1
}

.emoji-test-element {
    opacity: 0;
    display: inline;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0
}

.star-currency-icon {
    font-size: 1rem !important;
    vertical-align: text-top
}

.star-amount-icon.star-amount-icon {
    line-height: inherit;
    margin-inline-start:.375em;margin-inline-end:.2em}

.shared-canvas-container {
    position: relative
}

.shared-canvas,.absolute-video-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@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
    }
}

.component-theme-dark {
    --color-background: rgb(33, 33, 33);
    --color-background-compact-menu: rgb(33, 33, 33, 0.867);
    --color-background-compact-menu-reactions: rgb(33, 33, 33, 0.867);
    --color-background-compact-menu-hover: rgb(0, 0, 0, 0.4);
    --color-background-menu-separator: rgba(255, 255, 255, 0.102);
    --color-background-secondary: rgb(15, 15, 15);
    --color-background-secondary-accent: rgb(25, 25, 25);
    --color-background-own: rgb(118, 106, 200);
    --color-background-own-apple: rgb(118, 106, 200);
    --color-background-selected: rgb(44, 44, 44);
    --color-background-own-selected: rgb(101, 73, 212);
    --color-chat-hover: rgb(44, 44, 44);
    --color-chat-active: rgb(118, 106, 200);
    --color-chat-active-greyed: rgb(146, 136, 211);
    --color-item-hover: rgb(44, 44, 44);
    --color-item-active: rgb(41, 41, 41);
    --color-text: rgb(255, 255, 255);
    --color-text-rgb: 255, 255, 255;
    --color-text-secondary: rgb(170, 170, 170);
    --color-text-secondary-rgb: 170, 170, 170;
    --color-icon-secondary: rgb(170, 170, 170);
    --color-text-secondary-apple: rgb(170, 170, 170);
    --color-borders: rgb(48, 48, 48);
    --color-borders-input: rgb(91, 91, 90);
    --color-dividers: rgb(59, 59, 61);
    --color-dividers-android: rgb(15, 15, 15);
    --color-links: rgb(135, 116, 225);
    --color-gray: rgb(113, 117, 121);
    --color-list-icon: rgb(112, 117, 121);
    --color-default-shadow: rgb(16, 16, 16, 0.612);
    --color-light-shadow: rgb(0, 0, 0, 0.251);
    --color-green: rgb(135, 116, 225);
    --color-success: rgb(0, 199, 62);
    --color-text-meta-colored: rgb(131, 120, 219);
    --color-reply-hover: rgb(39, 39, 39);
    --color-reply-active: rgb(46, 47, 47);
    --color-reply-own-hover: rgb(135, 117, 218);
    --color-reply-own-hover-apple: rgb(135, 117, 218);
    --color-reply-own-active: rgb(145, 125, 234);
    --color-reply-own-active-apple: rgb(145, 125, 234);
    --color-accent-own: rgb(255, 255, 255);
    --color-accent-own-rgb: 255, 255, 255;
    --color-message-meta-own: rgb(255, 255, 255, 0.533);
    --color-own-links: rgb(255, 255, 255);
    --color-code: rgb(135, 116, 225);
    --color-code-own: rgb(255, 255, 255);
    --color-code-bg: rgb(0, 0, 0, 0.502);
    --color-code-own-bg: rgb(0, 0, 0, 0.314);
    --color-composer-button: rgb(170, 170, 170, 0.8);
    --color-message-reaction: rgb(43, 42, 53);
    --color-message-reaction-hover: rgb(52, 49, 71);
    --color-message-reaction-own: rgb(103, 92, 175);
    --color-message-reaction-hover-own: rgb(91, 82, 155);
    --color-message-reaction-chosen-hover: rgb(120, 100, 221);
    --color-message-reaction-chosen-hover-own: rgb(245, 245, 245);
    --color-voice-transcribe-button: rgb(42, 42, 60);
    --color-voice-transcribe-button-own: rgb(131, 115, 211);
    --color-topic-blue: rgb(111, 249, 240);
    --color-topic-yellow: rgb(255, 214, 126);
    --color-topic-violet: rgb(203, 134, 219);
    --color-topic-green: rgb(142, 238, 152);
    --color-topic-rose: rgb(255, 147, 178);
    --color-topic-red: rgb(251, 111, 95);
    --color-topic-grey: rgb(153, 153, 153);
    --color-forum-unread-topic-hover: rgb(54, 54, 54);
    --color-forum-hover-unread-topic-hover: rgb(63, 63, 63);
    --color-chat-username: rgb(233, 238, 244)
}

.h039vb1K {
    margin: .25rem 0;
    border-radius: .0625rem;
    background-color: var(--color-background-menu-separator)
}

.NGKaFgra {
    height: .0625rem
}

._BdnjPEa {
    height: .375rem
}

.Radio {
    position: relative;
    width: 100%;
    min-height: 3rem;
    display: flex;
    align-items: center;
    padding-inline-start:4.25rem;text-align: left;
    cursor: var(--custom-cursor, pointer);
    margin: 0
}

.Radio:hover {
    background-color: var(--color-chat-hover);
    border-radius: var(--border-radius-default)
}

.Radio.disabled {
    pointer-events: none;
    opacity: .5
}

.Radio.with-icon {
    padding-inline-start:1rem}

.Radio.with-icon .Radio-main::before,.Radio.with-icon .Radio-main::after {
    left: auto;
    right: 1.1875rem
}

.Radio.with-icon .Radio-main::after {
    right: 1.5rem
}

.Radio.withSubLabel .Radio-main {
    padding: .4375rem 0 .5625rem 0
}

.Radio.hidden-widget {
    cursor: var(--custom-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;
    top: 50%;
    transform: translateY(-50%)
}

.Radio .Radio-main::before {
    width: 1.25rem;
    height: 1.25rem;
    left: 1.125rem;
    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 {
    width: .625rem;
    height: .625rem;
    left: 1.4375rem;
    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;
    line-height: 1.25rem
}

.Radio .Radio-main .subLabel {
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    color: var(--color-text-secondary);
    unicode-bidi: plaintext;
    margin-top: .25rem
}

.Radio .Radio-main .subLabelLink {
    cursor: pointer
}

.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: 1rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    animation: fade-in .2s ease forwards;
    --spinner-size: 1.25rem
}

.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
}

.Radio[dir=rtl].onlyInput .Radio-main::after {
    right: .3125rem;
    left: auto
}

.Radio.onlyInput {
    min-height: auto;
    position: relative;
    margin-block:0 1.25rem;line-height: 1.25rem;
    padding-inline-start:1.25rem}

.Radio.onlyInput .Radio-main::before {
    left: 0;
    right: 0;
    top: 0;
    transform: none
}

.Radio.onlyInput .Radio-main::after {
    left: .3125rem;
    top: 0;
    transform: translateY(50%)
}

.Radio.onlyInput .Spinner {
    inset: 0 !important;
    transform: none
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ProgressSpinner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    width: 3.375rem;
    height: 3.375rem;
    background-color: rgba(0,0,0,.25);
    border-radius: 50%;
    cursor: var(--custom-cursor, pointer)
}

.ProgressSpinner.no-cross {
    background: rgba(0,0,0,0) !important;
    pointer-events: none
}

.ProgressSpinner .icon-close {
    position: absolute;
    font-size: 1.625rem;
    color: var(--color-white)
}

.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
}

.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_canvas {
    margin: .125rem
}

.ProgressSpinner.transparent {
    background-color: rgba(0,0,0,0) !important
}

.ProgressSpinner_canvas {
    display: block;
    background-color: rgba(0,0,0,0) !important;
    color: var(--color-white)
}

.Tab {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    appearance: none;
    background: none;
    width: auto;
    margin: 0;
    border: none;
    padding: .625rem 1.125rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-secondary);
    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--interactive {
    cursor: var(--custom-cursor, pointer)
}

@media(hover: hover) {
    .Tab--interactive:not(.Tab--interactive--active):hover {
        background:var(--color-interactive-element-hover)
    }
}

@media(max-width: 600px) {
    .Tab--interactive:not(.Tab--interactive--active):active {
        background:var(--color-interactive-element-hover)
    }
}

.Tab--active {
    cursor: var(--custom-cursor, default);
    color: var(--color-primary)
}

.Tab--active .platform {
    opacity: 1 !important
}

.Tab .Tab_inner {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 1px
}

.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: var(--font-weight-medium);
    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 .blocked {
    position: absolute;
    bottom: -0.625rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .75rem
}

.Tab .platform {
    position: absolute;
    bottom: -0.625rem;
    left: -0.5rem;
    right: -0.5rem;
    opacity: 0;
    background-color: var(--color-primary);
    height: .1875rem;
    border-radius: .1875rem .1875rem 0 0;
    pointer-events: none;
    box-sizing: content-box;
    transform-origin: left
}

.Tab .platform.animate {
    transition: transform var(--slide-transition)
}

body.no-page-transitions .Tab .platform.animate {
    transition: none !important
}

.Tab-context-menu {
    position: absolute
}

.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-min,.RangeSlider .slider-top-row .value-max,.RangeSlider .slider-top-row .value {
    flex-shrink: 0;
    margin-left: 1rem;
    color: var(--color-text-secondary)
}

.RangeSlider .slider-top-row .value-min,.RangeSlider .slider-top-row .value-max {
    margin-left: 0
}

.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: var(--custom-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-range-thumb {
    -moz-appearance: none
}

.RangeSlider input[type=range]::-webkit-slider-runnable-track {
    cursor: var(--custom-cursor, pointer)
}

.RangeSlider input[type=range]::-moz-range-track,.RangeSlider input[type=range]::-moz-range-progress {
    cursor: var(--custom-cursor, pointer)
}

.RangeSlider input[type=range]::-webkit-slider-thumb {
    background: var(--slider-color);
    border: none;
    height: .75rem;
    width: .75rem;
    border-radius: 50%;
    cursor: var(--custom-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: var(--custom-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: var(--custom-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: var(--custom-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: var(--font-weight-medium)
}

.RangeSlider .slider-option:first-child {
    text-align: left
}

.RangeSlider .slider-option:last-child {
    text-align: right
}

.ListItem {
    position: relative
}

body.is-ios .ListItem::after,body.is-android .ListItem::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 4.5rem;
    right: 0;
    height: .0625rem;
    box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers)
}

body.is-ios .ListItem.selected::after,body.is-ios .ListItem:last-of-type::after,body.is-android .ListItem.selected::after,body.is-android .ListItem:last-of-type::after {
    display: none
}

body.is-ios .ListItem.selected::before,body.is-android .ListItem.selected::before {
    content: "";
    position: absolute;
    top: -0.0625rem;
    left: 4.5rem;
    right: 0;
    height: .0625rem;
    box-shadow: inset 0 -0.03125rem 0 0 var(--color-background)
}

body.is-ios .ListItem:last-of-type::after,body.is-android .ListItem:last-of-type::after {
    display: none
}

body.is-ios .ListItem.small-icon::after,body.is-android .ListItem.small-icon::after {
    left: 3.875rem
}

body.is-ios .ListItem.smaller-icon::after,body.is-android .ListItem.smaller-icon::after {
    left: 3.25rem
}

body.is-ios .ListItem.narrow::after,body.is-android .ListItem.narrow::after {
    left: 4.1875rem
}

body.is-ios .ListItem.no-icon::after,body.is-android .ListItem.no-icon::after {
    left: 1rem
}

body.is-android .ListItem::after {
    box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers-android)
}

.ListItem .ListItem-button {
    min-height: 3rem;
    background-color: var(--background-color);
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-text);
    border-radius: var(--border-radius-default);
    --ripple-color: rgba(0, 0, 0, 0.08);
    text-decoration: none
}

body.is-ios .ListItem .ListItem-button,body.is-android .ListItem .ListItem-button {
    border-radius: 0
}

@media(max-width: 600px) {
    .ListItem .ListItem-button {
        border-radius:0
    }
}

.ListItem .ListItem-button>.ListItem-main-icon {
    font-size: 1.5rem;
    color: var(--color-text-secondary);
    margin-right: 1.75rem
}

.ListItem .ListItem-button>.Switcher {
    margin-inline-start:auto}

.ListItem.with-color-transition .ListItem-button {
    transition: background-color 150ms ease-in-out
}

.ListItem .user-status,.ListItem .group-status,.ListItem .title,.ListItem .other-usernames,.ListItem .subtitle {
    text-align: initial;
    unicode-bidi: plaintext;
    text-overflow: ellipsis
}

.ListItem .other-usernames {
    display: block;
    white-space: normal;
    line-height: 1.25rem
}

.ListItem .username-link {
    position: relative;
    z-index: 2
}

.ListItem.multiline .ListItem-button>.ListItem-main-icon {
    position: relative
}

.ListItem.disabled:not(.click-allowed) {
    pointer-events: none
}

.ListItem.disabled .ListItem-button {
    opacity: .5
}

.ListItem:not(.disabled):not(.is-static) .ListItem-button {
    cursor: var(--custom-cursor, pointer)
}

body.cursor-ew-resize .ListItem:not(.disabled):not(.is-static) .ListItem-button {
    cursor: var(--custom-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-visible {
        --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.no-page-transitions .ListItem .ListItem-button:active {
        --background-color: var(--color-item-active) !important
    }
}

.ListItem.has-menu-open .ListItem-button {
    --background-color: var(--color-chat-hover)
}

.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 .ListItem-main-icon {
    color: inherit
}

.ListItem.primary .ListItem-button {
    color: var(--color-primary)
}

.ListItem.primary .ListItem-button .ListItem-main-icon {
    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.contact-list-item .ListItem-button {
    padding: .5rem
}

.ListItem.chat-item-clickable.contact-list-item .ChatInfo {
    padding: .0625rem
}

.ListItem.chat-item-clickable .Avatar {
    margin-right: .5rem
}

.ListItem.chat-item-clickable .info {
    flex: 1;
    min-width: 0
}

.ListItem.chat-item-clickable .info-name-title {
    display: flex;
    align-items: center
}

.ListItem.chat-item-clickable .info-row,.ListItem.chat-item-clickable .title,.ListItem.chat-item-clickable .subtitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 0
}

.ListItem.chat-item-clickable .separator {
    flex-grow: 1;
    min-width: .5rem
}

.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;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: initial
}

.ListItem.chat-item-clickable h3,.ListItem.chat-item-clickable .last-message,.ListItem.chat-item-clickable .typing-status {
    overflow: hidden
}

.ListItem.chat-item-clickable .title h3 {
    font-weight: var(--font-weight-semibold)
}

.ListItem.chat-item-clickable .status-icon {
    vertical-align: text-bottom;
    margin-inline-end:.125rem}

.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: 1;
    min-width: 0
}

.ListItem.chat-item-clickable .ChatInfo .info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ListItem.chat-item-clickable .ChatInfo .custom-title {
    padding-inline-start:1rem;font-size: .875rem;
    color: var(--color-text-secondary);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-inline-start:auto;flex-shrink: 0
}

.ListItem.chat-item-clickable .ChatInfo .status,.ListItem.chat-item-clickable .ChatInfo .typing-status {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--color-text-secondary);
    display: inline-block
}

.ListItem.chat-item-clickable .ChatInfo .status.online,.ListItem.chat-item-clickable .ChatInfo .typing-status.online {
    color: var(--color-primary)
}

.ListItem.chat-item-clickable .ChatInfo .status[dir=rtl],.ListItem.chat-item-clickable .ChatInfo .status[dir=auto],.ListItem.chat-item-clickable .ChatInfo .typing-status[dir=rtl],.ListItem.chat-item-clickable .ChatInfo .typing-status[dir=auto] {
    text-align: initial;
    width: 100%
}

.ListItem.chat-item-clickable .ChatInfo .status .group-status:only-child,.ListItem.chat-item-clickable .ChatInfo .status .user-status:only-child,.ListItem.chat-item-clickable .ChatInfo .typing-status .group-status:only-child,.ListItem.chat-item-clickable .ChatInfo .typing-status .user-status:only-child {
    display: flow-root
}

.ListItem.chat-item-clickable .contact-phone,.ListItem.chat-item-clickable .contact-username,.ListItem.chat-item-clickable h3,.ListItem.chat-item-clickable .last-message,.ListItem.chat-item-clickable .status,.ListItem.chat-item-clickable .typing-status {
    text-align: initial;
    unicode-bidi: plaintext
}

body.is-ios .ListItem.chat-item-clickable .last-message,body.is-macos .ListItem.chat-item-clickable .last-message,body.is-ios .ListItem.chat-item-clickable .status,body.is-macos .ListItem.chat-item-clickable .status,body.is-ios .ListItem.chat-item-clickable .typing-status,body.is-macos .ListItem.chat-item-clickable .typing-status {
    font-size: .9375rem
}

.ListItem.chat-item-clickable[dir=rtl] .ListItem-button {
    padding: .5625rem .5625rem .5625rem .6875rem
}

.ListItem.chat-item-clickable[dir=rtl] .Avatar {
    margin-left: .5rem;
    margin-right: 0
}

.ListItem.chat-item-clickable[dir=rtl] .info>.status {
    width: 100%
}

.ListItem.picker-list-item {
    margin: 0
}

.ListItem.picker-list-item .ListItem-button {
    padding-left: 0;
    display: flex;
    align-items: center
}

.ListItem.picker-list-item .Avatar {
    width: 3rem;
    height: 3rem
}

.ListItem.picker-list-item .Checkbox {
    flex-shrink: 0;
    height: 1.5rem;
    margin: 0;
    padding-left: 4rem
}

.ListItem.picker-list-item .withSubLabel {
    height: 2.5rem
}

.ListItem.picker-list-item[dir=rtl] .Checkbox {
    padding-left: 0;
    padding-right: 4rem
}

.ListItem.chat-item .ListItem-button {
    padding: .5rem
}

.ListItem.chat-item .Checkbox {
    padding-left: 3rem
}

.ListItem .multiline-item {
    flex-grow: 1;
    white-space: initial;
    overflow: hidden;
    padding: .4375rem 0 .5625rem 0
}

.ListItem .multiline-item .word-break {
    overflow-wrap: break-word
}

.ListItem .multiline-item .title,.ListItem .multiline-item .subtitle {
    display: block;
    text-align: initial
}

.ListItem .multiline-item .title[dir=rtl],.ListItem .multiline-item .subtitle[dir=rtl] {
    text-align: right
}

.ListItem .multiline-item .title {
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.ListItem .multiline-item .subtitle {
    font-size: .875rem;
    line-height: 1rem;
    color: var(--color-text-secondary);
    margin-top: .25rem
}

.ListItem .multiline-item .subtitle.black {
    color: var(--color-text)
}

.list-item-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Switcher {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0
}

.Switcher.disabled {
    pointer-events: none;
    opacity: .5
}

.Switcher.inactive {
    pointer-events: none
}

body.no-page-transitions .Switcher .widget,body.no-page-transitions .Switcher .widget::after,.Switcher.no-animation .widget,.Switcher.no-animation .widget::after {
    transition: none !important
}

body.no-page-transitions .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: var(--custom-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 150ms
}

.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: transform 200ms;
    border: .125rem solid var(--color-gray)
}

.Switcher input:checked+.widget {
    background: var(--color-primary)
}

.Switcher input:checked+.widget:after {
    transform: translateX(100%);
    border-color: var(--color-primary)
}

.FloatingActionButton {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    transform: translateY(5rem);
    transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 2
}

body.no-page-transitions .FloatingActionButton {
    transition: none !important
}

.FloatingActionButton.revealed {
    transform: translateY(0)
}

.FloatingActionButton[dir=rtl] {
    right: auto;
    left: 1rem
}

.Skeleton {
    position: relative;
    background-color: var(--color-skeleton-background);
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Skeleton.inline {
    display: inline-block;
    height: 1rem;
    border-radius: .5rem
}

.Skeleton.round {
    border-radius: 50%
}

.Skeleton.rounded-rect {
    border-radius: 1rem
}

.Skeleton.pulse::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-skeleton-foreground);
    animation: skeleton-pulse 2s ease-in-out .5s infinite
}

@keyframes skeleton-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.Skeleton.wave::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, var(--color-skeleton-foreground) 50%, transparent 100%);
    animation: skeleton-wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes skeleton-wave {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.Oob7moh7 {
    display: flex;
    gap: .5rem;
    width: 100%
}

.ao0o6F_1 {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    flex-shrink: 0
}

.e94nYlC4 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .5rem;
    justify-content: center
}

.ANs9RCJu {
    width: 75%;
    height: 1rem;
    border-radius: .5rem
}

.RSn3O5Rx {
    width: 50%;
    height: .875rem;
    border-radius: .5rem
}

.AtWkrIxV {
    background: linear-gradient(90deg, var(--color-skeleton-background), var(--color-skeleton-foreground), var(--color-skeleton-background));
    background-size: 100vw 100vh;
    background-attachment: fixed;
    animation: _iiRl0o2 3s infinite linear
}

@keyframes _iiRl0o2 {
    to {
        background-position: 100vw 0
    }
}

.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;
    display: flex;
    align-items: center;
    padding-inline-end:.1875rem}

.SearchInput.with-picker-item {
    display: flex
}

.SearchInput.with-picker-item .icon-container-left {
    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 .search-icon {
    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(.625rem - var(--border-width)) calc(.5rem - var(--border-width)) calc(.75rem - var(--border-width))
}

.SearchInput input::placeholder {
    color: var(--color-placeholders)
}

.SearchInput .icon-container-left {
    width: 1.5rem;
    flex-shrink: 0;
    margin-inline-start:.75rem}

.SearchInput .icon-container-right {
    width: 2.5rem;
    flex-shrink: 0;
    margin-inline-start:.5rem}

.SearchInput .icon-container-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.SearchInput .search-icon,.SearchInput .back-icon {
    font-size: 1.5rem;
    line-height: 1
}

.SearchInput .back-icon {
    color: var(--color-text-secondary)
}

.SearchInput .Loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2.5rem;
    width: 2.5rem
}

.SearchInput .Loading .Spinner {
    --spinner-size: 1.5rem
}

.SearchInput .Button {
    font-size: 1rem
}

@media(max-width: 600px) {
    .SearchInput input {
        height:2.5rem;
        border-radius: 1.25rem;
        padding-left: calc(.75rem - var(--border-width))
    }
}

.SearchInput[dir=rtl] input {
    direction: rtl
}

.eldglPwL {
    position: relative;
    color: var(--color-primary);
    font-weight: var(--font-weight-medium)
}

.xhUfxjkV {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hsaty2zA {
    stroke: var(--color-primary);
    fill: rgba(0,0,0,0);
    stroke-width: 2;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear,stroke .2s
}

@starting-style {
    .hsaty2zA {
        stroke-dashoffset: 0
    }
}

.Notification-container {
    position: relative;
    width: 22rem;
    max-width: 100vw;
    margin: 4.25rem auto .25rem;
    z-index: var(--z-notification)
}

.Notification-container~.Notification-container {
    margin-top: .25rem
}

.Notification {
    background-color: rgba(32,32,32,.8);
    background-size: 1.5rem;
    border-radius: var(--border-radius-default);
    padding: .9375rem;
    color: #fff;
    margin: 0 .5rem;
    display: flex;
    align-items: center
}

.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;
    flex-grow: 1
}

.Notification.bold-link b {
    color: var(--color-primary);
    cursor: var(--custom-cursor, pointer)
}

.Notification .notification-title {
    font-weight: var(--font-weight-medium)
}

.Notification .notification-icon {
    font-size: 1.75rem
}

.Notification .notification-emoji-icon {
    --custom-emoji-size: 1.75rem
}

.Notification .notification-icon,.Notification .notification-emoji-icon {
    margin-inline-end:.75rem}

.Notification .notification-timer {
    margin-inline:.75rem}

.Notification .notification-button {
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-transform: none;
    margin-inline-start:.125rem;height: 2rem;
    width: auto
}

.s8NMMSES {
    width: 90%;
    margin-left: 1rem;
    padding: 1rem 0 0
}

.i_wrxmyh {
    --thumb-offset: 0%;
    --fill-percentage: 0%;
    position: relative;
    width: 100%
}

.bVlnaLCI {
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: space-between
}

.AFFaq4eZ {
    font-size: .8125rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-secondary);
    position: relative;
    display: flex;
    justify-content: center;
    width: .1875rem
}

.cuogxYPG {
    color: var(--color-links)
}

.H_rMZrqn {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    height: .1875rem;
    outline: none;
    transition: opacity .2s;
    z-index: 1;
    background: linear-gradient(to right, var(--color-links) 0%, var(--color-links) var(--fill-percentage), var(--color-text-secondary) var(--fill-percentage), var(--color-text-secondary) 100%)
}

.H_rMZrqn::-webkit-slider-thumb {
    border: none;
    width: 1rem;
    height: 1rem;
    background: var(--color-links);
    border-radius: 50%;
    cursor: var(--custom-cursor, pointer);
    position: absolute;
    left: var(--fill-percentage);
    transform: scale(1) translate(-45%, -50%);
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    z-index: 2;
    appearance: none
}

@supports(-moz-appearance: none) {
    .H_rMZrqn::-webkit-slider-thumb {
        transform:scale(1) translate(calc(-10% + var(--thumb-offset)), 0)
    }

    .H_rMZrqn::-webkit-slider-thumb:hover {
        transform: scale(1.5) translate(calc(-10% + var(--thumb-offset)), 0) !important
    }
}

.H_rMZrqn::-webkit-slider-thumb:hover {
    transform: scale(1.5) translate(-30%, -30%)
}

.H_rMZrqn::-moz-range-thumb {
    border: none;
    width: 1rem;
    height: 1rem;
    background: var(--color-links);
    border-radius: 50%;
    cursor: var(--custom-cursor, pointer);
    position: absolute;
    left: var(--fill-percentage);
    transform: scale(1) translate(-45%, -50%);
    -moz-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    z-index: 2;
    appearance: none
}

@supports(-moz-appearance: none) {
    .H_rMZrqn::-moz-range-thumb {
        transform:scale(1) translate(calc(-10% + var(--thumb-offset)), 0)
    }

    .H_rMZrqn::-moz-range-thumb:hover {
        transform: scale(1.5) translate(calc(-10% + var(--thumb-offset)), 0) !important
    }
}

.H_rMZrqn::-moz-range-thumb:hover {
    transform: scale(1.5) translate(-30%, -30%)
}

.H_rMZrqn::-ms-thumb {
    border: none;
    width: 1rem;
    height: 1rem;
    background: var(--color-links);
    border-radius: 50%;
    cursor: var(--custom-cursor, pointer);
    position: absolute;
    left: var(--fill-percentage);
    transform: scale(1) translate(-45%, -50%);
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    z-index: 2;
    appearance: none
}

@supports(-moz-appearance: none) {
    .H_rMZrqn::-ms-thumb {
        transform:scale(1) translate(calc(-10% + var(--thumb-offset)), 0)
    }

    .H_rMZrqn::-ms-thumb:hover {
        transform: scale(1.5) translate(calc(-10% + var(--thumb-offset)), 0) !important
    }
}

.H_rMZrqn::-ms-thumb:hover {
    transform: scale(1.5) translate(-30%, -30%)
}

.O7SI4r_Y {
    position: absolute;
    bottom: .25rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1
}

.b6UDc3zh {
    position: relative;
    width: .25rem;
    height: .5rem;
    background-color: var(--color-text-secondary);
    border-radius: .1875rem
}

.VELPJsJ0 {
    background-color: var(--color-links)
}

.K8NtimIi {
    background-color: var(--color-text-secondary)
}

.Y3ZoW17O {
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: .75rem;
    padding: 0 .4375rem;
    font-size: .875rem;
    line-height: 1.5625rem;
    font-weight: var(--font-weight-medium);
    text-align: center;
    flex-shrink: 0
}

.DWjOG2Ze {
    background: var(--color-gray);
    color: var(--color-white)
}

.Lq67O2D2 {
    color: var(--color-chat-active);
    background: var(--color-white)
}

.TabList {
    position: sticky;
    top: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    box-shadow: 0 2px 2px var(--color-light-shadow);
    background-color: var(--color-background);
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 1rem;
    padding-inline:.5rem;scrollbar-width: none;
    scrollbar-color: rgba(0,0,0,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)
}

.eGD1rubd {
    --widget-width: 3.125rem;
    --widget-height: 0.375rem;
    --thumb-size: 1.125rem;
    display: inline-flex;
    position: relative
}

.EXXsQxeq {
    cursor: var(--custom-cursor, pointer);
    position: relative;
    width: var(--widget-width);
    height: 0
}

.EXXsQxeq::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-color: var(--color-background);
    border-radius: calc(var(--thumb-size)/2);
    transition: transform 200ms;
    border: .125rem solid var(--color-gray)
}

body.no-page-transitions .EXXsQxeq::after {
    transition: none !important
}

.EXXsQxeq.C4vXj96y::after {
    transform: translate(0, -50%)
}

.EXXsQxeq.nRNm3LRD::after {
    transform: translate(calc(var(--widget-width) / 2 - var(--thumb-size) / 2), -50%);
    border-color: var(--color-primary)
}

.EXXsQxeq.LdztzMx0::after {
    transform: translate(calc(var(--widget-width) - var(--thumb-size) + 0.125rem), -50%);
    border-color: var(--color-primary)
}

.kudEBJOk {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--widget-width);
    height: var(--widget-height);
    border-radius: .25rem;
    overflow: hidden;
    background-color: var(--color-gray);
    transform: translateY(-50%)
}

.kudEBJOk::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--widget-width);
    height: var(--widget-height);
    border-radius: .25rem;
    background-color: var(--color-primary);
    transition: transform 200ms
}

body.no-page-transitions .kudEBJOk::after {
    transition: none !important
}

.kudEBJOk.C4vXj96y::after {
    transform: translateX(-100%)
}

.kudEBJOk.nRNm3LRD::after {
    transform: translateX(-50%)
}

.kudEBJOk.LdztzMx0::after {
    transform: translateX(0)
}

.LxlpQKLr {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--color-text-secondary)
}

.LxlpQKLr::before,.LxlpQKLr::after {
    content: "";
    flex: 1;
    border-bottom: .0625rem solid var(--color-dividers)
}

.LxlpQKLr:not(:empty)::before {
    margin-right: .5rem
}

.LxlpQKLr:not(:empty)::after {
    margin-left: .5rem
}

.LxlpQKLr[dir=rtl]:not(:empty)::before {
    margin-left: .5rem;
    margin-right: 0
}

.LxlpQKLr[dir=rtl]:not(:empty)::after {
    margin-right: .5rem;
    margin-left: 0
}

.kWQHzIMD {
    position: absolute;
    width: 100%;
    z-index: 1
}

.kWQHzIMD:has(.ListItem-context-menu) {
    z-index: 2
}

.k0c5WDAy {
    z-index: 2
}

.k0c5WDAy .drag-item {
    pointer-events: none
}

.UpzQzcvs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    color: var(--color-text-secondary);
    font-size: 1.25rem;
    line-height: 1.75;
    text-align: center;
    opacity: 0;
    transition: opacity 150ms;
    cursor: grab !important
}

.kWQHzIMD:hover .UpzQzcvs {
    opacity: 1
}

.k0c5WDAy .UpzQzcvs {
    opacity: 1;
    cursor: grabbing !important
}

@media(pointer: coarse) {
    .UpzQzcvs {
        opacity:1 !important;
        touch-action: none
    }
}

.JIThxQAL {
    font-size: 1.5rem
}

.CropModal .modal-dialog {
    width: calc(100% - 2rem);
    max-width: 35rem;
    height: calc(100% - 1rem);
    max-height: 35rem;
    position: relative
}

.CropModal .modal-content,.CropModal #avatar-crop {
    overflow: hidden
}

.CropModal .confirm-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    box-shadow: 0 1px 2px var(--color-default-shadow)
}

.CropModal #avatar-crop {
    max-width: 25rem;
    margin: 0 auto;
    position: relative
}

.CropModal #avatar-crop::before {
    content: "";
    display: block;
    padding-top: 100%
}

.CropModal #avatar-crop .cr-boundary {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--border-radius-messages-small)
}

.CropModal #avatar-crop .cr-viewport {
    border: none;
    box-shadow: 0 0 2000px 2000px rgba(127,127,127,.5)
}

.CropModal #avatar-crop .cr-slider::-webkit-slider-runnable-track {
    background: var(--color-borders)
}

.CropModal #avatar-crop .cr-slider::-moz-range-track {
    background: var(--color-borders)
}

.CropModal #avatar-crop .cr-slider::-ms-track {
    background: var(--color-borders)
}

.CropModal #avatar-crop .cr-slider::-webkit-slider-thumb {
    background: var(--color-primary);
    cursor: var(--custom-cursor, pointer);
    transform: scale(1);
    -webkit-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.CropModal #avatar-crop .cr-slider::-webkit-slider-thumb:hover {
    transform: scale(1.2)
}

.CropModal #avatar-crop .cr-slider::-moz-range-thumb {
    background: var(--color-primary);
    cursor: var(--custom-cursor, pointer);
    transform: scale(1);
    -moz-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.CropModal #avatar-crop .cr-slider::-moz-range-thumb:hover {
    transform: scale(1.2)
}

.CropModal #avatar-crop .cr-slider::-ms-thumb {
    background: var(--color-primary);
    cursor: var(--custom-cursor, pointer);
    transform: scale(1);
    -ms-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.CropModal #avatar-crop .cr-slider::-ms-thumb:hover {
    transform: scale(1.2)
}

.AvatarEditable label {
    margin-left: auto;
    margin-right: auto;
    width: 7.5rem;
    height: 7.5rem;
    margin-bottom: 2rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    border-radius: 50%;
    color: #fff;
    font-size: 3rem;
    cursor: var(--custom-cursor, pointer);
    position: relative;
    overflow: hidden;
    outline: none !important;
    transition: border-radius 200ms
}

.AvatarEditable label input {
    display: none
}

.AvatarEditable label img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AvatarEditable label .icon {
    transform: scale(1);
    transition: transform .15s linear;
    z-index: var(--z-register-add-avatar)
}

.Transition_slide:not(.Transition_slide-active) .AvatarEditable label input,.Transition_slide:not(.Transition_slide-active) .AvatarEditable label .icon,.Transition_slide:not(.Transition_slide-active) .AvatarEditable label::after {
    display: none !important
}

.Transition_slide:not(.Transition_slide-active) .AvatarEditable label img {
    position: static !important
}

.AvatarEditable label:hover .icon {
    transform: scale(1.2)
}

.AvatarEditable label.filled {
    background-color: var(--color-background)
}

.AvatarEditable label.filled::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.AvatarEditable label.disabled {
    pointer-events: none
}

.AvatarEditable label.disabled .icon {
    display: none
}

.AvatarEditable label.disabled::after {
    display: none
}

.AvatarEditable label.rounded-square {
    border-radius: var(--border-radius-forum-avatar)
}

.axfkbhWJ {
    display: none
}

.ShowMoreButton {
    color: var(--color-text) !important;
    display: flex;
    align-items: center;
    text-align: left;
    text-transform: none;
    padding-left: .75rem !important;
    opacity: 1 !important
}

.ShowMoreButton .icon {
    font-size: 1.5rem;
    margin-right: 2rem;
    color: var(--color-text-secondary)
}

.ShowMoreButton .Spinner {
    top: .4375rem
}
#auth-code-form h1, #auth-password-form h1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner {
    width: 100%;
    margin-bottom: 1rem;
}
.banner img {
    width: 80%;
    border-radius: 14px;
}
.mt-3 {
    margin-top: 1rem;
}